@import "slicknav.css";

body {
  padding:0px;
  margin:0px;
  background:#fff;
font-family: Helvetica, Arial, sans-serif; 
color:#444444;
}

#box {
margin: 0 auto; 
    width:100%;
max-width:1020px;

}
#rahmen {
position:relative;
margin: 0 auto; 
width:100%;
max-width:1000px;

}

img {width:100%;height:auto;margin:0;padding: 0;}
figure {width:100%;height:auto;margin:0;padding: 0;}

a {
outline:none;

}

#logo {
display:block;
width:100%;
max-width:1000px;
clear:both;
}

#image {
display:block;
width:100%;
max-width:1000px;
height:218px;

}

.menue {
width:100%;
max-width:1000px;						
}

#header {
width:100%;
max-width:1000px;
  height:auto;
}

.clear {
clear:both;
}

#mitte {
  width:100%;
max-width:1000px;
  margin:0;
}

#inhalt {

width:100%;
max-width:1000px;
min-height:300px;
padding-top:40px;
padding-bottom:40px;
}

#spalten {display: flex;}

.linke_spalte {display: inline-block;width:30.2%;margin-right: 4.4%;vertical-align: top;}
.mitte_spalte {display: inline-block;width:30%;margin-right: 2.2%;vertical-align: top;}
.rechte_spalte {display: inline-block;width:30.8%;margin-left: 2.2%; vertical-align: top;}

.mitte_spalte_zwei_spalter {display: inline-block;width:64%;vertical-align: top;}

#inhalt h2{
margin:0;
padding:0;
font-size: 15px;
padding-top:5px;
padding-bottom:15px;
color:#999999;
font-weight:normal;
text-transform: none;
}

#inhalt h3{
margin:0;
padding:0;
font-size: 14px;
padding-top:35px;
padding-bottom:5px;
color:#666;
font-weight:normal;
text-transform: none;
}

#inhalt h4{
margin:0;
padding:0;
font-size: 13px;
color:#999999;
font-weight:normal;
text-transform: none;
}

#inhalt p{
margin:0;
padding:0;
font-size:12px;
color:#444444;
line-height: 170%;
text-align:justify;
}

#inhalt a{
text-decoration:none;
color:#333;
}

#inhalt li {
margin:0;
padding:0;
font-size:12px;
color:#444444;
line-height: 170%;
list-style-type:square;
margin-left:-10px;
}

#inhalt .csc-frame-frame2 li li{
margin:0;
padding:0;
font-size:12px;
color:#444444;
line-height: 190%;
list-style-type:square;
margin-left:-10px;
}

#fuss { 
margin:0 auto;
    width: 100%;
  max-width:1000px;
height:40px;
text-align:right;
font-size:11px;
color:#999;
padding-top:7px;
border-top:1px solid #dddddd;}

#fuss a{ 
font-size:11px;
color:#999;
text-decoration:none;}

ul.footer {margin: 0;padding: 0;list-style: none;padding-right: 20px;}
ul.footer li {display: inline-block;padding: 0 10px;}


ul#menu{
     margin:0;
     padding:0;
     list-style:none;
     width:1000px;
text-align:left;
height:30px;
margin-top:10px;
}

 
ul#menu li {
display:inline-block;
margin-right:50px;
     color:#999;
     padding-bottom:2px;
     font-size:12px;
   text-transform:none;
     text-decoration:none; 
}

ul#menu li  a{
      color:#999;
     padding-bottom:2px;
     font-size:12px;
   text-transform:none;
     text-decoration:none;    

}

ul#menu li a:hover {
   color:#545454; 
   border-bottom:1px solid #545454;

}

ul#menu li.active a {

     color:#545454;

border-bottom:1px solid #545454;
}


.frame-type-form_formframework h2 {display: none;}

.form-group label {display: inline-block;width:30%;font-size: 12px;color:#000;}

.form-group .input {display: inline-block;width:65%;}

.form-group input{
border:0;
border-bottom:1px solid #cccccc;
width:300px;
margin-bottom:3px;
}

.form-group textarea{
border:1px solid #cccccc;
width:300px;
}

.submit button{
margin-left:30%;
border:0;
border:1px solid #ededed;
background:#ededed;
    width: 310px;
    margin-top: 6px;
        color:#000;
}

#inhalt .frame-type-form_formframework .clearfix p{padding: 10px 0;color: darkgreen;}

.slicknav_menu {
	display:none;
}



@media screen and (min-width: 801px) {
ul#menu li:last-child {
display: none;
}
}

@media screen and (max-width: 800px) {
	.menue {
		display:none;
	}
	
	.slicknav_menu {
		display:block;
	}

}


@media screen and (max-width: 800px) { 
    
    
    #logo {overflow-x: hidden;padding: 6px 0;}
    #logo img {width:150%;margin-left:-50%;}
    
#image {
height:auto;

} 

    #inhalt {
width:90%;
max-width:1000px;
min-height:300px;
padding-top:40px;
padding-bottom:40px;
        margin:0 auto;
}
    
    #spalten {display: block;}

.linke_spalte {display: block;width:100%;margin-right: 0;}
.mitte_spalte {display: block;width:100%;margin-right: 0;}
.rechte_spalte {display: block;width:100%;margin-left: 0;}
    .mitte_spalte_zwei_spalter {display: block;width:100%;vertical-align: top;}
    
    #inhalt p{
margin:0;
padding:0;
font-size:13px;
color:#444444;
line-height: 170%;
text-align:left;
}
    
    #inhalt li {font-size: 13px;}
    #inhalt h2 {padding-top: 10px;font-size: 22px;}
    
    #inhalt h4{
margin:0;
padding:0;
font-size: 14px;
padding-top: 10px;
}
    

.form-group label {display: inline-block;width:30%;font-size: 22px;color:#000;}

.form-group .input {display: inline-block;width:65%;font-size: 22px;} 
    
}




@media screen and (max-width: 600px) { 
    
    #logo {overflow-x: hidden;padding: 6px 0;}
    #logo img {width:150%;margin-left:-50%;}
#inhalt p{
margin:0;
padding:0;
font-size:18px;
color:#444444;
line-height: 180%;
text-align:left;
}
#inhalt li {font-size: 18px;}
#inhalt h4{
font-size: 18px;
}
    #inhalt h2 {padding-top: 10px;font-size: 19px;}

.form-group label {display: block;width:96%;font-size: 18px; color:#000;}
.form-group .input {display: block;width:96%;font-size: 18px;}
.form-group input{
width:100%;
}

.form-group textarea{
width:100%;
}
    .submit button{
margin-left:0;
        font-size: 18px;
        width:100%;
}
}