@charset "utf-8";
/* CSS Document */



@media screen and (min-width: 1920px) { 
	
}

@media screen and (min-width: 1720px) { 
	
	#stoerer-corona {
		position: absolute;
		top: 350px;
		right: 50px;
		width: 230px;
		height: 230px;
		z-index: 95;
		left: auto;
	}

}

@media screen and (max-width: 1720px) { 
	
	#stoerer-corona {
		position: absolute;
		top: 150px;
		left: 15px;
		width: 180px;
		height: 180px;
	}

}



@media screen and (max-width: 1440px) { 
	#claim-p1 img { width:380px; }
	#claim-p2 img { width:400px; }


	#stoerer-corona {
	    top: initial;
		left: initial;
		width: 150px;
		height: 150px;
		top: 15%;
		right:300px; 
		margin-bottom:-80px; 
	}

}


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

	#corona-stoerer {
		width:220px;
		height:220px;
		right:10%;
		bottom:8%; 
	}


	#corona-stoerer img {
		width:100% !important;
		height:auto !important;
	}
}


@media screen and (max-width: 1010px) { 
	#wrap-topbild  {
		width:100%;
		height: auto !important;
		max-height:auto !important;
	}
	
	#topbild div, #topbild figure, #topbild img {
		/* width:100% !important; */
		/* max-width: 300% !important;
		min-width:30% !important; */
		height:auto; 
	}
	
	#claim {
		left:15px;
		margin-left:0px; 
	}

	#manufacturer-logo {
		position:absolute;
		top: auto;
		left: auto;
		bottom:10px;
		right:15px;
		z-index:10;
		width:100px;
		height:100px;
	}

	#manufacturer-logo #zehnjahretoyota {
		display: none;
	}

	#toyota, #citroen { float:right; width:100px; height:auto;  }
	#toyota { margin-right:10px;}
	#citroen { margin-top:3px; }
	#toyota img { width:100px !important; height:auto; }
		
	#megura-swissness {
	right: 15px !important;
	}

/*	ul.menu li {   
	margin-left:0px !important; 
	}*/

	#corona-stoerer {
		width:160px;
		height:160px;
	}

}





@media screen and (max-width: 1000px) { 
	ul.menu li.n6 {
		display:none; 
	}

}




@media screen and (max-width: 980px) { 
	
	#claim div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
		margin-bottom: 7px !important;
	}
	
	#claim-p1 img {	width:260px; }
	#claim-p2 img { width:300px; }
	
}


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

	#topbild img, #topbild .csc-default img {
		/* width:100% !important; */
		/* max-width: 300% !important;
		min-width:30% !important; */
		height: auto !important; 
	}
}



@media screen and (min-width: 931px) { 
	/*.slicknav_menu { display:none ; }*/
}


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

	/*  Mobile Menu Core Style   */
	#navigation, #subnavi { display:none; height:0px; }
	.slicknav_menu { display:block; }
	

}




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

	#wrapper {
	 display:block !important;
	}

	main img {
		max-width: 100% !important;
		height: auto; 
	}
	

	div[class*="csc-space-after-"] {
		margin-bottom: 25px !important;
	}

	div[class*="csc-space-before-"] {
		margin-top: 25px !important;
	}
	
	#wrap-corona .col-sm-6.cor1 {
		/* padding-right: 15px !important; */
	}


	#stoerer-corona {
		width: 140px;
		height: 140px;
		bottom: 0px;
		right:40px; 
		top:13%;

	}

	main .row .athome img {
		max-width:480px !important;
		width:100% !important;
		height:auto;
	}




}




@media screen and (max-width: 640px) { 
	#claim-p1 img {	width:215px; }
	#claim-p2 img { width:240px; }
	
	#manufacturer-logo {
			position: relative;
			bottom: 0;
			right: 0;
			left:0;
			z-index: 0;
			width: 190px;
			height: 90px;
			margin: 0 auto;
		}
		
	#wrap-header > header.hersteller > #manufacturer-logo {
			position: absolute;
			top: 5px;
			right: 0;
			left: 15px;
			z-index: 0;
			width: 100%;
			height: 60px;
			margin: 0 auto;
		
		}

	#toyota, #citroen { float:left; }

	#toyota { margin-top: 12px; }
		
	#logo { left:60px; /*top: 75%;*/}
	#wrap-header div.toyotalogo img { width:40px !important; height:auto; }
	#wrap-header div.citroenlogo img { width:45px !important; height:auto; }	

	#quicklinks {
		position:absolute;
		top:initial !important;
		 bottom:22px;
		}

	#herst-logo {
			position: absolute;
			right: initial !important;
			top: 6px;
			left:15%;
	}

	.hlogo {
		display: block;
		padding-left: 0px;
		padding-right:0px; 
		margin-right:60px; 
		float: left;
	}

	.lgtoyota {
		width: 40px;
		height: auto;
	}

	.lgcitroen {
		width: 48px;
	}
	
}
	



@media screen and (max-width: 580px) { 
	
	#wrap-inhalt {
		padding-top: 40px;
		padding-bottom: 50px;
	}
	
	
	#wrap-header, #header { height:86px; }
	#logo {	width:245px; }
	.slicknav_btn { margin-top:24px !important;}
	.slicknav_nav { margin:86px 0px 0px 0px !important;	}
	
	#topbild img, #topbild .csc-default img {
		/* width:150% !important; */
		/* max-width: 300% !important;
		min-width:30% !important; */
		height: auto !important; 
		/* margin-left:-50px !important;  */
	}

	#logo a .logo-claim {
		font-size:15.4px;
	}
	
	
	

	#quicklinks { height:70px; 	}
	#quicklinks div:nth-child(1) a { top:0;}
	#quicklinks div:nth-child(2) a { top:44px;}

	.qholder a { 
		display:block; cursor:pointer; position:absolute; height:36px; right:0; margin-right:-14px; width:65px;
	}

	.qholder a:hover { margin-right:-2px;}
	.qholder a i { padding-left:10px; padding-top:6px; }
	.qholder .fa { color: #000; font-size:1.6em;}
	.fa-car {font-size:1.5em !important;  }

	.white-popup-block {
		padding: 20px 10px;
	}

}



@media screen and (max-width: 520px) { 
	
	#claim-p1 img {	width:140px; }
	#claim-p2 img { width:160px; }

	#quicklinks {
			/* top:88px; */
	}


	#stoerer-corona {
		position: fixed;
		width: 125px;
		height: 125px;
		bottom: 0px;
		right: 20px; 
		top: 65vh;
		/*margin-bottom:-115px;*/
	}



	#corona-stoerer {
		width: 120px;
		height: 120px;
	}
}