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

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




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

}


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

	.topbild-split.rounded-corners-right,
	.topbild-split.rounded-corners-right img {
		border-radius: 0px 0px 0px 0px;
	}

	#topbild .fullscreen-split .fsc-re > div {
		margin-top: 120px;
	}
}
  



@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: 992px) {

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

	#wrap-header {
		height:80px;
	}

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

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

	#logo {
		width: 56px;
	}

	#header-special {
		margin-top: -55px;
	}

	.wrap-content-box {
		position:relative; 
	}

	.energy-icon {
		position:absolute;
		right:20px; 
		top:0px; 
		width:110px;
		padding:15px;
	  }
}




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

	.container {
		padding-left: 15px;
		padding-right: 15px;
  }



	#wrapper {
	 display:block !important;
	}

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

	#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 a {
		display:block;
		width:100%;
		height:100%;
		background-size:100% 100%; 

	}

	#wrap-inhalt.notb {
		margin-top:110px; 
	}
	
	.homeStoerer {
		width: 100%;
	}

	.energy-icon {
		right:0px; 
		top:-20px; 
		width:100px;
		padding:15px;
	  }

}




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

   #wrap-header{
      height: 80px;	
   }
/*
	#wrap-topbild {
		height: 48vw;
	}


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

#header-special {
	margin-top: -35px;
}


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

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

}



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

