/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* apply a natural box layout model to all elements, but allowing components to change */
html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}


/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

a 				{ color: #fff; text-decoration: underline;}
a:hover			{ color: #ccc; text-decoration: none;}


html, body 		{ height: 100%; }
#distance 		{ float:left; height:50%; margin-bottom:-300px; width:1px; }

body			{ background: #000; color: #fff;}

#home			{ width: 100%; max-width: 1010px; margin: auto; }
#logo_home		{ margin: 20px 0 20px 0 }

#logo_home h1 {
  max-width: 60%;
  margin-left: 10px;
  margin-top: 35px;
}

@media (min-width: 375px) {
  #logo_home h1 {
    max-width: 68%;
    margin-top: 32px;
  }
}

@media (min-width: 35em) {
  #logo_home h1 {
    max-width: none;
    margin-left: 0;
    margin-top: 0;
  }  
}

#logo_home h1 a	{ display: block; width: 100%; height: 77px; margin: 0; background: url(../img/fullmetalwine-textmarke.png) no-repeat 0 0; background-size: contain; text-indent: -999em;}	


#bilderwand		{ width: 100%; max-width: 1400px; margin: auto;}	
#bilderwand	#logo_home { max-width: 1010px; margin: auto;}

.app			{ clear: left; /* height: 600px; */ max-width: 1200px; margin: 0 auto;}
/* .app #logo_home { margin-left: 10%;} */

#left			{ float: left;  /* width: 260px; */ width: 10%; }
#right			{ float: left; width: 913px; position: relative;  }

#left h1		{ height: 500px; text-indent: -999em;}
#logo			{ }
#logo a			{ width: 88px; height: 17px; display: block;  text-indent: -999em;}		

#page			{ position: relative; width: 100%; max-width: 913px; margin: 0 auto;}

.box,
.gallery-item	{ border: 10px solid #fff; background: #000; margin: 0 20px 20px 0; }
.content-box 	{ border: 10px solid #fff; background: #000; margin: 0 20px 20px 0; overflow: hidden; clear: both;}
.content-box  	{ padding: 10px 10px 10px 180px;}
.content-box img	{ margin-left: -170px;}
.content-box p	{ margin: 0; padding: 0 0 10px 0;}


/* kacheln */
.kacheln		{ list-style: none; padding: 0; margin: -5px 0 0;}

.kachel			{ box-sizing: border-box; float: left; margin: 5px; position: relative;}
.kachel a		{ display: block; text-indent: -999em; outline: none; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.kachel > *	{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.kachel > #lagen-slider	{ position: absolute!important; }

.k2x2			  { width: 30%; padding-top: calc(30% - 20px); overflow: hidden;}
.k3x3			  { width: calc((100% - 20px) / 2); padding-top: calc(50% - 30px); overflow: hidden; }
.k3x6			  { width: calc((100% - 20px) / 2); padding-top: 60%; overflow: hidden; }
.k6x3,
.k6x6,
.k6x6b,
.k6x6c,
.k4x6c,
.k6x9,
.k12x6,
.k13x6			{ width: 97%; padding-top: calc(97% - 20px); overflow: hidden;}
.k6x6c,
.k4x6c      { width: calc(70% - 20px); padding-top: 90%;;}
.k6x9 			{float: left;}
.k6x6b	 	  { float: left;}
.k6x6c	 	  { float: right;}
.k4x6c	 	  { float: right;}

.kacheln li { background-color: #fff; }


/* ==========================================================================
   Sidebar Boxes
   ========================================================================== */

.buttons { 
  float: left; list-style: none; padding: 0; margin: 0; 
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin: 0;
}
.buttons li	{ 
  position: relative;
  width: calc((100% - 40px) / 4);
  margin: 0 5px 10px;
  padding-top: calc((100% - 80px) / 4); 
  border-width: 5px;
  background-repeat: no-repeat; 
  background-position: center center; 
  background-size: contain;
}
.buttons li a	{ 
  position: absolute; 
  top: 0;
  left: 0;
  display: block; 
  width: 100%; 
  height: 100%; 
  padding: 10px; 
  color: #fff; 
  font-size: 1em; 
  font-weight: normal; 
  text-decoration: none; 
  text-transform: uppercase; 
  text-align: center; 
  text-shadow: 0 0 4px #000; 
  font-size: 0.5em; 
  hyphens: auto; 
  -moz-hyphens: auto;
}

.buttons li img			{ margin-bottom: 5px;}
.buttons li a span 		{ position: absolute; top: auto; right: 10px; bottom: 10px; left: 10px; }
.buttons li a.black		{ color: #000;}
.buttons li a.top span 	{ top: 10px; bottom: auto; text-shadow: none; }


.buttons li#weingut a	{ background: url(../img/btn_back.png) no-repeat 50% 50%; background-size: 30px 30px;}
.buttons li.cart	  { background-image: url(../img/th_cart.png);}


@media (min-width: 520px) {
  
  .buttons {
    justify-content: flex-start;
  }
  .buttons li	{ 
    width: 120px;
    margin: 0 5px 10px;
    padding-top: 100px; 
    border-width: 10px;
  }

}

@media only screen and (min-width: 852px) {
  
  .buttons {
    display: block;
    width: auto;
  }
  .buttons li {
    margin: 0 20px 20px 0;
  }
    
}

/* ==========================================================================
   Wein Slider
   ========================================================================== */
.wein-slider {
  position: relative;
  display: block;
  width: 258px; height: 462px;
  text-indent: 0!important;
}
.wein-slider .wein-title {
  position: absolute;
  bottom: 0px;
  left: 0;
  right: 0;
  z-index: 3;
  text-align: center;
  font-size: 32px;
  text-transform: uppercase;
  color: #000;
}
.wein-slider .slide  {
  width: 258px; height: 462px;
  width: 100%;
  background-color: #f7f8fc;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
}
.wein-slider .slide-1 { background-image: url(../img/wein_slide_01@2x.jpg);}
.wein-slider .slide-2 { background-image: url(../img/wein_slide_02b@2x.jpg);}
.wein-slider .slide-3 { background-image: url(../img/wein_slide_03@2x.jpg);}
.wein-slider .slide-4 { background-image: url(../img/wein_slide_04@2x.jpg);}


/* ==========================================================================
   Lagen Slider
   ========================================================================== */
.lagen-slider {
  position: relative;
  display: block;
  width: 566px; height: 348px;
  text-indent: 0!important;
}
.lagen-slider .slide  {
  width: 566px; height: 348px;
  width: 100%;
  background-color: #f7f8fc;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
}
/* .lagen-slider .slide-1 { background-image: url(../img/lagen_slide-0.jpg);} */
.lagen-slider .slide-1 { background-image: url(https://www.weingut-tesch.de/wordpress/wp-content/uploads/2021/04/Lagenkarte-fuer-Startseite_566x348.jpg);}
.lagen-slider .slide-2 { background-image: url(../img/lagen_slide-3.jpg);}
.lagen-slider .slide-3 { background-image: url(../img/lagen_slide-1.jpg);}
/* .lagen-slider .slide-4 { background-image: url(../img/lagen_slide-4.jpg);} */
.lagen-slider .slide-4 { background-image: url(https://www.weingut-tesch.de/wordpress/wp-content/uploads/2021/04/lagen_slide_FASZ_Winzer-des-Jahres.jpg);}
.lagen-slider .slide-5 { background-image: url(https://www.weingut-tesch.de/wordpress/wp-content/uploads/2021/04/lagen_slide_remigius-ernte.jpg);}


/* ==========================================================================
   Owl Slider
   ========================================================================== */
.owl-slider .owl-item img {
  opacity: 1;
}

/* ==========================================================================
   Weinauswahl
   ========================================================================== */
#weinauswahl		{ /* margin-top: 75px; */}
#weinauswahl #right { width: 970px;}
#weinliste li		{ float: left;}
#weinliste li a 	{ background-size: 153px 153px; text-indent: -999em; outline: none;}

#weinliste li:nth-child(6),
#weinliste li:nth-child(7),
#weinliste li:nth-child(9) { clear: left;}

/* ==========================================================================
   Weinkarusell
   ========================================================================== */
#weincarousel			{ position: relative; width: 100%; max-width: 900px; margin: 5px auto; xbackground: rgba(156, 199, 251, 0.88)}
#weincarousel .slide	{ width: 300px; text-align: center; xbackground: rgba(0, 255, 196, 0.44);}
#weincarousel img		{ max-height: 600px; width: auto; margin: auto;}
.owl-prev, .owl-next	{ padding: 20px 30px; border-radius: 25px; font-size: 2em; background: url(../img/btn_arrow@2x.png) no-repeat 0 0; background-size: 38px 109px; text-indent: -999em;; }
.owl-prev				{ position: absolute; left: 250px; top: 50%; background-position: 50% 25px;} 
.owl-next				{ position: absolute; right: 250px; top: 50%; background-position: 50% -50px;} 

.owl-item img				{ transition: opacity 300ms; }
.owl-item img				{ opacity: 0.25;}
.owl-item.center img		{ opacity: 1;}
/*
.owl-item.active		{ opacity: 0.25;}
.owl-item.center		{ opacity: 1;}
*/
.owl-item a:hover		{ text-decoration: none;}


#content		{ float: right; width: 100%; /* min-height: 559px; */ margin-right: 0; padding: 10px 20px; background: #000;}
#content img	{ width: 100%; height: auto; max-width: 100%;}

/* WP img alignments */

#content img.alignleft 	{ float: left; width: auto; max-width: auto; margin: 0 20px 20px 0; }

#home-content 		{ position: relative; clear: both; padding: 10px 10px; color: #aaa;}
#home-content p 	{ margin: 0; }


#content-praesente	{ float: right; width: 100%; /* min-height: 559px; */ margin-right: 0; padding: 0px; background: transparent;}
#content-praesente img { float: left;}


#lang_de		{ padding: 0px;}
#lang_en		{ padding: 10px 20px 0px 30px; font-size: 0.85em;}

.layer			{ position: absolute; top: 0; left: 0; z-index: 100; border: 10px solid #fff; cursor: pointer}

/* Lagen Themes */

/* riesling people */
#rieslingpeople #left h1		{ background: url(../img/bg_header.png) no-repeat 0 60%;}
.backbutton						{ display: block; width: 60px; height: 30px; background: url(../img/btn_back.png) no-repeat 50% 50%; background-size: 30px 30px;}
#bilderwand .rp-logo 			{ height: 40px; margin-bottom: 10px; /* background: url(../img/logo_rieslingpeople.png) no-repeat 98% 0; background-size: contain; text-indent: -999em; */ font-size: 40px; padding-right: 30px; text-align: right;}


/* unplugged */
#unplugged #left h1						{ background: none;}
#unplugged #content						{ background: #272425;}
#unplugged .buttons li#weingut a		{ background-color: #272425;}
#unplugged .buttons li					{ background-color: #272425}

/* rose */
#rose #left h1							{ background: none;}
#rose #content							{ background: #db5061;}
#rose .buttons li#weingut a				{ background-color: #db5061;}
#rose .buttons li						{ background-color: #db5061}

/* krone */
#krone #left h1							{ background: none;}
#krone #content							{ background: #fbba00;}
#krone .buttons li#weingut a			{ background-color: #fbba00;}
#krone .buttons li						{ background-color: #fbba00;}

/* loehrerberg */
#loehrerberg #left h1					{ background: none;}
#loehrerberg #content					{ background: #d3d800;}
#loehrerberg .buttons li#weingut a		{ background-color: #d3d800;}
#loehrerberg .buttons li				{ background-color: #d3d800;}

/* koenigsschild */
#koenigsschild #left h1					{ background: none;}
#koenigsschild #content					{ background: #00b2bb;}
#koenigsschild .buttons li#weingut a	{ background-color: #00b2bb;}
#koenigsschild .buttons li				{ background-color: #00b2bb}

/* karthaeuser */
#karthaeuser #left h1					{ background: none;}
#karthaeuser #content					{ background: #802f01;}
#karthaeuser .buttons li#weingut a		{ background-color: #802f01;}
#karthaeuser .buttons li				{ background-color: #802f01;}

/* stremigiusberg */
#stremigiusberg #left h1				{ background: none;}
#stremigiusberg #content				{ background: #ee7203;}
#stremigiusberg .buttons li#weingut a	{ background-color: #ee7203;}
#stremigiusberg .buttons li				{ background-color: #ee7203;}

/* deepblue */
#deepblue #left h1						{ background: none;}
#deepblue #content						{ background: #4054a1;}
#deepblue .buttons li#weingut a			{ background-color: #4054a1;}
#deepblue .buttons li					{ background-color: #4054a1;}
/*
#deepblue a.button            { background: #4054a1;}
#deepblue a.button:hover      { background: #ffffff;}
*/

/* Sonne und Mond */
#sonne-mond #left h1						{ background: none;}
#sonne-mond #content						{ background: #161412;}
#sonne-mond .buttons li#weingut a			{ background-color: #161412;}
#sonne-mond .buttons li					{ background-color: #161412;}
/*
#sonne-mond a.button            { background: #161412;}
#sonne-mond a.button:hover      { background: #ffffff;}
*/

#liter #content							    { background: #969696;}
#liter .buttons li#weingut a	  { background-color: #969696;}
#liter .buttons li						  { background-color: #969696;}

#prowein #content							    { background: #9e2046;}
#prowein .buttons li#weingut a	  { background-color: #9e2046;}
#prowein .buttons li						  { background-color: #9e2046;}


#white #content                 { background: #fff; color: #000;}
#white #content a               { color: #000;}
#white #content a:hover         { color: #ccc;}


#rieslingt #content							  { background: #049546;}
#rieslingt .buttons li#weingut a	  { background-color: ##049546;}
#rieslingt .buttons li						  { background-color: #049546;}


#hellgrau #content							  { background: #989494;}
#hellgrau .buttons li#weingut a	  { background-color: #989494;}
#hellgrau .buttons li						  { background-color: #989494;}

#rothenberg #content							  { background: #b12e2a;}
#rothenberg .buttons li#weingut a	  { background-color: #b12e2a;}
#rothenberg .buttons li						  { background-color: #b12e2a;}

#lightgrey #content                 { background: #f7f7f7; color: #000;}
#lightgrey #content a               { color: #000;}
#lightgrey #content a:hover         { color: #ccc;}

#frohes-fest #content							    { background: #2f451f;}
#frohes-fest .buttons li#weingut a	  { background-color: #2f451f;}
#frohes-fest .buttons li						  { background-color: #2f451f;}


/* Typografix */
#content h1,
#content h2,
#content h3,
#content .h1,
#content .h2,
#content .h3,
.cwv3_dialog .cwv3_title,
.price_highlight,
.rp-logo,
.wein-title { font-family: "din_mediumregular", Helvetica, Arial, sans-serif;	font-weight: normal;}

.price_highlight {
	font-size: 1.6em;
	line-height: 0.8em;
	text-decoration: underline;
}

/* formulare */
iframe {
	border: 0;
}

/* content warning */

.cwv3_dialog 				 { max-width: 100%; border: 0px solid #fff; font-size: .875em; background: #000 url(../img/pregnant.gif) no-repeat 95% 30%;}
.cwv3_dialog .cwv3_title 	 { xdisplay: none; background: none; font-size: 2em;}
.cwv3_dialog .cwv3_content 	 { padding: 10px 120px 10px 20px; color: #fff;}
.cwv3_dialog .cwv3_content p { color: #fff;}
.cwv3_dialog .cwv3_btns 	 { height: 120px;background: none; padding: 0 20px;}
.cwv3_dialog .cwv3_btns div  { width: 120px;}
.cwv3_dialog .cwv3_btns .cwv3_enter a,
.cwv3_dialog .cwv3_btns .cwv3_exit a { height: 100px; font-weight: normal; background: #000; border: 5px solid #fff; display:table-cell; vertical-align: middle;}
.cwv3_dialog .cwv3_btns .cwv3_enter a:hover,
.cwv3_dialog .cwv3_btns .cwv3_exit a:hover { background: #fff; color: #000;}

/* rs-plugin */
.bannercontainer {
	width: 566px;
	position:relative;
	padding:0;
}
.banner{
	width:100%;
	position:relative;
}

/* animsition spinner */
.animsition-loading:after {
  content: none!important;
}
.animsition-loading {
	background: url(../img/ajax-loader.gif) no-repeat 50% 40%;
	height: 20px;
}

/* 
	video responsive 
	http://www.wpstuffs.com/youtube-videos-responsive-wordpress/
*/
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	margin-bottom: 1em;
}
  padding-bottom: 100%;
  padding-top: 0;
}
.video-shorts .video-container {
  padding-bottom: 178.125%;
  padding-top: 0;
}

.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.entry-content img, 
.entry-content iframe, 
.entry-content object, 
.entry-content embed {
  max-width: 100%;
}

/* Bestellbutton */
a.button {
	border: 5px solid #fff;
	padding: 5px;
	color: #fff;
	text-decoration: none;
	background: #000;
	white-space: nowrap;
}
a.button:hover {
	color: #000;
	background: #fff;
}
a.button.inline {
  display: inline-block;
  margin: 2px 10px;
}

#white a.button {
	border-color: #000;
	color: #000;
	background: #fff;
}
#white a.button:hover {
	color: #fff;
	background: #000;
}

#unplugged a.button {
	border-color: #fff;
	color: #fff;
	background: #272425;
}
#unplugged a.button:hover {
	color: #272425;
	background: #fff;
}




/* Formular Felder */
.wpcf7-form input,
.wpcf7-form textarea {
  padding: 5px;
}
.wpcf7-form select {
  max-width: 100%;
}

.wpcf7-form input.button {
  width: auto;
	border: 5px solid #fff!important;
	padding: 5px 30px!important;
	color: #fff!important;
	background: #000!important;
}
.wpcf7-form input.button:hover {
	color: #000!important;
	background: #fff!important;
}

.wpcf7-checkbox.inline-checkbox {
  display: flex;
  flex-wrap: wrap;
}
.wpcf7-checkbox.inline-checkbox .wpcf7-list-item {
  padding-left: 25px;
}
.wpcf7-checkbox.inline-checkbox .wpcf7-list-item.first {
  padding-left: 0;
}
.wpcf7-checkbox.inline-checkbox .wpcf7-list-item input {
  margin-right: 5px;
}

/* Sumbit in Orange */
.wpcf7 input[type="submit"].has-orange-color {
  background-color: #ffa500;
  border-color: #ffa500 !important;
  color: #000;
  font-weight: bold;
}
.wpcf7 input[type="submit"].has-orange-color:hover {
  color: #fff;
}
.wpcf7 input[type="submit"].has-orange-color:active {
  background-color: #f19e00;
  border-color: #f19e00 !important;
}


/* Newsletter2Go Formular */
.nl2go-widget input {
  padding: 5px;
  border-radius: none;
}
.nl2go-widget button.button {
	border: 5px solid #fff;
	padding: 5px;
	color: #fff;
	text-decoration: none;
	background: #000;
	white-space: nowrap;  
}
.nl2go-widget button.button:hover {
	color: #000;
	background: #fff;
}


/* rieslingpeopler */
.bild.box {
	display: inline-block;
}
.bild.box img {
}

/* Footer */
.widget_nav_menu 		{ margin: auto; max-width: 1010px; width: 100%; }
#menu-footer-navi 		{ clear: both; list-style: none; float: right; padding-right: 50px; margin-bottom: 50px; }
#menu-footer-navi li 	{ display: inline-block; font-size: 11px;}
#menu-footer-navi li a	{ text-decoration: none;}

/* no Wrap Helper */
.nowrap-mobile {
  white-space: nowrap;
}

/* Logo replacement */
.logo-plain {
  width: auto!important;
  height: 10px!important;
  vertical-align: baseline;
  margin-right: 2px;
}

/* ==========================================================================
   Socialmedia Menu
   Shop Menu
   ========================================================================== */

.social-media-menu {
  max-width: 1010px;
  clear: both;
  margin: 0 auto;
  padding-right: 40px;
  text-align: right;
}

.social-media-menu > .info {
  padding: 10px 10px 0 10px;
  font-size: 0.875em;
  text-align: right;
}
.social-media-menu > .info a {
  width: auto;
}
.social-media-menu > .info p {
  margin: 0;
}

.social-media-menu ul {
  margin: 0 5px 0 0;
}

.shop-menu {
  position: absolute;
  top: 16px;
  right: 20px;
  left: auto;
  padding: 0;
  text-align: right;
  }
  .admin-bar .shop-menu {
    top: 50px;
  }




.social-media-menu li,
.shop-menu li {
  display: inline;
  list-style: none;
}
.social-media-menu .menu a {
  display: inline-block;
  width: 30px;
  height: 40px;
  background-position: 50% 50%;
  background-size: 22px 22px;
  background-repeat: no-repeat;
}
.social-media-menu a[href*="facebook.com"] {
  background-image: url(../img/icon_facebook.png); 
}
.social-media-menu a[href*="instagram.com"] {
  background-image: url(../img/icon_instagram.png); 	
}
.social-media-menu a[href*="youtube.com"] {
  background-image: url(../img/icon_youtube.png); 	
}
.social-media-menu a[href*="twitter.com"] {
  background-image: url(../img/icon_twitter.png); 
}
.social-media-menu a[href*="newslette"] {
  background-image: url(../img/icon_newsletter.png); 
}
.social-media-menu a:hover,
.shop-menu a:hover {
  opacity: 0.8;
}

.shop-menu a {
  display: inline-block;
  width: 45px;
  height: 40px;
  background-position: 50% 50%;
  background-size: 40px auto;
  background-repeat: no-repeat;
}


.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}

.shop-menu .account a {
  background-image: url(../img/icon_account.png); 
}
.shop-menu .cart a {
  background-image: url(../img/icon_cart.png); 
}


/* ==========================================================================
   WooCommerce
   ========================================================================== */

.post-type-archive-product #content .page-title,
.post-type-archive-product #content .products,
.post-type-archive-product #content .woocommerce-pagination {
  display: none;
}


.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
  xmin-height: 300px;
}


#content .woocommerce img,
.woocommerce ul.products li.product a img {
  width: auto!important;
}


.woocommerce-error, 
.woocommerce-info, 
.woocommerce-message {
  background: #fff;
  border: 2px solid #aaa;
  color: #000;
}
.woocommerce .woocommerce-info a,
.woocommerce .woocommerce-message a,
.woocommerce .woocommerce-error a {
  color: #000;
}
.woocommerce-error::before, 
.woocommerce-info::before, 
.woocommerce-message::before {
  color: #000;
}

.woocommerce form.checkout_coupon, 
.woocommerce form.login, 
.woocommerce form.register,
#add_payment_method #payment, 
.woocommerce-cart #payment, 
.woocommerce-checkout #payment,
.woocommerce table.shop_table {
  border-radius: 0;
}

.woocommerce form.login, 
.woocommerce form.register {
  background: #444;
  border: none;
  min-height: 280px;
}

.woocommerce form.register label.inline {
  line-height: 1.4;
}

.onsale {
  display: none!important;
}

.woocommerce a.remove {
  color: #aaa!important;
}
.woocommerce a.remove:hover {
  background: #aaa;
}

/* ==========================================================================
   Shop: Product table
   ========================================================================== */
.section-title {
  text-transform: uppercase;
}
.section-sub-title {
  clear: both;
  text-transform: uppercase;
  font-size: 16px;
  padding-left: 10px;
  margin: 0;
}
.product-section {
  margin-left: -15px;
  margin-right: -15px;
  margin-bottom: 20px;
  padding: 5px 0;
  overflow: hidden;
  color: #fff;
}


/* disable table head */
.wc-product-table-wrapper table.dataTable thead th {
  padding: 0;
  border: 0;
}
/* expand-button: reset color */
table.wc-product-table.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child::before, table.wc-product-table.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child::before, table.wc-product-table.dtr-column > tbody > tr > td.control::before, table.wc-product-table.dtr-column > tbody > tr > th.control::before {
  color: inherit!important;
}
/* expand-button: position */
table.wc-product-table.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child::before, table.wc-product-table.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child::before {
    top: 11px!important;
    left: 8px!important;
}
/* expanded: styling */
table.dataTable > tbody > tr.child td.child {
  padding-top: 0!important;
}
table.dataTable > tbody > tr.child ul.dtr-details > li {
  border: 0!important;
  padding: 0!important;
}


.wc-product-table tr.child .dtr-title {
  display: none!important;
}
.wc-product-table tr.child .dtr-data {
  padding-left: 0px;
}


.product-section.unplugged				      { background: #272425; color: #fff;}
.product-section.rose							      { background: #db5061;}
.product-section.krone    							{ background: #fbba00;}
.product-section.loehrerberg				    { background: #d3d800;}
.product-section.koenigsschild  			  { background: #00b2bb;}
.product-section.karthaeuser   				  { background: #802f01;}
.product-section.stremigiusberg		      { background: #ee7203;}
.product-section.deepblue				        { background: #4054a1;}
.product-section.liter                  { background: #696969; color: #fff;}
.product-section.sonne-mond	       			{ background: #161412; color: #fff;}
.product-section.rieslingt				      { background: #049546;}
.product-section.hellgrau				        { background: #989494;}


.product-section p {
  margin: 0!important;
}

.product-section img {
  width: 100px!important;
  margin: 10px 10px 10px 10px!important;
  border: 5px solid #fff;
}

.wide.product-section {
  padding-top: 0;
}
.wide.product-section img {
  width: auto!important;
  margin: 0 0 10px!important;
}
.wide .info {
  padding-left: 10px; 
  padding-right: 10px; 
}

.product-table-wrap.no-table p {
  padding: 8px 10px 8px 5px;  
}

.product-table-wrap .wc-product-table-wrapper,
.product-table-wrap .wc-product-table-above {
  margin: 0;
}
.product-table-wrap table.dataTable.no-footer,
.wc-product-table-wrapper table.dataTable.no-footer {
  border: none;
}


.wc-product-table td.col-tesch_wpt-title {
  text-transform: uppercase;
}
.wc-product-table td.col-price {
  text-align: right;
}

.product-table-wrap .wc-product-table tr.outofstock td {
  text-decoration: line-through;
  opacity: 0.6;
}
.product-table-wrap .wc-product-table tr.outofstock td.col-add-to-cart {
  text-decoration: none;
}

tr.outofstock .not-purchasable:before {
  content: 'ausverkauft';
}
tr.outofstock .not-purchasable a.ajax_add_to_cart,
tr.outofstock .add-to-cart-wrapper,
tr.outofstock + tr.child .add-to-cart-wrapper {
  display: none!important;
}

.woocommerce-price-suffix {
  display: block;
  font-size: smaller;
}

.product-table-wrap .add-to-cart-wrapper button.single_add_to_cart_button {
}
.product-table-wrap .add-to-cart-wrapper button.single_add_to_cart_button:before {
}


tr.product .add-to-cart-wrapper {
  padding-bottom: 20px;
}

.product-table-fullwidth-wrap .wc-product-table td {
  vertical-align: middle;
}

/* Sprungnavi */
/*
.jump-navi {
  list-style: none;
  margin: 0;
  padding: 0;
}
.jump-navi li {
  display: inline-block;
  margin-right: 20px;
}
*/
.top-link {
  float: right;
  margin-top: 1.8em;
}
.top-link a {
  text-decoration: none;
}
.top-link + h2 {
  float: left
}
.product-section {
  clear: both;
}

/* ==========================================================================
   Password protected pages
   ========================================================================== */
.pwbox-login-row {
  display: flex;
}
.pwbox-login-row label {
  display: none;
  padding: 10px 0;
}

.pwbox-login-row input {
  padding: 10px;
}
.pwbox-login-row input.button {
  margin-left: 20px;
  font-weight: normal;
  background: #000!important;
  border: 2px solid #fff!important;
  border-radius: 0;
  color: #fff!important;
}
.pwbox-login-row input.button:hover {
  background: #fff!important;
  border-color: #000!important;
  color: #000!important;
}


/* ==========================================================================
   Shop: Category Page
   ========================================================================== */
.woocommerce-result-count,
.woocommerce-ordering {
  display: none;
}
.product_cat-1-liter-klasse .woocommerce-loop-product__title {
  min-height: 106px;
}

/* ==========================================================================
   Shop: Single Product
   ========================================================================== */


.woocommerce div.product p.price, 
.woocommerce div.product span.price,
.woocommerce ul.products li.product .price {
  color: #fff;
}

/*
.product_cat-unplugged				      { background: #272425; color: #fff;}
.product_cat-rose							      { background: #db5061;}
.product_cat-krone    							{ background: #fbba00;}
.product_cat-loehrer-berg				    { background: #d3d800;}
.product_cat-koenigsschild    			{ background: #00b2bb;}
.product_cat-karthaeuser    				{ background: #802f01;}
.product_cat-st-remigiusberg  		  { background: #ee7203;}
.product_cat-deep-blue  					  { background: #4054a1;}
.product_cat-1-liter-klasse,
.product_cat-sonne-mond   					{ background: #161412; color: #fff;}

.single-product #content.box        {
  margin: 0;
  padding: 0;
}
.single-product #content.box .product  {
  padding: 10px 20px;
}
*/

/*
.single-product .woocommerce-product-gallery__image a {
  pointer-events: none;
}
*/

.single-product .product_title {
  text-transform: uppercase;
}
.single-product .product_cat-weisses-rauschen .product_title {
  text-transform: none;
}

.woocommerce div.product p.price.price-unit,
.woocommerce ul.products li.product .price.price-unit {
  font-size: .857em;
  color: #fff;
  margin: 0;
}

/* Additional Info */
.product .legal-price-info p.wc-gzd-additional-info,
.product p.wc-gzd-additional-info {
  margin-top: 0;
  margin-bottom: 0;
}
/* Variable Product Description */
.product .woocommerce-variation-description p {
  margin-top: 0;
  font-size: 0.9em;
}

/* quantity input */
.woocommerce .quantity .qty {
  padding: .618em .25em;
  border-width: 2px!important;
}


/* product data tabs */
.woocommerce-tabs .wc-tabs {
  display: none;
}
.woocommerce-tabs #tab-description h2 {
  display: none;
}

/* ==========================================================================
   Shop: Cart, Checkout
   ========================================================================== */

.woocommerce .woocommerce-checkout .shop_table,
.woocommerce-checkout .shop_table {
  background: transparent!important;
}
.woocommerce #respond input#submit, 
.woocommerce a.button, 
.woocommerce button.button, 
.woocommerce input.button,
.woocommerce #respond input#submit.alt, 
.woocommerce a.button.alt, 
.woocommerce button.button.alt, 
.woocommerce input.button.alt,
.woocommerce a.button.alt.disabled, 
.woocommerce button.button.alt.disabled, 
.woocommerce input.button.alt.disabled {
  padding-right: 8px!important;
  padding-left: 8px!important;
  font-weight: normal;
  background: #000;
  border: 2px solid #fff;
  border-radius: 0;
  color: #fff;
}
.woocommerce #respond input#submit:hover, 
.woocommerce a.button:hover, 
.woocommerce button.button:hover, 
.woocommerce input.button:hover,
.woocommerce #respond input#submit.alt:hover, 
.woocommerce a.button.alt:hover, 
.woocommerce button.button.alt:hover, 
.woocommerce input.button.alt:hover,
.woocommerce a.button.alt.disabled:hover, 
.woocommerce button.button.disabled.alt:hover, 
.woocommerce input.button.disabled.alt:hover {
  background: #fff;
  border-color: #000;
  color: #000;
}

/* Lage: white */
.woocommerce #white #respond input#submit, 
.woocommerce #white a.button, 
.woocommerce #white button.button, 
.woocommerce #white input.button,
.woocommerce #white #respond input#submit.alt, 
.woocommerce #white a.button.alt, 
.woocommerce #white button.button.alt, 
.woocommerce #white input.button.alt,
.woocommerce #white a.button.alt.disabled, 
.woocommerce #white button.button.alt.disabled, 
.woocommerce #white input.button.alt.disabled {
  background: #fff;
  border: 2px solid #000;
  color: #000;
}
.woocommerce #white #respond input#submit:hover, 
.woocommerce #white a.button:hover, 
.woocommerce #white button.button:hover, 
.woocommerce #white input.button:hover,
.woocommerce #white #respond input#submit.alt:hover, 
.woocommerce #white a.button.alt:hover, 
.woocommerce #white button.button.alt:hover, 
.woocommerce #white input.button.alt:hover,
.woocommerce #white a.button.alt.disabled:hover, 
.woocommerce #white button.button.disabled.alt:hover, 
.woocommerce #white input.button.disabled.alt:hover {
  background: #000;
  border-color: #fff;
  color: #fff;
}
.woocommerce #white div.product p.price, 
.woocommerce #white div.product span.price, 
.woocommerce #white ul.products li.product .price {
  color: #000;
}


/* Shipping Adress */
.woocommerce-billing-fields__field-wrapper {
  padding-top: 10px;
}
.shipping_address {
  padding: 10px;
  background: #444;
}

/* Payment Method */
#add_payment_method #payment, 
.woocommerce-cart #payment, 
.woocommerce-checkout #payment {
  background: #444;
}

.product-table-wrap .add-to-cart-wrapper .button.alt,
.product-table-fullwidth-wrap .add-to-cart-wrapper .button.alt { 
  font: 0/0 a; 
  text-shadow: none; 
  color: transparent; 
  background-image: url(../img/btn_cart_100x200.png);
  background-position: 50% 5%;
  background-size: 30px auto;
  width: 40px; 
  height: 40px; 
}
.product-table-wrap .add-to-cart-wrapper .button.alt:hover,
.product-table-fullwidth-wrap .add-to-cart-wrapper .button.alt:hover {
  font: 0/0 a; 
  text-shadow: none; 
  color: transparent; 
  background-image: url(../img/btn_cart_100x200.png);
  background-position: 50% 95%;
  background-size: 30px auto;
}

/* add_to_cart_inline */
.add_to_cart_inline {
  border: none!important;
  text-align: right;
}


.add_to_cart_inline input.qty {
  width: 30%;
  max-width: 60px;
  padding: 9px 5px;
  vertical-align: top;
  font-size: 16px;
  line-height: 1;
}
.add_to_cart_inline .add_to_cart_button {
  width: 78%;
  max-width: 170px;
  height: 36px;
  margin-top: 0px;
  padding: 10px;
  overflow: hidden;
  text-align: center;
}

/*
.add_to_cart_inline.disabled {
  height: 70px;
}
*/

#billing_myfield12_field label,
#billing_myfield13_field label,
#billing_myfield14_field label {
  line-height: 1.4;
  padding: 5px 0;
}

/* SOFORT Überweisung */
.payment_method_sofortgateway label > img {
  display: none;
}

/* reset width of checkbox caused by plugin: wp-bewertungen */
.woocommerce-checkout input[type="checkbox"], .woocommerce-checkout input[type="radio"] {
  width: auto;
}

/* Amazon Checkout Button adjustment */
#pay_with_amazon {
  margin-left: 0!important;
}
.wc-proceed-to-checkout .wc-apa-button-separator {
  display: none!important;
}
.wc-proceed-to-checkout #pay_with_amazon {
  height: 78px!important;
}


/* legal checkbox-label font-size */
.woocommerce-checkout .woocommerce-form__label-for-checkbox,
.woocommerce-checkout .wpgdprc-checkbox {
  font-size: 14px;
  line-height: 1.4;
}

/* ==========================================================================
   Shop: Login
   ========================================================================== */
.woocommerce-account .input-text {
  padding: 5px;
}
.woocommerce form .show-password-input, .woocommerce-page form .show-password-input {
  top: .4em;
}
.woocommerce form .show-password-input::after, .woocommerce-page form .show-password-input::after,
.woocommerce form .show-password-input.display-password::after, .woocommerce-page form .show-password-input.display-password::after {
  color: #000;
}


/* ==========================================================================
   Shop: Account
   ========================================================================== */
#customer_login.u-columns h2 {
  font-size: 1.2em;
}
#customer_login.u-columns h2 + form {
  margin-top: 0;
}

.woocommerce-account .addresses .title {
  padding-bottom: 10px;
}
.woocommerce-account .addresses .title h3 {
  float: none;
  font-size: 1.2em;
  margin-bottom: 10px;
}
.woocommerce-account .addresses .title .edit {
  float: none;
}

.woocommerce-account .woocommerce-MyAccount-navigation {
  width: 20%;
  }
  .woocommerce-account .woocommerce-MyAccount-navigation ul {
    padding-left: 0;
    }
    .woocommerce-MyAccount-navigation-link--downloads,
    .woocommerce-MyAccount-navigation-link--subscribe {
      display: none;
    }
.woocommerce-account .woocommerce-MyAccount-content {
  width: 78%
}

.woocommerce table.shop_table th, 
.woocommerce table.shop_table td {
  border-color: rgba(255,255,255,0.2)
}
.woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th {
  border-color: rgba(255,255,255,0.6)
}

/* reset width of checkbox caused by plugin: wp-bewertungen */
.woocommerce-account input[type="checkbox"], .woocommerce-account input[type="radio"] {
  width: auto;
}

/* legal checkbox-label font-size */
.woocommerce-account .woocommerce-form-login__rememberme,
.woocommerce-account .woocommerce-LostPassword,
.woocommerce-account .checkbox-reg_data_privacy,
.woocommerce-account .wpgdprc-checkbox {
  font-size: 14px;
  line-height: 1.4;
}


/* add to cart disabled */
.add_to_cart_inline.disabled {
  height: 70px;
}
.add_to_cart_inline.disabled .input-text.qty,
.add_to_cart_inline.disabled .button {
/*   display: none; */
  visibility: hidden;
}

/* ==========================================================================
   Shop: Beautify Account Page
   ========================================================================== */

.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content {
  float: none;
  width: 100%;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul  {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 10px 0 20px;
  border-bottom: 2px solid rgba(255,255,255,0.3);
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li {
/*   flex: 1 1 auto; */
  margin-bottom: -2px;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul a {
  display: block;
  padding: 0 5px 5px;
  border-bottom: 2px solid rgba(255,255,255,0);
  font-size: 14px;
  text-decoration: none;
  text-align: center;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul a:hover {
/*   border-bottom: 2px solid rgba(255,255,255, 1); */
  color: rgba(255, 167, 0, 1);
}
.woocommerce-account .woocommerce-MyAccount-navigation ul .is-active a {
  border-bottom: 2px solid rgba(255, 167, 0, 1);
  color: rgba(255, 167, 0, 1);
}



/* ==========================================================================
   Shop: Coupon Dialog Styling
   ========================================================================== */

.ui-widget-content {
  border-radius: 0;
  border: none;
  background: #444;
  color: #fff;
}
.ui-widget-header {
  border: none;
  background: transparent;
}
.ui-dialog .ui-dialog-titlebar {
  padding: 0;
}
.ui-dialog .ui-dialog-title {
  margin: 0;
}
.ui-dialog form.checkout_coupon {
  margin: 0;
  padding: 10px;
  border: none;
}
.ui-dialog form .form-row {
  width: 100%;
  float: none;
}


/* ==========================================================================
   Cart Indicator
   ========================================================================== */
.cart-contents {
  position: relative;
}
.cart-contents-count {
  position: absolute;
  top: 3px;
  right: -2px;
  display: block;
  width: 16px;
  height: 16px;
  border-radius: 100%;
  background: #aaa;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  line-height: 16px;
}




/* ==========================================================================
   Widerruf
   ========================================================================== */
textarea#content {
  background: #fff;
}

/* ==========================================================================
   Contact Form 7 - Umfrage
   ========================================================================== */
span.wpcf7-list-item { margin: 0; display: block; padding: 0 0 10px;}
.dsgvo { font-size: .8em;}


/* ==========================================================================
   wpcf7
   ========================================================================== */
.wpcf7 .content-column {
  padding: 0 0 16px;
}
.wpcf7 .content-column {
  padding-right: 10px;
}
.wpcf7 .content-column.last_column {
  padding-right: 0;
  padding-left: 10px;
}
.wpcf7 .content-column.one_fourth + .one_fourth {
  padding-left: 10px;
}

.wpcf7 .content-column label {
  font-size: 14px;
}

.wpcf7 .content-column input {
  width: 100%;
  padding: 4px;
  font-size: 16px;
}
.wpcf7 hr {
  clear: both;
}
.wpcf7 input[type="submit"] {
  width: auto;
  border: 5px solid #fff !important;
  padding: 5px 20px !important;
  background: #000;
  color: #fff;
}
.wpcf7 input[disabled=""] {
  opacity: 0.6;
}
/* reset width of checkbox caused by plugin: wp-bewertungen */
.wpcf7 input[type="checkbox"], .wpcf7 input[type="radio"] {
  width: auto;
}


/* ==========================================================================
   Quiz Master Next: Quizzes/Survey
   ========================================================================== */
/* reset wp-bewertung shizzel */
.qmn_quiz_container input[type="checkbox"],
.qmn_quiz_container input[type="radio"] {
  width: auto;
}
/* normalize inputs */
.qmn_quiz_container .quiz_section select, 
.qmn_quiz_container .quiz_section textarea, 
.qmn_quiz_container .quiz_section input[type="text"], 
.qmn_quiz_container .quiz_section input[type="email"], 
.qmn_quiz_container .quiz_section input[type="number"],
.qmn_quiz_container .qmn_btn, 
.qmn_quiz_container .qmn_quiz_container .btn,
.qmn_quiz_container .qmn_error_message,
.qmn_quiz_container .quiz_section.qmn_error .qmn_radio_answers, 
.qmn_quiz_container .quiz_section.qmn_error .qmn_check_answers, 
.qmn_quiz_container .quiz_section.qmn_error .qmn_accept_answers {
  border-radius: 0;
}
.qmn_quiz_container .qmn_pagination {
  justify-content: flex-start
}


.qmn_radio_answers {
  display: flex; 
  flex-wrap: wrap;
}
.qmn_radio_answers .mlw_horizontal_choice {
  flex-basis: 50%;
}
.qmn_radio_answers .mlw_horizontal_choice label {
  font-size: 18px!important;
}

/* ==========================================================================
   WP-Bewertungen
   ========================================================================== */

/* Durchschnitt */
.reviews.box.content {
  background: transparent;
  border: none;
  border-radius: 0;
}

/* Buttons */
.content-second .button.arr,
.full .button.arr {
  padding-top: 0;
  padding-bottom: 0;
  font-weight: normal;
  background: #000!important;
  border: 2px solid #fff!important;
  border-radius: 0!important;
  color: #fff!important;
  box-shadow: none!important;
  text-shadow: none!important;
}
.content-second .button.arr:hover,
.full .button.arr:hover {
  background: #fff!important;
  color: #000!important;
}

.wp-bewertung-single h5 a {
  color: #000;
}
.star-icon-small {
  width: 23px;
  height: 20px;
  background-image: url(../img/stars-huge.png)!important;
  background-size: auto 40px!important;
}
.star-icon-small.star-o {
  background-position: 0 -20px;
}


/* Übersicht */

.badge-right {
  display: none;
}
.left-details {
  width: 100%;
}
.rating-table {
  display: none;
}
.content.reviews + .content {
  text-align: center;
}
.btn-evaluate-us {
  display: inline-block;
  float: none;
  margin: 0;
}

/* Einzelbewertung */
.wp-bewertung-single {
  border-radius: 0;
}
.rating-wrapper.input-stars .star-icon.star-o {
    background-position: 0px -51px;
}

/* Eingabefeld */
.wp-bewertung-input .box.content {
  background: transparent;
  border: none;
  border-radius: 0;
}
.wp-bewertung-input .user-input {
  background: transparent;
}
.wp-bewertung-input textarea, .wp-bewertung-input input[type="text"], .wp-bewertung-input input[type="email"] {
  padding: 10px;
  color: #000;
}
.wp-bewertung-input .full li #terms_of_service_checkbox {
  -webkit-appearance: checkbox;
  appearance: checkbox;
}

/* Mitteilungen */
.evaluation-success {
  background: rgba(0,0,0,0.9)!important;
}
.evaluation-error {
  background: rgba(255, 0, 0, 0.9)!important;
}
.evaluation-success p,
.evaluation-error p {
  margin: 0;
}

/* Störer */
#wp-bewertung-badge {
  display: none;
}

/* Durchschnitt */

.wgt-rating-wrapper,
.wgt-rating-inner {
  width: 140px;
  height: 25px;
  background: url(../img/wgt-rating-stars.png) no-repeat 0 100%;
  background-size: 140px 49px;
}
.wgt-rating-inner {
  background-position: 0 0;
}

.wgt-rating-wrapper {
  margin: 13px auto 0;
}

.stars .wgt-rating-wrapper {
  margin-top: 0;
  transform: scale(0.8);
}

.bewertung-schnitt {
  transform: scale(0.6);
  position: absolute;
  top: 15px;
  right: 65px;
  max-width: 355px;
  margin-left: 60px;
  }
  .admin-bar .bewertung-schnitt {
    top: 45px;
  }

.bewertung-schnitt > a {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  display: block;
  height: 100%;
  width: 100%;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;  
}

.bewertung-schnitt .content-second {
  background: transparent;
  padding: 0;
}
.bewertung-schnitt .content-second .reviews.box.content {
  float: left;
  margin: 0;
  padding: 0;
}
.bewertung-schnitt .content-second .reviews.box.content h5,
.bewertung-schnitt .content-second .reviews.box.content .rating-table,
.bewertung-schnitt .content-second .reviews.box.content .clearfix,
.bewertung-schnitt .content-second .reviews.box.content .left-details h1 br,
.bewertung-schnitt .content-second .button.arr.btn-evaluate-us {
  display: none;
}
.bewertung-schnitt .content-second .reviews.box.content .left-details {
  width: auto;
  min-width: 100px;
}
.bewertung-schnitt .content-second .reviews.box.content .left-details .stars-details {
  float: left;
}
.stars-details{
  height:35px;
}
.stars-details .star-icon {
  width: 20px;
  height: 20px;
  background-size: auto 40px!important;
}
.stars-details .star-icon.star-o {
  background-position: 0 -20px;
}
.bewertung-schnitt .content-second .reviews.box.content .left-details h1 {
  float: none;
  margin-top: 0 !important;
}
.bewertung-schnitt .content-second .reviews.box.content .left-details h1 {
  font-size: 16px!important;
}
.bewertung-schnitt .content-second .reviews.box.content .left-details .number {
  font-size: 14px;
}

.bewertung-schnitt .content-second .content {
  padding-top: 10px;
}
.bewertung-schnitt .badge-right {
  float: right;
  display: none;
  margin: 17px 0 0 8px;
  width: 45px;
}



/* ==========================================================================
   Boxen beim Shop als Homepage
   ========================================================================== */
.home .shop-grid .buttons .box1 {
  display: none;
}
/*
.home .shop-grid .buttons .box3 {
  margin-right: 20px;
}
.home .shop-grid .buttons .box4 {
  margin-right: 0;
} 
*/


/* ==========================================================================
   Manuelle Shop Raster-Ansicht
   ========================================================================== */

   
.shop-grid .content-column {
  margin: 0 10px 10px 0;
  padding: 10px;
  background: #fff;
  color: #000;
  line-height: 1.4;
}
.shop-grid .content-column:empty {
  background: transparent;
}
.shop-grid .full_width > .content-column {
  margin-left: -10px;
}
.shop-grid .content-column.one_half {
  width: calc( 50% - 5px );
}
.shop-grid .content-column.last_column,
.shop-grid .content-column.full_width {
  margin-right: 0;
}

.shop-grid .content-column h2,
.shop-grid .content-column .h2 {
  font-size: 14px;
  margin-bottom: 5px;
}
.shop-grid .content-column p {
  font-size: 13px;
  margin: 0px;
}
.shop-grid .content-column .small,
.shop-grid .content-column .small p {
  font-size: 11px;
}
.shop-grid .content-column a {
  color: #000;
}

.shop-grid .content-column .add_to_cart_inline {
  position: relative;
  margin: 10px 0 5px;
  padding: 0 !important;
  text-align: left;
}
.shop-grid .content-column .add_to_cart_inline > .amount {
  display: block;
  padding-right: 10px;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 10px;
}
.shop-grid .content-column .add_to_cart_inline > del {
  display: inline-block;
  padding-right: 10px;
  font-size: 14px;
  margin-bottom: 10px;
}
.shop-grid .content-column .add_to_cart_inline > ins {
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 10px;
}

.shop-grid .content-column .add_to_cart_inline .wc-gzd-legal-price-info {
  display: none;
  margin: 5px 0;
}

.shop-grid .content-column .add_to_cart_inline .subscription-details {
  display: none;
}

.shop-grid .content-column .add_to_cart_inline label.screen-reader-text {
  display: block;
  height: 1px;
  width: 100%;
  position: static!important;
}

.shop-grid .content-column .add_to_cart_inline input.qty {
  width: 30%;
  max-width: 60px;
  padding: 9px 5px;
  vertical-align: top;
  font-size: 16px;
  line-height: 1;
}
.shop-grid .content-column .add_to_cart_inline .add_to_cart_button {
  width: 78%;
  max-width: 180px;
  height: 36px;
  margin-top: 0px;
  padding: 10px;
  padding-left: 45px!important;
  overflow: hidden;
}
/*
.shop-grid .content-column.full_width .add_to_cart_inline .add_to_cart_button {
  max-width: 180px;
}
*/
.shop-grid .content-column .add_to_cart_inline .add_to_cart_button,
#unplugged.shop-grid .content-column .add_to_cart_inline .add_to_cart_button,
#white.shop-grid .content-column .add_to_cart_inline .add_to_cart_button { 
  color: #fff;
  border-color: #000;
  background-image: url(../img/btn_cart_100x200.png);
  background-position: 7px 2px;
  background-repeat: no-repeat;
  background-size: 30px auto;
}
.shop-grid .content-column .add_to_cart_inline .add_to_cart_button:hover,
#unplugged.shop-grid .content-column .add_to_cart_inline .add_to_cart_button:hover,
#white.shop-grid .content-column .add_to_cart_inline .add_to_cart_button:hover {
  color: #000;
  background-image: url(../img/btn_cart_100x200.png);
  background-position: 7px -28px;
  background-size: 30px auto;
}

.shop-grid .content-column .woocommerce a.added_to_cart,
#unplugged.shop-grid .content-column .woocommerce a.added_to_cart,
#white.shop-grid .content-column .woocommerce a.added_to_cart {
  position: static;
  display: inline-block;
  width: 45px;
  height: 36px;
  background: url(../img/btn_goto-cart_100x200.png) no-repeat 0 -36px;
  background-size: 36px auto;
  xpadding-top: 0;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
/*
.shop-grid .content-column.full_width .woocommerce a.added_to_cart {
  position: static;
  background-position: 0 -36px;
}
*/

/* Abstand Bild zu h3 */
.shop-grid .content-column h3 {
  margin: 0;
  text-align: center;
}



/* obsolet ? */
.teschathome.shop-grid .content-column h2,
.teschathome.shop-grid .content-column .h2 {
  padding: 0 15px;
}

.shop-grid .content-column.one_third {
  width: 32%;
}

/* ==========================================================================
   Quick Buy Button
   ========================================================================== */

.quick_buy_container {
  display: inline-block;
}

.quick_buy_container a {
  display: inline-block;
  color: #000000;
  border-color: #ffa500;
  background-color: #ffa500;
  background-image: url(../img/btn_gift_100x200.png);
  background-position: 30px -28px;
  background-repeat: no-repeat;
  background-size: 30px auto;
  height: 36px;
  margin-top: 0px;
  padding: 0 10px 0 40px;
  overflow: hidden;
  line-height: 36px;
  font-size: 13px;
  text-decoration: none;
}
.quick_buy_container a:hover {
  color: #ffffff;
  background-position: 30px 2px;
}

/* ==========================================================================
   Quick Buy Link
   ========================================================================== */

a.quick_buy_link {
  display: block;
  color: #000000;
  border-color: #ffa500;
  background-color: #ffa500;
  background-image: url(../img/btn_gift_100x200.png);
  background-position: 30px -28px;
  background-repeat: no-repeat;
  background-size: 30px auto;
  height: 36px;
  margin-top: 8px;
  padding: 0 10px 0 40px;
  overflow: hidden;
  line-height: 36px;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
}
a.quick_buy_link:hover {
  color: #ffffff;
  background-position: 30px 2px;
}
@media ( min-width: 600px) {
  a.quick_buy_link {
    max-width: 244px;
    background-position: 7px -28px;
  }
  a.quick_buy_link:hover {
    background-position: 7px 2px;
  }
}

/* ==========================================================================
   Bestell-Button: farbig
   ========================================================================== */

a.buy-button {
  display: block;
  color: #000000;
  border-color: #ffa500;
  background-color: #ffa500;
  height: 36px;
  margin-top: 8px;
  padding: 0 10px 0 10px;
  overflow: hidden;
  line-height: 36px;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
}
a.buy-button:hover {
  color: #ffffff!important;
}
@media ( min-width: 600px) {
  a.buy-button {
    max-width: 244px;
  }
}


/* ==========================================================================
   Produkt Preis Formatierung
   ========================================================================== */
.wgt-product-price {
  margin: 5px 0;
}
.wgt-product-price p {
  clear: both;
  padding: 5px;
  background: #f7f7f7;
  margin-bottom: 2px!important;
}
.wgt-product-price p span {
  float: right;
}

.wgt-product-price + .add_to_cart_inline {
  margin-top: 0 !important;
}


/* ==========================================================================
   Yith Dynamic Pricing Tables
   ========================================================================== */
#ywdpd-table-discounts {
  width: 100%;
  border-collapse: none;
  margin-bottom: 10px;
}
#ywdpd-table-discounts,
#ywdpd-table-discounts tr,
#ywdpd-table-discounts th, 
#ywdpd-table-discounts td.qty-info, 
#ywdpd-table-discounts.vertical td.qty-price-info {
  border: none!important;
}
#ywdpd-table-discounts th,
#ywdpd-table-discounts td {
  margin-bottom: 2px;
  background: rgba(248, 248, 248, 1);
  color: #000;
  font-size: 13px;
  border-bottom: 1px solid #ccc!important;
}
#ywdpd-table-discounts th:first-child, 
#ywdpd-table-discounts td.qty-info {
  text-align: left;
}
#ywdpd-table-discounts th:last-child, 
#ywdpd-table-discounts.vertical td.qty-price-info {
  text-align: right;
}

.ywdpd-table-discounts-note,
.show_note_on_apply_products {
  font-size: 13px;
  font-style: italic;
}


/* ==========================================================================
   Kontakt-Button: grau
   ========================================================================== */

a.contact-button {
  display: block;
  color: #fff;
  border-color: #696969;
  background-color: #696969;
  margin-top: 8px;
  padding: 16px 20px !important;
  line-height: 1em;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  border-radius: 4px;
}
a.contact-button:hover {
  background-color: #3b3b3b;
}
@media ( min-width: 600px) {
  a.contact-button {
    max-width: 450px;
  }
}


/* ==========================================================================
   Blog 
   ========================================================================== */

/* Grid view (teschathome) */
.post-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 20px 0;
}

.post-grid .post {
  margin: 0 0 10px 0;
  padding: 10px;
  background: #fff;
  color: #000;
  line-height: 1.4;
}
.post-grid .post {
  width: 100%;
}
/*
.post-grid.fourtwo .post {
  width: calc( 50% - 5px );
}
*/
.post-grid .post-content {
  font-family: "din_mediumregular", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 14px;
  margin-bottom: 5px;
  padding: 0 7px;
}
.post-grid .post-content .small {
  font-size: 11px;
}
.post-grid .post a {
  color: #000;
}



@media only screen and (min-width: 460px) {
  .post-grid .post {
    width: calc( 50% - 5px );
  }
  .post-grid.fourtwo .post {
    width: calc( 33% - 10px );
  }
}

.wpulike {
  padding: 0;
  margin: 0;
}

.post-grid .wpulike {
  padding: 0;
  margin: 10px 0 -10px;
}


/* Blog View (klartext) */

.blog-view {}

.tag-cloud {
  display: flex;
  flex-wrap: wrap;
}
.tag-cloud a {
  margin: 5px 10px 5px 0;
  padding: 5px 10px;
  color: #000!important;
  text-decoration: none;
  border: 1px solid #000;
  line-height: 1.4;
}
.tag-cloud a:hover {
  color: #fff!important;
  background-color: #000!important;
}
.blog-view-teaser {
  margin-bottom: 1.5em;
  padding-bottom: 1.5em;
  border-bottom: 1px solid rgba(0,0,0,0.5);
}
.blog-view-teaser:last-child {
  margin-bottom: 0;
  padding-bottom: 1.5em;
  border-bottom: none;
}
.blog-view-teaser .entry-title {
  text-transform: uppercase;
  margin-bottom: 0;
}
.blog-view-teaser .entry-title a {
  text-decoration: none;
  color: inherit!important;
}
.blog-view-teaser .post-header .post-meta {
  display: flex;
  padding: 10px 0 16px;
  font-size: 14px;
  color: #444;
}
.blog-view-teaser .post-header .post-meta time {
  margin-right: 20px;
}
.blog-view-teaser a {
  color: blue!important;
}
.blog-view-teaser .post-thumb {
  margin: -16px -8px;
}
 
.blog-view-teaser .post-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* Single View */
.single .box .post-image {
  margin: -10px -20px 20px;
}
.single .comments-area {
  margin-top: 1em;
  border-top: 1px solid rgba(0,0,0,.5);
}

.feed-link {
  float: right;
}
.feed-link a {
  display: inline-block;
  font-size: 13px;
  margin: 5px 10px 5px 0;
  padding: 5px 10px;
  color: #000!important;
  text-decoration: none;
  border: 1px solid #000;
  line-height: 1.4;
}

/* Comments */
ol.comment-list {
  padding: 10px 0 0;
  border-top: 1px solid rgba(0,0,0,.25);  
  list-style: none;
}
ol.children {
  margin: 10px 0 0;
  padding: 0;
  list-style: none;
}
.comment {
  border-bottom: 1px solid rgba(0,0,0,.25);
  margin-bottom: 10px;
  padding: 0 0 10px 10px;
}
.children .comment {
  border: 0;
  border-top: 1px solid rgba(0,0,0,.25);
  margin: 0;
  padding: 10px 0 0 10px;
}

.comment-meta {
  font-size: 14px;
}
.comment-meta .comment-author {
  float: left;
  padding: 0 10px 5px 0;
}
.comment-meta .says {
  display: none;
}
.comment-meta .comment-metadata,
.comment-meta .comment-metadata a {
  color: #444!important;
  text-decoration: none;
}
.comment-reply-link {
  font-size: 14px;
  color: #444!important;
}


/* Comment Form */
.comment-form input,
.comment-form textarea {
  padding: 10px;
}
.comment-form .comment-form-cookies-consent input {
  width: auto;
}
.comment-form .form-submit .submit {
  background: #000;
  border: 2px solid #000!important;
  color: #fff;
}
.comment-form .form-submit .submit:hover {
  background: #fff;
  color: #000;
}


@media (min-width: 600px) {
  .blog-view-teaser .post-thumb {
    margin: -16px -16px;
  }
}


/* ***********************
  Pictogramme  
 */
.pictos {
  display: flex;
  width: 100%;
  height: 20%;
  list-style: none;
  margin: 10px 0 10px;
  padding: 0;  
}
.pictos li {
  flex: 1 1 20%;
  padding-top: 20%;
  background-repeat: no-repeat;
  background-position: 0 100%;;
  background-size: 100% auto;
}
.pictos li:hover {
  background-position: 0 0
}
.pictos li span {
  position:absolute;
  left:-10000px;
  top:auto;
  width:1px;
  height:1px;
  overflow:hidden;
}

/* Pictos */
.icon-aperetif {
  background-image: url(https://www.weingut-tesch.de/wordpress/wp-content/uploads/2020/10/pikto-aperetif.jpg);
}
.icon-dessert {
  background-image: url(https://www.weingut-tesch.de/wordpress/wp-content/uploads/2020/10/pikto-dessert.jpg);
}
.icon-fisch {
  background-image: url(https://www.weingut-tesch.de/wordpress/wp-content/uploads/2020/10/pikto-fisch.jpg);
}
.icon-gefluegel {
  background-image: url(https://www.weingut-tesch.de/wordpress/wp-content/uploads/2020/10/pikto-gefluegel.jpg);
}
.icon-gegrilltes {
  background-image: url(https://www.weingut-tesch.de/wordpress/wp-content/uploads/2020/10/pikto-gegrilltes.jpg);
}
.icon-gemuese {
  background-image: url(https://www.weingut-tesch.de/wordpress/wp-content/uploads/2020/10/pikto-gemuese.jpg);
}
.icon-kaese {
  background-image: url(https://www.weingut-tesch.de/wordpress/wp-content/uploads/2020/10/pikto-kaese.jpg);
}
.icon-kalb {
  background-image: url(https://www.weingut-tesch.de/wordpress/wp-content/uploads/2020/10/pikto-kalb.jpg);
}
.icon-lamm {
  background-image: url(https://www.weingut-tesch.de/wordpress/wp-content/uploads/2020/10/pikto-lamm.jpg);
}
.icon-meeresfruechte {
  background-image: url(https://www.weingut-tesch.de/wordpress/wp-content/uploads/2020/10/pikto-meeresfruechte.jpg);
}
.icon-orientalisch {
  background-image: url(https://www.weingut-tesch.de/wordpress/wp-content/uploads/2020/10/pikto-orientalisch.jpg);
}
.icon-pasta {
  background-image: url(https://www.weingut-tesch.de/wordpress/wp-content/uploads/2020/10/pikto-pasta.jpg);
}
.icon-pizza {
  background-image: url(https://www.weingut-tesch.de/wordpress/wp-content/uploads/2020/10/pikto-pizza.jpg);
}
.icon-rind {
  background-image: url(https://www.weingut-tesch.de/wordpress/wp-content/uploads/2020/10/pikto-rind.jpg);
}
.icon-salat {
  background-image: url(https://www.weingut-tesch.de/wordpress/wp-content/uploads/2020/10/pikto-salat.jpg);
}
.icon-schwein {
  background-image: url(https://www.weingut-tesch.de/wordpress/wp-content/uploads/2020/10/pikto-schwein.jpg);
}
.icon-sushi {
  background-image: url(https://www.weingut-tesch.de/wordpress/wp-content/uploads/2020/10/pikto-sushi.jpg);
}
.icon-tapas {
  background-image: url(https://www.weingut-tesch.de/wordpress/wp-content/uploads/2020/10/pikto-tapas.jpg);
}
.icon-wild {
  background-image: url(https://www.weingut-tesch.de/wordpress/wp-content/uploads/2020/10/pikto-wild.jpg);
}


.icon-parker-88 {
  background-image: url(https://www.weingut-tesch.de/wordpress/wp-content/uploads/2020/10/pikto-parker-88.jpg);
}
.icon-parker-89 {
  background-image: url(https://www.weingut-tesch.de/wordpress/wp-content/uploads/2020/10/pikto-parker-89.jpg);
}
.icon-parker-90 {
  background-image: url(https://www.weingut-tesch.de/wordpress/wp-content/uploads/2020/10/pikto-parker-90.jpg);
}
.icon-parker-91 {
  background-image: url(https://www.weingut-tesch.de/wordpress/wp-content/uploads/2020/10/pikto-parker-91.jpg);
}
.icon-parker-92 {
  background-image: url(https://www.weingut-tesch.de/wordpress/wp-content/uploads/2020/10/pikto-parker-92.jpg);
}
.icon-parker-93 {
  background-image: url(https://www.weingut-tesch.de/wordpress/wp-content/uploads/2020/10/pikto-parker-93.jpg);
}
.icon-parker-94 {
  background-image: url(https://www.weingut-tesch.de/wordpress/wp-content/uploads/2020/10/pikto-parker-94.jpg);
}
.icon-parker-95 {
  background-image: url(https://www.weingut-tesch.de/wordpress/wp-content/uploads/2020/10/pikto-parker-95.jpg);
}

.icon-suckling-88 {
  background-image: url(https://www.weingut-tesch.de/wordpress/wp-content/uploads/2020/10/pikto-suckling-88.jpg);
}
.icon-suckling-89 {
  background-image: url(https://www.weingut-tesch.de/wordpress/wp-content/uploads/2020/10/pikto-suckling-89.jpg);
}
.icon-suckling-90 {
  background-image: url(https://www.weingut-tesch.de/wordpress/wp-content/uploads/2020/10/pikto-suckling-90.jpg);
}
.icon-suckling-91 {
  background-image: url(https://www.weingut-tesch.de/wordpress/wp-content/uploads/2020/10/pikto-suckling-91.jpg);
}
.icon-suckling-92 {
  background-image: url(https://www.weingut-tesch.de/wordpress/wp-content/uploads/2020/10/pikto-suckling-92.jpg);
}
.icon-suckling-93 {
  background-image: url(https://www.weingut-tesch.de/wordpress/wp-content/uploads/2020/10/pikto-suckling-93.jpg);
}
.icon-suckling-94 {
  background-image: url(https://www.weingut-tesch.de/wordpress/wp-content/uploads/2020/10/pikto-suckling-94.jpg);
}
.icon-suckling-95 {
  background-image: url(https://www.weingut-tesch.de/wordpress/wp-content/uploads/2020/10/pikto-suckling-95.jpg);
}



/* ************************* 
  Overlay Shortcode 
*/
.overlay-wrap {
  position: relative;
}
.overlay-wrap .overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.overlay-wrap .overlay.valign-bottom {
  justify-content: flex-end;
}
.overlay-wrap .overlay.valign-top {
  justify-content: flex-start;
}
.overlay-wrap .overlay.valign-center {
  justify-content: center;
}
.overlay-wrap .overlay-inner {
  padding: 0 5px;
  background: rgba(255, 255, 255, 0.9);
  color: #000;
}
.overlay-wrap .overlay-inner .h1,
.overlay-wrap .overlay-inner .h2,
.overlay-wrap .overlay-inner .h3 {
  margin: 10px 0;
  text-align: center;
}
.overlay-wrap .stoerer {
  position: absolute;
  top: -70px;
  right: -25px;
  z-index: 2;
  width: 120px;
  height: 120px;
  border-radius: 50%;
}

@media (min-width: 768px) {
  .overlay-wrap .overlay-inner .h1,
  .overlay-wrap .overlay-inner .h2,
  .overlay-wrap .overlay-inner .h3 {
    margin: 16px 0;
  }
  .overlay-wrap .stoerer {
    width: 170px;
    height: 170px;
  }
}


/* ************************* 
  Toggle / Trigger
*/

.trigger {
  cursor: pointer;
  padding: 0 0 5px;
}
.toggle {
  padding: 5px 0;
}




/* =Responsive
-------------------------------------------------------------- */
/* Maximum width of 600 pixels. */
@media screen and (max-width: 600px) {
	.shop-grid .content-column.one_fourth {
		clear: none;
		float: left;
    width: calc( 50% - 5px );
	}
	.shop-grid .content-column.one_half {
		clear: none;
		float: left;
    width: 100%;
	}
  .shop-grid .content-column h2 {
    font-size: 13px;
  }
  .shop-grid .content-column .add_to_cart_inline input.qty {
    width: 18%;
    max-width: 60px;
  }
  .shop-grid .content-column .add_to_cart_inline .add_to_cart_button {
    
    width: 80%;
    max-width: none;
  }
  .shop-grid .content-column .add_to_cart_inline .add_to_cart_button.added {
    width: 66%;
    max-width: 180px;
    padding: 10px 5px;
    padding-left: 30px!important;
    background-position: 0 2px;
  }
  .shop-grid .content-column .add_to_cart_inline .add_to_cart_button.added:hover {
    background-position: 0 -28px;
  }
  .shop-grid .content-column .woocommerce a.added_to_cart {
    width: 12%;
    max-width: 45px;
  }

}


/* ==========================================================================
   MasterClass Grid
   ========================================================================== */

.masterclass-thumbs {
  display: flex;
  flex-wrap: wrap;
  clear: both;
  margin-top: 20px;
}
.masterclass-thumbs > * {
  flex-basis: calc( (100% - 20px) / 2 );
  margin: 0 20px 20px 0;  
}
.masterclass-thumbs > *:nth-child(2n) {
  margin-right: 0;
}
.masterclass-thumbs img {
  width: 100%!important;
  max-width: none!important;
  margin: 0!important;
}


#content img.alignleft 	{ float: left; width: auto; max-width: auto; margin: 0 20px 20px 0; }


/* ==========================================================================
   Boxzilla Popups
   ========================================================================== */
.boxzilla-content {
  font-size: 15px;
}
.boxzilla-content .widget_newsletter2go .button {
  margin-left: -5px;
}

.boxzilla-close-icon {
  color: #6b6b6b!important;
  opacity: 1!important;
}
.boxzilla.boxzilla-bottom-right {
  top: 50%;
  bottom: auto!important;
  transform: translateY(-50%);
}
.boxzilla-content img {
  width: 100%;
  height: auto;
  max-width: 100%;
}


@media ( max-width: 475px ) {
  .boxzilla {
    max-width: 320px!important;
  }
}

.boxzilla h2 {
  font-size: 16px!important;
}
.boxzilla form label {
  padding-bottom: 5px!important;
  display: inline-block!important;
}
.boxzilla form input {
  border-radius: 0!important;
}
.boxzilla form button {
  background-color: #000!important;
  border: 1px solid #000!important;
  border-radius: 0!important;
  padding: 5px 15px!important;
  color: #fff!important;
  margin-top: 0!important;
}
.boxzilla form button:hover {
  background-color: #fff!important;
  color: #000!important;
}

/* Box mit schwarzem Hintergrund */
.boxzilla[style*="background: rgb(0, 0, 0)"] form button {
  border: 3px solid #fff!important;
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   Theses examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */

	#logo_home		{ margin: 20px 0 20px 132px; }
/* 	.app #logo_home { margin-left: 20%;} */


	.cwv3_dialog { max-width: 40%;}
	
	#content { min-height: 559px; }

  
  .social-media-menu a { width: 40px; }


  .product-section {
    margin-left: 0px;
    margin-right: 0px;
  }
  .wc-product-table tr.child .dtr-data {
    padding-left: 10px;
  }
  .added_to_cart.wc-forward {
    position: absolute;
    right: 0;
    z-index: 2;
  }
  .section-sub-title {
    display: none;
  }
  .product-section img {
    margin-right: 5px!important;
  }

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

/*
  .buttons li.box3,
  .buttons li.box6 		{ margin-right: 20px;}
*/

}

@media only screen and (min-width: 460px) {

  .bewertung-schnitt {
    transform: scale(0.9);
    xtop: 15px;
    right: 100px;
  }
  .bewertung-schnitt .badge-right {
    display: block;
  }
/*
  .bewertung-schnitt .content-second .reviews.box.content .left-details .stars-details {
    float:left;
  }
  .bewertung-schnitt .content-second .reviews.box.content .left-details h1 {
    float: none;
    margin: 0 !important;
  }
  .bewertung-schnitt .content-second .reviews.box.content .left-details {
    min-width:100px;
  }
  .badge-right {
    float: right;
  }
  .stars-details{
    height:35px;
  }
*/

}

@media only screen and (min-width: 768px) {
	
	.kachel		  { padding-top: 0;}
	.kachel a		{ background-size: 100% auto;}

	.k2x2			{ width: 120px; height: 120px; float: right;}
	.k3x3			{ width: 107px; height: 107px;}
	.k3x6			{ width: 149px; height: 223px;}
	.k6x3			{ width: 250px; height: 107px;}
	.k6x6			{ width: 235px; height: 223px;}
	.k6x6b		{ width: 250px; height: 320px; float: right;}
	.k6x6c		{ width: 250px; height: 242px; float: left;}
	.k4x6c		{ width: 238px; height: 250px; float: left;}
	.k6x9			{ width: 250px; height: 433px;}
	.k12x6		{ width: 482px; height: 223px;}
	.k13x6		{ width: 498px; height: 320px;}
	
	.k2x2 a			{ width: 100px; height: 100px;}
	.k3x3 a			{ width:  87px; height:  87px;}
	.k3x6 a			{ width: 129px; height: 203px;}
	.k6x3 a			{ width: 230px; height: 87px;}
	.k6x6 a			{ width: 215px; height: 203px;}
	.k6x6b a		{ width: 230px; height: 300px; background-position: center center}
	.k6x6c a		{ width: 230px; height: 222px; background-size: cover; background-position: center center;}
	.k4x6c a		{ width: 220px; height: 233px; background-size: cover; background-position: center 82%;}
	.k6x9 a			{ width: 230px; height: 413px;}
	.k12x6 a		{ width: 462px; height: 203px;}
	.k13x6 a		{ width: 478px; height: 300px;}

  .lagen-slider .slide { height: 300px; }

  .wein-slider .slide { background-size: cover; }

	.buttons li		{ float: left; width: 155px; height: 155px; }	
	.buttons li a	{ width: 135px; height: 135px; font-size: 1em;}

  .product-table-wrap thead,
  .product-table-fullwidth-wrap thead {
    display: none;
  }
  .product-table-wrap {
    float: left;
    width: 80%;
  }
  .wide .product-table-wrap {
    margin-left: 120px; 
  }


  .wc-product-table td {
    padding: 8px 5px!important;
  }
  .wc-product-table td.col-pa_jahrgang {
    width: 40px;
  }
  .wc-product-table td.col-tesch_wpt-title {
    width: 280px;
  }
  .wc-product-table td.col-pa_jahrgang + td.col-tesch_wpt-title {
    width: 220px;
  }
  .wc-product-table td.col-pa_fuellmenge {
    width: 70px;
  }
  .wc-product-table td.col-price {
    width: 70px;
  }
  .wc-product-table td.col-add-to-cart {
    width: 110px;
  }

  .bewertung-schnitt {
    transform: scale(1);
    top: 25px;
  }
  .bewertung-schnitt .content-second .reviews.box.content .left-details .stars-details {
    float:left;
    padding-top: 3px;
  }
  .bewertung-schnitt .content-second .reviews.box.content .left-details h1 {
    float: right;
    margin: 14px 0 0 10px !important;
  }
  .bewertung-schnitt .content-second .reviews.box.content .left-details {
    min-width: 230px;
  
  }
  .bewertung-schnitt .badge-right {
    float: right;
    margin: 7px 0 0 14px;
  }
  .stars-details{
    height:auto;
  }


  .home .social-media-menu > .info,
  .page-template-page-weincarousel .social-media-menu > .info {
    float: left;
    padding: 10px;
    text-align: left;
  }


}


@media only screen and (min-width: 852px) {
	
	#content,
	#content-praesente	{ max-width: 700px;}

	.kachel a		{ background-position: center center; background-size: 100% auto;}

	.k2x2			{ width: 116px; height: 116px;}
	.k3x3			{ width: 119px; height: 119px;}
	.k3x6			{ width: 166px; height: 248px;}
	.k6x3			{ width: 278px; height: 119px;}
	.k6x6			{ width: 263px; height: 248px;}
	.k6x6b		{ width: 278px; height: 230px;}
	.k6x6c		{ width: 278px; height: 242px; float: right;}
	.k4x6c		{ width: 152px; height: 242px; float: right;}
	.k6x9			{ width: 278px; height: 482px;}
	.k12x6			{ width: 536px; height: 248px;}
	.k13x6			{ width: 554px; height: 356px;}
	
	.k2x2 a			{ width:  96px; height:  96px;}
	.k3x3 a			{ width:  99px; height:  99px;}
	.k3x6 a			{ width: 146px; height: 228px; background-position: center center}
	.k6x3 a			{ width: 258px; height: 99px;}
	.k6x6 a			{ width: 243px; height: 228px;}
	.k6x6b a		{ width: 258px; height: 210px;}
	.k6x6c a		{ width: 258px; height: 222px;}
	.k4x6c a		{ width: 132px; height: 222px;}
	.k6x9 a			{ width: 258px; height: 462px;}
	.k12x6 a		{ width: 516px; height: 228px;}
	.k13x6 a		{ width: 566px; height: 348px;}

  .lagen-slider .slide { height: 348px; }

	.buttons li		{ float: none; width: 173px; height: 173px; }	
	.buttons li a	{ width: 153px; height: 153px; font-size: 1em;}


.bewertung-schnitt {
  top: 25px;
  right: 100px;
  max-width: 360px;
  margin-left: 60px;
  }
  .admin-bar .bewertung-schnitt {
    top: 45px;
  }
}

@media only screen and (min-width: 991px) {
  .bewertung-schnitt .content-second .reviews.box.content .left-details h1 {
    margin-top: 19px !important;
  }

}

@media only screen and (min-width: 1024px) {
	
	.kachel a		{ background-size: 100% auto;}

	.k2x2			{ width: 116px; height: 116px;}
	.k3x3			{ width: 134px; height: 134px;}
	.k3x6			{ width: 166px; height: 248px;}
	.k6x3			{ width: 278px; height: 134px;}
	.k6x6			{ width: 263px; height: 248px;}
	.k6x6b		{ width: 278px; height: 230px;}
	.k6x6c		{ width: 278px; height: 242px;}
	.k4x6c		{ width: 152px; height: 242px;}
	.k6x9			{ width: 278px; height: 482px; float: right;}
	.k12x6			{ width: 536px; height: 248px;}
	.k13x6			{ width: 586px; height: 368px;}
	
	.k2x2 a			{ width:  96px; height:  96px;}
	.k3x3 a			{ width: 114px; height: 114px;}
	.k3x6 a			{ width: 146px; height: 228px;}
	.k6x3 a			{ width: 258px; height: 114px;}
	.k6x6 a			{ width: 243px; height: 228px;}
	.k6x6b a		{ width: 258px; height: 210px;}
	.k6x6c a		{ width: 258px; height: 222px;}
	.k4x6c a		{ width: 132px; height: 222px;}
	.k6x9 a			{ width: 258px; height: 462px;}
	.k12x6 a		{ width: 516px; height: 228px;}
	.k13x6 a		{ width: 566px; height: 348px;}

	.buttons li		{ float: none; width: 173px; height: 173px; }	
	.buttons li a	{ width: 153px; height: 153px; font-size: 1em;}



  .social-media-menu {
    position: static;
    max-width: 1010px;
    clear: both;
    margin: 0 auto;
    padding-right: 40px;
  }
  .social-media-menu ul {
    margin: 0;
  }
  
  .shop-menu {
    top: 34px;
    right: auto;
    left: 50%;
    margin-left: 380px;
    padding: 0;
    }
    .admin-bar .shop-menu {
      top: 54px;
    }
  
  .bewertung-schnitt {
    top: 25px;
    left: 50%;
    margin-left: 20px;
    }
    .admin-bar .bewertung-schnitt {
      top: 45px;
    }
  
  
  
/*
  .home .social-media-menu ,
  .home #menu-footer-navi {
    padding-right: 0px;
  }
*/
/*
  .home .shop-menu {
    margin-left: 435px;
  }
*/
  .home .bewertung-schnitt {
    margin-left: 60px;
  }



}


/* Flex-Grid Styling */

.flex-grid .col {
  padding: 5px;
  background: #fff;
  color: #000;
  line-height: 1.4;
}
.flex-grid .col h2,
.flex-grid .col .h2 {
  font-size: 14px;
  margin: 10px 0;
  padding: 0 10px;
}
.flex-grid .col p {
  font-size: 13px;
  margin: 0px;
}
.flex-grid .col .small {
  font-size: 11px;
}
.flex-grid .col a {
  color: #000;
}

.flex-grid .col .video-container {
  margin: 0;
}

/*
-----------------------------
 Grid
 based on https://mustard-ui.com
-----------------------------
*/
.row {
 display:flex;
 flex-direction:row;
 flex-wrap:wrap;
 justify-content: space-between;
 margin-top:15px;
 margin-bottom:15px
}
.row.row-reverse {
 flex-direction:row-reverse
}
.row .col {
 flex-grow:1;
 flex-basis:100%;
 max-width:100%;
 margin-bottom: 10px;
}
.row .col.col-reverse {
 flex-direction:column-reverse
}
.row .col-xs-1 {
 flex-basis:calc(8.33333% - 5px);
 max-width:calc(8.33333% - 5px)
}
.row .col-xs-2 {
 flex-basis:calc(16.66667% - 5px);
 max-width:calc(16.66667% - 5px)
}
.row .col-xs-3 {
 flex-basis:calc(25% - 5px);
 max-width:calc(25% - 5px);
}
.row .col-xs-4 {
 flex-basis:calc(33.33333% - 5px);
 max-width:calc(33.33333% - 5px)
}
.row .col-xs-5 {
 flex-basis:calc(41.66667% - 5px);
 max-width:calc(41.66667% - 5px)
}
.row .col-xs-6 {
 flex-basis:calc(50% - 5px);
 max-width:calc(50% - 5px)
}
.row .col-xs-7 {
 flex-basis:calc(58.33333% - 5px);
 max-width:calc(58.33333% - 5px)
}
.row .col-xs-8 {
 flex-basis:calc(66.66667% - 5px);
 max-width:66.66667%
}
.row .col-xs-9 {
 flex-basis:calc(75% - 5px);
 max-width:calc(75% - 5px)
}
.row .col-xs-10 {
 flex-basis:calc(83.33333% - 5px);
 max-width:calc(83.33333% - 5px)
}
.row .col-xs-11 {
 flex-basis:calc(91.66667% - 5px);
 max-width:calc(91.66667% - 5px)
}
.row .col-xs-12 {
 flex-basis:100%;
 max-width:100%
}
.row .col-xs-1_5 {
 flex-basis:calc(20% - 5px);
 max-width:calc(20% - 5px)
}

.row .col-xs-offset-1 {
 margin-left:8.33333%
}
.row .col-xs-offset-2 {
 margin-left:16.66667%
}
.row .col-xs-offset-3 {
 margin-left:25%
}
.row .col-xs-offset-4 {
 margin-left:33.33333%
}
.row .col-xs-offset-5 {
 margin-left:41.66667%
}
.row .col-xs-offset-6 {
 margin-left:50%
}
.row .col-xs-offset-7 {
 margin-left:58.33333%
}
.row .col-xs-offset-8 {
 margin-left:66.66667%
}
.row .col-xs-offset-9 {
 margin-left:75%
}
.row .col-xs-offset-10 {
 margin-left:83.33333%
}
.row .col-xs-offset-11 {
 margin-left:91.66667%
}
.row .col-xs-offset-12 {
 margin-left:100%
}
@media (min-width: 425px) {
 .row .col-sm-1 {
  flex-basis:calc(8.33333% - 5px);
  max-width:calc(8.33333% - 5px)
 }
 .row .col-sm-2 {
  flex-basis:calc(16.66667% - 5px);
  max-width:calc(16.66667% - 5px)
 }
 .row .col-sm-3 {
  flex-basis:calc(25% - 5px);
  max-width:calc(25% - 5px);
 }
 .row .col-sm-4 {
  flex-basis:calc(33.33333% - 5px);
  max-width:calc(33.33333% - 5px)
 }
 .row .col-sm-5 {
  flex-basis:calc(41.66667% - 5px);
  max-width:calc(41.66667% - 5px)
 }
 .row .col-sm-6 {
  flex-basis:calc(50% - 5px);
  max-width:calc(50% - 5px)
 }
 .row .col-sm-7 {
  flex-basis:calc(58.33333% - 5px);
  max-width:calc(58.33333% - 5px)
 }
 .row .col-sm-8 {
  flex-basis:calc(66.66667% - 5px);
  max-width:calc(66.66667% - 5px)
 }
 .row .col-sm-9 {
  flex-basis:calc(75% - 5px);
  max-width:calc(75% - 5px)
 }
 .row .col-sm-10 {
  flex-basis:calc(83.33333% - 5px);
  max-width:calc(83.33333% - 5px)
 }
 .row .col-sm-11 {
  flex-basis:91.66667% - 5px);
  max-width:91.66667% - 5px)
 }
 .row .col-sm-12 {
  flex-basis:100%;
  max-width:100%
 }
 .row .col-sm-1_5 {
  flex-basis:calc(20% - 5px);
  max-width:calc(20% - 5px)
 }
 .row .col-sm-offset-1 {
  margin-left:8.33333%
 }
 .row .col-sm-offset-2 {
  margin-left:16.66667%
 }
 .row .col-sm-offset-3 {
  margin-left:25%
 }
 .row .col-sm-offset-4 {
  margin-left:33.33333%
 }
 .row .col-sm-offset-5 {
  margin-left:41.66667%
 }
 .row .col-sm-offset-6 {
  margin-left:50%
 }
 .row .col-sm-offset-7 {
  margin-left:58.33333%
 }
 .row .col-sm-offset-8 {
  margin-left:66.66667%
 }
 .row .col-sm-offset-9 {
  margin-left:75%
 }
 .row .col-sm-offset-10 {
  margin-left:83.33333%
 }
 .row .col-sm-offset-11 {
  margin-left:91.66667%
 }
 .row .col-sm-offset-12 {
  margin-left:100%
 }
}
@media (min-width: 768px) {
 .row .col-md-1 {
  flex-basis:calc(8.33333% - 5px);
  max-width:calc(8.33333% - 5px)
 }
 .row .col-md-2 {
  flex-basis:calc(16.66667% - 5px);
  max-width:calc(16.66667% - 5px)
 }
 .row .col-md-3 {
  flex-basis:calc(25% - 5px);
  max-width:calc(25% - 5px);
 }
 .row .col-md-4 {
  flex-basis:calc(33.33333% - 5px);
  max-width:calc(33.33333% - 5px)
 }
 .row .col-md-5 {
  flex-basis:calc(41.66667% - 5px);
  max-width:calc(41.66667% - 5px)
 }
 .row .col-md-6 {
  flex-basis:calc(50% - 5px);
  max-width:calc(50% - 5px)
 }
 .row .col-md-7 {
  flex-basis:calc(58.33333% - 5px);
  max-width:calc(58.33333% - 5px)
 }
 .row .col-md-8 {
  flex-basis:calc(66.66667% - 5px);
  max-width:calc(66.66667% - 5px)
 }
 .row .col-md-9 {
  flex-basis:calc(75% - 5px);
  max-width:calc(75% - 5px)
 }
 .row .col-md-10 {
  flex-basis:calc(83.33333% - 5px);
  max-width:calc(83.33333% - 5px)
 }
 .row .col-md-11 {
  flex-basis:calc(91.66667% - 5px);
  max-width:calc(91.66667% - 5px)
 }
 .row .col-md-12 {
  flex-basis:100%;
  max-width:100%
 }
 .row .col-md-1_5 {
  flex-basis:calc(20% - 5px);
  max-width:calc(20% - 5px)
 }

 .row .col-md-offset-1 {
  margin-left:8.33333%
 }
 .row .col-md-offset-2 {
  margin-left:16.66667%
 }
 .row .col-md-offset-3 {
  margin-left:25%
 }
 .row .col-md-offset-4 {
  margin-left:33.33333%
 }
 .row .col-md-offset-5 {
  margin-left:41.66667%
 }
 .row .col-md-offset-6 {
  margin-left:50%
 }
 .row .col-md-offset-7 {
  margin-left:58.33333%
 }
 .row .col-md-offset-8 {
  margin-left:66.66667%
 }
 .row .col-md-offset-9 {
  margin-left:75%
 }
 .row .col-md-offset-10 {
  margin-left:83.33333%
 }
 .row .col-md-offset-11 {
  margin-left:91.66667%
 }
 .row .col-md-offset-12 {
  margin-left:100%
 }
}
@media (min-width: 1024px) {
 .row .col-lg-1 {
  flex-basis:calc(8.33333% - 5px);
  max-width:calc(8.33333% - 5px)
 }
 .row .col-lg-2 {
  flex-basis:calc(16.66667% - 5px);
  max-width:calc(16.66667% - 5px)
 }
 .row .col-lg-3 {
  flex-basis:calc(25% - 5px);
  max-width:calc(25% - 5px);
 }
 .row .col-lg-4 {
  flex-basis:calc(33.33333% - 5px);
  max-width:calc(33.33333% - 5px)
 }
 .row .col-lg-5 {
  flex-basis:calc(41.66667% - 5px);
  max-width:calc(41.66667% - 5px)
 }
 .row .col-lg-6 {
  flex-basis:calc(50% - 5px);
  max-width:calc(50% - 5px)
 }
 .row .col-lg-7 {
  flex-basis:calc(58.33333% - 5px);
  max-width:calc(58.33333% - 5px)
 }
 .row .col-lg-8 {
  flex-basis:calc(66.66667% - 5px);
  max-width:calc(66.66667% - 5px)
 }
 .row .col-lg-9 {
  flex-basis:calc(75% - 5px);
  max-width:calc(75% - 5px)
 }
 .row .col-lg-10 {
  flex-basis:calc(83.33333% - 5px);
  max-width:calc(83.33333% - 5px)
 }
 .row .col-lg-11 {
  flex-basis:calc(91.66667% - 5px);
  max-width:calc(91.66667% - 5px)
 }
 .row .col-lg-12 {
  flex-basis:100%;
  max-width:100%
 }
 .row .col-lg-1_5 {
  flex-basis:calc(20% - 5px);
  max-width:calc(20% - 5px)
 }
 .row .col-lg-offset-1 {
  margin-left:8.33333%
 }
 .row .col-lg-offset-2 {
  margin-left:16.66667%
 }
 .row .col-lg-offset-3 {
  margin-left:25%
 }
 .row .col-lg-offset-4 {
  margin-left:33.33333%
 }
 .row .col-lg-offset-5 {
  margin-left:41.66667%
 }
 .row .col-lg-offset-6 {
  margin-left:50%
 }
 .row .col-lg-offset-7 {
  margin-left:58.33333%
 }
 .row .col-lg-offset-8 {
  margin-left:66.66667%
 }
 .row .col-lg-offset-9 {
  margin-left:75%
 }
 .row .col-lg-offset-10 {
  margin-left:83.33333%
 }
 .row .col-lg-offset-11 {
  margin-left:91.66667%
 }
 .row .col-lg-offset-12 {
  margin-left:100%
 }
}
@media (min-width: 1440px) {
 .row .col-xlg-1 {
  flex-basis:calc(8.33333% - 5px);
  max-width:calc(8.33333% - 5px)
 }
 .row .col-xlg-2 {
  flex-basis:calc(16.66667% - 5px);
  max-width:calc(16.66667% - 5px)
 }
 .row .col-xlg-3 {
  flex-basis:calc(25% - 5px);
  max-width:calc(25% - 5px);
 }
 .row .col-xlg-4 {
  flex-basis:calc(33.33333% - 5px);
  max-width:calc(33.33333% - 5px)
 }
 .row .col-xlg-5 {
  flex-basis:calc(41.66667% - 5px);
  max-width:calc(41.66667% - 5px)
 }
 .row .col-xlg-6 {
  flex-basis:calc(50% - 5px);
  max-width:calc(50% - 5px)
 }
 .row .col-xlg-7 {
  flex-basis:calc(58.33333% - 5px);
  max-width:calc(58.33333% - 5px)
 }
 .row .col-xlg-8 {
  flex-basis:calc(66.66667% - 5px);
  max-width:calc(66.66667% - 5px)
 }
 .row .col-xlg-9 {
  flex-basis:calc(75% - 5px);
  max-width:calc(75% - 5px)
 }
 .row .col-xlg-10 {
  flex-basis:calc(83.33333% - 5px);
  max-width:calc(83.33333% - 5px)
 }
 .row .col-xlg-11 {
  flex-basis:calc(91.66667% - 5px);
  max-width:calc(91.66667% - 5px)
 }
 .row .col-xlg-12 {
  flex-basis:calc(100% - 5px);
  max-width:calc(100% - 5px)
 }
 .row .col-xlg-1_5 {
  flex-basis:calc(20% - 5px);
  max-width:calc(20% - 5px)
 }
 .row .col-xlg-offset-1 {
  margin-left:8.33333%
 }
 .row .col-xlg-offset-2 {
  margin-left:16.66667%
 }
 .row .col-xlg-offset-3 {
  margin-left:25%
 }
 .row .col-xlg-offset-4 {
  margin-left:33.33333%
 }
 .row .col-xlg-offset-5 {
  margin-left:41.66667%
 }
 .row .col-xlg-offset-6 {
  margin-left:50%
 }
 .row .col-xlg-offset-7 {
  margin-left:58.33333%
 }
 .row .col-xlg-offset-8 {
  margin-left:66.66667%
 }
 .row .col-xlg-offset-9 {
  margin-left:75%
 }
 .row .col-xlg-offset-10 {
  margin-left:83.33333%
 }
 .row .col-xlg-offset-11 {
  margin-left:91.66667%
 }
 .row .col-xlg-offset-12 {
  margin-left:100%
 }
}




@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

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

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}