/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/roboto-v19-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Roboto Light'), local('Roboto-Light'),
       url('../fonts/roboto-v19-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v19-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v19-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v19-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v19-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-300italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/roboto-v19-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local('Roboto Light Italic'), local('Roboto-LightItalic'),
       url('../fonts/roboto-v19-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v19-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v19-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v19-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v19-latin-300italic.svg#Roboto') format('svg'); /* Legacy iOS */
}


/* roboto-900 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: bold;
  font-weight: 900;
  src: url('../fonts/roboto-v19-latin-900.eot'); /* IE9 Compat Modes */
  src: local('Roboto Black'), local('Roboto-Black'),
       url('../fonts/roboto-v19-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v19-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v19-latin-900.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v19-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v19-latin-900.svg#Roboto') format('svg'); /* Legacy iOS */
}
.btn.jmodedit {
	background:#000 !important;
}
.icon-edit:before {
	content: 'edit';
	color:#fff;
}

html, body {
padding:0px;
margin:0px;
background-color:#fff;
text-align:center;
font-size:16px;
font-family: 'Roboto';
color:#312519;
}
body {
/*background-image: url("../images/bg-concrete-grey.jpg");
  background-size: 100% auto;
  background-attachment:fixed;
*/  
}
img, div {
  padding:0px;
  margin:0px;
}
div.clear {
  clear:both;
  height:0px;
}
h1, 
h2 {
font-size:2.2em;
color:#3e74b0;
text-align:center;
font-family:"Roboto";
text-align:left;
font-weight:normal;
margin-bottom:20px;
margin-top:35px;
line-height:1.2em;  
}
#sheet {
 margin:auto;
 width: 100%;

 background-color:#fff;
 padding:0px;
 z-index:200;
}
#headerleiste {
 background-color:#fff;

 width: 100%;
 padding-left:0px;
 padding-right:0px;
 z-index:9999;
  margin-bottom: -40px;
 position:relative;

  top:0px;
  padding-top:0px;
}
#headerleiste.scrolled {
  padding-top:2px;
}
#headerleiste #logoUndTitel {
width: 100%;
max-width: 1200px;
text-align:left;
position: absolute;
bottom: 40px;
left:50px;

}
#headerleiste .logoUndTitelInner {
  
  position:relative;
  width:100%;
  max-width:700px;
}  
#inhalt .logoInhalt {
  width:100%;
  max-width:700px;
  display:none;
}
#headerleiste .logo {
width: 97px;
height: auto;
float: left;
margin-top: -23px;
margin-left: 0px;
margin-bottom: 15px;
}
#headerleiste.scrolled .logo {
width:50px;
margin-top: 1px;
}
#headerleiste .logo img {
 width: 100%;
 height:auto;
 cursor:pointer;
 float:left;
}
#headerleiste .logoText {
color: #000;
font-size: 3.5em;
line-height: 29px;
margin-top: 40px;
margin-left: 140px;
text-align: left;
}
#headerleiste.scrolled .logoText {
font-size: 2.5em;
line-height: 18px;
margin-top: 28px;
margin-left: 70px;
}


.hauptmenue  {
 /* width: calc(100% - 60px); */
 padding-left:30px;
 padding-right:30px;
 height:40px;
  width.100%;
 /* background-color:#3e74b0; */
background: rgb(62,116,176);
background: linear-gradient(90deg, rgba(62,116,176,1) 0%, rgba(174,196,221,1) 50%, rgba(62,116,176,1) 100%);
 z-index:99999;
 color:#fff; 
 margin-top:-21px;
      position: relative;
    top: auto;
}
.scrolledDown {
    position:fixed;
    top:0px;
    width:calc(100% - 0px);
    max-width: calc(100% - 60px);
    height:40px;
    line-height:40px;
    padding-top:5px;
    padding-bottom:15px;
    padding-left:30px;
    padding-right:30px;
}  
.hauptmenue span.startseite {
	float:left;
    font-size:18px;
}
.hauptmenue span.startseite a{
 text-decoration:none;
 line-height:40px;
 color:#fff;
 font-weight:400;
 font-family:"Arial";
}
.hauptmenue ul {
 width:calc(100% - 60px);
 max-width:650px;
 text-align:center;
 margin:auto;
 float;none;
 margin-top:0px;
 padding-top:0px;
 list-style-type:none;
}
.hauptmenue ul li {
 /* display:table-cell; */
 margin:0px;
 padding-left:20px;
 padding-right:20px;
 margin-top:0px;
 text-align:center;
 color:#fff;
 font-size:18px;
 height:40px !important;
 vertical-align:top;
 float:right;
}
.hauptmenue ul li.active a {
 border-bottom:4px SOLID #fff;
}
.hauptmenue ul li a {
 text-decoration:none;
 line-height:40px;
 color:#fff;
 font-weight:400;
 font-family:"Arial";
 dipslay:block;
}



#headerbild,
#headerbild img {
 width:100%;
 height:auto;

 margin-top:-2px;
}
.hauptmenueInner {
  width: calc(100% - 120px);
  max-width: 1200px;
  padding-left: 60px;
  padding-right: 60px;
  margin:auto;
}
#inhalt {
 width:calc(100% - 120px);
 max-width:1200px;
 padding-left:60px;
 padding-right:60px;
 padding-top:0px;
 padding-bottom:40px;
 text-align:left;
 z-index:200;
 min-height:400px;
 font-size: 1.0em;
 line-height: 1.4em;
 color:#312519;
  margin:auto;
 margin-top:0px;
  background-color:#fff;
}
#inhalt p {
 column-count:1;
 column-gap:0px;
}
#inhalt a {
 text-decoration:none;
 font-weight:bold;
 color:#3e74b0;
}
#inhalt .inhaltlinks {
 width:calc(100% - 30px);
 max-width:540px;
 padding-right:30px;
 float:left;
}
#inhalt .inhaltrechts {
 width:calc(100% - 30px);
 max-width:540px;
 padding-left:30px;
 float:left;
}
.bt-cs .bt-inner img {
float:left;
	outline: 0px solid #b5b5b5;
	border: 0px solid #fff;
	margin:0px 0px;
margin-right:20px;
margin-bottom:2px;
width: calc(100% - 20px);
max-width:400px;
}


#footer {
  width:calc(100% - 120px);
  padding:20px;
  padding-left:60px;
  padding-right:60px;
  height:auto;
  left:0px;
  bottom:50px;
  font-family: 'Roboto';
  font-size:0.9em;
  line-height:1.3em;
  color:#000;
  z-index:9990;
  min-height:150px;
  background-color:#ded8d2;
  text-align:left;
}
#footer .footerLinks {
  float:left;
  width:100%;
  max-width:410px;
  text-align:left;
}
#footer .footerRechts {
  float:right;
  width:100%;
  max-width:230px; 
  text-align:left;
}
#footer h2 {
  font-weight:bold;
  color:#000;
  font-size:1.3em;
  margin-top:0px;
}
#footer a {
 text-decoration:none;
 font-weight:bold;
 color:#3e74b0;
}

#schluessel {
 position: absolute;
 right: 5px;
 margin-top: -40px;
 width: 40px;
 height: 35px;
}

#hauptmenueWrapper {
  position:fixed;
  text-align:center;
  left:50%;
  transform: translateX(-50%);
  top:150px;
  z-index:99999;
  width:calc(100% - 90px);
  max-width:1800px;
  height:calc(100% - 150px);
  padding:45px;
  background-color: rgba(255, 255, 255, 0.94);
  display:none;
}
div#nachOben {
position: fixed;
right: 30px;
bottom: 30px;
cursor: pointer;
display: none;
}








.mobileMenu {
  width:100%; 
  display:none;
} 




@media screen and (max-width: 1320px) {
  #headerleiste #logoUndTitel {
    /* left: 60%;  */
    margin-left: 100px;
  }
}  
@media screen and (max-width: 1200px) {
  html, body {
	background-color:#fff;
  }
  #sheet {
    width: calc(100% - 60px);
    padding-left:30px;
    padding-right:30px;
    margin-top:0px;
  }
  #headerleiste {
    position:relative;
    height:1ßßpx;
  }
  #headerleiste .logo {
    width:80px;
  }
  #headerleiste .logoText {
    font-size: 2.0em;
    line-height: 29px;
    margin-top: 30px;
    margin-left: 180px;

  }
  #headerleiste #logoUndTitel {
    margin-left:0px;
    bottom:20px;
    width:80%;
    max-width:600px;
  }
  #inhalt {
    margin-top:0px;
  }
  #headerleiste {
    display:block;
  }
  .mobileMenu {
    display:none;
    top:0px;
    z-index:99999;
  }
  .custom_duplexImage {
    margin-top:0px;
  }
  .hauptmenue {
 width: calc(100% - 60px);
 padding-left:30px;
 padding-right:30px;
  }
  #abstandsHalter {
    height:10px;
    margin-top:10px;
  }
  #footer .footerRechts {
    float:left;
  }
  #schluessel {
   right: 35px;
   margin-top: -40px;
   width: 28px;
   height: 25px;
  }
}
@media screen and (max-width: 700px) {
  #headerleiste #logoUndTitel {
    display:none;
  }
  #inhalt .logoInhalt {
    display:block;
  }
}
@media screen and (max-width: 650px) {
  .bt-cs .bt-inner img {
    float:left;
	  outline: 0px solid #b5b5b5;
	  border: 0px solid #fff;
	  margin:0px 0px;
    margin-right:0px;
    margin-bottom:8px;
    width: 100%;
  }
  #sheet {
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
  }
  #headerleiste .logoText {
    font-size: 1.3em;
    line-height: 29px;    
  }
  #inhalt {
	width:calc(100% - 40px);
 	padding-left:20px;
 	padding-right:20px;
 	padding-top:60px;
 	padding-bottom:40px;
 	text-align:left;
    font-size: 1.0em;
    line-height: 1.4em;
  }
  #inhalt p {
    column-count:1;
  }
  #footer {
    bottom:11px;
    width:calc(100% - 40px);
    padding-left:20px;
    padding-right:20px;
  } 
  #footer ul.menu_footer li a{
    font-size:1.0em;
    font-weight:bold;
    color:#fff;
    text-decoration:none;
  }
  #footer ul.menu_footer li a::before {
    content: "|";
    font-size:1.0em;
    font-weight:bold;
    color:#fff;
    text-decoration:none;
    padding-left:4px;
    padding-right:4px;
  }
  #footer ul.menu_footer li.item-145 a::before {
    content: "";
    font-size:1.0em;
    font-weight:bold;
    color:#fff;
    text-decoration:none;
    padding-left:4px;
    padding-right:4px;
  }
  h1, 
  h2 {
    font-size:1.7em;
  }
    #schluessel {
   right: 5px;
   margin-top: -40px;
   width: 28px;
   height: 25px;
  }
  .scrolledDown {
    width:100%;
    padding-left:30px;
    padding-right:30px;
  }
}





/*     FOUR BLOCKS     */
.imgFourBlocks1,
.imgFourBlocks2,
.imgFourBlocks3,
.imgFourBlocks4 {
  display:none;
  width:100%;
  max-width:500px;
  margin-bottom:20px;
}
.fourBlocks li {
  width: calc(100% - 10px);
  margin-left:3px;
}  
.fourBlocks .first {
  width: 24.5%;
  margin-right: -2px;
  min-height: 200px;
  float: left;
  z-index: 120;
  margin-top: 0px;
  position: relative;
}
.fourBlocks .second {
  width: 24.5%;
  margin-right: -2px;
  min-height: 200px;
  float: left;
  z-index: 120;
  margin-top: -30px;
  position: relative;
}
.fourBlocks .third {
  width: 24.5%;
  margin-right: -2px;
  min-height: 200px;
  float: left;
  z-index: 120;
  margin-top: -60px;
  position: relative;
}
.fourBlocks .fourth {
  width: 24.5%;
  margin-right: -2px;
  min-height: 200px;
  float: left;
  z-index: 120;
  margin-top: -90px;
  position: relative;
} 




@media screen and (max-width: 1250px) {
  .fourBlocks .first {
     width: 24.5%;
     margin-right: -2px;
     min-height: 200px;
     float: left;
     z-index: 120;
     margin-top: 0px;
     position: relative;
     font-size:11px;
     line-height:17px;
  }
  .fourBlocks .second {
     width: 24.5%;
     margin-right: -2px;
     min-height: 200px;
     float: left;
     z-index: 120;
     margin-top: -25px;
     position: relative;
     font-size:11px;
     line-height:17px;
  }
  .fourBlocks .third {
     width: 24.5%;
     margin-right: -2px;
     min-height: 200px;
     float: left;
     z-index: 120;
     margin-top: -48px;
     position: relative;
     font-size:11px;
     line-height:17px;
  }
  .fourBlocks .fourth {
     width: 24.5%;
     margin-right: -2px;
     min-height: 200px;
     float: left;
     z-index: 120;
     margin-top: -70px;
     position: relative;
     font-size:11px;
     line-height:17px;
  } 

}
@media screen and (max-width: 950px) {
  .fourBlocks .first {
     width: 24.5%;
     margin-right: -2px;
     min-height: 200px;
     float: left;
     z-index: 120;
     margin-top: -6px;
     position: relative;
     font-size:11px;
     line-height:17px;
  }
  .fourBlocks .second {
     width: 24.5%;
     margin-right: -2px;
     min-height: 200px;
     float: left;
     z-index: 120;
     margin-top: -25px;
     position: relative;
     font-size:11px;
     line-height:17px;
  }
  .fourBlocks .third {
     width: 24.5%;
     margin-right: -2px;
     min-height: 200px;
     float: left;
     z-index: 120;
     margin-top: -43px;
     position: relative;
     font-size:11px;
     line-height:17px;
  }
  .fourBlocks .fourth {
     width: 24.5%;
     margin-right: -2px;
     min-height: 200px;
     float: left;
     z-index: 120;
     margin-top: -60px;
     position: relative;
     font-size:11px;
     line-height:17px;
  } 

}
@media screen and (max-width: 800px) {
  .imgFourBlocks {
     display:none;
  }
  .oneOfFourBlocks {
    background-color:#f0f0f0;
    padding:10px;
    border-radius:10px;
  }
  .imgFourBlocks1,
  .imgFourBlocks2,
  .imgFourBlocks3,
  .imgFourBlocks4 {
     display:block;
  }
  
  .fourBlocks .first {
     width: 100%;
     margin-right: 0px;
     min-height: 200px;
     float: left;
     z-index: 120;
     display:block;
     position: static;
     font-size: 1.0em;
     line-height: 1.4em;
     margin-top: 10px;

  }
  .fourBlocks .second {
     width: 100%;
     margin-right: 0px;
     min-height: 200px;
     float: left;
     z-index: 120;
     display:block;
     position: static;
     font-size: 1.0em;
     line-height: 1.4em;
     margin-top: 10px;
    
  }
  .fourBlocks .third {
     width: 100%;
     margin-right: 0px;
     min-height: 200px;
     float: left;
     z-index: 120;
     display:block;
     position: static;
     font-size: 1.0em;
     line-height: 1.4em;
     margin-top: 10px;
    
  }
  .fourBlocks .fourth {
     width: 100%;
     margin-right: 0px;
     min-height: 200px;
     float: left;
     z-index: 120;
     display:block;
     position: static;
     font-size: 1.0em;
     line-height: 1.4em;
     margin-top: 10px;
    
  } 

}