/* MEDIA QUERIES - RESPONSIVE CSS
-------------------------------------------------- */

@media screen and (max-width: 2100px) { 
	#wrap-topbild {
		height:35vw;
	}
}


@media screen and (max-width: 1600px) { 
	/*
	#wrap-topbild {
		height:40vw;
	}
   */
}


@media screen and (max-width: 1400px) { 
	.container {
  		width:100% !important;
  		max-width:100% !important;
  		margin-left: auto;
  		margin-right: auto;
  		padding-left: 15px;
  		padding-right: 15px;
	}

}


@media screen and (max-width: 1010px) { 
	
	#megura-swissness {
	right: 15px !important;
	}

	.inhalt .row, #footer .row {
      margin-left:  0px !important;
      margin-right: 0px !important; 
    }
}


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

	.home #wrap-inhalt {
		margin-top:0px; 
		padding-top: 80px;
	}
	
	#wrap-header {
		height:80px;
	}
	
	#wrap-topbild {
	margin-top:80px; 
	}

	
	.notb {
	margin-top:80px; 
	}

	.powermail_input,
	.powermail_textarea {
		width: 120%;
	}

	#logo {
		width: 250px;
	}

}


@media screen and (min-width: 576px) and (max-width: 767px) {
}



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

	#wrapper {
	 display:block !important;
	}

	#wrap-topbild {
		margin-top: 80px;
		height: 45vw;
	}

	#topbild, #topbild .ce-image img {
		width: 128% !important;
		height: auto;
	}

	#wrap-footer {
		border-left: 0px;
		border-right: 0px;
		border-bottom:0px;
	}

	#frow1 .col-12 {
		margin-bottom:20px; 
	}

	#frow2 {
		margin-top:10px; 
	}

	#frow3 .ce-column {
		margin-bottom: 0px !important;
	}
		
	main img {
		max-width: 100% !important;
		height: auto; 
	}

	#logo {
		width: 240px;
	}

   #logo a {
		display:block;
		width:100%;
		height:100%;
		background-size:100% 100%; 

	}
	
	.homeStoerer {
		width: 100%;
	}

	.unsere-werte figure {
		max-width:200px !important; 
	}


/* Ausbildungswege */
.ausbildungswege .col-12 {
	margin-top:50px; 
}

.ab-card {
	border-radius:0px; 
	aspect-ratio:initial !important;
	cursor:none;
	max-width:100%;
}

.ab-card header {
  position:relative;
  z-index:5;
  top:0px; 
  left:10px;
  transform:none !important;
  margin-top:0;
  width:100%;
}

.ab-card header h2 {
  color:#20683D;  
   width:100%;
   text-align:left; 
   padding-left:0px; 
   text-shadow:none; 
}

.ab-card .ce-gallery {
  position:relative;
  transition: all .5s ease;
  border-radius:0px; 
  border:0;
  aspect-ratio: 16/9;
  border-radius:18px; 
}

.ab-card .ce-gallery img  {
    object-fit:contain;
}

.ab-card .ce-bodytext {
  position:relative;
  top:0;
  padding:0px !important; 
  transition: all .5s ease;
  color:#111; 
  margin-top:8px; 
}

.ab-card .ce-bodytext p {
  font-size:17px !important;
  line-height:140% !important;
  margin-bottom:0px !important
}


.ab-card:hover {
   background-color:initial !important; 
}

.ab-card:hover  header {
 margin-top:0; 
}

.ab-card:hover  .ce-bodytext {
 top:0;
}

.ab-card:hover header h2 {
   text-shadow:none;
}

.ab-card:hover .ce-gallery {
  opacity:1; 
  border:0;
}



}




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

   #wrap-header{
      height: 80px;	
   }

   	#logo {
		width: 220px;
	}

	#wrap-topbild {
		height: 48vw;
	}

	#topbild, #topbild .ce-image img {
		width: 145% !important;
		height: auto;
	}

	#frow1 .col-12 {
		margin-bottom:30px; 
	}

	.powermail_input,
	.powermail_textarea {
		width: 100%;
	}

	.team-lernende figure,
	.team-ausbildner figure {
  		max-width: 300px;
	}

}



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

	.team-lernende figure,
	.team-ausbildner figure {
  		max-width: 240px;
	}
	.unsere-werte figure {
		max-width:170px !important; 
	}

 }