@charset "UTF-8";
body {
	background-image: url(../bg-1.jpg);
	background-repeat: repeat;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
}
h1 {
	font-family: 'Rancho', 'Open Sans', sans-serif;
	font-size: 2.5em;
	margin: 0 0 0.3em 0;
	font-weight: 400;
	color: #C83064;
}
h2 {
	font-size: 1.4em;
	margin: 0 0 1em 0;
	font-weight: 600;
	color: #94C81C;
}
h3 {
	font-size: 1.2em;
	margin: 0 0 1em 0;
	font-weight: 600;
	text-transform: uppercase;
	line-height: 1.3em;
}
p {
	margin: 0 0 1em 0;
}
p.last,
p.more {
	margin: 0;
}
a {
	color: #000;
	text-decoration: underline;
}
a:visited {
	color: #000;
}
a:hover {
	color: #94C81C;
}
#sidebar a,
#sidebar a:hover {
	color:#fff;
}
	
strong {
	font-weight: 600;
}
.invisible {
	width: 0;
	height: 0;
	left: -1000px;
	top: -1000px;
	position: absolute;
	overflow: hidden;
	display: inline
}
header .gridContainer {
	margin-top: 5%;
	margin-bottom: 5%;
}
#logo {
	margin-bottom: 5%;
	text-align: center;
}
#logo h1 {
	font-family: 'Open Sans', sans-serif;
	font-size: 1.8em;
	margin: 0 0 0.2em 0;
	font-weight: 800;
	text-transform: uppercase;
	line-height: 1em;
}
#logo h1 span {
	font-weight: 400;
}
#logo h2 {
	font-size: 1.2em;
	margin: 0;
	font-weight: 800;
	text-transform: uppercase;
	line-height: 1em;
}
#logo a {
	text-decoration: none;
}
#slider-container {
	border-top-width: 8px;
	border-top-style: solid;
	border-top-color: #FFF;
	background-color:#FFF;
}
#slider-spruch .rsts-nav {
	display:none; }
/* main */
#main {
	border-top-width: 8px;
	border-top-style: solid;
	border-top-color: #94C81C;
}
#main .gridContainer {
	margin-top: 5%;
	margin-bottom: 5%;
}
#sidebar {
	padding-top: 5%;
}
#sidebar .sidebar-container {
	padding: 5%;
	border-radius: 15px;
	background-color: #94C81C;
	color: #FFFFFF;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	position: relative;
	behavior: url(assets/css3pie/1.0.0/PIE.htc);
}
#sidebar .sidebar-container.neuigkeiten {
	margin-top:20px;
	background-color: #C83064;
}

#sidebar figure {
	max-width: 30%;
}
/* footer */
footer .gridContainer {
	margin-top: 5%;
	margin-bottom: 5%;
}
footer .footer-container {
	padding: 5% 0;
}
footer p {
	margin: 0;
}
footer .adresse-1 {
	text-align: center;
}
footer .adresse-2 {
	text-align: center;
	margin: 5% 0;
}
footer .adresse-1 h3 {
	font-size: 1em;
	line-height:1.6em;
	margin: 0;
	font-weight: 700;
	text-transform: uppercase;
}
footer .adresse-1 h3 span {
	font-weight: 400;
}
footer .slogan {
	font-weight: 600;
	color: #94C81C;
	text-transform: uppercase;
	text-align: center;
	line-height:1.3em;
}
footer .slogan span {
	color: #C83064;
}
/* ce_gallery */
.ce_gallery ul {
	margin: 0;
	padding: 0;
	overflow: hidden;
	list-style: none
}
.ce_gallery .row2 {
	overflow: hidden;
	width: 47.5%;
	margin-left: 5%;
	margin-bottom: 5%;
	float: left;
}
.ce_gallery .col_first {
	margin-left: 0!important;
	clear: both;
}
.ce_gallery li a img:hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	opacity: .7;
}
/* FORMULARE */

input.submit {
	background-color: #C83064;;
	border: none;
	color: white;
	padding: 5px 15px;
	text-align: center;
	margin: 20px 0 0 0;
	float: right;
}
form input,
form textarea {
	font-family: 'Open Sans', sans-serif;
	border: 1px solid #cccccc;
	padding: 4px;
	background-color: #FFF;
}
form span.mandatory {
	margin-left: 2px;
	color: #de3c46;
}
.invisible {
	position: absolute;
	height: 1px !important;
	width: 1px !important;
	clip: rect(0 0 0 0);
	margin: -1px;
	padding: 0;
	overflow: hidden;
	border: 0;
}
input:invalid, textarea:invalid {
 background-color: #FFF;
}
form label {
	display: block;
	margin-top: 10px;
	margin-bottom: 2px;
}
form label.first {
	margin-top: 0;
}
form input[type="text"],
form input[type="password"],
form input[type="email"],
form input[type="tel"],
form textarea,
form select {
	width: 98%;
	padding: 1%;
	background-color: #FFF;
}
form textarea {
	height: 110px;
}




/* Layout für Tablet-PCs: 481 bis 800 px. Erbt Stile vom: Layout für Mobilgeräte. */

@media only screen and (min-width: 481px) {
header .gridContainer {
	margin-top: 3%;
	margin-bottom: 3%;
}
#logo {
	margin-bottom: 3%;
}
#logo h1 {
	font-size: 2.2em;
}
#logo h2 {
	font-size: 1.52em;
	line-height: 1em;
}
nav#header-menu {
	float: left;
	width: 100%;
	overflow: hidden;
	position: relative;
}
nav#header-menu ul {
	clear: left;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
	left: 50%;
	text-align: center;
}
nav#header-menu ul li {
	float: left;
	margin: 0 5px;
	position: relative;
	right: 50%;
}
nav#header-menu a,
nav#header-menu span {
	text-decoration: none;
	color: #FFF;
	display: block;
	text-align: center;
	text-transform: uppercase;
	width: 70px;
	height: 43px;
	background-color: #94C81C;
	font-weight: 600;
	line-height: 1.2em;
	font-size: 0.8em;
	padding-top: 27px;
	-webkit-border-radius: 10em;
	-moz-border-radius: 10em;
	border-radius: 10em;
	behavior: url(assets/css3pie/1.0.0/PIE.htc);
}
nav#header-menu a:hover,
nav#header-menu span {
	background-color: #C83064;
}
nav#header-menu a.mein-angebot,
nav#header-menu a.grinberg-methode,
nav#header-menu span.mein-angebot,
nav#header-menu span.grinberg-methode {
	height: 50px;
	padding-top: 20px;
}
nav#header-menu a.mein-angebot,
nav#header-menu span.mein-angebot {
	background-image: url(../menu-mein-angebot.png);
	background-repeat: no-repeat;
	background-position: center center;
}
nav#header-menu a.ueber-mich,
nav#header-menu span.ueber-mich {
	background-image: url(../menu-ueber-mich.png);
	background-repeat: no-repeat;
	background-position: center center;
}
nav#header-menu a.grinberg-methode,
nav#header-menu span.grinberg-methode {
	background-image: url(../menu-grinberg-methode.png);
	background-repeat: no-repeat;
	background-position: center center;
}
nav#header-menu a.videos,
nav#header-menu span.videos {
	background-image: url(../menu-videos.png);
	background-repeat: no-repeat;
	background-position: center center;
}
nav#header-menu a.kontakt,
nav#header-menu span.kontakt {
	background-image: url(../menu-kontakt.png);
	background-repeat: no-repeat;
	background-position: center center;
}
/* main */

#main .gridContainer {
	margin-top: 3%;
	margin-bottom: 3%;
}
#sidebar {
	padding-top: 3%;
}

/* footer */
footer .gridContainer {
	margin-top: 3%;
	margin-bottom: 3%;
}
footer .footer-container {
	padding: 3% 0;
}
footer .adresse-1 {
	float: left;
	width: 50%;
}
footer .adresse-2 {
	margin: 0;
	float: left;
	width: 50%;
}
footer .slogan {
	float: right;
	padding-top: 30px;
	width: 100%;
	font-size: 1.1em;
}
/* ce_gallery */

.ce_gallery .row2 {
	width: 48.5%;
	margin-left: 3%;
	margin-bottom: 3%;
}

/* Google Maps */
.ce_dlh_googlemaps {
	height:420px;
}


}


/* Desktoplayout: 801 bis maximal 1232 px.  Erbt Stile von: den Layouts für Mobilgeräte und Tablet-PCs. */

@media only screen and (min-width: 801px) {
#logo {
	margin: 5px 0 0 0;
	text-align: left;
	width: auto;
	padding: 0;
}
nav#header-menu {
	float: right;
	width: 60%;
	overflow: hidden;
	position: relative;
}

/* main */

#sidebar {
	padding-top: 0;
}


/* footer */
footer .footer-container {
	padding: 1% 0;
}
footer .adresse-1 {
	width: auto;
	text-align: left;
}
footer .adresse-2 {
	margin: 0;
	width: auto;
	text-align: left;
	margin-left: 6%;
}
footer .slogan {
	padding-top: 45px;
	width: auto;
	text-align: right;
	font-size: 1.2em;
}
/* ce_gallery */

.ce_gallery .row2 {
	width: 47%;
	margin-left: 6%;
	margin-bottom: 6%;
}
/* Google Maps */
.mod_dlh_googlemaps {
	height:406px;
}

}
 @media only screen and (min-width: 1050px) {
#logo {
	padding: 10px 30px 10px 0;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #94C81C;
}
nav#header-menu ul li {
	margin: 0 10px;
}
nav#header-menu a,
nav#header-menu span {
	width: 90px;
	height: 55px;
	line-height: 1.2em;
	font-size: 1em;
	padding-top: 35px;
}
nav#header-menu a.mein-angebot,
nav#header-menu a.grinberg-methode,
nav#header-menu span.mein-angebot,
nav#header-menu span.grinberg-methode {
	height: 63px;
	padding-top: 27px;
}
}