@font-face{
	font-family:"Akko";
	src:url("/static/fonts/akko/d1bef1a2-e22b-4047-a531-df226459d2c4.woff2") format("woff2"),url("/static/fonts/akko/5c29934a-78e1-481b-ae96-262b1af8e888.woff") format("woff");
	font-weight: 100;
	font-style: normal;
}
@font-face{
	font-family:"Akko";
	src:url("/static/fonts/akko/5c410d80-8280-4116-af9f-ed7a0208240c.woff2") format("woff2"),url("/static/fonts/akko/320c35e6-dd10-4725-9865-ec2d20979ca8.woff") format("woff");
	font-weight: 200;
	font-style: normal;
}
@font-face{
	font-family:"Akko Rounded";
	src:url("/static/fonts/akko/880799ea-3b2b-4feb-a380-8d0550c74e7a.woff2") format("woff2"),url("/static/fonts/akko/0e46023e-83d4-4f07-b075-0039e7a99f31.woff") format("woff");
	font-weight: 100;
	font-style: normal;
}
@font-face{
	font-family:"Akko Rounded";
	src:url("/static/fonts/akko/9a0c469a-bdd2-4617-bc09-ac1d9ebf89f3.woff2") format("woff2"),url("/static/fonts/akko/9c7e0c2d-5576-43a1-87e0-d84036f01ad1.woff") format("woff");
	font-weight: 200;
	font-style: normal;
}
@font-face{
	font-family:"Akko Rounded";
	src:url("/static/fonts/akko/65717e07-4dce-4cb1-a091-47ba6dd7222d.woff2") format("woff2"),url("/static/fonts/akko/fd72f9fe-5b70-4e81-9ac6-13c21c190abc.woff") format("woff");
	font-weight: 400;
	font-style: normal;
}
@font-face{
	font-family:"Akko Rounded";
	src:url("/static/fonts/akko/99234960-9a0f-431b-ad0b-342bb6c76208.woff2") format("woff2"),url("/static/fonts/akko/6256a19d-22ef-4f96-821f-7e87c73d2f4b.woff") format("woff");
	font-weight: 500;
	font-style: normal;
}



*{
	margin:0;
	padding:0;
	border:none;
	outline:none;
}

body{
	background:white;
	font-family:'Akko Rounded', sans-serif;
	min-width:1000px;
	min-height:768px;
	text-size-adjust: none;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
}

#page{
	position:relative;
	width:100%;
	overflow:hidden;
}

#header{
	width:100%;
	max-width:1000px;
	position:relative;
	z-index:500;
	margin:0 auto;
	height:140px;
}

a {
	color: inherit;
}

.clear{
	clear:both;
	display:block;
	height:0;
}

#ueberschrift{
	font-weight:normal;
	font-size:54px;
	color:#624323;
	left:280px;
	position:absolute;
	top:20px;
	white-space: nowrap;
}

#ueberschrift span,
#ueberschrift span{
	font-size:24px;
}

b, strong{
	font-weight:500;
}

#content{
	width:100%;
	background-size:100% auto;
	position:relative;
	z-index:100;
	box-shadow: 0px 4px 7px #6F6F6F;
	height:380px;
}

.start #content{
	box-shadow: none;
	min-height:750px;
}

#content_rechts{
	width:284px;
	position:absolute;
	z-index:200;
	right:0;
	top:-30px;
	z-index:900;
}

#content_rechts_holz{
	width:284px;
	position:relative;
	float:right;
	background:url("../img/bg_content_right.png") repeat;
	height:100%;
}

.noscript #content_inner{
	background:url("/static/img/_bg_images/bg_start.jpg") no-repeat center center; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.noscript #content{
	background:url("/django-files/cms/pool/header_zeitraum6.jpg") no-repeat center center; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#content_inhalt{
	background: transparent url("../img/bg_holz.jpg") repeat scroll 0% 0%;
}

.noscript #content_inhalt{
	padding-bottom: 50px;
}

#spalten{
	width:1000px;
	margin:0 auto;
	padding:80px 0;
	color:#624222;
	position:relative;
}

#spalten p a{
	text-decoration:underline;
	color:#624222;
}

#spalten p a:hover{
	color:#717E82;
}

#spalten>div{
	min-height:5px;
}

#spalte_links{
	width:710px;
	float:left;
	margin-right:60px;
}

.content_klapper{
	width:100%;
	margin-bottom:130px;
	position:relative;
}

#klapper_wrapper{
	position: relative;
}

.editmode #klapper_wrapper{
	position: relative;
	padding-bottom: 30px;
	margin-bottom:20px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.6);
}

#klapper_wrapper .cmsButtonsSpaltenEnde li:first-of-type, #klapper_wrapper .cmsButtonsSpaltenEnde li:last-of-type{
	display:none;
}

#klapper_wrapper .cmsButtonsSpaltenEnde{
	opacity:1 !important;
}

#klapper_wrapper .cmsButtonsSpaltenEnde li{
	border: 1px solid #9C9E9F !important;
	border-radius: 5px !important;
	width: 24px !important;
}

ul.cmsMenuButtons li:nth-last-child(2), #cmsPage ul.cmsMenuButtons li:nth-last-child(2), #cmsNavMain ul.cmsMenuButtons li:nth-last-child(2) {
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

ul.cmsMenuButtons li:last-of-type, #cmsPage ul.cmsMenuButtons li:last-of-type, #cmsNavMain ul.cmsMenuButtons li:last-of-type {
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
}


.contentbox{
	height:40px;
	background:rgba(255, 255, 255, 0.6);
	border:5px solid rgba(255, 255, 255, 0);
	overflow:hidden;
}

.editmode .Startseite .contentbox{
	background:rgba(251, 243, 213, 0.6);
}

.content_button{
	position:absolute;
	background-size:190px;
	width:142px;
	height:144px;
	left:330px;
	top:-77px;
	cursor:pointer;
	padding-top:30px;
}

.noscript .content_button{
	background: transparent url("/static/img/button_fuehlen.svg") repeat scroll 0px 30px / 266px auto;
	left: 300px;
	width: 200px;
	height: 200px;
}

.noscript .content_button_kreis{
	left: 19px;
	top: 49px;
	width: 161px;
	height: 161px;
	background:rgba(151,190,13,0.9);
}

.noscript .contentbox{
	height:450px;
}

.noscript .contentbox > img{
	margin-top:0;
}

.noscript .contentbox .bu{
	padding-top: 130px;
}

.noscript .content_button h2{
	top: 55px;
	font-size: 33px;
}

.noscript .content_button h3{
	top: 64px;
	font-size: 19px;
}


.content_button_icon{
	position:absolute;
	top:2px;
	left:29px;
	width:80px;
	z-index:50;
}

.contentbox>img,
.contentbox .platzhalter{
	float:left;
	width:450px;
	height:450px;
	margin-right:30px;
	margin-top:-205px;
}

#content_einleitung{
	position:absolute;
	color:white;
	right:20px;
	width:500px;
	height:auto;
	top:80px;
	text-align:right;
	z-index:5000;
}

#content_einleitung p:first-of-type{
	font-size:55px;
	line-height:110%;
	margin-bottom:15px;
}

#content_einleitung p:last-of-type{
	width: 260px;
	float: right;
}

#content .cmsMenuButtons{
	position:absolute;
	top:35px;
	right:55px;
	z-index:99999;
}

#content .cmsButtonsSpaltenEnde li{
	display:none;
}

#content .cmsButtonsSpaltenEnde{
	opacity:1 !important;
}

.editmode #content>br.clear:first-of-type{
	position:absolute;
}

.editmode .as-button{
	background: #ECECEC;
	border: 1px solid #9C9E9F;
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25);
	height: 14px;
	margin: 0px;
	padding: 3px 20px 3px 20px;
	color: #333;
	text-decoration: none;
	list-style-type: none;
	font-size:14px;
	font-family:"Rajdhani",sans-serif;
	border-radius:5px;
}

.editmode .as_database{
	background: #ECECEC url("http://cms.artur.eu/static/editor/c_modul_passiv.gif") no-repeat scroll 8px 6px;
	padding: 3px 20px 3px 28px;
}

.editmode.kalender ul.as-inline{
	list-style-type: none;
	margin: 20px 0 50px;
}

.editmode.kalender ul.as-inline li{
	margin-bottom:10px;
}

.editmode .as-button:hover{
	background: #96BF0D;
	color:white;
}

.editmode .as_database:hover{
	background: #96BF0D url("http://cms.artur.eu/static/editor/c_modul_aktiv.gif") no-repeat scroll 8px 6px;
	color:white;
}



/*
.editmode #content .cmsMenuButtons li{
	border-radius:5px;
}*/


.aktiv .contentbox>img{
	margin-top:0;
}

#spalte_links .contentbox .bu{
	float:left;
	width:220px;
	padding-right: 8px;
	box-sizing: border-box;
}

#spalte_links .contentbox .bu p{
	margin-bottom:8px;
	font-size:14px;
	margin-top:2px;
	line-height: 18px;
}

#spalte_links .contentbox .bu p strong,
#spalte_links .contentbox .bu p b{
	font-weight:500;
}

#spalte_links .contenttext,
#spalte_links .download,
#spalte_links .orderitem{
	background:rgba(255, 255, 255, 0.6);
	padding:25px;
	font-weight:300;
	margin-bottom:10px;
} 

#spalte_links .contenttext h1,
#spalte_links .contentbild>.bu h1{
	font-size:44px;
	font-weight:500;
}

#spalte_links .contenttext h2,
#spalte_links .bu h2{
	font-size:34px;
	font-weight:500;
}

#spalte_links .contenttext h3,
#spalte_links .contentbild>.bu h3{
	font-size:16px;
	font-weight:400;
	color:#97be0d;
	margin-bottom:15px;
	margin-top:4px;
}

#spalte_links .contenttext h3 a,
#spalte_links .contentbild>.bu h3 a{
	color:#97be0d;
	text-decoration:underline;
}

#spalte_links .contenttext h3 a:hover,
#spalte_links .contentbild>.bu h3 a:hover{
	color:#849C2E;
}

#spalte_links .contenttext p,
#spalte_links .contentbild>.bu p{
	margin-bottom:9px;
	padding-right: 90px;
	line-height: 135%;
}

#spalte_links .contenttext ul,
#spalte_links .contentbild>.bu ul{
	padding-left:17px;
	margin-bottom:12px;
}

#spalte_links .contenttext ul li,
#spalte_links .contentbild>.bu li{
	margin-bottom:2px;
}

#spalte_links .contenttext .content_spalte_links{
	width:350px;
	float:left;
}

#spalte_links .contenttext .content_spalte_rechts{
	width:225px;
	float:right;
	padding-bottom:10px;
}

#spalte_links table{
	padding:0;
    border-spacing: 0px;
	text-align:left;
}

#spalte_links table td{
	border-bottom: 1px solid black;
	padding:2px 0;
}

#spalte_links table tr:last-of-type td{
	border-bottom: none;
	padding:2px 0;
}

#spalte_links table th{
	font-weight:400;
	padding-bottom:4px;
	color:#7c5e3f;
}

#spalte_links .contentbild{
	margin-bottom:10px;
}

#spalte_links .contentbild img{
	display:block;
	max-width:710px;
	height:auto;
}

#spalte_links .contentbild .bu{
	width:100%;
	background:rgba(255, 255, 255, 0.6);
	padding:25px;
	font-weight:300;
	margin-bottom:10px;
	box-sizing:border-box;
}

#spalte_links .download{
	display:flex;
}

#spalte_links .download a.downloadicon{
	display:block;
	background: url("/static/img/pdf-icon.png") no-repeat top left;	
	padding-left:20px;
	width:20px;
	height:48px; 
}


#button_stoerer{
	display:block;
	background: url("https://www.schwarzwaldhausdersinne.de/static/img/button_stoerer.svg");
	z-index:600;
}

#button_stoerer .button_kreis{
	background-color:rgba(226, 0, 122, 0.9);
}

#button_stoerer a{
	text-decoration:none;
}

.content_button h2{
	color:white;
	position:relative;
	display:block;
	width:75%;
	text-align:center;
	top:40px;
	font-size:23px;
	margin-bottom:2px;
	line-height:100%;
	font-family:"phoreuscherokee";
	font-weight:300;
	z-index:20;
	margin-left:auto;
	margin-right:auto;
}

.kalender .content_button h2{
	top:38px;
	font-size:21px;
}

.content_button h3{
	color:white;
	position:relative;
	display:block;
	width:100%;
	text-align:center;
	top:44px;
	font-size:13px;
	font-weight:300;
	z-index:20;
}

.kalender .content_button h3{
	top:39px;
	font-size:14px;
}

#spalte_rechts .bu h2 a{
	text-decoration:none;
	color:#624222;
}

#spalte_rechts .bu h2 a:after{
	content:" >";
	margin-left:-3px;
}

#spalte_rechts .bu h2 a:hover{
	color:#717E82
}

#spalte_rechts .bu p a{
	color:#624222;
	text-decoration:underline;
}

#spalte_rechts .bu a:hover{
	color:#717E82
}

#spalte_rechts h3{
	margin-bottom:8px;
}


#spalte_rechts .bu a:hover{
	color:#717E82
}

.content_button_kreis{
	border-radius:160px;
	position:absolute;
	top:44px;
	left:14px;
	width:114px;
	height:114px;
	z-index:10;
	background:rgba(151,190,13,0.9);
}


.aufgeklappt .content_button_kreis{
	border-radius:160px;
	position:absolute;
	left: 19px;
	top: 49px;
	width: 161px;
	height: 161px;
	z-index:10;
	background:green;
}

.aufgeklappt .content_button{
	left: 300px;
	width: 200px;
	height: 200px;
	background-size:266px auto;
}

.aufgeklappt .contentbox{
	height:450px;
}

.aufgeklappt .bu{
	padding-top: 130px;
}

.kalender .aufgeklappt .content_button h2{
	top: 49px;
	font-size: 32px;
}

.kalender .aufgeklappt .content_button h3{
	top: 53px;
	font-size: 18px;
}


.content_klapper .cmsMenuButtons{
	position:absolute;
	margin-top: -25px !important;
}

#spalte_rechts{
	width:230px;
	float:left;
}

#spalte_rechts h2{
	margin-bottom:8px;
	font-family:"phoreuscherokee";
	font-weight:600;
	font-size:22px;
}

#spalte_rechts div p{
	font-weight:400;
	font-size:14px;
	margin-bottom:8px;
}

#spalte_rechts .contentelement p:last-of-type{
	margin-bottom:0px;
}

#spalte_rechts .contentbild{
	background:rgba(255, 255, 255, 0.6);
	margin-bottom:40px;
	padding:20px;
	position:relative;
}

#spalte_rechts .contenttext,
#spalte_rechts .download{
	background:rgba(255, 255, 255, 0.6);
	margin-bottom:40px;
	padding:20px;
	position:relative;
}

#spalte_rechts .download{
	display:flex;
	margin-top:-40px;
}

#spalte_rechts .download .downloadicon{
	width: 29px;
	height: 37px;
	background-image: url("/static/img/pdf-icon.png");	
	margin-right:15px;
	flex-shrink: 0;
}

#spalte_rechts .contenttermin{
	background:rgba(255, 255, 255, 0.6);
	margin-bottom:10px;
	padding:20px;
	position:relative;
	width:190px;
}

.zeitraum #spalte_rechts{
	padding-top:63px;
}

.kalender #spalte_rechts{
	padding-top:90px;
}

#bg_haus{
	background:url("../img/bg_element_spalte_rechts.png") no-repeat;	
	width:100%;
	height:108px;
}

#spalte_rechts .box_alemannisch{
	padding-bottom:220px;
	padding-top:10px;
}

#spalte_rechts .box_alemannisch img{
	position:absolute;
	bottom:-20px;
	left:-30px;
}

#spalte_rechts .box_zeitraum{
	padding-top:110px;
}

#spalte_rechts .box_zeitraum img{
	position:absolute;
	top:-20px;
	left:25px;
}

#eventblock{
	margin-bottom: 80px;
}

.termin_link{
	background:rgba(57, 38, 20, 0.5);
	display:block;
	color:white;
	font-style:normal;
	padding:10px;
	font-size:14px;
	font-weight:300;
	border-radius:8px;
	text-decoration:none;
	cursor:pointer;
}

.contenttermin .bu{
	margin-top:10px;
}

.contenttermin .bu p:last-of-type{
	margin-bottom:0px !important;
}

.termin_link:hover{
	background:rgba(128, 81, 34, 0.5);
}

#spalte_rechts .termin_link h3{
	font-weight:500;
	margin-bottom: 2px;
	font-size: 17px;
}

#spalte_rechts div.termin_link p{
	margin-bottom: 3px;
}

.contentbild i span{
	font-size:20px;
	font-weight:400;
}

#eventblock h2{
	margin-left:20px;
}

#uhr{
	position:relative;
	width:254px;
	height:855px;
	background:url("../img/uhr.svg") no-repeat;
	left:-50px;
	z-index:500;
}

#uhr_wunderfitz{
	width:285px;
	height:240px;
	position:absolute;
	top:-63px;
	left:23px;
	z-index:500;
}

#uhr_wunderfitz .uhr_wunderfitz{
	position:absolute;
	left:23px;
	top:13px;
	display:none;
}

#uhr_wunderfitz img:last-of-type{
	position:absolute;
	left:135px;
	top:110px;
	display:none;
}

#uhr_ziffernblatt{
	background:url("../img/uhr_ziffernblatt.png") no-repeat;
	width:93px;
	height:93px;
	position:absolute;
	top:150px;
	left:72px;
	z-index:1300;
}

#uhr_icons{
	position:relative;
	z-index:1200;
}

.uhrzeiger{
	position: absolute;
	left: 7px;
	top: 8px;
	transform:rotate(-45deg);
}

#stundenzeiger{
	left: 15px;
	top: 15px;
}

#zeigerhalter{
	position: absolute;
	width: 8px;
	height: 8px;
	background: #425358;
	left: 42px;
	top: 43px;
	border-radius: 5px;
}

#uhr_icons img{
	position:absolute;
	height:42px;
	cursor:pointer;
	z-index:360;
}

#uhr_icons img#riechen{
	top:105px;
	left:90px;
}

#uhr_icons img#dunkelbar{
	top:118px;
	left:134px;
}

#uhr_icons img#fuehlen{
	top:152px;
	left:154px;
}

#uhr_icons img#dunkelgang{
	top:239px;
	left:90px;
}

#uhr_icons img#maskenwald{
	top:229px;
	left:47px;
}

#uhr_icons img#sehen{
	top:192px;
	left:26px;
}

#uhr_icons img#tiersinne{
	top:151px;
	left:25px;
}

#uhr_icons img#hoeren{
	top:121px;
	left:47px;
	height:39px;
}

#uhr_icons img#zeitraum{
	top: 235px;
	left: 140px;
	height: 35px;
}

#uhr_icons img#resonanzraum{
	height: 65px;
	top: 180px;
	left: 146px;
	z-index:300;
}

img#neu_zeitraum{
	position: absolute;
	top: 181px;
	left: 187px;
	z-index: 290;
	width: 90px;
}

#hg_nadeln{
	position:absolute;
	right:0;
	top:0px;
	z-index:199;
}

.button{
	position:absolute;
	left:-113px;
	top:360px;
	display:none;
	z-index:900;
	text-align:center;
	color:white;
	box-sizing:border-box;
	width:364px;
	height:364px;
	cursor:pointer;
}

#button_maskenwald{
	z-index:890;
}

.editmode .button{
	position:relative;
	left:0;
	top:20px;
	margin:0 30px 30px 0;
	display:block;
	float:left;
}

.start #cmsPage ul.cmsMenuButtons{
	position:absolute;
	z-index:5000;
	top: 70px;
	left: 120px;
}

.start #cmsPage ul.cmsMenuButtons.cmsButtonsSpaltenEnde{
	top: 20px;
	left: 20px;
}

.start #cmsPage ul.cmsMenuButtons.cmsButtonsSpaltenEnde li{
	display:none;
}

.start #cmsPage ul.cmsMenuButtons.cmsButtonsSpaltenEnde li:first-of-type{
	display:block;
	border-radius: 5px;
}

.start ul.cmsMenuButtons li:nth-last-child(2), .start #cmsPage ul.cmsMenuButtons li:nth-last-child(2){
	border-radius: 0;
}

.start ul.cmsMenuButtons li:last-of-type, .start #cmsPage ul.cmsMenuButtons li:last-of-type{
	border-radius: 0 5px 5px 0;
}

.button_kreis{
	border-radius:160px;
	position:absolute;
	top:38px;
	left:38px;
	width:288px;
	height:288px;
	z-index:40;
}

.button_content{
	z-index:50;
	position:relative;
	box-sizing:border-box;
	padding:100px 50px 0;
}

.button h2{
	font-size:47px;
	margin-bottom:10px;
	font-family:"phoreuscherokee";
	font-weight:300;
	line-height: 100%;
}

.button h3{
	font-weight:400;
	font-size:17px;
	margin-bottom:15px;
}

.button p{
	font-weight:300;
	padding: 0 30px;
	font-size:15px;
}

.button_icon{
	position:absolute;
	top:-15px;
	left:120px;
	width:113px;
	height:85px;
	z-index:70;
}

#menu_borte{
	width:100%;
	height:65px;
	background:url("../img/menu_borte.png") repeat;
	position:absolute;
	top:-45px;
	z-index:300;
}

#menu_main{
	position:absolute;
	top:95px;
	left:240px;
}

#menu_kontakt{
	position:absolute;
	top:95px;
	right:90px;
	z-index:1000;
}

.menu *{
	color:white;
	list-style-type:none;
	text-decoration:none;
	font-weight:300;
	display: block;
	height: 30px;
}

.menu ul{
	list-style-type:none;
	height:30px;
	padding-top:13px;
	float:left;
}

.menu ul li{
	float:left;
	line-height:30px;
	font-size:17px;
	text-align:center;
	margin:0 4px;
}

.menu ul li.responsive{
	display:none;
}

.noscript .menu ul li{
	margin:0 14px;
}

.untermenu_box{
	position:absolute;
	position:relative;
	overflow:hidden;
	margin-left:-5px;
	height:0px;
	padding-top: 4px;
}

.noscript .untermenu_box{
	overflow:visible;
	height:auto;
}

.noscript .menu_header ul ul{
	bottom: inherit;
	top: -6px;
	left: -23px;
	display:none;
}

.noscript .menu_header li:hover ul{
	display:block;
}

.menu_header ul ul{
	position:absolute;
	bottom:0;
	height:auto;
	width:auto;
	white-space:nowrap;
}

.menu_header ul ul li{
	float:none;
	display:block;
	font-size:16px;
	height:25px;
	line-height:25px;
	text-align:left;
	padding:0 14px;
	background:#899DA1;
	width:auto;
}

.menu_header ul ul li:first-of-type{
	background:url("../img/bg_untermenu.png") repeat-x top;
	padding-top:23px;
}

.menu_header ul ul li:last-of-type{
	background:url("../img/bg_untermenu.png") repeat-x bottom;
	padding-bottom:70px;
}

.noscript a.aktiv,
.noscript a:hover{
	text-decoration:underline;
}

#menu_footer ul{
	float:right;
	margin-right:88px;
}

#menu_footer ul li{
	margin-right:5px;	
	margin-left:5px;
	text-align:center;
}

#menu_footer ul li a{
	color:#30403b;
	font-size:13px;
}

#logo{
	position:absolute;
	left:-10px;
	top:15px;
	cursor:pointer;
}

#logo_hover{
	position:absolute;
	left:155px;
	top:155px;
	display:none;
}

#gugge_box{
	width: 350px;
	height: 100px;
	position: absolute;
	right: -10px;
	top: -10px;
	cursor:pointer;
	z-index:800;
}

#gugge{
	position:absolute;
	right:0px;
	top:0px;
	width:130px;
}

#gugge_mouseover{
	position:absolute;
	right:140px;
	top:20px;
	display:none;
}

#footer_top{
	width:100%;
	height:85px;
	background:url("../img/bg_footer.jpg") repeat;
	position:relative;
	box-shadow: 0px -4px 7px #6F6F6F;
}

#footer_bottom{
	background:white;
	width:100%;
	height:115px;
	position:relative;
	color:#30403b;
	z-index: 100;
}

#footer_content{
	margin:0 auto;
	width:100%;
	max-width:1200px;
	position:relative;
	height:100%;
}

#footer_sprechblase{
	position:absolute;
	right: -25px;
	bottom: 65px;
	width:125px;
	z-index:90000;
}

#footer_defi{
	position: absolute;
	top: 25px;
	height: 26px;
	left: 430px;
	transition:all 0.3s;
}

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

	#footer_defi:hover{
		height:32px;
		left:422px;
		top:21px;
	}
	
	#footer_sponsoren:hover{
		left: 80px;
		top: 18px;
		width: 350px;
	}
}

#footer_sponsoren{
	position: absolute;
	left: 100px;
	top: 23px;
	width: 310px;
	transition:all 0.3s;
}

#footer_content p{
	font-size:10px;
	position:absolute;
	right:100px;
	bottom:20px;
}

#footer_content #fusszeile a{
	color: #425358;
	text-decoration:underline;
}

#menu_footer .responsive{
	display:none;
}

#klappkarten{
	width:1200px;
	margin:0 auto;
	height:100%;
	position:relative;
}

#klappkarten .karte{
	width:160px;
	border-radius:5px 5px 0 0;
	height:auto;
	margin-right:10px;
	position:absolute;
	overflow:hidden;
	bottom:0;
	border-radius:5px 5px 0 0;
	color:white;
	padding:0 10px;
	z-index:9000;
	cursor:pointer;
}

#klappkarten #hochschwarzwald{
	position:absolute;
	left:670px;
	width:80px;
	height:auto;
	bottom:-16px;
	z-index:4;
}

#klappkarten #schwarzwaldcard{
	position:absolute;
	left:760px;
	width:80px;
	height:auto;
	bottom:-18px;
	z-index:3;
}

#klappkarten #dreiweltencard{
	position: absolute;
	left: 850px;
	height: auto;
	bottom: -18px;
	width: 80px;
	z-index:2;
}


/*#klappkarten #swc_faecher{
	position:absolute;
	left:755px;
	width:120px;
	height:auto;
	bottom:-45px;
}
*/
#oeffnungszeiten{
	left:100px;
	background:#717e82;
}

#events{
	left:290px;
	background:#624222;
	cursor:default !important;
}

#events a{
	color:white;
	text-decoration:none;
}

#eintrittspreise{
	left:480px;
	background:#9fb1b4;
}

#klappkarten h4,
.termin_karte h4{
	line-height:35px;
	font-weight:600;
	padding-bottom:10px;
	width:180px;
	display:block;
	font-family:"phoreuscherokee";
	font-weight:300;
	font-size:20px;
}

#klappkarten p,
.termin_karte p{
	font-size:14px;
	font-weight:300;
	margin-bottom:8px;
}

a.link{
	margin-top:30px;
	display:block;
	height:25px;
	width:180px;
	position:relative;
	left:-10px;
	background:url("../img/footer_klappkarte_pfeil.png") no-repeat center center black;
	opacity:0.3;
}

a.link:hover{
	opacity:0.5;
}


.termin_karte{
	width: 160px;
	height: auto;
	margin: 0 10px 30px 0;
	position: relative;
	border-radius: 5px 5px 0px 0px;
	color: #FFF;
	padding: 0px 10px;
	z-index: 9000;
	float:left;
}

#termin_oeffnungszeiten{
	background: #717E82;	
}

#termin_eintrittspreise{
	background: #9fb1b4;
}

#termin_events{
	background: #624222;
}

.termin_karte .cmsMenuButtons{
	position:absolute;
	top:-25px;
}

#termine_regulaer{
	margin-top:90px;
}

h5{
	font-weight: 400;
	font-size: 20px;
}

.termin_datum{
	margin-top: 25px !important;
	margin-bottom:4px !important;
}

/* Alemannisch Seite */

#spalte_links_wunderfitz{
	width:330px;
	float:left;
	margin-right:40px;
	padding-bottom:35px;
	position:relative;
	margin-top:150px;
}

#woerterbuch{
	position:absolute;
	width:283px;
	height:361px;
	left:-10px;
	top:-210px;
	padding:60px 50px 55px 40px;
	text-align:center;
	color:white;
	background:url("../img/button_woerterbuch.png") no-repeat;
	background-position:0 0;
	z-index:100;
}

#woerterbuch h1{
	font-family: "phoreuscherokee";
	font-size: 32px;
	font-weight:600;
	line-height: 36px;
	margin-bottom:9px;
}

#woerterbuch p{
	font-size:14px;
	overflow:hidden;
	display:block;
}

#woerterbuch>p>a,
#woerterbuch>a{
	display:block;
	z-index:1200;
	position:absolute;
	left: 90px;
	top: 282px;
	transform: rotate(-4deg);
	-ms-transform: rotate(-4deg); 
	-webkit-transform: rotate(-4deg); 
	color:white;
	text-decoration:none;
	font-family: "phoreuscherokee";
	font-size:13px;
}

#woerterbuch .cmsMenuButtons{
	position: absolute;
	top: 40px;
	left: 165px;
}

#woerterbuch .cmsMenuButtons li{
	display:none;
}

#woerterbuch .cmsMenuButtons li:first-of-type{
	display:block;
	border-radius:5px;
}

#woerterbuch .cmsButtonsSpaltenEnde{
	display:none;
}

.woerterbuch_eintrag{
	height:33px;
	overflow:hidden;
	z-index:200;	
	width:330px;
	color:#425357;
	margin-bottom:10px;
	position:relative;
}

.editmode .woerterbuch_eintrag{
	height:auto;
	overflow:visible;
	margin-bottom:30px;
}

body #page .woerterbuch_eintrag .cmsMenuButtons{
	float: none;
	position: absolute;
	left: 0;
	top: -22px;
}

.woerterbuch_eintrag.ausgefahren{
	height:auto;	
}

.woerterbuch_eintrag .inhalt{
	background:rgba(255, 255, 255, 0.6);
	margin-bottom:10px;
	padding-bottom: 6px;
	padding-right: 25px;
}

.woerterbuch_eintrag .linie{
	background:rgba(255, 255, 255, 0.6);
	height:1px;
}

.woerterbuch_eintrag .pfeil{
	background:url("../img/woerterbuch_pfeil.png") no-repeat;
	height:20px;
	width:20px;
	position:absolute;
	left:7px;
	top:7px;
	background-position:0 0;
	z-index:40;
}

.woerterbuch_eintrag.aktiv .pfeil,
.editmode .woerterbuch_eintrag .pfeil{
	background-position:0 -20px;
	left:6px;
}

.woerterbuch_eintrag .sound{
	background:url("../img/woerterbuch_sound.png") no-repeat;
	height:20px;
	width:20px;
	position:absolute;
	right:7px;
	top:7px;
	background-position:0 0;
	cursor:pointer;
}

.noscript .sound{
	display:none;
}

.noscript .woerterbuch_eintrag{
	height:auto;
}

.noscript .woerterbuch_eintrag .pfeil {
	background: transparent url("../img/woerterbuch_pfeil.png") no-repeat scroll 0px -20px;	
}

.editmode .woerterbuch_eintrag .sound{
	cursor:default;
}

.woerterbuch_eintrag .sound:hover{
	opacity:0.7 !important;
}

.editmode .woerterbuch_eintrag .sound:hover{
	opacity:1 !important;
}


.woerterbuch_eintrag h3{
	/*line-height:33px;*/
	padding-top:4px;
	line-height:26px;
	font-weight:normal;
	font-size:19px;
	cursor:pointer;
	padding-right: 0px;
	width:260px;
	padding-left:35px;
	position:relative;
	z-index:50;
}

.editmode .woerterbuch_eintrag h3{
	cursor:default;	
}

.woerterbuch_eintrag.aktiv h3,
.woerterbuch_eintrag h3:hover {
	color:#6da8b9;
}

.editmode .woerterbuch_eintrag h3:hover{
	color:#425357;
}

.woerterbuch_eintrag h3 span{
	color:#425357;
}

.woerterbuch_eintrag p i{
	color:black;
	font-style:italic;
	font-size:18px;
	margin:7px 0 0;
	display:block;
}

.woerterbuch_eintrag p b{
	color:#6da8b9;
	font-size:18px;
	margin-bottom: 0px;
	font-weight:500;
	display:block;
}

.woerterbuch_eintrag p{
	font-size: 14px;
	padding-bottom: 7px;
	padding-left:35px;
}

#spalte_rechts_wunderfitz{
	width:630px;
	padding-bottom:435px;
	float:left;
	background:url("../img/wunderfitz_neutral.gif") no-repeat left bottom;
	position:relative;
	margin-bottom:40px;
	margin-top:150px;
}

#spalte_rechts_wunderfitz.balanciert{
	background:url("../img/wunderfitz_balance_endlos.gif") no-repeat left bottom;
}

#spalte_rechts_wunderfitz.schielt{
	background:url("../img/wunderfitz_schielt_endlos.gif") no-repeat left bottom;
}

#spalte_rechts_wunderfitz.zuckt{
	background:url("../img/wunderfitz_zuckt_endlos.gif") no-repeat left bottom;
}

#spalte_rechts_wunderfitz.guckt{
	background:url("../img/wunderfitz_guckt_endlos.gif") no-repeat left bottom;
}

#spalte_rechts_wunderfitz.blinzelt{
	background:url("../img/wunderfitz_blinzelt_endlos.gif") no-repeat left bottom;
}

#spalte_rechts_wunderfitz h2{
	text-align:right;
	float:left;
	width:330px;
	font-size:50px;
	color:#d879a1;
	display:block;
	margin-right:20px;
	line-height:50px;
	font-weight:500;
}

#spalte_rechts_wunderfitz h2 i{
	color:white;
	font-weight:400;
}

#spalte_rechts_wunderfitz p{
	float:left;
	display:block;
	width:280px;
	padding:5px 0;
	font-weight:300;
	font-size:17px;
	line-height: 135%;
}

#spalte_rechts_wunderfitz p strong{
	font-weight:400;
}

#sprechblase{
	position:absolute;
	left:415px;
	bottom:200px;
	width:234px;
	height:131px;
	background:url("../img/sprechblase.png") no-repeat;
	color:white;
	text-align:center;
	font-size:35px;
	padding-top:60px;
	padding-left:12px;
	font-family: "phoreuscherokee";
	line-height:35px;
}

.woerterbuch_eintrag .erklaerung{
	font-size:14px;
	padding-bottom:7px;
}


.mejs-mediaelement,
.mejs-layers{
	display:none !important;
}

.mejs-controls{
	display:block !important;
	visibility:visible !important;
	top:0 !important;
	width: 20px !important;
	height: 20px !important;
	overflow: hidden !important;
	background:none !important;
}

.mejs-controls div{
	display:none !important;
}

.mejs-controls .mejs-button{
	display:block !important;
	background:none !important;
	width:20px !important;
	height:20px !important;	
}

.mejs-controls .mejs-button button{
	background:none !important;
}

.mejs-container{
	background:none !important;
	position:absolute !important;
	top: 0px !important;
	left: 0px !important;	
}


/* Ende Alemannisch Seite */

.hilfeseite #eventblock{
	display:none;
}

.hilfeseite #spalte_rechts_wunderfitz .contenttext{
	display:block;
}

#editmode_buttons{
	position: absolute;
	top: 40px;
	z-index: 60000;
	left: 20px;
	height: 711px;
	overflow: scroll;
	max-width:1200px;
}

.editmode #spalte_links_wunderfitz .cmsButtonsSpaltenEnde li{
	display:none !important;
}

.editmode #spalte_links_wunderfitz .cmsButtonsSpaltenEnde li:last-of-type{
	display:block !important;
}

.editmode #spalte_links_wunderfitz .cmsButtonsSpaltenEnde li:first-of-type{
	display:block !important;
}

.place_add_text #cmsForm tr:last-of-type{
	display:none;
}

.monatsname{
	display:none;
	position: absolute;
	right: 300px;
	top: 110px;
	padding: 10px;
	background: rgba(83, 60, 39, 0.79) none repeat scroll 0% 0%;
	color: white;
	font-size: 20px;
}

.editmode .monatsname{
	display:block;
}

#spalte_rechts_wunderfitz .contenttext{
	display:none;
}

#spalte_rechts_wunderfitz .contenttext.sichtbar{
	display:block;;
}

.editmode #spalte_rechts_wunderfitz .contenttext{
	margin-bottom: 180px;
	display:block;
}

#spalte_links .contentbild img {
	width: 100%;
}

#spalte_links .contenttext h3, #spalte_links .contentbild > .bu h3{
	line-height: 135%;
}


/* Dokumente Shop */

#shopform{
	background: rgba(255, 255, 255, 0.6);
	padding: 25px;
	font-weight: 300;
	margin-bottom: 10px;
}

#orderform{
	margin-top:20px;
	padding-top:20px;
	border-top:1px solid #624222;
}

#orderform label{
	display: block;
	margin-top: 5px;
	margin-bottom: 5px;
}

#buttonPaypalCheckout{
	padding:12px;
	font-size:20px;
	font-family: "phoreuscherokee";
	font-weight: 600;
	color:white;
	cursor:pointer;
	background-color: #97be0d;
	margin-top:15px;
}

#buttonPaypalCheckout:hover{
	background-color: #81a405;
}

#buttonPaypalCheckout.disabled,
#buttonPaypalCheckout.disabled:hover{
	background-color:#ccc;
	cursor:default;
}

#shopform h2{
	margin-bottom:10px;
}

#scroll-top{
	width: 40px;
	height: 40px;
	position: fixed;
	right: 20px;
	bottom: 20px;
	z-index: 99999;
	border-radius: 100%;
	cursor: pointer;
	border: 1px solid #624222;
	display:none;
	align-items:center;
	justify-content:center;
	background-color: rgba(255,255,255,1);
	transition:opacity 0.5s;
	left:calc(50% - 20px);
}

#scroll-top::after{
	content: "";
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
	border-bottom: 12px solid #624222;
	display: block;
	margin-bottom: 3px;
}

.wrapper{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}

.formfield{
	width:100%;
}

.formfield input{
	width:100%;
	padding:8px;
	box-sizing:border-box;
	font-size:16px;
	font-weight:300;
	font-family: 'Akko Rounded', sans-serif;
	border: 1px solid #b7b1aa;
}

.width-50{
	width:calc(50% - 10px);
	margin-top:10px;
}

.width-100{
	width:100%;
	margin-top:10px;
}

.checkbox{
	margin-top:20px;
	margin-bottom:20px;
	display:flex;
	flex-direction:row;
	justify-content:flex-start;
	padding:15px;
	border: 1px solid #b7b1aa;
}

.checkbox_right{
	width:100%;
	flex-shrink:1;
}

.checkbox input{
	margin-right:6px;
	flex-grow:0;
	width:auto;
}

#orderform .checkbox label {
	display: block;
	margin-top: 5px;
	flex-shrink: 1;
	margin-top:0;
	margin-bottom:0;
}

#orderform p{
	font-weight: 300;
	color: #624222;
	line-height: 135%
}

#cartitems li,
#spalte_links #pdf_list .orderitem{
	padding:0;
	background:none;
	padding-bottom:15px;
	padding-top:15px;
	border-top:1px solid #b7b1aa;
	margin: 0 !important;
	list-style-type:none;
}

#spalte_links #pdf_list .orderitem label{
	width:100%;
	cursor:pointer;
}

#spalte_links #pdf_list .orderitem input{
	margin-right:10px !important;
}

.pflichtfeld label:after{
	content:"*";
	color:#bc5c49;
	font-weight:bold;
}

#cartitems h3,
#spalte_links #pdf_list h3{
	font-family: "phoreuscherokee";
	color: #bc5c49;
}

#spalte_links #pdf_list p{
	font-size:14px;
	line-height:140%;
	margin:3px 0;
}

#cartitems p{
	display:none;
}

#cartitems p.preis{
	display:block;
}

#spalte_links #pdf_list p.preis{
	font-size:16px;
	font-weight:500;
}


#spalte_links #pdf_list .orderitem label:hover h3{
	color: #884031;
}

#spalte_links #pdf_list h2{
	margin-bottom:15px;
}

#cartitems li:last-of-type,
#spalte_links #pdf_list > div:last-of-type{
	border-bottom:1px solid #b7b1aa;
}

#pdf_list{
	background: rgba(255, 255, 255, 0.6);
	padding: 25px;
	font-weight: 300;
	margin-bottom: 10px;
}

#p-bestellsumme{
	margin-top: 10px;
	font-size: 16px;
	font-weight: 600;
}


@media only screen and (max-width:1280px){


	.menu ul li{
		margin:0;
	}

}

@media only screen and (max-width:1170px){
	
	body{
		min-width:unset;
	}
	
	#content_inner{
		width:100%;
		position:relative;
		margin:0 auto
	}
	
	#content_rechts{
		left:802px;
		right:inherit
	}
	
	#menu_kontakt{
		right:20px
	}
	
	#spalten {
		width: 100%;
		margin: 0;
		padding: 80px 40px;
		display:flex;
		box-sizing:border-box;
	}
	
	#spalte_links{
		float:none;
		width:100%;
		flex-shrink:1;
		margin-right:70px;
		max-width: 710px;
	}
	
	#spalte_rechts{
		float:none;
		width:230px;
		max-width: 710px;
	}
	
	#termine{
		width:100%;
	}
	
	#termine_regulaer{
		width:100%;
	}
	
	#klappkarten{
		width:100%;
	}
	
	.start #content_rechts{
		position:static;
	}
	
	.start #uhr{
		position:absolute;
		right:10px;
		left:initial;
		top: 60px;
	}
	
	#klapper_wrapper,
	#termine_regulaer{
		display:flex;
		flex-wrap:wrap;
		width:100%;
		justify-content:space-between;
	}
	
	.content_klapper{
		width:calc(50% - 10px);
	}
	
	.contentbox{
		display:flex;
		width:100%;
		box-sizing:border-box;
		align-items:flex-start;
		flex-direction:column;
	}
	
	#spalte_links .contentbox .bu{
		float:none;
		flex-shrink:1;
		width:100%;
		padding:20px 20px 10px;
	}
	
	#spalte_links .contentbox .bu h3{
		margin-bottom:8px;
	}
	
	.contentbox > img, .contentbox .platzhalter{
		float:none;
		flex-shrink:1;
		width:100%;
		height:auto;
	}
	
	.content_button {
		right: -10px;
		left: initial;
	}
	
	#uhr_wunderfitz{
		pointer-events: none;
	}
	
	#footer_top{
		z-index: 100;
	}
	
	.button {
		right: 20px;
		left:initial;
		transform:scale(0.9);
		bottom: 0px;
	}
	
	#woerterbuch{
		left: 20px;
	}
	
	#spalte_rechts #eventblock{
		display:none;
	}
	
	#scroll-top{
		display:flex;
		opacity:0;
	}
	
	#scroll-top.sichtbar{
		opacity:0.7;
	}
	
	body{
		padding-bottom:60px;
	}

}

@media only screen and (max-width:1000px){
	
	#footer_bottom{
		height:auto;
	}
	
	#footer_content{
		align-items: flex-start;
		display:flex;
		flex-wrap:wrap;
		padding:20px;
		box-sizing:border-box;
	}
	
	#footer_defi,
	#footer_sponsoren{
		position:static;
		margin-right:10px;
	}
	
	#menu_footer{
		width:100%;
	}
	
	#menu_footer ul{
		float:none;
		margin:0 0 15px;
		display:flex;
	}
	
	#menu_footer ul li{
		float:none;
		margin:0 15px 0 0;
		padding:0;
	}
	
	#footer_top{
		height:auto;
		padding:20px;
		box-sizing:border-box;
	}
	
	#footer_content p{
		position: static;
	}
	
	#klappkarten{
		display:flex;
		flex-wrap:wrap;
		align-items:flex-start;
	}
	
	#klappkarten h4, .termin_karte h4{
		width:100%;
	}
	
	#klappkarten .karte{
		position:static;
		height:auto !important;
		margin-right:20px;
		margin-bottom:20px;
		box-sizing:border-box;
		width:180px;
		border-radius:5px;
	}
	
	#klappkarten #hochschwarzwald,
	#klappkarten #schwarzwaldcard,
	#klappkarten #dreiweltencard{
		margin-right:20px;
		position:static;
	}
	
	#footer_content p {
		font-size: 12px;
		line-height: 18px;
	}
}

@media only screen and (max-width:1000px){
	
	#logo{
		z-index: 99;
		position:relative;
		margin:0 auto;
		left:unset;
		top:unset;
		width: 250px;
		display: block;
	}
	
	#gugge{
		width:110px;
	}
	
	#gugge_box{
		display:block;
		width:auto;
	}
	
	#header{
		height:auto;
		padding-top:20px;
		padding-bottom:20px;
	}
	
	#ueberschrift{
		position:static;
		font-size: 40px;
		text-align:center;
		margin-top:15px;
		width: 100%;
		padding:0 20px;
		box-sizing:border-box;
		white-space: initial;
		height:42px;
	}
	
	#menu_main{
		width:100%;
		left:0;
		top: 300px;
		display:none;
	}
	
	#menu_main.active{
		display:block;
	}
	
	#hg_nadeln{
		top: 40px;
	}
	
	#menu_borte{
		top: -5px;
		cursor:pointer;
		display:flex;
		align-items:center;
		justify-content:center;
		color:white;
		height: 60px;
		font-size: 20px;
	}
	
	#menu_borte::after{
		content:"Menü";
		padding-left:22px;
		background-image:url("/static/img/icon_responsive.svg");
		background-repeat:no-repeat;
		background-position:left center;
	}
	
	.menu ul,
	.menu *{
		height:auto;
		float:none;
	}
	
	#menu_main > ul{
		display:flex;
		flex-direction:column;
		background: #899da1;
		margin-top: 0px;
		position: relative;
		z-index: 0;
		padding-bottom:15px;
		padding-top:0;
	}
	
	#menu_main > ul::after{
		content:"";
		display:block;
		background:url("../img/bg_untermenu.png") repeat-x bottom;
		width:100%;
		height:30px;
		position:absolute;
		left:0;
		bottom:-30px;
	}
	
	.menu_header ul ul{
		position:relative;
		display:flex;
		flex-direction:column;
		margin:7px auto 0;
		padding:0;
		align-items: center;
		flex-wrap:wrap;
		max-width:250px;
		border-top:1px dotted #b4c9cc;
		border-bottom:1px dotted #b4c9cc;
	}
	


	#menu_main br.clear{
		display:none !important;
	}
	
	.menu_header ul ul li a{
		width:auto;
	}
	
	.untermenu_box {
		position: static !important;
		margin:0;
		padding:0;
	}
	
	#menu_main ul li{
		display:flex;
		flex-direction:column;
		margin:16px 0px 0px;
		padding:0;
		width:100%;
		font-size:20px;
		text-align:center;
	}
	
	.menu_header ul ul li:first-of-type,
	.menu_header ul ul li:last-of-type{
		background-image:none;
	}
	
	.menu_header ul ul li:first-of-type{
		margin-top:7px !important;
	}
	
	.menu_header ul ul li:last-of-type{
		margin-bottom:7px !important;
	}
	
	#menu_main ul li li{
		margin: 0px 0px 0px;
		padding:3px 0;
		font-size:14px;
	}
	
	#spalten{
		flex-direction:column;
	}
	
	#spalte_links{
		width:100%;
		margin-right:0px;
		margin-bottom:30px;
	}
	
	#eventblock,
	#spalte_rechts{
		width:100%;
		display:flex;
		flex-wrap:wrap;
		padding-top: 0px !important;
		justify-content:space-between;
		margin-bottom: 0px;
	}
	
	#eventblock h2{
		width:100%;
	}
	
	#spalte_rechts .contenttext, #spalte_rechts .download, #spalte_rechts .contenttermin{
		width:calc(33% - 10px);
		margin-bottom:20px;
		box-sizing:border-box;
	}
	
	#menu_kontakt,
	#sprechblase{
		display:none;
	}
	
	#spalte_rechts_wunderfitz{
		width:100%;
		box-sizing:border-box;
		padding:0px;
		margin:0;
		background:none !important;
	}
	
	#spalte_rechts_wunderfitz h2{
		width:100%;
		margin:0 0 10px;
		text-align:left;
		font-size:36px;
		line-height:42px;
	}
	
	#spalte_rechts_wunderfitz .contenttext.sichtbar{
		display:flex;
		flex-direction:column;
	}
	
	.button{
		transform: scale(0.8);
		right:10px;
	}
	
	.menu ul li.responsive{
		display:flex;
	}
	
	
}

@media only screen and (max-width:800px){
	
	#spalte_rechts .contenttext, #spalte_rechts .download, #spalte_rechts .contenttermin{
		width:calc(50% - 10px);
		box-sizing:border-box;
	}
	
	#spalte_links .contenttext p, #spalte_links .contentbild > .bu p{
		padding-right:0;
	}
	
	#ueberschrift{
		font-size: 28px;
	}
	
	#spalten{
		padding: 40px 20px;
	}
	
	#klapper_wrapper,
	#termine_regulaer{
		margin-top:50px;
	}
	
	#spalte_links .contenttext h1, #spalte_links .contentbild > .bu h1{
		font-size: 30px;
	}
	
	#spalte_links .contenttext h2, #spalte_links .bu h2{
		font-size: 22px;
		margin-bottom:6px;
	}
}

@media only screen and (max-width:600px){
	
	.content_klapper{
		width:100%;
	}
	
	#gugge,
	#footer_sprechblase{
		display:none;
	}
	
	.contentbox > img, .contentbox .platzhalter {
		margin-top: -100px;
	}
	
	.content_button{
		transform:scale(0.8);
	}
	
	#content_rechts_holz{
		display:none;
	}
	
	#content_einleitung{
		width:100%;
		bottom:0;
		top:initial;
		right:initial;
		left:0;
		box-sizing:border-box;
		padding:15px 20px;
		background: url("../img/bg_content_einleitung_holz.jpg") repeat;
	}
	
	#content_einleitung p:first-of-type{
		font-size:30px;
		text-align:left;
		margin:0;
		width:100%;
		text-shadow:1px 1px 8px rgba(0,0,0,0.5);
	}
	
	#content_einleitung p:last-of-type{
		text-align:left;
		margin:7px 0 0;
		width:100%;
		text-shadow:1px 1px 8px rgba(0,0,0,0.5);
	}
	
	#content_einleitung p:last-of-type br,
	#content_einleitung p:first-of-type br{
		display:none;
	}
	
	#spalte_links_wunderfitz{
		margin-right:0;
		width:100%;
	}
	
	.woerterbuch_eintrag{
		width:100%;
	}
	
	.woerterbuch_eintrag .sound{
		z-index:900;
	}
	
	.woerterbuch_eintrag h3{
		width:100%;
		box-sizing:border-box;
	}
	
	.woerterbuch_eintrag .inhalt{
		padding-right:30px;
	}
	
	#spalte_rechts_wunderfitz p{
		width:100%;
		box-sizing:border-box;
	}
	
	#spalte_rechts .contentbild{
		width: 100%;
		box-sizing: border-box;
	}
	
	.start .button {
		left: calc(50% - 182px);
		top: 320px;
	}
	
	.start #supersized{
		display:none !important;
	}
	
	.start #content{
		background: url("../img/bg_content_einleitung_holz.jpg") repeat;
	}
	
	.start #uhr{
		left:calc(50% - 127px);
		right:initial;
	}
	
	#header{
		padding-top:10px;
		padding-bottom:10px;
	}
	
	.start #content {
		min-height: 650px;
	}
	
	#bg_haus{
		background-position:center top;
	}
}


@media only screen and (max-width:480px){
	
	#spalte_rechts .contenttext, #spalte_rechts .download, #spalte_rechts .contenttermin{
		width:100%;
		box-sizing:border-box;
	}
	
	#content .button{
		transform: scale(0.7);
	}
	
	#klappkarten {
		justify-content: center;
	}
	
	#klappkarten .karte{
		width: 100%;
		margin-right:0;
	}
	
	a.link{
		width: calc(100% + 20px);
	}
	
	#logo{
		width: 250px;
	}
	
	#ueberschrift{
		display:none;
	}
	
	#menu_main {
		top: 225px;
	}
	
	#footer_defi, #footer_sponsoren{
		max-width:100%;
		width:auto;
		height:auto;
		margin-bottom:10px;
	}
	
	#footer_content {
		justify-content: center;
	}
	
	#menu_footer ul{
		display:flex;
		flex-direction:column;
	}
	
	#menu_footer ul li{
		width:100%;
		margin:0 0 10px;
	}
	
	#fusszeile{
		text-align:center;
		font-size:14px;
	}
	
	#spalten{
		padding: 20px 10px;
	}
	
	#spalte_links .contenttext, #spalte_links .orderitem{
		padding:15px;
		
	}
	
	#menu_footer ul li a{
		line-height:20px;
		font-size:15px;
	}
	
	#footer_content p {
		font-size: 14px;
		line-height: 22px;
		font-weight: 300;
	}
}

@media only screen and (max-width:380px){
	
	#spalte_rechts .box_alemannisch img{
		left:-60px;
	}
	
	#woerterbuch{
		transform: scale(0.8);
		left: 0;
	}
	
}