body {
	width:100%;
	color:#444;
	background:#fff;
	-webkit-overflow-scrolling:touch; /*Apple*/
	
}
#background {
	display:inline;	
    top: 0;	
	background-image: url("../img/background-1_3000_3000.jpg");
	background-size: cover;
	height: auto;
	max-height: 7000px;
	width:100%;
	position: absolute;	
}
#unterseite {
    	margin:0;
    	min-height:600px;
		background: #fff;
		padding:10px;
    }    
#wrapper {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
    height: auto;
    margin-left: auto;
    margin-right: auto;
	margin-top:0px;
	margin-bottom:0px;
   /* min-height: 100%;*/
    width: 100%;     
    }
    
header{
	z-index:4;
	padding:0;
	margin:0;
	}
.frame-type-header h2 {
	padding:20px;
	text-align: center;
}	    
.fa-pencil-square-o{
		font-size:1.2rem!important;
		line-height: 1.2rem!important;
			}  



*,*::before, *::after {
		box-sizing: inherit;
		}

#toggleNavMain {
		  display:none;	
	}

 ul.drucken {
 	  display:none;
		 list-style: none;
		 text-align:right;
	  position: relative;
	  top:-50px;
	  right:10px;
		}

.fa-arrow-up {					/*Pfeil Seite Oben*/
			color:#fff;
			font-size:1.2em!important;
			line-height:1.3em!important;
				}
.fa-arrow-up:hover {				/*Pfeil Seite Oben*/
			color:#a7b6a7;
          }
.back-to-top {					/*Pfeil Seite Oben*/
 background-color: #11257b;
 border-radius: 20px;
 position: fixed;
 bottom:100px;
 right:5px;
 padding:5px 10px;
 z-index:50;
}			
#inhalt ul {
	margin:0;
	padding:5px 0 0 20px;
}	
#inhalt ul ul{
	padding: 0px 0 5px 15px;
}		
section {
	margin-top:0px;
	}
#inhalt {
    height: auto;
	padding: 5px;
    }

#head  {    
    height: auto;
    padding: 10px 0 0 0;
    width: 100%;
   position: relative;
    }
 
 


.box-inhalt {
			padding:2%;
			margin: 1% 0;
			border-bottom:none;
			}
.frame-type-text.frame-layout-0 {
		padding: 20px 10px;
}
.frame-type-text.frame-layout-1 {
		padding: 20px 15px;
}
body.impressum .frame-type-text.frame-layout-0 {
		padding: 5px 20px 0px 30px;
}

.frame-layout-0 {
			border-bottom:none;
}
.box-inhalt img {
			max-width: 100%;
			height:auto;
			}	
.frame-layout-1{
	background-color:rgba(255, 255, 255, 0.9);
	padding:10px;		
	margin:10px 0;
	border: 1px solid #ededed;
			}
.frame-layout-2{
	
	padding:10px;		
	margin:10px 0;
	border: 1px solid #ededed;
			}
.frame-default.frame-layout-1 {
	  margin: 20px auto;
 }

 .frame-default, .frame-10{        /*1-spaltig Text*/
	 width:100%;
	 clear:both;
	
 }
.frame-4 {
	width:80%;
	 margin: 0 auto;
	 clear:both;
	 text-align: center;
} 
.frame-100 {
  height: auto;  /*3-spaltig Links*/
  width: 100%;
  max-width: 400px;
  margin: 10px auto;
  padding: 20px;
}
.frame-110 {
  height: auto; /*3-spaltig Mitte*/
  width: 100%; 
  max-width: 400px;
  margin: 10px auto;
  padding: 20px;
}
.frame-120 {
  height: auto; /*3-spaltig Rechts*/  
  width: 100%; 
  max-width: 400px;
  margin: 10px auto;
  padding: 20px;  
}

 .frame-130 {
        clear: both;  /*2-spaltig Links*/
        width: 100%;    		
    }

 .frame-132 {
      width: 100%; /*2-spaltig Rechts*/
            } 
 .frame-20 {
      /*Foto Galerie*/ 
		height: auto;
        float: left;
        width: 48%; 
		margin:0.5%;
            }
  /*Fotos Inhalt runde Ecken*/ 
 figure.image img,  figure.image img,  figure.image img {
    width: 100%;
    border-radius: 15px;
	height: auto;
	max-width: 100%;
}	
 .frame-type-text,.frame-type-textpic {
	 padding:30px;
 }
 
 .frame-type-image .ce-above .ce-gallery{
	 margin-bottom:0;
 }
   /*Mehrspaltig Foto oben Text center*/
  .ce-above .ce-bodytext {
    clear: both;
}
/*Images Inhalt formatieren*/

.csc-textpic-text {
	margin-left:0!important;	
		}
figure.csc-textpic-image {
		margin: 0 auto 10px!important;
		width:100%;
		}	
.csc-textpic-image img, figure.image img{
		 width:100%;
		 height:auto;
		}
		
.csc-textpic-imagewrap {
			width:100%;
			clear:left;
			float:none!important;
			}
div.csc-textpic-center .csc-textpic-center-outer, div.csc-textpic-center .csc-textpic-center-inner {
     width: 100%;
}

/*Cookie Banner*/
.cc-grower {
    max-height: 0;
    overflow: hidden;
    transition: max-height 1s;
    position: fixed;
    bottom: 10px;
	left:5px;
    z-index: 50;
    max-width: 250px;
	max-height: 190px!important;
}
.cc-window{
	font-size:12px!important;
	border: 1px solid #11257b;
}

 /*Abstand zwischen section*/	
 .frame-type-div  hr{    /*Korrektur nach 3-spaltig, 2-spaltig, damit margin fkt.*/	
	 display: block;
    height: 1px;
    border: 0;
     border-top-width: 0px;
     border-top-style: none;
    border-top-color: currentcolor;
    border-top: 0;
    margin: 0;
    padding: 0;
    clear: left;
}

.frame-space-before-extra-large {
	margin-top:25px;
}
.frame-space-before-large {
	margin-top:20px;
}
.frame-space-before-medium {
	margin-top:15px;
}
.frame-space-before-small{
	margin-top:10px;
}
.frame-space-before-extra-small{
	margin-top:5px;
}
.frame-space-after-extra-large {
	margin-bottom:25px;
}
.frame-space-after-large {
	margin-bottom:20px;
}
.frame-space-after-medium {
	margin-bottom:15px;
}
.frame-space-after-small{
	margin-bottom:10px;
}
.frame-space-after-extra-small{
	margin-bottom:5px;
}
.ce-left .ce-gallery, .ce-column {			/*Foto Text links umflossen*/
    float: none;
}
.korrektur {
 	clear:both;
 	width:100%;
 	/*nötig damit #inhalt -height.auto; bei den 2-spaltigen Boxen mit float left/right bis über diese setzt.*/
 	} 

/*Startseite #p7*/
#p7 section.company{
	background-image: url("../img/unternehmen_1088_590.jpg");
	background-position: 50% 30%;
	background-size: cover;
}
#p7 section.house{
	background-image: url("../img/alcohouse-6_1088_590.jpg");
	background-position: 30%;
	background-size: cover;
}
#p7 section.kontakt{
	background-image: url("../img/kontakt3_1088_590.jpg");
	background-position: 30%;
	background-size: cover;
}
#p7 section{
	height: auto;
	width:100%;
	padding: 5%;
	background-size:cover;
	background-position:50%;
	margin-top: 10px;
}
#p7 section:first-child{
	padding: 0 5% 5% 5%;
	margin-top: 0;
}
#p7 #head{
	padding: 0;
}
#p7 #inhalt{
	padding:0;
	margin-top: -40px;
}
#p7 #unterseite {
	padding: 0;
}
/*Seite Termine*/
.ce-left .ce-gallery figure{
	margin: 0 auto;
}
/*Seite AGB*/
.pdf {
  position: absolute;
  right: 0px;
  top: 0;
  font-size: 0.9em;
}
.ce-left .ce-bodytext h3{  /*Seite Partner Logo Text darunter*/
	text-align: center;
	padding: 0;
}
/*Seite Sitemap*/
#c80 {
	width: 80%;
	margin: 10px auto;
}
#c80 li{
	line-height: 1.8em;
}
#c80 ul{
	padding: 0 0 15px 20px;
}
@media only screen and (min-width: 400px) {
#inhalt {
	padding: 15px;
    }

}
@media only screen and (min-width: 550px) {

.ce-left .ce-gallery, .ce-column {  /*Seite Partner*/
  float: left;
}
.ce-left .ce-bodytext h3{
	text-align: left;
	
}
/*Seite Sitemap*/
#c80 {
	width: 60%;
}

}
@media only screen and (min-width: 650px) {
.frame-100 {
 	      clear:both;   /*3-spaltig Links*/
        float: left;
        width: 48%;
            }
 .frame-110 {
        float: right; /*3-spaltig Mitte*/
        width: 48%;
    }
 .frame-120 {
    	  clear:both;    /*3-spaltig Rechts*/
        float: left;
        width:100%;
		max-width: 700px;
    }   
 .frame-130 {
        clear: both;  /*2-spaltig Links*/
        width: 48%;
        float: left;
		height: auto;
    }

 .frame-132 {
      width: 48%; /*2-spaltig Rechts*/
      float: right;
	  height: auto;
            } 
 .frame-type-textpic header {
	 padding-left: 0;
 }
#unterseite {
    	
		padding:20px;
    }   
#inhalt {
    height: auto;
	padding: 20px;
    }
#unterseite {
    	min-height:800px;
    } 
	
 .frame-type-text.frame-layout-0, .frame-type-text.frame-layout-1 {
		padding: 20px;
}       

 .frame-0 .csc-textpic-image{
    	float:left;			/*1-spaltig: Foto links - Text rechts*/ 
    	width:40%;
    	padding:5px 10px 0 0; 
    	}       
.frame-0 .csc-textpic-text{
    	width:60%;
    	float:right;
    	}  
	
}
@media only screen and (min-width: 700px) {



}
@media only screen and (min-width: 768px) {
.back-to-top {	
	bottom: 250px;
	}
#inhalt {
    height: auto;
	padding: 30px;
    }
}
@media only screen and (min-width: 850px) {
.ce-left .ce-gallery, .ce-column {			/*Foto Text links umflossen*/
    float: left;
}
.frame-100 {
    width: 32%;             /*3-spaltig Links*/
  }
.frame-110 {
    margin-left: 2%;         /*3-spaltig Mitte*/
    float: left;
    width: 32%;
  }
.frame-120 {
 	 clear:none;                      /*3-spaltig Rechts*/
    width: 32%;
    float: right;
  } 
.frame-layout-1{
	background-color:rgba(255, 255, 255, 0.9);
}	
/*Seite Sitemap*/
#c80 {
	width: 40%;
}
	
}


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

#background {
	display:inline;	
	border-top:solid 135px #fff;
    top: 0;
	background-color:#11257b;
	background-size: cover;
	height: auto;
	width:100%;
	position: absolute;	
}
#wrapper {
	margin-top:-135px;
}	
#unterseite {
	width: 100%;
	max-width: 1024px;
    margin: 0 auto;
	padding: 30px;
	background: #fff;
}
#inhalt {
	border-top: solid 300px #11257b;
	margin-top:-300px;
}
/*Startseite*/

#p7 #wrapper{
	margin-top:0;
}
#p7 #inhalt {
	margin-top: 200px;
	width: 100%;
	border-top:none;
}
#p7 .text-start {
	max-width: 1024px;
    margin: 0 auto;
}
#p7 #unterseite{
	padding: 0;
	margin: -200px  0 0 0;
	max-width:100%;
	
}
/*Unterseiten*/


.back-to-top {			/*Pfeil Seite Oben*/
 right:10px;
}

}


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


}