/*

*/

/*-----------------------------------------------------------------------------------*/
/*	GRID  */
/*-----------------------------------------------------------------------------------*/
.outer-container {
	width:100%;
}
.container {
	width:1200px;
	max-width:90%;
	margin-right: auto;
	margin-left: auto;
}

/*----------------------------------- content ------------------------------------------------*/
.startseite [class*="container"] {
	align-items: center;
}
header {
	background:#fff;
	-webkit-box-shadow: 0px 20px 20px 5px rgba(132,132,132,0.2);
	box-shadow: 0px 20px 20px 5px rgba(132,132,132,0.2);
	z-index: 10;
	
}
header .container {
	display: grid;
	grid-template-columns: 1fr;
	align-items: center;
	display: -ms-grid;
	-ms-grid-columns: 1fr;
	-ms-flex-align: center;
}
footer .outer-container {
	background-color:#eee;
}
footer .container {
	display: grid;
	grid-template-columns: 1fr;
	align-items: center;
	padding: 10px 0 25px 0;
	display: -ms-grid;
	-ms-grid-columns: 1fr;
}
header .container .box1 {
		  -ms-grid-column: 1;
		  -ms-grid-column-span: 1;/*line-height: 1;*/
		  padding: 25px 0 15px;
	  }
	   .banner {
		background: rgb(138,181,200);
		background: linear-gradient(0deg, rgba(138,181,200,1) 0%, rgba(255,255,255,1) 100%);
	  }
section.padding-top, h1.padding-top {
	padding-top:50px;
}
section.padding-bottom {
	padding-bottom:50px;
}
.mobil-none {display:none;}
 @media only screen and (min-width: 768px) {
	 .mobil-none {display:block;}
	 #starticon-mobil {display:none;}
	  header {
		  position:fixed;
		  top:0;
		  right:0;
		  left:0;/**/
		  }
	  header .container {
		  display: grid;
		  grid-template-columns: 3fr 2fr;
		  align-items: center;
		  display: -ms-grid;
		  -ms-grid-columns: 1fr 3fr;
		  -ms-flex-align: center;
	  }
	  
	  header .container .box2 {
		  -ms-grid-column: 3;
		  -ms-grid-column-span: 1;
		  justify-content: end;
		  display: grid;
		  margin-top: 25px;
	  }
	  .banner .container {
		  width:100%;
		  max-width:100%;
		  background:#fff;
	  }
	  .banner .container img {
		  width:100%;
		  height:auto;
	  }
	  .banner .box-banner {
		  display: inline-block;
	  }
	  .banner .box-banner {
		  grid-column: 1 / 3;
		  -ms-grid-column: 1;
		  -ms-grid-column-span: 2;
		  grid-row: 1 / 2;
		  -ms-grid-row: 1;
		  -ms-grid-row-span: 1;
	  }
	  .banner .box-text {
		  grid-column: 2 / 3;
		  -ms-grid-column: 2;
		  -ms-grid-column-span: 1;
		  max-width:520px;
		  grid-row: 1 / 2;
		  -ms-grid-row: 1;
		  -ms-grid-row-span: 1;
		  margin-right:55px;
	  }
	  #startseite .box1 {
	  	padding-right:80px;
	  }
	  #startseite .content.anfrage .container, #startseite .content.philosophie .container {
		  column-gap: 6.35rem;
	  }
	  #startseite .content .container {
		/*  align-items: center !important;
		  -ms-flex-align: center;*/
	  }
	  .content .container {
		  display: grid;
		  grid-template-columns: 3fr 2fr;
		  display: -ms-grid;
		  -ms-grid-columns: 3fr 2fr;
	  }
	  .content .container.contact {
		  display: grid;
		  grid-template-columns: 2fr 2fr 3fr;
		  display: -ms-grid;
		  -ms-grid-columns: 2fr 2fr 3fr;
	  }
	  #impressum .content .container, #ueber-uns .content .container {
		  display: grid;
		  grid-template-columns: 2fr 3fr;
		  display: -ms-grid;
		  -ms-grid-columns: 2fr 3fr;
		  grid-column-gap: 3rem;
	  }
	  .content.ganze-breite .container {
		  grid-template-columns: 1fr;
	  }
	  #datenschutz .content.ganze-breite .container {
		  max-width:880px;
	  }
	  .content .container .box1 {
		  -ms-grid-column: 1;
		  -ms-grid-column-span: 1;/*line-height: 1;*/
	  }
	  .content .container .box2 {
		  -ms-grid-column: 3;
		  -ms-grid-column-span: 1;
	  }
	  .content.bottom .container {
		  grid-template-columns:  1fr 1fr 1fr;
		  -ms-grid-columns: 1fr;
	  }
	  .en .content.bottom .container, .en#ueber-uns .content.bottom .container, .en#download .content.bottom .container, .en#produkte .content.bottom .container, .en#impressum .content.bottom .container {
		  grid-template-columns:  2fr 1fr 1fr;
		  -ms-grid-columns: 1fr;
	  }

	.en .content.bottom .container {
		  grid-template-columns:  2fr 1fr 1fr;
		  -ms-grid-columns: 1fr;
	  }
	
	 #download .content .container {
		  display: grid;
		  grid-template-columns: 1fr 1fr 1fr;
		  display: -ms-grid;
		  -ms-grid-columns:  1fr 1fr 1fr;
	  }
	  #download .content.ganze-breite .container {
		  grid-template-columns: 1fr;
		  
	  }
	  #download .content .container .box1 {
		  -ms-grid-column: 1;
		  -ms-grid-column-span: 1;
	  }
	  #download .content .container .box2 {
		  -ms-grid-column: 2;
		  -ms-grid-column-span: 1;
	  }
	  #download .content .container .box3 {
		  -ms-grid-column: -1;
		  -ms-grid-column-span: 1;
	  }
	  #download .content .container .box4 {
		  -ms-grid-column: 1;
		  -ms-grid-column-span: 2;
	  }
	  #download .content .container .box5 {
		  -ms-grid-column: 2;
		  -ms-grid-column-span: 2;
	  }
	  #download .content .container .box6 {
		  -ms-grid-column: -1;
		  -ms-grid-column-span: 2;
	  }

	  #materialien .content .container .box2, #qualitaet .content .container .box2 {
		  text-align: right;}
		  
	  .content .container.grid-2-spalten, .content .container .grid-2-spalten {
		  display: grid;
		  grid-template-columns: 1fr 1fr;
		  grid-column-gap:4rem;
		  display: -ms-grid;
		  -ms-grid-columns: 1fr 1fr;
	  }
	  .content .container.grid-3-spalten, .content .container .grid-3-spalten {
		  display: grid;
		  grid-template-columns: 1fr 1fr 1fr;
		  grid-column-gap:4rem;
		  display: -ms-grid;
		  -ms-grid-columns: 1fr 1fr 1fr;
	  }
	  .content .container.grid-4-spalten, .content .container .grid-4-spalten {
		  display: grid;
		  grid-template-columns: 1fr 1fr 1fr 1fr;
		  grid-column-gap:4rem;
		  display: -ms-grid;
		  -ms-grid-columns: 1fr 1fr 1fr 1fr;
	  }
}




/*----------------------------------- footer ------------------------------------------------*/

		
					
@media only screen and (max-width: 768px) {
.banner .box-banner {
	display:none;
}
/*header .container {
	display: block;
	}
header .container .logo img {
	max-width: 80%;
	}*/
	
	
	/*main .container .box1, main .container .box2,
	main .container .box1, main .container .box2
	 {display: block !important;}*/
/*.content1 .container, .bottom .container, .content2 .container {
	display:block;
	padding: 40px 20px 20px 20px;
	}
	.content1 .container .box1, .content1 .container .box2, .content1 .container .box3, .content1 .container .box4, 
	.content2 .container .box1, .content2 .container .box2, .content2 .container .box3, .content2 .container .box4, 
	.bottom .container .box1, .bottom .container .box2, .bottom .container .box3, .bottom .container .box4,
	footer .container .box1, footer .container .box2, footer .container .box3, footer .container .box4 {
		padding-bottom:20px;
		}
footer .container {
	display:block;
	padding: 20px 20px 0 20px;
	}*/
}