@charset "UTF-8";
/* CSS Document */

body {
	padding:0px;
	margin:0px;
	font-family: 'Lato', sans-serif;
	font-size:14px;
	font-weight:100;
	overflow:hidden;
	text-align:left;
	background-image:url(img/bg_pattern.png);
	background-color: #E0E0E0;
	background-position:center;
	background-repeat:repeat;
}

p {
	padding:0 0 0 0;
	margin:0 0 0 0;
}

h1 {
	font-family:'Lato', sans-serif;
	font-size:15px;
	color:#CCC;
	font-weight:300;
	margin:-6px 0 0 0;
}

span {
	background-color:#fff;
	padding:4px;
}

.fancybox-nav span {
	background-color:transparent;
}

a { color:#000; text-decoration:none; }
a:link { text-decoration:none; }
a:visited { text-decoration:none; }
a:hover { text-decoration:none; color:#9bbcb1; }
a:active { text-decoration:none; }
a:focus { text-decoration:none; }


.copy {
	font-size:18px;
	font-weight:300;
	line-height:33px;
}


#header_home {
	position: fixed;
	top:0px;
	left:0px;
	height:170px;
	width:1000px;
	z-index:99;
	overflow:visible;
	background-image:url(img/header_index_small.png);
}

#header_content {
	position:fixed;
	height:160px;
	top:0px;
	left:50%;
	z-index:1;
	width:3000px;
	margin-left:-1500px;
	overflow:hidden;
}

.logo {
	position: fixed;
	left:40px;
	z-index:100;
	top:20px;
	width:255px;
}

.logo img {
	width:255px;
}

.auszeichnung_termine {
	font-weight:400;
	background-color:#b6ba84;/*b4b47a*/
}
.auszeichnung_kostenpunkte {
	font-weight:400;
	background-color:#e2c4b9;
}
.auszeichnung_partner {
	background-color:#fff;
}
.auszeichnung_impressum {
	font-weight:400;
	background-color:#ccc;
}

/* Navi Index */

#nav {
	position: absolute;
	left:50%;
	top:220px;
	margin-left:-220px;
	width:430px;
	height:280px;
	z-index:99;
}

#navigation_index {
	position: absolute;
	top:73px;
	left:167px;
	width:176px;
	z-index:99;
	
	font-size:25px;
	font-weight:300;
	text-align: left;
	line-height:43px;
}

.headline_index {
	position:absolute;
	top:0px;
	left:0px;
	text-align:left;
	font-size:40px;
	font-weight:600;
	line-height:38px;
	color:#fff;
	transform:rotate(-4.5deg);
	-moz-transform: rotate(-4.5deg); /* FF3.5+ */
	-o-transform: rotate(-4.5deg); /* Opera 10.5 */
	-webkit-transform: rotate(-4.5deg); /* Saf3.1+, Chrome */
	-ms-transform: rotate(-4.5deg); /* IE9 */
	z-index:99;
	
	-moz-text-shadow: 3px 3px 4px rgba(0,0,0,0.6);
	-webkit-text-shadow: 3px 3px 4px rgba(0,0,0,0.6);
	text-shadow: 3px 3px 3px rgba(0,0,0,0.6);
}

#inspiriert {
	top:0px;
	left:0px;
}
#persoenlich {
	top:22px;
	left:95px;
}
#anders {
	top:65px;
	left:27px;
}

#navigation_index span {
	padding-left:10px;
	padding-right:10px;
}

#navigation_index .home {
	margin-left:0px;
}

#navigation_index .gedanke {
	margin-left:0px;
}

#navigation_index .kostenpunkte {
	margin-left:0px;
}

#navigation_index .termine {
	margin-left:0px;
}

#navigation_index .partner {
	margin-left:0px;
}

#mobile_navigation_index_wrapper,
#mobile_navigation_content_wrapper {
	display:none;
}

/* Navi Inhalt */

#navigation_content {
	position: fixed;
	left:40px;
	top:210px;
	width:130px;
	transform: none;
	-moz-transform: none; /* FF3.5+ */
	-o-transform: none; /* Opera 10.5 */
	-webkit-transform: none; /* Saf3.1+, Chrome */
	-ms-transform: none; /* IE9 */
	z-index:40;
	
	font-size:18px;
	font-weight:300;
	text-align:left;
	line-height:33px;
}

#navigation_content span {
	padding-left:7px;
	padding-right:10px;
}

#navigation_content .home {
	margin-left:0px;
}

#navigation_content .gedanke {
	margin-left:0px;
}

#navigation_content .kostenpunkte {
	margin-left:0px;
}

#navigation_content .termine {
	margin-left:0px;
}

#navigation_content .partner {
	margin-left:0px;
}

.navigation_content_description {
	position:absolute;
	text-align:left;
	font-size:25px;
	font-weight:600;
	line-height:38px;
	color:#fff;
	transform:rotate(-4.5deg);
	-moz-transform: rotate(-4.5deg); /* FF3.5+ */
	-o-transform: rotate(-4.5deg); /* Opera 10.5 */
	-webkit-transform: rotate(-4.5deg); /* Saf3.1+, Chrome */
	-ms-transform: rotate(-4.5deg); /* IE9 */
	z-index:99;
	
	-moz-text-shadow: 3px 3px 4px rgba(0,0,0,0.6);
	-webkit-text-shadow: 3px 3px 4px rgba(0,0,0,0.6);
	text-shadow: 3px 3px 3px rgba(0,0,0,0.6);
}

.navi_active {
	font-weight:600;
	color:#F00;
}

#menu_description {
	top:-38px;
	left:-15px;
}


/* HOME */

#home {
	position: absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	overflow:hidden;
	z-index:98;
}

#cycler {
	position: absolute; 
	top: -50%;
	left: -50%; 
	width: 200%; 
	height: 200%;
	z-index:10;
	overflow: hidden;
}

#cycler img{z-index:1}
#cycler img.active{z-index:3}

#cycler img {
	position: absolute; 
	top: 0; 
	left: 0; 
	right: 0; 
	bottom: 0; 
	margin: auto; 
	min-width: 50%;
	min-height: 50%;
}

.meta_nav {
	position:fixed;
	right:35px;
	top:15px;
	text-align:right;
	font-size:17px;
	font-weight:400;
	color:#000;
	z-index:100;
}

#navigation_index img{
	margin-top:2px;
}


/* GEDANKEN */

#gedanke {
	position: absolute;
	top:100%;
	bottom:-100%;
	left:0;
	right:0;
	overflow:hidden;
	z-index:-100;
}

#text_gedanke {
	position: absolute;
	bottom:110px;
	left:130px;
	width:620px;
	color:#000;
	text-align:left;
	z-index:100;
}

.headline_gedanke {
	position:absolute;
	bottom:365px;
	left:125px;
	width:950px;
	text-align:left;
	font-size:50px;
	font-weight:900;
	line-height:90px;
	color:#fff;
	z-index:100;
	
	-moz-text-shadow: 3px 3px 4px rgba(0,0,0,0.1);
	-webkit-text-shadow: 3px 3px 4px rgba(0,0,0,0.1);
	text-shadow: 3px 3px 3px rgba(0,0,0,0.1);
}

#impressum_button1 {
	position:absolute;
	right:30px;
	top:16px;
	width:92px;
	height:21px;
	display:inline-block;
	background-color:#322d3f;
}

#impressum_button2 {
	position:absolute;
	right:50%;
	top:16px;
	margin-right:30px;
	width:92px;
	height:21px;
	display:inline-block;
	background-color:#322d3f;
}

#gallerie {
	position: absolute;
	left:50%;
	top:210px;
	margin-left:240px;
	width:35%;
	display:inline-block;
	z-index:100;
}

#gallerie img{
	margin-right:20px;
	margin-bottom:20px;
}



/* KOSTENPUNKTE */

#kostenpunkte {
	position: absolute;
	top:200%;
	bottom:-200%;
	left:0;
	right:0;
	overflow:hidden;
	z-index:-100;
}

#text_kostenpunkte {
	position: absolute;
	bottom:42px;
	right:42px;
	width:475px;
	color:#000;
	text-align:right;
}

#text_kostenpunkte_mobile {
	position: absolute;
	bottom:42px;
	right:42px;
	width:475px;
	color:#000;
	text-align:right;
	display:none;
}

.headline_kostenpunkte {
	position:absolute;
	bottom:490px;
	right:42px;
	width:350px;
	text-align:right;
	font-size:50px;
	font-weight:900;
	line-height:90px;
	margin-bottom:30px;
	color:#fff;
	
	-moz-text-shadow: 3px 3px 4px rgba(0,0,0,0.3);
	-webkit-text-shadow: 3px 3px 4px rgba(0,0,0,0.3);
	text-shadow: 3px 3px 3px rgba(0,0,0,0.3);
}

.subhead_kostenpunkte {
	font-weight:400;
	background-color:#e2c4b9;
}


/* Termine */

#lage {
	position: absolute;
	top:300%;
	bottom:-300%;
	left:0;
	right:0;
	overflow:hidden;
	z-index:-100;
}

#text_termine {
	position: absolute;
	bottom:105px;
	left:42px;
	color:#000;
	text-align:left;
}

#text_lage {
	position: absolute;
	bottom:105px;
	left:1000px;
	color:#000;
	text-align:left;
	z-index:1000;
}

#text_termine_wegweiser {
	position: absolute;
	top:50%;
	left:150px;
	margin-top:-50px;
	text-align:right;
	z-index:100;
}



#zurkarte {
	position: absolute;
	top:50%;
	right:50%;
	margin-top:-40px;
	height:80px;
	width:210px;
	display:inline-block;
	cursor:pointer;
	z-index:100;
}

#arrow1 {
	position: absolute;
	height:80px;
	top:0px;
	right:40px;
	z-index:100;
}

#karte1 {
	position: absolute;
	top:18px;
	right:80px;
	
	text-align:left;
	font-size:25px;
	font-weight:400;
	line-height:38px;
	color:#fff;
	z-index:100;
	
	-moz-text-shadow: 1px 1px 2px rgba(0,0,0,0.6);
	-webkit-text-shadow: 1px 1px 2px rgba(0,0,0,0.6);
	text-shadow: 1px 1px 1px rgba(0,0,0,0.6);
}


#zurueck {
	position: absolute;
	top:50%;
	left:50%;
	margin-top:-41px;
	height:83px;
	width:210px;
	display:inline-block;
	cursor:pointer;
	z-index:100;
}

#arrow2 {
	position: absolute;
	height:83px;
	top:0px;
	left:40px;
	z-index:100;
}

#karte2 {
	position: absolute;
	top:19px;
	left:80px;
	
	text-align:left;
	font-size:25px;
	font-weight:400;
	line-height:38px;
	color:#fff;
	z-index:100;
	
	-moz-text-shadow: 2px 2px 3px rgba(0,0,0,0.9);
	-webkit-text-shadow: 2px 2px 3px rgba(0,0,0,0.9);
	text-shadow: 2px 2px 3px rgba(0,0,0,0.9);
}


/* PARTNER */

#partner {
	position: absolute;
	top:400%;
	bottom:-400%;
	left:0;
	right:0;
	overflow:hidden;
	z-index:-100;
}

#text_partner {
	position: absolute;
	width:640px;
	top:274px;
	right:120px;
	color:#000;
	text-align:left;
}

.headline_partner {
	position:absolute;
	right:140px;
	top:195px;
	width:640px;
	text-align:left;
	font-size:50px;
	font-weight:900;
	line-height:90px;
	margin-bottom:30px;
	color:#fff;
	
	-moz-text-shadow: 3px 3px 4px rgba(0,0,0,0.6);
	-webkit-text-shadow: 3px 3px 4px rgba(0,0,0,0.6);
	text-shadow: 3px 3px 3px rgba(0,0,0,0.6);
}


/* IMPRESSUM */

#text_impressum {
	position: absolute;
	bottom:100px;
	right:100px;
	color:#000;
	text-align:right;
}

.headline_impressum {
	position:absolute;
	bottom:350px;
	right:100px;
	width:640px;
	text-align:right;
	font-size:40px;
	font-weight:900;
	line-height:90px;
	margin-bottom:30px;
	color:#fff;
	
	-moz-text-shadow: 3px 3px 4px rgba(0,0,0,0.6);
	-webkit-text-shadow: 3px 3px 4px rgba(0,0,0,0.6);
	text-shadow: 3px 3px 3px rgba(0,0,0,0.6);
}


/* DATENSCHUTZ */

.datenschutz-iframe {
	position: absolute;
	bottom:0px;
	right:0px;
	color:#000;
	text-align:left;
	height: 70%;
	width: 60%;
	overflow-y: scroll;
	padding: 20px;
}


/* Responsive */

@media screen and (min-width: 1690px) {

 #section0,
 #section1,
 #section2,
 #section3,
 #section4,
 #section5{
	 left:50%;
	 margin-left:-845px;
 }
 
 #header_home {
	left:50%;
	margin-left:-845px;
}

.logo {
	left:50%;
	margin-left:-805px;
}

#navigation_content {
	left:50%;
	margin-left:-804px;
}

.meta_nav {
	right:50%;
	margin-right:-810px;
}

#text_gedanke {
	bottom:90px;
}

.headline_gedanke {
	bottom:350px;
}

#text_kostenpunkte {
	bottom:150px;
}

.headline_kostenpunkte {
	bottom:530px;
}

#text_partner {
	top:354px;
	right:150px;
}

.headline_partner {
	top:275px;
	right:170px;
}

}

@media screen and (max-height: 890px) {
	
#zurueck {
	top:450px;
}

#text_gedanke {
	bottom:90px;
	left:200px;
}

.headline_gedanke {
	bottom:350px;
	left:195px;
}

#text_termine {
	bottom:90px;
	left:200px;
}

}