/*-----------------------------------------------------------------------------------*/
/*	GRID  */
/*-----------------------------------------------------------------------------------*/

.outer-container {
	width:100%;
}
.container {
	width:1200px;
	max-width:90%;
	margin-right: auto;
	margin-left: auto;
}
/* Admin Blüba */
#admin-blueba .einleitung {
	display:grid;
	grid-template-columns: 1fr;
	grid-column-gap: 2rem;
}
section.admin-blueba .container {
	display:grid;
	grid-template-columns: 3fr 4fr;
	grid-column-gap: 2rem;
	@media only screen and (max-width: 600px) {
		grid-template-columns: 1fr;
	}
}
.einspaltig {
	width: 1200px;
  	max-width: 90%;
	margin:0 auto;
}
.grid-2-spalten {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-bottom: 1.5rem;
    grid-gap:3rem;
} 
.grid-3-spalten {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    margin-bottom: 1.5rem;
    grid-gap:3rem;
} 
@media (max-width:600px) {
	.grid-2-spalten, .grid-3-spalten {
		grid-template-columns: 1fr;
	}
}

/*----------------------------------- content ------------------------------------------------*/


header {
	background:#e3f0bf;
	z-index: 10;
}
section {
	margin-bottom:2rem;
}
.grid-stammdaten, .grid-buchung {
	display: grid;
	grid-template-columns: 1fr 2fr;
	column-gap: 2rem;
	@media only screen and (max-width: 600px) {
		grid-template-columns: 1fr;
	}
  }
  .grid-buchung.schritt-3 {
  	grid-template-columns: 2fr 3fr;
  	@media only screen and (max-width: 600px) {
		grid-template-columns: 1fr;
	}
  }
    
@media only screen and (max-width: 895px){
.container.inhalt .box1, .container.inhalt .box2, .container.inhalt .box3, .container.inhalt .box4 {
margin-bottom: 30px;
}
}

footer .container {
display: block;
line-height: 1.8em;
padding: 28px 0;
margin-top: -10px;
}


@media (max-width: 400px) {
header .container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 1em;
  @media only screen and (max-width: 600px) {
		grid-template-columns: 1fr;
	}
}
}

@media only screen and (min-width: 785px) {
footer .container {
	display: grid;
	grid-template-columns: 1fr 1fr;
	align-items: center;
}
footer .container .box2 {text-align: end;}
}
footer .container .box2 a.aktuelle-seite {
    text-decoration: underline;
	}	

header .container .box1 {
		      padding: 20px 0 15px 0;
	  }

@media only screen and (max-width: 895px) {

.fancybox img {
  border: 1px solid lightgray;
}
}
.mobil-none {display:none;}

.content.kontakt {
	background-color: #D5E0EB;
}

 @media only screen and (min-width: 895px /*980px*/) {
	 .mobil-none {display:block;}
	  header {
		  position:fixed;
		  top:0;
		  right:0;
		  left:0;
		  }
	  header .container {
		  display: grid;
		  grid-template-columns: 1fr 3fr;
		  align-items: center;
	  }
	  
	  header .container .box2 {
		  justify-content: end;
		  display: grid;
		  margin-top: 0;
	  }

	 /* STARTSEITE */
	 
	  .content .container {
		  display: grid;
		  grid-template-columns: 1fr 1fr;
		  @media only screen and (max-width: 600px) {
				grid-template-columns: 1fr;
			}
	  }

	  .einleitung .container.einleitung {
		  display: grid;
		  grid-template-columns: 1fr 1fr;
          column-gap: 2em;
          @media only screen and (max-width: 600px) {
				grid-template-columns: 1fr;
			}
	  }

	  .content.ganze-breite .container {
		  grid-template-columns: 1fr;
	  }

.einspaltig {
	max-width:1200px;
	margin:0 auto;
}

	
/*#startseite .content.produkte .container {
  column-gap: 5em;
}

img.firma {
margin-top: 20px;
}
		  
	  .content .container.grid-2-spalten, .content .container .grid-2-spalten {
		  display: grid;
		  grid-template-columns: 1fr 1fr;
		  grid-column-gap:4rem;
	  }
	  .content .container.grid-3-spalten, .content .container .grid-3-spalten {
		  display: grid;
		  grid-template-columns: 1fr 1fr 1fr;
		  grid-column-gap:4rem;
	  }
	  .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;
}
}
*/