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

@media screen and (max-device-width: 680px) {

body {
	background-image:url(img/kunstraum_motiv1.jpg);
	background-size:cover;
	background-position:center center;
	overflow:scroll;
}

.copy {
	font-size:12px;
	font-weight:400;
	line-height:18px;
}

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





#section0,
 #section1,
 #section2,
 #section3,
 #section4,
 #section5,
 #termine,
 #slide_gedanke,
 #nav,
 #navigation_content,
 .meta_nav,
 #header_home,
 .logo {
	display:none;
 }





.logo {
	position:absolute;
	height:1px;
	width:1px;
	overflow:hidden;
	z-index:-100;
}



#mobile_navigation_content_wrapper {
	position:fixed;
	top:-111px;
	left:0px;
	height:207px;
	width:100%;
	display: inline-table;
	background-color: transparent;
	z-index:200;
}

#mobile_navigation_content {
	position: relative;
	top:0px;
	left:0px;
	height:111px;
	width:100%;
	font-size:21px;
	line-height:21px;
	font-weight:300;
	display: inline-block;
	background-color: #fff;
}

.mobile_navigation_content_button {
	height:27px;
	width:47%;
	padding-left:5px;
	padding-top:7px;
	padding-bottom:2px;
	margin:0 0 0 0;
	display: inline-block;
	border-bottom:#ddd solid 1px;
}

#mobile_header_home {
	position: relative;
	top:0px;
	left:0px;
	height:96px;
	width:100%;
	overflow:visible;
	background-image:url(img/header_mobile.png);
	background-repeat:no-repeat;
}

.mobile_logo {
	position: relative;
	top:12px;
	left:12px;
	width:140px;
	float:left;
}

.mobile_logo img {
	width:140px;
}

#mobile_menu_icon {
	position: relative;
	top:23px;
	left:24px;
	width:17px;
	height:15px;
	background-image:url(img/menu_icon.png);
	background-repeat:no-repeat;
	display:inline-block;
}



#mobile_navigation_index_wrapper {
	position: absolute;
	left:3%;
	top:105px;
	width:94%;
	height:220px;
	display: inline-block;
	z-index:99;
}

#mobile_navigation_index_headline {
	position: absolute;
	top:0px;
	left:46%;
	margin-left:-125px;
	height:90px;
	width:220px;
	z-index:200;
}

#mobile_navigation_index_headline p{
	position:absolute;
	text-align:left;
	font-size:30px;
	font-weight:600;
	line-height:38px;
	color:#fff;
	transform:rotate(-4.5deg);
	-moz-transform: rotate(-4.5deg);
	-o-transform: rotate(-4.5deg);
	-webkit-transform: rotate(-4.5deg);
	-ms-transform: rotate(-4.5deg); 
	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:15px;
	left:71px;
}
#anders {
	top:46px;
	left:22px;
}

#mobile_navigation_index {
	position: absolute;
	top:56px;
	left:46%;
	width:50%;
	z-index:201;
	
	font-size:20px;
	font-weight:300;
	text-align: left;
	line-height:29px;
}

#mobile_navigation_index span {
	padding-left:5px;
	padding-right:5px;
}

#mobile_navigation_index img{
	margin-top:2px;
	height:27px;
}



.mobile_content {
	position:absolute;
	top:90px;
	left:10px;
	width:95%;
}





.headline_gedanke {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	
	font-size:35px;
	
	-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);
}
#text_gedanke {
	position:absolute;
	top:70px;
	left:0px;
	width:100%;
}
#text_gedanke span {
	margin-right:-2px;
}





.headline_kostenpunkte {
	position:absolute;
	top:0px;
	left:0px;
	text-align:left;
	width:100%;
	
	font-size:35px;
	
	-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);
}
#text_kostenpunkte {
	position:absolute;
	top:70px;
	left:0px;
	text-align:left;
	width:100%;
}
#text_kostenpunkte p {
	font-size:11px;
	line-height:17px;
}






#text_termine {
	position:absolute;
	top:33px;
	left:0px;
	text-align:left;
	width:100%;
}





.headline_partner {
	position:absolute;
	top:0px;
	left:0px;
	text-align:left;
	width:100%;
	
	font-size:35px;
	
	-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);
}
#text_partner {
	position:absolute;
	top:70px;
	left:0px;
	right:auto;
	text-align:left;
	width:100%;
}
#text_partner span {
	margin-right:-2px;
}





#text_impressum {
	position:absolute;
	top:33px;
	left:0px;
	text-align:left;
	width:100%;
}




#text_datenschutz {
	position:absolute;
	top:70px;
	left:0px;
	width:100%;
}

#text_datenschutz p {
	font-size: 16px;
}


html{
	height:100%;
	min-height:100%;
	overflow:scroll;
}

}