/* -------------------------------- */
	#viewport { 
		position:fixed; 
		bottom:200px;
		left:0px; 
		display: block; 
		display: none;
		z-index: 9999; 
	}
	#viewport div {  
		color: #fff;
		font-size: 18px;
		background: #000;
		padding: 2px 10px 2px; 
	}
	
	
	/* -------------------------------- */
	/* > 1900 */
	@media only screen and (min-width: 1900px) { 
		.bigger_1900, .l_1900, .l_1600, .l_1440, .l_1280, .l_1160, .l_1024, .l_940, .l_850, .l_767, .l_600, .l_480, .l_360, .l_320   { display: none }
		.bigger_1900  { display: block;  }	
	}
	
	/* 1900 */
	@media only screen and (max-width: 1900px) { 
		.bigger_1900, .l_1900, .l_1600, .l_1440, .l_1280, .l_1160, .l_1024, .l_940, .l_850, .l_767, .l_600, .l_480, .l_360, .l_320   { display: none }
		.l_1900  { display: block;  }		
	}
	
	/* 1600 */
	@media only screen and (max-width: 1599px) { 
		.bigger_1900, .l_1900, .l_1600, .l_1440, .l_1280, .l_1160, .l_1024, .l_940, .l_850, .l_767, .l_600, .l_480, .l_360, .l_320   { display: none }
		.l_1600  { display: block;  }
	
		/* ------------------------------- 
		FONTS */
		
		/* ------------------------------- 
		PRICE */
		#price .contentbox {padding: 40px 40px 40px 0; }
		
		/* ------------------------------- 
		CONTACT */
		#contact .contentbox {padding: 40px 40px 40px 0; }	
	}
	
	/* < 1440 */
	@media only screen and (max-width: 1439px) { 
		.bigger_1900, .l_1900, .l_1600,  .l_1440, .l_1280, .l_1160, .l_1024, .l_940, .l_850, .l_767, .l_600, .l_480, .l_360, .l_320  { display: none }
		.l_1440  { display: block;  }	
		
		/* ------------------------------- 
		FONTS */
		h2 {font-size: 2.5rem;}
		nav li a {font-size: 1.15em;}
		
		
	}
		
	/* 1280 */
	@media only screen and (max-width: 1279px) { 
		.bigger_1900, .l_1900, .l_1600,  .l_1440, .l_1280, .l_1160, .l_1024, .l_940, .l_850, .l_767, .l_600, .l_480, .l_360, .l_320  { display: none }
		.l_1280  { display: block; }
		
		/* ------------------------------- 
		FONTS */
		nav li a {font-size: 1.05em;}
		footer .copyright { font-size: 1rem; }
		
		.agb h2 {
			font-size: 2.0rem;
			padding-bottom: .7rem;
		}
		.agb h3 {font-size: 1.5rem;}
		
		/* ------------------------------- 
		TOPHEADER */
		#topheader #logo { width: 85%; }
		
		/* ------------------------------- 
		ABOUT */
		#about .width-space { display: none; }
		
		#about .col-4, 
		#about .col-5 { width: 50%; }
		
		/* ------------------------------- 
		PRODUCT */
		#product .col-8 { width: 100%; }
		#product .col-4.contentbox { width: 70%; }
		
		#product .productbox {
			padding-right: 0%; 
			width: calc(100% + 12px); 
			margin-left: -6px;
		}
		
		#product .contentbox { padding-top: 30px;}
		
		/* ------------------------------- 
		PRICE */
		#price .col-6 { width: 70%; padding-right: 30px; }
		#price .col-4 { width: 30%; }
		#price .width-space { display: none; }
	
		
		/* ------------------------------- 
		CONTACT */
		#contact .col-6 { width: 70%; padding-right: 30px;}
		#contact .col-4 { width: 30%; }
		#contact .width-space { display: none; }
	
		/* ------------------------------- 
		AGB */
		/*.agb .width-space { display: none; }*/
		.agb .col-1 {width: 6%;}
		.agb .col-8 {width: 88%;}
		
		.agb .textbox {padding-bottom: 30px;}
			
	}
	
	/* 1160 */
	@media only screen and (max-width: 1159px) { 
		.bigger_1900, .l_1900, .l_1600, .l_1440, .l_1280, .l_1160, .l_1024, .l_940, .l_850, .l_767, .l_600, .l_480, .l_360, .l_320  { display: none }
		.l_1160  { display: block;  }
		
		/* ------------------------------- 
		FONTS */
		
	}
	
	/* 1024 */
	@media only screen and (max-width: 1023px) { 
		.bigger_1900, .l_1900, .l_1600, .l_1440, .l_1280, .l_1160, .l_1024, .l_940, .l_850, .l_767, .l_600, .l_480, .l_360, .l_320  { display: none }
		.l_1024  { display: block;  }
		
		/* ------------------------------- 
		FONTS */
		
		
	}
	
	/* 940 */
	@media only screen and (max-width: 939px) { 
		.bigger_1900, .l_1900, .l_1600, .l_1440, .l_1280, .l_1160, .l_1024, .l_940, .l_850, .l_767, .l_600, .l_480, .l_360, .l_320  { display: none }
		.l_940  { display: block;  }
		
		/* ------------------------------- 
		FONTS */
		
		/* ------------------------------- 
		/*NEWS*/
		#news { padding-right: calc(2% + 20px);}
		
	}
	
	/* 850 */
	@media only screen and (max-width: 850px) { 
		.bigger_1900, .l_1900, .l_1600, .l_1440, .l_1280, .l_1160, .l_1024, .l_940, .l_850, .l_767, .l_600, .l_480, .l_360, .l_320  { display: none }
		.l_850  { display: block;  }
		
		/* ------------------------------- 
		FONTS */
		
		/* ------------------------------- 
		ALL FOR ALL */
		section {padding: 70px 4%;}
		
		/* ------------------------------- 
		/*NEWS*/
		#news { 
			padding-right: 0px; 
			margin-top: 30px;
		}
		
		/* ------------------------------- 
		ABOUT */
		#about .col-4,
		#about .col-5 { width: 100%}
		
		#about .col-4, 
		#about .col-8 {padding-right: 0%;}
		
		#about .image { max-width: 500px; display: block;}
		#about .contentbox { padding-top: 3rem;}
		
		/* ------------------------------- 
		PRODUCT */
		#product .col-4.contentbox {width: 100%;}
		#product #imagebox.col-4 { width: 50%; }
		#product .contentbox { padding-top: 3rem;}
		
		
		/* ------------------------------- 
		PRICE */
		#price .col-6 { width: 100%}
		#price .col-4 {width: auto;}
		#price .contentbox {padding: 0px}
		#price #booklink {margin-top: 20px;}
		
		
		/* ------------------------------- 
		CONTACT */
		#contact {padding: 70px 4%;}
		#contact .col-6 { width: calc(100% - 200px)};
		#contact .contentbox {padding: 0px 0px 40px;}
		
		#contact #timebox {
			top: 0px;
			right: 0px;
			width: 200px;
			position: relative;
			margin-top: 160px;
		}
		
		/* ------------------------------- 
		FOOTER */
		footer { height: 60px; }
		footer ul {float: right; }
		footer .copyright {left: 5%;}
		
		/* ------------------------------- 
		AGB */
		.agb #contentbox { margin-top: 90px; }
		.agb .col-1 {width: 3%;}
		.agb .col-8 {width: 94%;}
		
		
		/*close*/
		#close {
			right: 3%;
			top: 15px;
		}
		
		
	}
	
	/* 767 */
	@media only screen and (max-width: 766px) { 
		.bigger_1900, .l_1900, .l_1600, .l_1440, .l_1280, .l_1160, .l_1024, .l_940, .l_850, .l_767, .l_600, .l_480, .l_360, .l_320  { display: none }
		.l_767  { display: block;  }
		
		/* ------------------------------- 
		FONTS */
		p {font-size: 1.05rem;}
		
		#pricebox p {font-size: .85rem;}
		#price #infobox li {font-size: .8rem;}
		
		/* ------------------------------- 
		PRICE */
		#price #infobox li {
			line-height: 1.15em; 
			padding: 3px;
		}

	}
	
	/* 600 */
	@media only screen and (max-width: 599px) { 
		.bigger_1900, .l_1900, .l_1600, .l_1440, .l_1280, .l_1160, .l_1024, .l_940, .l_850, .l_767, .l_600, .l_480, .l_360, .l_320  { display: none }
		.l_600  { display: block;  }
		
		/* ------------------------------- 
		FONTS */
		footer .copyright,
		footer ul li a { font-size: .85rem;}
		
		.agb h2 {font-size: 1.6rem;}
		.agb h3 {font-size: 1.3rem;}
		
		/* ------------------------------- 
		CONTACT */
		#contact { min-height: calc(100vh - 90px);}
		#contact .col-6 {width: 100%;}
		#contact .contentbox {padding: 0px}
		#contact #timebox {margin-top: 50px;}
		
		/* ------------------------------- 
		FOOTER */
		footer {height: 90px;}
		footer ul {
			float: none;
			padding: 45px 25px;
			text-align: left;
		}
		
		/* ------------------------------- 
		AGB / ERROR */
		.agb #tp-grid,
		.error404 #tp-grid { min-height: calc(100vh - 90px);}
		
	}
	
	/* 480 (bis iPhone8 Portrait) */
	@media only screen and (max-width: 479px) { 
		.bigger_1900, .l_1900, .l_1600, .l_1440, .l_1280, .l_1160, .l_1024, .l_940, .l_850, .l_767, .l_600, .l_480, .l_360, .l_320  { display: none }
		.l_480  { display: block;  }
		
		/* ------------------------------- 
		FONTS */
		h2 {font-size: 2.0rem;}
		section p br { display: none; }
		
		/* ------------------------------- 
		/*NEWS*/
		section p#news br { display: block;}
		
		/* ------------------------------- 
		PRODUCT */
		#product #imagebox.col-4 { width: 100%; }
		
		/*#pricebox*/
		#pricebox .col-9 {
			width: calc(100% - 90px);
			padding-right: 25px;
		}
		#pricebox .col-3 {width: 90px;}
		
	}
	
	/* 360 (SE Portrait) */
	/*@media only screen and (max-width: 359px) { 
		.bigger_1900, .l_1900, .l_1600, .l_1440, .l_1280, .l_1160, .l_1024, .l_940, .l_850, .l_767, .l_600, .l_480, .l_360, .l_320  { display: none }
		.l_320  { display: block;  }
		
	}*/