/* ------------------------ 
	MAIN
	------------------------ */
	html {
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}
	body {
		font-size: 18px;
		line-height: 22px;
		color: #292929;
		
		padding: 0px;
		margin: 0 auto;	
	}
	
	#wrapper,
	header,
	section { 
		position: relative;
		margin: auto;
    }
	#wrapper { overflow: hidden;}
	
	section { 
		padding: 100px 2% 100px;
		position:relative;
	}
	
   .inView { 
		height: 20px; 
		width: 100%;
		-background: yellow; 
		z-index: 10;
	}
	#topheader .inView { position: absolute; bottom: 50px; }
	
	
	/* ------------------------ 
	TOPHEADER
	------------------------ */	
	#topheader { 
		height: 100vh; 
		position:relative;
	}
	
	/*LOGO*/
	#topheader #logo { 
		position:absolute;
		top: 50%;
		left: 50%;
    	transform: translate(-50%, -50%);
		width: 900px; 
	}
	#topheader #logo .line_one,
	#topheader #logo .line_two { 
		text-align: left; 
		line-height: .85em;
	}
	#topheader #logo .line_two { padding-left: 65px;}
	#topheader #logo .subline { 
		text-align: right; 
		margin-top: 5px;
		letter-spacing: 17px;
		padding-right: 2px;

	}
	#topheader #logo h1 { font-size: 6.5rem; }
	
	/*NEWS*/
	#news { padding-right: calc(2% + 10px);}
	
	
	/* ------------------------ 
	ABOUT
	------------------------ */	
	h2 { padding-bottom: .5em; }
	
	#about .col-4,
	#about .col-8 { padding-right: 2%;}
	
	
	/* ------------------------ 
	PRODUKTE
	------------------------ */	
	/*productbox*/
	#product .productbox { padding-right: 2%; }
	#product #imagebox { 
		vertical-align: top; 
		padding: 5px;
	}
	
	/*imagebox hover*/
	#imagebox a .inner { overflow: hidden; }
	#imagebox img { 
		object-fit: contain; 
		background: #f7efcb;
		transition: .4s ease all;
		-moz-transition: .4s ease all;
		-webkit-transition: .4s ease all;
	}
	#imagebox a:hover img { transform: scale(1.06); }
	
	/*contentbox*/
	#product .contentbox { padding-right: 2%; }
	/*glynt-logo*/
	#product .contentbox .logo-glynt { 
		width: 151px; 
		margin-bottom: 10px; 
	}
	
	/*descriptionbox*/
	.descriptionbox { 
		bottom: 5px; 
		padding: 5px;
		width: calc(100% - 8px); 
		opacity: 0;
	}
	#imagebox a:hover .descriptionbox { opacity: 1;}
    
	.descriptionbox .description { 
		/*width: calc(100% - 60px); */
		font-size: 1rem; 
	}
	/*.descriptionbox .price { width: 60px; }*/
	.descriptionbox p { 
		line-height: 1.15em; 
		vertical-align: top; 
		display: inline-block; 
	}
	
	
	/* ------------------------ 
	PREISE
	------------------------ */	
	#price .contentbox { padding: 40px 60px; }
	
	#price .description { padding-left: 2rem;}
	#price #pricebox:nth-child(6),
	#price #pricebox:nth-child(9) { padding-bottom: 1.5rem;}
	
	/*infobox*/
	#price #infobox { padding-top: 1rem; }
	#price ul#infobox {
  		padding-left: 15px; 
	}
	#price #infobox li {
  		list-style: disc;
		font-size: 1rem; 
		line-height: 1.5rem;
	}
	
	/*booklink*/
	/*#circle { 
		border: 1px solid #000;
		border-radius:50%;
		height: 150px;
		
		width: 150px;
		position: relative;
	}*/
	/*#circle .inner { 
		position: absolute;
		top: 50%;
		left: 50%;
    	transform: translate(-50%, -50%);
		width: 120px; 
	}*/
	
	#price #booklink { margin-top: 250px;}
	#booklink { 
		border: 1px solid  #000; 
		display: inline-block; 
		padding: 5px 25px; 
  		/*float: right;*/
	}
	#booklink:hover { background: #DFDFDF;}
	
	#booklink p {
		position: relative; 
		width: auto;
	}
	#booklink p:after {
		content: '';
		display: inline-block; 
	
		margin-left: 5px; 
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 10px 10px 0 10px;
		border-color: #2D3645 transparent transparent transparent;
	}
	
	
	/* ------------------------ 
	KONTAKT
	------------------------ */	
	#contact {padding-top: 50px}
	#contact .contentbox { padding: 40px 60px; 
		/*height: 100vh;*/
	}
	#contact .headline { 
		border-bottom: 1px solid #292929; 
		padding-bottom: 10px;
	}
	#contact p.title { padding-top: 25px; }
	#contact p.adresse { padding-bottom: 15px; }
	#contact p.tel { padding-top: 15px; }
	
	/*timebox*/
	#contact #timebox { 
		width: 180px;
		margin-top: 400px; 
		/*float: right*/
	}
	#contact #timebox p { 
		display: inline-block; 
		width: 90px; 
		padding-bottom: 10px;
	}
	
	#contact #booklink { margin-top: 20px;}
	
	/* ------------------------ 
	FOOTER
	------------------------ */	
	footer { 
		position: relative; 
		/*height: 60px; */
	}
	footer ul { 
		/*float: right; */
		padding: 15px 30px 25px;
	}
	footer ul li { 
		display: inline-block;
		padding: 0 6px;
	}
	footer ul li a,
	footer ul li a:link { 
		color: #efefef;
		position: relative; 
		font-family: 'Roboto-Regular';
	}
	footer ul li a:hover { opacity: .75;}
	
	footer ul li a:before {
		content: "";
		position: absolute;
		width: 100%;
		height: 1px;
		bottom: -1px;
		left: 0;
		background: #efefef;
		visibility: hidden;
		transform: scaleX(0);
		
		visibility: visible;
		transform: scaleX(1);
	}
	
	footer .copyright {
		position: absolute; 
		top: 20px; 
		left: 2%;
		text-align: left; 
	}
	
	
	/* ------------------------ 
	IMPRINT / AGB / 404
	------------------------ */	
	.agb #tp-grid,
	.error404 #tp-grid { min-height: calc(100vh - 60px);}
	
	/*header*/
	.agb header,
	.error404 header {  background: linear-gradient(to bottom, rgba(178, 207, 184, 1), rgba(178, 207, 184, 0));}
	.agb #logo-small img.dark,
	.error404 #logo-small img.dark { display: block; }
	.agb .contain,
	.error404 .contain { position: relative; }
	
	/*close*/
	#close {
		position: absolute;
		right: 0px;
		top: 5px;
		width: 32px;
		height: 32px;
		opacity: 1;
	}
	#close:hover {opacity: .6;}
	#close:before,
	#close:after {
		position: absolute;
		left: 15px;
		content: ' ';
		height: 33px;
		width: 2px;
		background-color: #333;
	}
	#close:before {transform: rotate(45deg);}
	#close:after {transform: rotate(-45deg);}
	
	/*contentbox*/
	.agb #contentbox,
	.error404 #contentbox { margin-top: 120px; }
	
	.agb .textbox { padding-bottom: 50px; }
	.agb h2 { padding-bottom: 1rem; }
	.agb h3 { padding-bottom: .5rem; }
	
	.agb p { 
		text-align: justify; 
	
		-webkit-hyphens: auto;
		-ms-hyphens: auto;
		hyphens: auto;
		
		-webkit-hyphenate-limit-before: 5; /* For Safari */
		-webkit-hyphenate-limit-after: 4; /* For Safari */
		-ms-hyphenate-limit-chars: 10 5 4;
		hyphenate-limit-chars: 10 5 4;
	}
	
	.agb .textbox ul {margin-left: 25px; }
	.agb .textbox ul li {
		list-style: square; 
		padding: 3px;
	}
	
	.agb p a,
	.error404 p a  {text-decoration: underline; }
	
	
	/* ------------------------ 
	COOKIES
	------------------------ */
	moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content p, 
	#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content p a,
	#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main h3.tab-title, 
	#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main span.tab-title {
		font-weight: 400 !important; 
	}
    
	/*banner*/
	#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme {border-top: 0px solid #fff !important; }
	
	/*lightbox*/
	.gdpr_lightbox {background: rgba(0,0,0,.65) !important; }

	/*close*/
	#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-close i, 
	#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-close span.gdpr-icon {
		background-color: #9CB5A1 !important;
		border: 1px solid #9CB5A1 !important;
	}
	
	/*logo*/
	#moove_gdpr_cookie_modal .moove-gdpr-modal-content.logo-position-left .moove-gdpr-company-logo-holder {
		text-align: center !important; 
	}
	
	/*button*/
	#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder button.mgbutton, 
	.gdpr_cookie_settings_shortcode_content .gdpr-shr-button.button-green {
		background-color: #9CB5A1 !important;
		border-color: #9CB5A1 !important;
	}