html, body{
  font-family: Times;
  font-size: 14px;
  line-height: 22px;
  margin:0px;
  padding:0px;
  background-color: #fff;
  color: #444;
 
}


iframe{
  width: 100%;
}

ul{
  margin-top: 0px;
 
}

*{
    box-sizing: border-box;
}

ximg{
  width: 100%;
  height: auto;
 
}


#.image-embed-item{width:inherit;}



xfigure{margin: 0px;float: left;}

.ce-center .image{text-align: center;margin-bottom: -15px;}
.ce-left .ce-row{float: left;width: 100%;}
.ce-left .ce-column{float: left;}
.ce-left .ce-column figure{margin: 0px;}


.csc-textpic{
  margin-top: 20px;
  margin-bottom: 20px;
 
}


a{
  color: #231f20;
 
}


#all{
  max-width: 900px;
  width: 100%;
  margin: auto;
  position: relative;
}


#mainback{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 285px;

background-size: 100% auto;
}

#center{
position: relative;
  height: 100vh;
}


h1{
color: #231f20;
line-height: 35px;
font-size: 24px;
margin-top: 30px;
margin-bottom: 10px;
}

h2,h3,h4{text-align: center;}

h2{
font-size: 16px;

}

h3{font-size: 25px;margin-top: 10px;margin-bottom: 25px;line-height: 30px;}

.ce-textpic{margin-bottom: 80px;}
.text-center{text-align: center;}




#menu{
position: relative;
width: 100%;
height: 110px;
background-color: #fff;
text-align: center;
padding-top: 23px;
margin-top: 5px;
}
#burgermenu{
  display: none;
  position: relative;
  height: 44px;
  width: 100%;
  background-color: #fff;
  z-index: 99;
  position: fixed;
  top: 0px;
    border-bottom: 1px solid #ccc;
}

#burgerbtn{
  width: 45px;
  height: 45px;
  background-image: url(../images/burger_menu.png);
  background-size: 45px 45px;
  float: right;
}

.ml1{
position: relative;
color: #333;
padding-left: 10px;
padding-right: 10px;
font-size: 15px;
text-decoration: none;
font-weight: normal;
}

.ml1:hover{
color: #808000;
}

.act{
font-weight: bold;
color: #808000;
}

#sprachwechler{
  position: absolute;
  top: -9px;
  right: 5px;
  color: #000;
  font-size: 12px;
  font-weight: bold;
  z-index: 99;
display:block;
padding: 5px;
background-color: #fff;
}

#sprachwechler a{
  text-decoration: none;
  color: #000;
 
}
#sprachwechler a:hover{
  color: #808000;
}

#sprachwechler .spact{
  color: #808000;
}


#footer{position: relative;
width: 100%;

background-color: #666;
float: left;
}


.footercenter{
  max-width: 900px;
  width: 100%;
  margin: auto;
  position: relative;
  padding-top: 20px;
  color: #fff;
  font-family: arial;
  padding-left: 50px;
}

.footercenter a{color: #fff;}

.footerleft{position: relative;float: left;width: 45%;}
.footerright{position: relative;float: right;width: 250px;padding-right: 50px;}
.footerright img{width: 200px;}

#contentbox{
position: relative;
width: 100%;
padding-bottom: 50px;
padding-left:40px;
padding-right:40px;
float: left;
}

#contactbox{
  position: relative;
  width: 26%;
  float: right;
  background-color: #fff;
  margin-top: -130px;
  margin-right: 20px;
  border: 8px solid rgba(214, 200, 186, .5);
    -webkit-background-clip: padding-box; /* for Safari */
    background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
}


#logo{
    position: relative;
max-width: 175px;
margin: auto;
margin-top: 8px;

}

#logo img{     margin-bottom: -0px !important;width: 100%;}
#logotext{
  margin: auto;
  margin-top: 20px;
  margin-bottom: 30px;
  text-align: center;
  font-size: 14px;
  color: #231f20;
  padding-left: 10px;
  padding-right: 10px;
 
}

#logotext a{
  color: #231f20;
  text-decoration: none;
  font-weight: bold;
}

#logotext a:hover{
  text-decoration: underline;

}


#contentleft{
position:relative;
width: 70%;
padding: 0px 20px 20px 90px;
float: left;
margin-bottom: 50px;
margin-top: -35px;
}

#contentright{
text-align: center;
position:relative;
width: 30%;  
padding: 30px;
float: right;
}




#c14,#c15,#c16,#c17,#c18,#c19,#c20,#c21,#c22{position:relative; width: 48%; margin:1%; float: left; padding: 20px; background-color: #efefef;height: 300px;}
#c25,#c29{position:relative;width: 100%;float: left; margin-top:40px; }
#c26,#c27,#c28{position:relative;width: 48%; margin:1%; float: left; padding: 20px; background-color: #efefef;height: 300px;}
#c30,#c31,#c32{position:relative;width: 48%; margin:1%; float: left; padding: 20px; background-color: #efefef;height: 300px;}

#c42,#c43,#c44,#c45{position:relative;width: 48%; margin:1%; float: left; padding: 20px; height: 250px;}
#c47,#c48,#c49,#c50,#c51{position:relative;width: 48%; margin:1%; float: left; padding: 20px; height: 330px;}

form{font-family: times;}
form input{width: 100%;margin-bottom: 10px;padding: 5px;font-family: times;}
form input[type='checkbox'] {width:30px;padding: 5px;font-family: times;}
form select{width: 100%;margin-bottom: 10px;padding: 5px;font-family: times;}
form textarea{width: 100%;margin-bottom: 10px;height: 200px;padding: 5px;font-family: times;}
form .btn-primary{ background-color: #808000;color: #fff; border:0px;padding: 5px;margin-top:40px;width: 150px;cursor: pointer;font-family: times;}
form .btn-primary:hover{ background-color: #808000;color: #aaa;}

@media only screen and (max-width: 800px) {
.image-embed-item{max-width:100%;height: auto;}
.ce-left .ce-row{float: left;width: 100%;}
.ce-left .ce-column{float: left;width:100%;}
.ce-left .ce-column figure{margin: 0px;width:100%;}
.ce-left .ce-column figure img{width:100%;height: auto;}
  
 #footer .ce-left .ce-row{float: left;width: inherit;}
#footer .ce-left .ce-column{float: left;width:inherit;}
#footer .ce-left .ce-column figure{margin: 0px;width:inherit;}
#footer .ce-left .ce-column figure img{width:inherit;height: auto;}
  
#all{margin-top: 53px;}    
    
.image{margin: 0px;}
#c42,#c43,#c44,#c45{position:relative;width: 48%; margin:1%; float: left; padding: 5px; height: 450px;}
#c47,#c48,#c49,#c50,#c51{position:relative;width: 100%; margin:1%; float: left; padding: 20px; height: auto;}

.footercenter{padding-left: 0px;}
.footerleft{width: 100%;text-align: center;padding-left: 0px;}
.footerright{width: 100%;padding-right: 0px;text-align: center;}
.footerright img{width: 200px;}    
    
    
#c14,#c15,#c16,#c17,#c18,#c19,#c20,#c21,#c22,#c26,#c27,#c28,#c30,#c31,#c32{width: 100%;height: auto; }
  .ml1{font-size: 16px;}

h2{font-size: 14px;margin-bottom: 5px;}
h3{font-size:20px; margin-bottom: 20px;margin-top: 5px;}

  #burgermenu{
    display: block;
    
  }
  #menu{
    position: fixed;
    height: auto;
    z-index: 98;
    padding-top: 0px;
    display: none;
    margin-top: -8px;
    float: left;
    box-shadow: 0px 0px 5px #333;
    top: 52px;
  }

  .ml1{
  width: 100%;
  float: left;
  padding: 15px;
  background-color: #fff;
  border-top: 1px solid #ccc;
    }
  #sprachwechler{
    position: fixed;
    right: 45px;
    top: 6px;
    font-size: 15px;    
  }
 
  .act{
font-weight: bold;
color: #808000;
}


#mainback{background-size: cover; background-position:50%;height:195px; }    
#logo{width: 100px;height: 125px;}
#contentbox{padding-left: 20px;padding-right: 20px;}
    
    #contactbox{
    width: 35%;  
  }

  #contentleft{
    width: 60%;
    padding: 20px;
    
  }
 
  #contentright{
    width: 40%;    
  }

}


#impressum{
position: absolute;
bottom: 10px;
width: 100%;
text-align: center;
color: #231f20;
}

#impressum a{
text-decoration: none;
color: #231f20;
}

#impressum a:hover{
text-decoration: underline;
}