@font-face {
  font-family: 'Lobster';
  font-style: normal;
  font-weight: 400;
  src: local('Lobster Regular'), local('Lobster-Regular'), url(fonts/Lobster-Regular.woff2) format('woff2'),url(fonts/Lobster-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(fonts/OpenSans-Regular.woff2) format('woff2'), url(fonts/OpenSans-Regular.ttf) format('truetype');
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(fonts/OpenSans-SemiBold.woff2) format('woff2'), url(fonts/OpenSans-SemiBold.ttf) format('truetype');
}
html{margin:0;padding:0;height:100%;}
body{padding:7.3em 0 2.35em 0;margin:0;min-height:100%;position:relative;min-width:320px;}
.wrapper{position:relative;max-width:50em;margin:0 auto;padding:0;}
*{-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;border-width:0;}
.clearfix:after,article:after,.prog_text:after {content: ".";display: block; clear: both;visibility: hidden;line-height: 0; height: 0;}


section{padding-bottom:2.2em;}
article{padding:1em;margin:0;}

/* header */
#menu_button{font-weight:600;text-transform:uppercase;letter-spacing:.05em;position:absolute;top:2.5em;right:1em;line-height:4em;border-radius:.5em;padding:0 .5em;text-decoration:none;z-index:100;font-size:.8em;}
.body_header{position:absolute; z-index:100;height:7.3em;width:100%;top:0;left:0;border-width:0 0 .3em 0;border-style:solid;}
.top_logo{height:6.8em;width:6.8em;position:absolute;top:0;left:1em;z-index:200;}
.top_logo span{display:none;}
.top_logo a{display:block;width:100%;height:100%;background:url(../grafics/logo_kompakt.svg) no-repeat center center;background-size:contain;}
.top_logo a:focus{outline: none;}
.body_header .wrapper{height:100%;}
.body_header nav{display:none;position:absolute;top:100%;width:100%;right:0;text-align:center;border-bottom-width:.2em;border-style:solid;}
.body_header nav ul.main{padding-top:.5em;}
.body_header nav ul.top{padding-bottom:2em;padding-top:1em;}


.body_header nav ul li.facebook a{padding-top:1em;height:3.5em}
.body_header nav ul li.instagram a{padding-top:.5em;height:3em}
.body_header nav ul li.facebook a img,.body_header nav ul li.instagram a img{height:100%;width:auto;}

nav ul{list-style-type:none;margin:0;padding:0;}



.body_header nav > ul{}
ul.sub_nav{white-space:nowrap;}
.body_header nav a, .body_header nav li > span.phone {text-decoration:none;display:block;padding:.3em .5em;white-space:nowrap;}
.body_header nav ul.top{font-weight:600;}


/*footer */
footer.body_footer{position:absolute;top:100%;left:0;width:100%;margin-top:-2.35em;min-height:2.35em;text-align:center;padding:0 1em;border-width:.3em 0 0 0;border-style:solid;}
.inner_footer{font-size:.8em;padding:.5em 1.4em;font-weight:600;}
.inner_footer a,.inner_footer span{text-decoration:none;}
.inner_footer a:hover{text-decoration:underline;}



/* Typo */
body{font-size:16px;font-family:'Open Sans', sans-serif;font-weight:400;line-height:1.5;}
.body_header nav > ul{}
.body_header ul.main{font-size:1.4em;font-family:'Lobster', sans-serif;}
* {font-size:1em;font-family:inherit;font-weight:inherit;line-height:inherit;font-style:inherit;}
i,em{font-style:italic;}


h1{font-family:'Lobster', sans-serif;font-size:1.9em;margin:.5em auto;}

h2{font-size:1.4em;font-weight:600;}
h2.toptitle{font-size:1.2em;margin:0;}
h2.toptitle + h1{margin-top:0em;}
h3{margin:2em 0 0 0;font-weight:600;font-size:1em;text-transform:uppercase;letter-spacing:..5em;}
strong,b{font-weight:600;}
h3 + p{margin-top:.3em;}



.t_center{text-align:center;}
.t_left{text-align:left;}
.t_right{text-align:right;}
.center{margin-left:auto;margin-right:auto;}



/* Farben */
body{background-color:rgb(255, 222, 134);background:radial-gradient(circle, rgb(255, 231, 166) 10em,rgb(255, 222, 134) );color:#444;background-attachment:fixed;}

*{color:inherit;}
h1,h1 .red_box{color:rgb(190,0,0);}
h2,.gruen,#menu_button{color:rgb(3,109,113);}
h3,.rot, .body_header nav .parent_page a,.body_header nav .current_page a{color:rgb(170,0,0);}
.body_header,footer.body_footer,.body_header nav ul,.top_logo_border{background-color:rgb(3,109,113);}

.body_footer,.body_header,.body_header nav,.top_logo_border{border-color: rgb(170,0,0);color:rgb(255,255,255);}

#menu_button{background-color:rgb(255,255,255); }
article{background-color:#fff;background-color:rgba(255,255,255,.8); box-shadow:0 0 2em rgba(252, 202, 69, 0.6);}
nav a{transition: text-shadow .6s;}
.body_header nav a:hover, .body_header nav .current_page a, .body_header nav .parent_page a{text-shadow:0 0 .2em #fff,0 0 .1em #fff,0 0 .5em #fff;}



/* Für Editoren */
#reload{width:100%;height:100%;position:fixed;top:0;left:0;background: url(../grafics/loading.svg) no-repeat center center rgba(255,255,255,.8);z-index:9999;}


.mw30{max-width:30em;}


/* Fotos im Text */
figure{padding:0;margin:0;display:block;}
figure img{margin:auto;max-width:100%;height:auto;display:block;}
figcaption{display:block;margin:.5em 0 1em 0;font-size:.8em;font-style:italic;text-align:center;}

/* Diverses */
.link_upper{color:rgb(170,0,0);text-transform:uppercase;letter-spacing:..5em;font-size:.9em;font-weight:600;}
.nobr{white-space:nowrap;}
button,.button{display:inline-block;text-decoration:none;background-color:rgb(170,0,0);color:rgb(255,255,255);padding:.2em 1em;}
.big_phone{font-size:1.4em;font-weight:bold;color:rgb(170,0,0)}


/* Responsive */

@media(min-width:380px){
	body{padding-left:1em;padding-right:1em;}
	article{margin:1em 0}
}
@media(min-width:500px){
	figure img{margin:0;}
	
	.prog_text figure:first-child{margin-top:.3em;}
	figure.align_left{width:auto;padding:0 1.5em 0 0;float:left;max-width:50%;}
	figure.align_left figcaption{text-align:left;}
	figure.align_right{width:auto;padding:0 0 0 1.5em;float:right;max-width:50%;}
	figure.align_right figcaption{text-align:right;}
	p + figure, p + figure.align_right, p + figure.align_left{margin-top:.5em;}
	.mw50{max-width:50%;}
}


@media(min-width:620px){
	.body_header{height:8.2em;padding-right:1em;border-bottom-width:.4em;}
	body{padding-top:8.2em;}
	.top_logo{height:7.8em;width:7.8em;}
	#menu_button{display:none;}
	
	.body_header nav{display:block;position:relative;width:auto;height:100%;border:none;top:0;}
	.body_header nav ul{position:absolute;width:auto;padding:0;text-align:left; }
	.body_header nav ul.main{top:auto;bottom:0;right:0;padding:0;}
	.body_header nav ul.top{top:.6em;right:0;font-size:.8em;padding:0;text-align:right;}
	.body_header nav li{display:inline-block;margin:0;position:relative;vertical-align:top;}
	.body_header nav ul li:last-child a{padding-right:0;}
	.body_header nav ul li.facebook a,.body_header nav ul li.instagram a{height:2.3em;padding-top:.1em;}
	.body_header nav ul li.facebook a{padding-left:1em;}
	.body_header nav ul li.instagram a{padding-left:.5em;}
	.body_header nav ul.main a {padding:.3em .5em .1em .5em;}
	
}



@media(min-width:840px){
	.body_header{height:9.2em;padding-right:1em;}
	body{padding-top:9.2em;}
	.top_logo{height:8.8em;width:8.8em;top:0;left:0;}

	.top_logo a{background-size:100%;}
	.body_header nav ul.top{top:1.6em;}
	article{position:relative; padding:1em 2em;margin:1.5em 0;}
	.body_header ul.main{font-size:1.7em;}
}



@media(min-width:1300px){
	body{font-size:16px;}
}

@media(min-width:1400px){
	body{font-size:17px;}
}
@media(min-width:1600px){
	body{font-size:18px;}
}
@media(min-width:1800px){
	body{font-size:19px;}
}
/* 
@media(min-width:1900px){
	body{font-size:20px;}
}