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

@media screen and (max-width: 2300px) { 
	#header-stoerer {
		right:30px;
		top:25%;
	 }
}

@media screen and (max-width: 1800px) { 
	#header-stoerer {
		right:15px;
		top:25%;
		width:300px;
		height:300px;
	 }
}

@media screen and (max-width: 1600px) { 
	#header-stoerer {
		right:5px;
		top:5px;
		width:270px;
		height:270px;
	 }
}


@media screen and (max-width: 1400px) { 
	#header-stoerer {
		width:220px;
		height:220px;
	 }
}


@media screen and (max-width: 1322px) { 
	#logo {
		left: 12px;
		top: 50%;
		transform: translateY(-50%);
		margin-left: 0px;
	}
}



@media screen and (max-width: 1300px) { 
	.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: 992px) {

	#wrap-inhalt {
		margin-top: 40px;
	}

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

	.modal {
		width: 100%;
		background: #fff;
		padding: 15px;
	}
	.modal-dialog, #popup .modal-dialog {
		margin: 0px !important;
	}

	#header-stoerer {
		right:30%;
		top:40%;
		width:270px;
		height:270px;
	 }
}


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

	#wrapper {
	 display:block !important;
	}

	#wrap-topbild {
		margin-top: 80px;
		height:auto;
		/*height: 40vw;*/
	}

	#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; 
	}

	#wrap-inhalt.notb {
		/* margin-top: 100px; */
	}

	#header-stoerer {
	    width:200px;
		height:200px;
	 }
/*
	#cafeteria.bg-white .sec-container, 
	#cafeteria.bg-green .sec-container, 
	#cafeteria.bg-pastell .sec-container,
	#aktuell.bg-white .sec-container, 
	#aktuell.bg-green .sec-container, 
	#aktuell.bg-pastell .sec-container, 
	#seniorenpost.bg-white .sec-container, 
	#seniorenpost.bg-green .sec-container, 
	#seniorenpost.bg-pastell .sec-container {
		padding: 30px 10px 30px 10px !important;
	}
*/
	.blocker section {
		 padding: 0px !important; 
	}

	.modal a.close-modal {
		width: 30px !important;
		height: 30px !important;
	}



}


/*
@media screen and (max-width: 680px) { 
	
	#megura-swissness {
	width:80px;
	height:80px;
	bottom:0px;
	}
}
*/


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

	#logo {
		width: 175px;
	}	

	#wrap-topbild {
	}


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

	footer .empty {
		display:none; 
	}


	 #header-stoerer {
		right:34%;
		top:32%;
		width:190px;
		height:190px;
	 }

	 .modal a.close-modal {
		width: 24px !important;
		height: 24px !important;
	}
	 

}




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

	
	
}