/*
Standard CSS

@site       	cobenzl.at
@author     	Georg Seidl // seidl@echonet.at
@copyright  	echonet communication gmbh
							http://www.echonet.at
@date       	11.04.2016
@lastmodified 
@version 			
	  
*/
/* @section =body
-------------------------------------------------------------------*/

@font-face {    
	font-family: 'Wiener Melange';    
	src: url('fonts/WienerMelange_W_Rg.woff2') format('woff2'), url('fonts/WienerMelange_W_Rg.woff') format('woff');
	font-weight: normal; 
	}
@font-face {    
	font-family: 'Wiener Melange Bold';    
	src: url('fonts/WienerMelange_W_Bd.woff2') format('woff2'), url('fonts/WienerMelange_W_Bd.woff') format('woff');
	font-weight: 700; 
	}
@font-face {
	font-family: 'Wiener Melange Extra Bold';
	src: url('fonts/WienerMelange_W_ExBd.woff2') format('woff2'), url('fonts/WienerMelange_W_ExBd.woff') format('woff');
	font-weight: 800;
	}


* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance:none; }
html, body, form, textarea, input, button, select, legend, h1, h2, h3, h4, h5, h6, p, ol, ul, table, td, th {color:#fff;margin:0;/*padding:0;*/}
body { background:#212121;text-align:center;font:14px/1.4 "Wiener Melange", arial,helvetica,clean,sans-serif;*font-size:small; /* for IE */*font:x-small; /* for IE in quirks mode */font-weight:300;-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;height:100%;-webkit-font-smoothing: antialiased; }
html { background:#fff;overflow-y:scroll; } 
#parent-wrapper { overflow: hidden;position: relative; width:100%; min-width:320px;height:100%; }


/* @section =base
-------------------------------------------------------------------*/
#parent { margin: 0 auto;padding:0;position: relative;text-align: left;width:100%;z-index:50; }
#header { margin:60px 0 30px;position:relative; }
#content { font-size:1em;padding:0 20px; }
#content .inner { margin:20px auto; /*max-width:760px;*/ }
.module_home #content .inner { max-width:1160px; }
#content .inner:first-child { margin-top:40px !important; }

#logo { display:block;line-height:0;margin:0 auto;padding:0;width:85px;webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;transition: all 0.4s ease; }
#logo a:link, #logo a:focus, #logo a:hover, #logo a:visited, #logo a:active { display:block; }
#logo img { width:100%;height:auto; }

/* ----- =nojs ----- */
.nojs #slidenav { opacity:1;width:25%;z-index:999; }
.nojs #header { width:75%; }
.nojs #parent { width:75%;margin-left:25%; }
.nojs .subnav { display:block; }
.nojs #navanchor { display:none; }
.nojs .articlewrap .article-inner { position:relative; }
.nojs #awards li { display:none; }
.nojs #awards li:first-child { display:block; }

/* ----- =sitenav ----- */
#sitenav {font-weight:bold;list-style:none;left:20px;margin:0;padding:0;position:absolute;text-transform:uppercase;top:0;}
#sitenav li {display:inline;}
#sitenav a:link, #sitenav a:visited, #sitenav a:focus, #sitenav a:hover, #sitenav a:active {left:-1000px;position: absolute;top:-1000px;text-decoration:none;}
#sitenav a:focus, #sitenav a:active {left:0;position:relative;top:5px;white-space:nowrap;}

/* ----- =navigation ----- */
#header .inner { background:#212121;position:fixed;top:0;left:0;right:0;z-index:999;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;transition: all 0.4s ease;box-shadow: 0px 1px 7px 0px rgba(0,0,0,0.4);
-webkit-box-shadow: 0px 1px 7px 0px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 1px 7px 0px rgba(0,0,0,0.4); }
#warenkorb { background:url(gfx/cart_gusto.svg) right center no-repeat;background-size:17px 17px;color:#fff;font-family:"Wiener Melange",arial,helvetica,clean,sans-serif;font-size:0.8571428571428571em;font-weight:700;margin-top:19px;padding:5px 25px 5px 0;position:absolute; right:15px;text-decoration:none;text-indent:-999em;webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;transition: all 0.4s ease; }
#useraccount { background:url(gfx/login_gusto.svg) right center no-repeat;background-size:17px 17px;color:#fff;font-family:"Wiener Melange",arial,helvetica,clean,sans-serif;font-size:0.8571428571428571em;font-weight:700;margin-top:19px;padding:5px 25px 5px 0;position:absolute; right:70px;text-decoration:none;text-indent:-999em;webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;transition: all 0.4s ease; }
#loginaccount { background:url(gfx/login_gusto.svg) right center no-repeat;background-size:17px 17px;color:#fff;font-family:"Wiener Melange",arial,helvetica,clean,sans-serif;font-size:0.8571428571428571em;font-weight:700;margin-top:19px;padding:5px 25px 5px 0;position:absolute; right:70px;text-decoration:none;text-indent:-999em;webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;transition: all 0.4s ease; }
#useraccount.active,#loginaccount.active { color: #82D2A0;background:url(gfx/login_gusto_green.svg) right center no-repeat;background-size:17px 17px; }
#warenkorb.active { color: #82D2A0;background:url(gfx/cart_gusto_green.svg) right center no-repeat;background-size:17px 17px; }
.account { position: absolute; }
/*.scrollheader #loginaccount, .scrollheader #useraccount { margin-top: 10px; }*/
/* = navanchor */
#navanchor { display:block;font-family:"Wiener Melange",arial,helvetica,clean,sans-serif;width:45px;height:45px;left:15px;line-height:45px;position:absolute;text-align:center;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;transition: all 0.4s ease;vertical-align:top;text-indent:-999em; }
/*#navanchor:hover, #navanchor:focus, .navactive #navanchor { background-color:#555; } */
#closenavanchor { /*background-color:#FFF;*/display:inline-block;font-family:"Wiener Melange",arial,helvetica,clean,sans-serif;width:45px;height:45px;margin-left:15px;line-height:45px;position:relative;text-align:center;text-indent:-999em;-webkit-transition: all 0.4s ease;transition: all 0.4s ease;vertical-align:top; }

#navanchor, #closenavanchor { color:#fff;font-size:0.8571428571428571em;font-weight:700;margin-top:11px;text-decoration:none; }
#navanchor span.navanchor-icon, #closenavanchor span.navanchor-icon { position: absolute; left: 50%; top: 50%; margin:-2px 0 0 -11px;  }
.no-csstransforms #navanchor span.navanchor-icon, .no-csstransforms #closenavanchor span.navanchor-icon { display:none;visbility:hidden; }
.no-csstransforms #navanchor, .no-csstransforms #closenavanchor { background-image:url(gfx/navanchor.png);background-position:center center;background-repeat:no-repeat; } 

#navanchor span.navanchor-icon, #navanchor span.navanchor-icon:before, #navanchor span.navanchor-icon:after, #closenavanchor span.navanchor-icon, #closenavanchor span.navanchor-icon:before, #closenavanchor span.navanchor-icon:after {
	cursor: pointer;
	border-radius: 1px;
	height: 2px;
	width: 20px;
	background: #fff;
	position: absolute;
	display: block;
	content: '';
	text-indent:-999em;
	transform-origin: center center;
	-webkit-transform-origin: center center;
	-webkit-transition: -webkit-transform 0.5s ease-in-out;
	transition: transform 0.5s ease-in-out;
}
#closenavanchor span.navanchor-icon, #closenavanchor span.navanchor-icon:before, #closenavanchor span.navanchor-icon:after { background:#fff; }

#navanchor span.navanchor-icon:before, #closenavanchor span.navanchor-icon:before {
	top: -6px;
}
#navanchor span.navanchor-icon:after, #closenavanchor span.navanchor-icon:after {
	bottom: -6px; 
}

.navactive #navanchor span.navanchor-icon, .navactive #closenavanchor span.navanchor-icon {
	background-color: transparent;
}
.navactive #navanchor span.navanchor-icon:before, .navactive #navanchor span.navanchor-icon:after, .navactive #closenavanchor span.navanchor-icon:before, .navactive #closenavanchor span.navanchor-icon:after {
	top: 0;
}
.navactive #navanchor span.navanchor-icon:before, .navactive #closenavanchor span.navanchor-icon:before {
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}
.navactive #navanchor span.navanchor-icon:after, .navactive #closenavanchor span.navanchor-icon:after {
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}

.headerbar .navanchorwrap {margin:0;}

/*.scrollheader #navanchor, .scrollheader #closenavanchor, .scrollheadernav #navanchor, .scrollheadernav #closenavanchor { margin-top:2px; }
.scrollheader #warenkorb, .scrollheadernav #warenkorb { margin-top:10px; }
.scrollheader #logo, .scrollheadernav #logo { padding:5px 0;width:46px; }*/


html.navactive, .navactive #parent-wrapper, .navactive #parent { height:100%; }
/*.navactive #parent {
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);	
}*/

#parentoverlay { position:fixed;top:0;right:0;background: #FFF;content: '';
;width:0;height:0;display:none; }
.csstransitions #parentoverlay { display:block;opacity:0;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter: alpha(opacity=0);-moz-opacity: 0;-khtml-opacity: 0;-webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s; transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s; }	
.navactive #parentoverlay { width: 100%;height: 100vh; cursor: pointer; z-index:52; } /*999*/
.navactive #parentoverlay { opacity:0.5;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter: alpha(opacity=80);-moz-opacity: 0.8;-khtml-opacity: 0.8;-webkit-transition: opacity 0.5s;transition: opacity 0.5s; }

#slidenav { color:#999999;display: block;height: 100%;left:0;overflow-y:auto;overflow-x:hidden;position:absolute;text-align:left;top: 0;width:100%;margin:0;padding:0;z-index:1;	-webkit-transition: -webkit-transform 0.8s;transition: transform 0.8s;opacity:0;  }
.slidenav-outer { margin:0 auto;width:100%;/*max-width:1280px;*/ }
.slidenav-inner { background:#212121;min-width:275px;width:25%;-moz-box-shadow:0px 0px 10px rgba(0,0,0,0.1);-webkit-box-shadow:0px 0px 10px rgba(0,0,0,0.1);box-shadow:0px 0px 10px rgba(0,0,0,0.1);-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=0,Color=#1a000000,Positive=true)";filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=0,Color=#1a000000,Positive=true); }
#slidenav-right { height:100%;left:275px;position:absolute;width:inherit; }

.navactive #slidenav, #slidenav.focus { 
	-webkit-transition: -webkit-transform 0.8s;
	transition: transform 0.8s;
	opacity: 1;
	z-index:52;
}

.slidenav-inner { position:absolute;top:0;min-height:100%;/*bottom:0;*/ }
.navactive #header {z-index: 51;}
/*#navwrap { background:#FFF; }*/
#nav {font-family:"Wiener Melange",arial,helvetica,clean,sans-serif;/*font-size:0.875em;*/margin:0;padding:0;}
#nav li {display:block;list-style:none;list-style-image:none;letter-spacing:0;position:relative;vertical-align:top;width:100%;}
#nav a:link, #nav a:visited, #nav a:focus, #nav a:hover, #nav a:active, #nav strong { color:#fff;display:block;font-weight:normal;padding:15px 40px 15px 40px;text-decoration:none; }
#nav__element a:focus, #nav a:hover, #nav a:active, #nav strong { color:#82D2A0; }
#nav ul.nav__sub-list { font-size:0.8571428571428571em;list-style:none;margin:0 0 14px 40px;padding:0;text-align:left; }
#nav ul.nav__sub-list a, #nav ul.nav__sub-list strong { background:url("/_assets/css/gfx/bg-subnav_gusto.png") 5px 19px no-repeat;background-size:5px 50px;padding-left:18px; }
#nav ul.nav__sub-list a:hover, #nav ul.nav__sub-list a:focus, #nav ul.nav__sub-list a.active, ul.nav__sub-list strong { background-position:5px -22px; }
/*#nav ul li { display:list-item;float:none;line-height:1.2; }*/
#nav ul.nav__list{margin: 0}

#nav li a.plus { display:block;height:48px;padding:0;position:absolute;right:15px;top:0;width:40px;z-index:999; }
#nav li a.plus span { background:url(gfx/nav-plus_gusto.png) 0 0 no-repeat;background-size:10px 30px;display:block;top:22px;left:15px;position:absolute;text-indent:-999em;width:10px;height:10px; }
#nav li a.plus:hover span { background-position:0 -10px; }
#nav li.open a.plus span { background-position:0 -20px; }
/*.subnav { display:none; }
.open .subnav { display:block; }*/
.nav__sub-list { display:none; }
.open .nav__sub-list { display:block; }
.nav__element .active { color: #82D2A0 !important; }
.nav__element_opener_icon { background:url("/_assets/css/gfx/nav-plus_gusto.png") 0 0 no-repeat;background-size: 10px 30px; }

#langnav { font-family:"Wiener Melange",arial,helvetica,clean,sans-serif;/*background:#FFF;*/ }
#language { /*border-bottom:1px solid #EEE;border-top:1px solid #EEE;*/list-style:none;margin:20px 0;padding:20px; }
#language li { display:inline-block;padding:0;width:50%;max-width:150px; }

#language li a, #language li strong { /*background:#999;*/border:1px solid;display:block;font-size:0.75em;font-weight:700;margin:0 10px;padding:12px;text-align:center;text-decoration:none;text-transform:uppercase; }
#language li a { border-color:#fff;color:#fff; }
#language li strong { border-color:#82D2A0;color:#212121; }
#language li a:hover, #language li a:focus, #language li strong { background:#82D2A0;border-color:#82D2A0; }

#cookie-banner { background:#FFF;border-top:1px solid #999;bottom:0;left:0;padding:20px 10px;position:fixed;right:0;width:100%;z-index: 99; }
#cookie-banner .inner { margin:0 auto;max-width:1080px; }
#cookie-banner p { font-size:.85em; }
#cookie-banner .button { max-width:300px; }


/* ----- =headerimages ----- */
#headerimages { list-style:none;margin:0 -20px !important;-webkit-transition: all 0.4s ease;transition: all 0.4s ease;-moz-transition: all 0.4s ease;z-index: 1; }
#headerimages li { background-image:none !important;max-height:530px;overflow:hidden;padding:0 !important;position:relative;width:100%; }
#headerimages li .headerimg { background-position:center center;background-size:cover;height:120px;width:100%; }
#headerimages li.big-header .headerimg { height:200px; }
#headerimages img.headerimg { width:100%;margin-bottom:-4px; }
#headerimages .imgoverlay { position:absolute;top:0;left:0;right:0;bottom:0;opacity:0;background:#000;-webkit-transition: all 0.4s ease;transition: all 0.4s ease; }
#headerimages:hover .big-header .imgoverlay { opacity:0.4; }
#headerimages li .header-inner { position:absolute;text-align:center;top:0;width:100%; }
#headerimages li .header-inner  a { display:block;text-decoration:none; }
#headerimages li .header-inner span.title, #headerimages li .header-inner .headericon { display:inline-block;vertical-align:middle; }
#headerimages li .header-inner .headericon { display:none;margin-left:30px;max-height:200px;max-width:150px;height:auto;width:auto; }
#headerimages span.title { padding:20px 10px;position:relative; }
/*#headerimages span.title:before, #headerimages span.title:after { border-top:1px solid #FFF;-moz-box-shadow:0px 1px 0px rgba(0,0,0,0.35);-webkit-box-shadow:0px 1px 0px rgba(0,0,0,0.35);box-shadow:0px 1px 0px rgba(0,0,0,0.35);content:'';position:absolute;width:300px;top:0;left:50%;margin-left:-150px; }*/
#headerimages span.title:after { bottom:0;top:inherit; }
#headerimages li h2 { color:#FFF;font-size:3em;margin:0;text-shadow:0px 1px 0px rgba(0,0,0,0.5); }
#headerimages li h3 { color:#FFF;font-family:"Wiener Melange",arial,helvetica,clean,sans-serif;font-size:1em;font-weight:bold;/*letter-spacing:.1em;*/margin:10px 0 0;text-shadow:0px 1px 0px rgba(0,0,0,0.5);text-transform:uppercase; }


/* ----- =sidebar ----- */
#snav ul {list-style:none;list-style-image:none;margin:0;padding:0;}
#snav li {list-style-image:none;}
#snav a:link, #snav a:visited, #snav a:focus, #snav a:hover, #snav a:active, #snav strong {border-color: #919394;color: #919394;display:block;font-weight:normal;text-decoration:none;}
#snav a:focus, #snav a:hover, #snav a:active {border-color:#4b4b4d;color:#4b4b4d;}
#snav a.active:link, #snav a.active:visited, #snav a.active:focus, #snav a.active:hover, #snav a.active:active, #snav strong {border-color:#d10d1f;color:#d10d1f;}
#snav a.u:link, #snav a.u:visited, #snav a.u:focus, #snav a.u:hover, #snav a.u:active, #snav strong.u {border-bottom-width:1px; border-bottom-style:solid;padding:5px 5px 3px 20px; text-transform:uppercase;}
#snav a.u:focus, #snav a.u:hover, #snav a.u:active, #snav strong.u {}
#snav ul ul {list-style:none;list-style-image:none;margin:0;padding:0 0 0 20px;}
#snav ul ul a:link, #snav ul ul a:visited, #snav ul ul a:focus, #snav ul ul a:hover, #snav ul ul a:active, #snav ul ul strong { background:url(gfx/dot-light-grey.png) no-repeat 0 .5em;padding:.2em 0 .2em 15px;}
#snav ul ul a:focus, #snav ul ul a:hover, #snav ul ul a:active {background-image:url(gfx/dot-dark-grey.png);}
#snav ul ul strong {background-image:url(gfx/dot-red.png);}

/* ----- =footer ----- */
#awards { background:/*url(gfx/bg-awards.png) center center no-repeat*/ #82D2A0;position:relative; }
/*#awards:before { border:1px solid #999;content:'';position:absolute;top:7px;bottom:7px;left:7px;right:7px; }*/
#awards .swiper-wrapper { list-style:none;margin:0; }
#awards .swiper-slide { background-image:none;padding:20px 50px;text-align:center; }
#awards .swiper-slide .slide-inner { max-width:760px;margin:0 auto; }
#awards .swiper-slide a { display:block;text-decoration:none; }
#awards .swiper-slide p, #awards .swiper-slide h4, #awards .swiper-slide h5, #awards .swiper-slide span { color:#FFF;hyphens:none;-moz-hyphens:none;-webkit-hyphens:none; }
#awards .swiper-slide h5 { font-family:"Wiener Melange",arial,helvetica,clean,sans-serif;font-weight:600;margin-bottom:20px;text-transform:uppercase; }
#awards .swiper-slide p { font-style:italic;line-height:1.6; }
#awards .h5 { display:block;margin-top:20px;padding:20px 0 0;position:relative; }
#awards .h5:before { border-top:2px solid #999;content:'';left:50%;margin-left:-25px;position:absolute;top:0;width:50px; }

#footer-info { /*background:#212121;*/padding:40px 0 20px;border-top:1px solid #999; }
#footer-info .info-inner { margin:0 15px;/*text-align:center;*/max-width:1160px;/*760*/ }
.footer-item form { margin:0; }
.footer-item fieldset { text-align:center; }
.footer-item { /*display:inline-block;*/margin:0 auto 30px; max-width:400px;width:100%;text-align: center; }
.footer-item .h5 { border-bottom:1px solid #999;color:#fff;display:block;padding-bottom:6px;margin:0 0 14px;width:100%; }
/*.footer-item p { font-size:.875em; }*/
.footer-tel { color:#fff !important;text-decoration:none !important; }
.footer-block-logo {display: inline;} /* ERIN */

#footer { background:#fff;border-top:1px solid #999;padding:30px 0; }
#footer .inner { margin:0 auto;max-width:760px;position:relative; display: flex; align-content: center;} /*ERIN*/
#footer .nav__element a {color: #000; text-decoration: none; font-weight: bold;} /*ERIN TODO MOVE TO E2S*/
/*#footer .nav__element {padding: 0 5px;}*/
#wienwein, #mnav { display:inline-block;text-align:center;vertical-align:middle;width:100%; }
.logo-ma49 { margin:20px auto 0;text-align:center;width:100%; }
.logo-ma49 img { height:auto;width:80px; }
/*#footer img { width:57px; }*/

address { font-style:normal; }

/* =metanavigation */
#mnav ul {list-style:none;margin:0;padding:0;}
#mnav li {display:inline-block;list-style-image:none;}
#mnav a:link, #mnav a:visited, #mnav a:focus, #mnav a:hover, #mnav a:active, #mnav strong { color: #212121;display:block;font-family:"Wiener Melange",arial,helvetica,clean,sans-serif;font-size:0.8571428571428571em;font-weight:600;padding:10px;text-decoration:none;/*text-transform:uppercase;*/ }
#mnav a.active:link, #mnav a.active:visited, #mnav a.active:focus, #mnav a.active:hover, #mnav a.active:active,
#mnav a:focus, #mnav a:hover, #mnav a:active, #mnav strong {color:#4b4b4d;}


/* @section =module
-------------------------------------------------------------------*/
img.wfull { width:100% !important;height:auto !important; }
a.btn { border:1px solid #999 !important;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;color:#fff !important;display:block;font-family:"Wiener Melange",arial,helvetica,clean,sans-serif;font-size:0.8571428571428571em;font-weight:700;/*letter-spacing:.1em;*/padding:15px 0;text-align:center;text-decoration:none !important;/*text-transform:uppercase;*/transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;width:100%;max-width:240px; }
a.btn:hover, a.btn:focus { background:#82D2A0;color:#212121 !important;border-color:#82D2A0 !important; }

blockquote { /*background:#F8F8F8;*/border-top:1px solid #DDD;border-bottom:1px solid #DDD;line-height:1.9;margin:20px 0;padding:20px;text-align:center; }
blockquote p { font-style:italic; }
blockquote.cite p:last-child { display:block;font-family:"Wiener Melange",arial,helvetica,clean,sans-serif;font-size:.75em;font-style:normal;font-weight:600;margin-top:24px;padding:15px 0 0;position:relative;text-transform:uppercase; }
blockquote.cite p:last-child:before { border-top:2px solid #999;content:'';left:50%;margin-left:-25px;position:absolute;top:0;width:50px; }

#content ul { list-style:none;margin-left:0; }
#content ul li { background:url(gfx/list-item.png) left 10px no-repeat;background-size:4px 6px;padding-left:10px; }

/* ----- =article ----- */
.module_article #content .inner { max-width:1160px; }
.module_article .inner.centered { max-width:760px !important;text-align:center; }
ul.article {list-style:none; list-style-image:none;margin:0;padding:0;}
.article li.cfix {border-bottom:1px dotted #999;padding:12px 0 7px;}
.article .title {margin-top:20px;}
.article .subtitle {font-size:1em;margin:.2em 0;line-height: 1.5;}
.date {margin:0;}
article.noimg { max-width:760px;margin:20px auto; }
.noimg div.article-inner { width:100%; }

.article-inner a.btn { margin:20px auto 10px; }

p.img { float:left;margin:0 0 10px;width:100%; }
p.img img { vertical-align:bottom;width:100%; }
ul.img { list-style:none;list-style-image:none;margin:20px 0 !important;padding:0;width:100%; }
ul.img li { background-image:none !important;display:none;padding:0 !important; }
ul.img li:first-child { display:block; }
ul.img img { vertical-align:bottom;margin:0 0 5px 0;width:100%; }

/* ----- =error ----- */
.module_error #content .inner { max-width:760px; }

/* ----- =formmail ----- */
.module_formmail #content .inner { max-width:760px; }
#formmail, #form-right { display:inline-block;margin:0;vertical-align:top;width:100%; }
#formmail input, #formmail select, #formmail textarea, #formmail button, #formmail input.button { max-width:none; }
#formmail label { width:auto !important; }
#form-right h2 { margin-top:14px; }
.module_formmail .magnum ul { text-align: center;float:left; }
.module_formmail .content ul li { width:100%;height:auto;background-image: none !important; }
.module_formmail .swiper-container ul li img { width:100%; height:auto; }
.swiper-container { width: 100%;height: auto; }
.swiper-slide, .preview li { background-image:none !important; }
.imageswrap .preview li { width:33.33333% !important;float:left; }
.preview img { height:auto;/*150px !important;*/width:100% !important; }
.preview li img:focus,.preview li img:hover,.preview li img:active { background-color:rgba(155, 189, 43,0.5) !important;cursor: pointer !important; }
#formmail .radiotxt { width:100%; margin:0 0 0 40px;padding:10px 0;line-height: 1.6;min-width: 200px; }
#formmail .checktxt { width:100%; margin:0 0 0 35px;padding:5px 0;min-width: 200px; }
.module_formmail input[type="radio"] { display:none; }
.module_formmail  .magnum label { width:300px !important; text-align: left; }
.module_formmail  .magnum #form-description { float:left; }
.magnum #formmail ol li.paddingli  { padding:20px 0; }

.form-images img { height:auto;max-width:100%; }

.module_formmail input.radio:checked + label.radiotxt::before, .module_formmail input.radio + label.radiotxt:hover::before, .module_formmail input.radio + label.radiotxt:focus::before {
    background: url(gfx/icon-check.png) center center no-repeat #82D2A0;
        background-size: auto auto;
    background-size: 12px 9px;
    border-color: #82D2A0;
}
.module_formmail label.radiotxt::before {
    background: #FFF;
    border: 2px solid #999;
        border-top-color: rgb(153, 153, 153);
        border-right-color: rgb(153, 153, 153);
        border-bottom-color: rgb(153, 153, 153);
        border-left-color: rgb(153, 153, 153);
    border-radius: 25px;
    content: '';
    height: 25px;
    left: 5px;
    position: absolute;
    width: 25px;
}
.module_formmail .swiper-button-prev,.module_formmail .swiper-button-prev::before, .module_formmail .swiper-button-next,.module_formmail .swiper-button-next::before { border-color: #999 !important; }

/* ----- =liste ----- */
.module_liste #content .inner { max-width:760px; }
.module_liste ul.listitems{padding-left: 0 !important }
.module_liste li.listitem{margin-bottom: 20px}
.module_liste summary{cursor: pointer; position: relative}
.module_liste summary::before, .module_liste summary::after{
	content: "";
	position: absolute;
	top: 60%;
	height: 1px;
	width: 7px;
	background-color: #fff;
	transition: 0.5s;
}
.module_liste summary::before{transform: translateY(-50%) rotate(-45deg); right: 10px;}
.module_liste summary::after{transform: translateY(-50%) rotate(45deg); right: 15px;}
.module_liste .listitem.open summary::before{transform: translateY(-50%) rotate(45deg); right: 10px; transition: 0.5s;}
.module_liste .listitem.open summary::after{transform: translateY(-50%) rotate(-45deg); right: 15px; transition: 0.5s;}
#content .module_liste details li{padding: 0}


/* ----- =freepage ----- */
.module_freepage #content .inner { max-width:760px; }
#fp-gal { background:#333;border-bottom:1px solid #999;margin:0 -10px 20px !important;padding:20px 40px;position:relative; }
#fp-gal .swiper-container { max-width:1300px;margin:0 auto;text-align:center; }
#fp-gal .swiper-wrapper { list-style:none;margin:0;-webkit-align-items: center; }
#fp-gal .swiper-slide { background-image:none !important;display:inline-block;line-height:0;margin:0 10px;padding:0 !important;width:180px; }
#fp-gal .swiper-slide a { display:block;position:relative; }
/*#fp-gal .swiper-slide a:before { border:1px solid #FFF;content:'';top:5px;bottom:5px;left:5px;right:5px;position:absolute;z-index:1; }*/
#fp-gal .swiper-slide img { width:100%; }
#fp-gal .swiper-slide a .overlay { background:rgba(0,0,0,.5);position:absolute;top:0;bottom:0;left:0;right:0;opacity:0;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;transition: all 0.4s ease; }
#fp-gal .swiper-slide a .overlay:before { border-top:2px solid #FFF;content:'';position:absolute;top:50%;left:50%;width:16px;margin-top:-1px;margin-left:-8px; }
#fp-gal .swiper-slide a .overlay:after { border-left:2px solid #FFF;content:'';position:absolute;top:50%;left:50%;height:16px;margin-top:-8px;margin-left:-1px; }
#fp-gal .swiper-slide a:hover .overlay { opacity:1; }
.fp-inner { }
.mfp-arrow-right::before, .mfp-arrow-right .mfp-b {
  border-left: 27px solid #82D2A0;
}
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color:#82D2A0; }
#fp-gal .swiper-button-prev, #fp-gal .swiper-button-next, #fp-gal .swiper-button-prev::before, #fp-gal .swiper-button-next::before { border-color:#82D2A0; }

/* ----- =home ----- */
#homelist { flex-wrap:wrap;display:flex;margin:60px -10px 40px; }
#homelist a { backface-visibility:hidden;display:flex;text-decoration:none !important;transition:.5s ease;-moz-transition:.5s ease;-webkit-transition:.5s ease;-webkit-filter: blur(0); }
#homelist a:hover, #homelist a:focus { transform:scale(1.05);-moz-transform:scale(1.05);-webkit-transform:scale(1.05); }
#homelist article { display:flex;margin:0 auto 20px;vertical-align:top;width:100%; }
#homelist article .article-inner { margin:0 10px;position:relative;border: 1px solid #999; }
#homelist article .article-inner:before { /*border:1px solid #fff;*/content:'';display:block;position:absolute;top:10px;bottom:10px;left:10px;right:10px; }
#homelist article p { display:block;width:100%; }
#homelist article img { width:100%; }
#homelist .homelist-inner { padding:10px 20px 20px;text-align:center;width:100%; }
#homelist h3 { font-size:1.125em;position:relative; }
/*#homelist h3:before { border-bottom:1px solid #BBB;content:'';left:0;position:absolute;right:0;top:50%; }*/
#homelist h3 span { /*background:#EEE;*/color:#fff;padding:0 20px;position:relative; }
/*#homelist p { color:#666; }*/

.articlewrap { margin:40px 0; }
.articlewrap .article { /*border-bottom:1px solid #DDD;*/position:relative; }
.articlewrap .posinherit .article-inner { margin-top:0 !important;top:0 !important;position:static !important; }
.articlewrap .article-inner, .articlewrap p.img { text-align:center; }
.articlewrap .article-inner { margin-bottom:40px;position:absolute; }
.articlewrap p.img { float:none;margin:0 -10px 20px;width:100%; }
.articlewrap p.img img { max-width:480px;margin:0 auto; }
.articlewrap h2 a { color:#fff; }

.logowrap ul { list-style:none;margin:0; padding:0;display:inline-block; }
.logowrap li { display:inline-block;width: 100%; margin:0 0 20px 0;padding:0 !important;background: #333 !important;-webkit-transition:all .4s ease;-moz-transition:all .4s ease; }
.logowrap li:hover { transform: scale(1.05);}
.logowrap img { width: auto !important;height: 100px;margin:0 0 10px 0; }
.logowrap li .logoinner { position: relative;padding:30px 30px 30px 30px;text-align: center;margin:0 auto;height: 100%; }
.logowrap a,.logowrap a:link { text-decoration: none; }
.logowrap a:hover h2,.logowrap a:focus h2,.logowrap a:active h2 { text-decoration: underline; }
.logowrap h2 { margin:0 0 20px 0; }
.logowrap p.desc { color:#fff; }

/*.logowrap li .logoinner:before {
    border: 1px solid #999;
    content: '';
    display: block;
    position: absolute;
    top: 10px;
    bottom: 10px;
    left: 10px;
    right: 10px;
}*/

.module_home .header-inner > a h3{
	border: 1px solid #999 !important;
	border-top-color: rgb(153, 153, 153);
	border-right-color: rgb(153, 153, 153);
	border-bottom-color: rgb(153, 153, 153);
	border-left-color: rgb(153, 153, 153);
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #fff !important;
	display: block;
	font-family: "Wiener Melange",arial,helvetica,clean,sans-serif;
	font-size: 0.8571428571428571em;
	font-weight: 700;
	letter-spacing: .1em;
	padding: 15px 0;
	text-align: center;
	text-decoration: none !important;
	text-transform: uppercase;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	width: 100%;
	max-width: 280px;
}
.module_home .header-inner > a h3:hover{
	background: #82D2A0;
	color: #212121 !important;
	border-color: #82D2A0 !important;
}
/* ----- =transitions ----- */
.module_transitions_conf_head{ 
	text-align: center;
	max-width: 450px;
	margin: 0 auto
} 
.module_transitions hr.seperator{
	position: absolute;
  left: 0;
  width: 100vw;
}
.transition-list{
	position: relative;
	padding: 50px 10px 30px
}
.transitions{
  margin: 0 auto;
    margin-bottom: 0px;
  border: 1px solid #707070;
  margin-bottom: 20px;
	overflow: hidden;
}
.transitions a{ 
	text-decoration: none !important;
	position: relative;
	display: block
}
.transitions img{
	height: 230px;
  width: 100%;
  object-fit: cover;
	transition: 0.3s ease-in-out;
}
.transitions a::after{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: calc(100% - 67px);
	background: #000;
	opacity: 0;
	transition: 0.3s ease-in-out;
}
.transitions:hover a::after{
	opacity: 0.7;
}
.transitions a::before{
	content: "Jetzt entdecken";
	position: absolute;
	left: 50%;
	top: 129px;
	transform: translate(-50%, -50%);
	text-align: center;
	width: 153px;
	height: 50px;
	border: 1px solid #fff;
	display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
	opacity: 0;
	transition: 0.3s ease-in-out;
	z-index: 1;
}
.transitions:hover a::before{
	opacity: 1;
}
.transitions:hover img{
	scale: 1.2
}
.transitions h3{
	text-align: center;
	  padding: 20px 0 25px;
	  margin: 0;
	z-index: 1;
  position: relative;
  background-color: #212121;
}


/* ----- =image ----- */
.module_image #content { max-width:none;padding-left:0;padding-right:0; }
.module_image #content .inner { max-width:760px;margin:40px auto;padding:0 15px; }
.gal-list { list-style:none;margin:0; }
.gal-list li { box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;display:inline-block;list-style:none;margin:0 0 15px;position:relative;width:100%; }
#content ul.gal-list li { background:none; }
.gal-list li h2 { background:#860B1D;background:rgba(134,11,29,0.85);color:#FFF;font-weight:normal;position:absolute;bottom:0;left:0;right:0;text-align:center; }
.gal-list li p.img { width:100%; }
.gal-list li p.overlay { background:transparent;bottom:0;color:#FFF;font-weight:300;left:0;margin:0;opacity:0;position:absolute;right:0;top:0;transition:.5s ease;-moz-transition:.5s ease;-webkit-transition:.5s ease;text-align:center;vertical-align:central; }
.gal-list li:hover p.overlay { background:#860B1D;background:rgba(134,11,29,0.85);font-size:7em;opacity:1; }
.gal-list li:hover h2 { background:transparent; }

#gal { background:#F4F4F4;padding:20px 0;text-align:center; }

#gal-nav { margin:0 auto !important;max-width:1100px;position:relative;width:100%;z-index:1; }
#gal-nav li { display:block;float:left;padding:0 !important;position:absolute;text-align:center;transition:all .5s ease;-moz-transition:all .5s ease;-webkit-transition:all .5s ease; }
#gal-nav li.inactive { display:none; }
#pgprev, #pgnext { display:none;text-indent:-999em; }
#pgprev { left:10px; }
#pgnext { right:10px; }
#pgprev a { border-top:2px solid #82D2A0;border-left:2px solid #82D2A0;left:0; }
#pgnext a { border-right:2px solid #82D2A0;border-bottom:2px solid #82D2A0;right:0; }
#pgprev a:before, #pgnext a:before { content:'';position:absolute;width:4px;height:4px; }
#pgprev a:before{ border-top:1px solid #82D2A0;border-left:1px solid #82D2A0;left:2px;top:2px; }
#pgnext a:before { border-right:1px solid #82D2A0;border-bottom:1px solid #82D2A0;right:2px;bottom:2px; }
#pgprev a, #pgnext a { display:block;outline:none;
  position: absolute;
  top: 50%;
  width: 20px;
  height: 20px;
  margin-top: -20px;
  z-index: 10;
  cursor: pointer;
  -moz-background-size: 10px 15px;
  -webkit-background-size: 10px 15px;
  background-size: 10px 15px;
  background-position: center;
  background-repeat: no-repeat;
	transition:.8s opacity ease;
	-webkit-transition:.8s opacity ease;
	-moz-transition:.8s opacity ease;
	transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;
}
#pgprev a:hover, #pgnext a:hover { transform:scale(1.15) rotate(-45deg);-moz-transform:scale(1.15) rotate(-45deg);-webkit-transform:scale(1.15) rotate(-45deg); }
#count {width:70%;}
#pgprev.inactive a, #pgnext.inactive a {display:none;}


#gallery img { width:100%;max-width:900px;height:auto !important; }

#gallery-wrapper { background:#F4F4F4;left:0;overflow:hidden;padding:20px 0;position:relative;text-align:center;white-space:nowrap;width:100%; }
#mygallery {margin:0;-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
#mygallery.touchactive {
	-webkit-transition: all 0s ease-in-out;
	-moz-transition: all 0s ease-in-out;
	-o-transition: all 0s ease-in-out;
	transition: all 0s ease-in-out;
}
#mygallery li {background:none !important;display:inline-block;float:none;padding:0 !important;position:relative;top:20px;vertical-align:top;white-space:normal;}
#gal-descr { color:#fff;display:none; }

.gal-thumbs { list-style:none;margin:10px -5px !important;text-align:left; }
.gal-thumbs li { display:inline-block;width:33.333%;background:none !important;padding:0 !important; }
.gal-thumbs li a { display:inline-block;margin:0 5px 10px; }
.gal-thumbs li img { width:100%; }
.gal-overview article { margin-bottom:20px; }
.gal-overview .gal-thumbs li a { display:inline-block;margin:0 5px !important; }

/* ----- =lage ----- */
.module_lage article { position:relative; }
.module_lage .oewt { position:absolute;right: 15px;top: -15px;width: 50px; }
/*.module_lage .oewt.detail { right: 40px;top: 40px; }*/
.module_lage #content .inner { max-width:760px; }
p.img.descr1lage img { width:120px;height:auto; }
p.img.descr1lage { width: auto; float: right;margin: 0 0 10px 10px; }
.lage-outer { background:#333;padding:10px;position: relative}
.lage-inner {/* border:1px solid #999;*/padding:20px; }
.subbody { font-size:.875em;margin:0 0 25px 0; }
span.cont a.shoplink,span.cont a.shoplink:link { font-size: 1em !important;text-decoration: none; }
span.cont a.shoplink:hover,span.cont a.shoplink:active,span.cont a.shoplink:focus { text-decoration: underline; }
.lage { font-size:.875em;list-style:none;margin:0; }
.lage li { background-image:none !important;margin-bottom:10px;padding-left:0 !important; }
.lage .weinsorten li { margin:0; }
.lage span { display:inline-block;padding:5px 0 5px 30px;vertical-align:top;width:100%; }
.lage li span.descr { background-position:left center;background-repeat:no-repeat;font-weight:600;margin-bottom:5px;padding-left:30px; }
.lage li span.cont { /*margin-left:30px;*/ }
.lage li span.cont p { margin:0; }
.lage li.rebflaeche span.descr { background-image:url(gfx/icon_rebflaeche.png);background-size:20px 18px; }
.lage li.weinsorten span.descr { background-image:url(gfx/icon_weinsorten.png);background-size:20px 19px; }
.lage li.alter span.descr { background-image:url(gfx/icon_rebstockalter.png);background-size:20px 19px; }
.lage li.wetter span.descr { background-image:url(gfx/icon-kompass.png);background-size:19px; }
.lage li.boden span.descr { background-image:url(gfx/icon_boden.png);background-size:20px 17px; }

.lage-outer p.more a { margin-left:30px; }

ul.lagen-img { float:left !important;margin:20px 15px 20px -210px !important;padding-right:42px;position:relative;width:300px !important; }
ul.lagen-img li { display:block !important; }
.module_lage ul.img { margin:10px 0 0 0 !important; max-width:100%;width: 100%; }
.lagen-content { hyphens:auto;-moz-hyphens:auto;-webkit-hyphens:auto; }
.legende { list-style:none;margin:0; }
.legende li { background-image:none !important;display:block !important;font-size:.825em;padding:0 !important;position:absolute;right:0px;text-align:right; }
.legende li:before { border-bottom:2px solid #82D2A0;content:'';display:block;position:relative;margin-left:-18px;right:-1px;top:19px;width:60px; }
.legende li.l10 { top:5.7%; }
.legende li.l20 { top:12.7%; }
.legende li.l30 { top:19.7%; }
.legende li.l40 { top:26.7%; }
.legende li.l50 { top:33.7%; }
.legende li.l60 { top:40.7%; }
.legende li.l70 { top:47.7%; }
.legende li.l80 { top:54.7%; }
.legende li.l90 { top:61.7%; }
.legende li.l100 { top:68.7%; }
.legende li.l110 { top:75.7%; }
.legende li.l120 { top:82.7%; }
.legende li.l130 { top:89.7%; }

/* ----- =newsletter ----- */
.module_newsletter #content .inner { max-width:760px; }
.module_newsletter input.radio { display:none; }
.module_newsletter label.radiotxt { line-height:1.6;margin:0;min-height:50px;padding:10px 30px 10px 40px;position:relative; }
.module_newsletter input.radio:checked + label.radiotxt, .module_newsletter input.radio + label.radiotxt:hover, .module_newsletter input.radio + label.radiotxt:focus { background:#FFF; }
.module_newsletter label.radiotxt:before { background:#FFF;border:2px solid #999;border-radius:25px;content:'';height:25px;left:0;position:absolute;width:25px; }
.module_newsletter input.radio:checked + label.radiotxt:before, .module_newsletter input.radio + label.radiotxt:hover:before, .module_newsletter input.radio + label.radiotxt:focus:before { background:url(gfx/icon-check.png) center center no-repeat #82D2A0;background-size:12px 9px;border-color:#82D2A0; }

/* ----- =product ----- */
.module_product #content .inner { max-width:760px; }
.product_wrapper { /*border-top:1px solid #DDD;border-left:1px solid #DDD;*/display:flex;flex-wrap:wrap;margin:0 -22px 20px -20px;text-align:center;max-width:2400px; }
article.product { /*background:#FFF;*/border-color:#999;border-style:solid;border-width: 1px;display:inline-block;width:/*calc(100% + 2px)*/100%;transition:background-color .4s ease;-webkit-transition:background-color .4s ease;-moz-transition:background-color .4s ease;vertical-align:top;position: relative; margin:-1px 0 0 -1px;/*margin: -1px -1px 0 -1px;*/ }
article.product a { display:block;text-decoration:none !important; }
article.product.unavailable { -webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);filter:grayscale(100%);opacity:.8;overflow:hidden; }
article.product:hover, article.product:focus { background-color: #333; }
/*article.product:hover img, article.product:focus img { transform:scale(1.05);-moz-transform:scale(1.05);-webkit-transform:scale(1.05); }*/
article.product.unavailable:hover, article.product.unavailable:focus { opacity:1; }
article.product div { /*background:#FFF;*/padding:40px 20px; }
article.product.award div { background:url(gfx/bg-awards-small.png) 20px 20px no-repeat;background-size:24px 30px; }
article.product p.img img { max-width:100%;width:100%; /*initial max-height:250px;*/transition:all .4s ease;-webkit-transition:all .4s ease;-moz-transition:all .4s ease; }
/*.product-left:not(.gusto) { display: none; }*/
.product-left p.img img { max-width:100%;width:100% /*initial*/;/*max-height:300px;*/ }
.product-left .back { margin: 0 0 20px 0; }
.product_wrapper .erstelage { transform: none !important;position: absolute;width: 40px;right: 24px;top: 24px; }
.erstelage-detail { background:url(gfx/1-lage.jpg) 0 0 no-repeat;background-size:30px auto;padding-left:35px;margin: 25px 0 0 0; }
.erstelage-detail strong { font-weight:bold; }
.product_wrapper .veganproduct { transform: none !important;position: absolute;width: 15px;left: 24px;top: 24px; }
.product_wrapper article.product.award .veganproduct { left:60px; }
.vegan-detail { background:url(gfx/icon-vegan@2x.png) 0 0 no-repeat;background-size:15px 24px;padding:5px 0 0 35px;margin: 20px 0 0 0; }
.vegan-detail p { margin:0; }
.pwrap { margin: 0 0 20px 0; }

.module_product .youtube { margin:0; padding: 0; }
.module_product .youtube li { margin:0 0 20px 0; padding: 0 !important; width: 100%;background: none; }

article.product div.aktion { background-image:none;border-radius:50%;font-family:"Wiener Melange",arial,helvetica,sans-serif;height:110px;padding:10px;position:absolute;transform:rotate(-16deg);width:110px;/*margin: -55px 0 0 -15px;*/ }
.aktion:after { border:1px solid #999;border-radius:50%;content:'';height:98px;left:5px;position:absolute;top:5px;width:98px; }
.aktion__prozent { border-radius:50%;box-shadow:3px 3px 10px rgba(0,0,0,.20);color:#FFF;font-size:1.25em;font-weight:600;left:-6px;height:46px;line-height:30px;padding:8px;position:absolute;top:-6px;width:46px;z-index:1; }
.aktion__prozent__small { font-size:.7em; }
.aktion__text, .aktion__text2 { color:#FFF;display:block;font-size:1.0625em;font-weight:700;line-height:1;z-index:2; }
.aktion__text { margin:14px 0 0;text-transform:uppercase; }
.aktion_statt {  color:#FFF;display:block;font-family:"Wiener Melange",arial,helvetica,clean,sans-serif;font-size:.6875em;font-weight:600;margin:4px 0;text-decoration:line-through; }
.en .aktion_statt { margin:0;/*font-size:.58em;*/ }
.en .enhide { display:none; }
.aktion__text2 { font-family:"Wiener Melange",arial,helvetica,clean,sans-serif;font-size:1.3125em; }
.aktion__small { font-size:.571em; }
/*.aktion__text { background:url("gfx/bg_aktion1.png") center center / 139px 54px no-repeat;height:54px;line-height:54px;margin:-33px 0 0 -30px;width:140px; }
.aktion__text2 { background:url("gfx/bg_aktion2.png") center center / 93px 44px no-repeat;height:44px;line-height:44px;margin:-18px 0 0 12px;width:94px; }
.dot { background:#1B2124;border-radius:50%;position:absolute; }
.dot1, .dot4 { height:4px;width:4px; }
.dot2, .dot3 { height:6px;width:6px; }
.dot1 { left:96px;top:5px; }
.dot2 { left:105px;top:12px; }
.dot3 { left:20px;top:110px; }
.dot4 { left:34px;top:118px; }*/

.basket-button { position:relative; }
.aktion__prozent--detail { font-weight:300;font-size:.85em;height:30px;left:inherit;line-height:23px;padding:3px;right:-10px;top:-10px;width:30px; }


.product-left, .product-right { width:100%; }
.product-left p.img { /*display:none;*/float:none;margin:10px auto 20px;text-align:center;width:initial; }
.werte, .eigenschaften, .essen,.zusatz { background-position:center 20px;background-repeat:no-repeat;background-size:auto 84px;font-size:.875em;margin-bottom:20px;min-height:110px;/*padding:110px 20px 20px 20px;*/position:relative; } /*background-size:70px 84px;*/
.essen { padding:110px 20px 20px 20px;background-color: #333; }
.buy { margin:20px 0 30px; }
.buy .price, .buy form { display:inline-block;margin:0;vertical-align:top; }
.buy .price { width:29%; }
.buy form { width:70%; }
.buy form ol { overflow:visible; }
.buy form li { display:inline-block;vertical-align:top;width:auto; }
.buy form li input {margin-right:20px; }
.buy form li button { height:50px;padding:10px 0;width:140px; }
.buy .price .h3 { font-family:"Wiener Melange",arial,helvetica,clean,sans-serif;font-size:1.5em;font-weight:normal; }
.buy form #productcnt { text-align:center;width:50px; }
.essen { background-image:url(gfx/icon_essen.png); }
/*.werte { background-image:url(gfx/icon_daten.png); }
.eigenschaften { background-image:url(gfx/icon_information.png); }
.essen { background-image:url(gfx/icon_essen.png); }
.zusatz { background-image:url(gfx/icon-zusatz.png); }*/
/*.werte:after, .eigenschaften:after, .essen:after, .zusatz:after { border:1px solid #999;bottom:10px;content:'';top:10px;left:10px;right:10px;position:absolute;pointer-events:none; }*/
.werte ul { list-style:none;margin:0; }
.werte li { background-image:none !important;margin-bottom:10px;padding-left:0 !important; }
.werte span { display:inline-block;padding:0;vertical-align:top;width:100%; }
.werte li span.descr { font-weight:600;margin-bottom:5px; }
/*.werte li span.cont { margin-left:30px; }*/
.zusatz { font-weight: normal !important; }
.zusatz p { margin: 30px 0 !important; }
.zusatz a.button { margin: 0 0 30px 0 !important; }

.left-center { position:relative;overflow:hidden; }
.ausgetrunken .h1 { background:#82D2A0;bottom:70px;color:#FFF;display:block;left:0;margin:0 -100px;padding:25px 15px;position:absolute;right:0;text-align:center;transform:rotate(-20deg);-webkit-transform:rotate(-20deg); }
.ausgetrunken-ov .h1 { bottom:auto;left:15px;margin:20px 0;padding:5px;transform:rotate(0);-webkit-transform:rotate(0);right:15px;top:130px; }
.ausgetrunken-ov { background:none !important;padding:40px 20px !important;position:relative; }

.product-award { background:url(gfx/bg-awards-small.png) 0 0 no-repeat;background-size:24px 30px;padding-left:35px; }


/* ----- =shopuser ----- */
.register_wrap, .login_wrap, .pwlost_wrap { max-width: 320px;margin: 50px auto; }
.data_wrap, .orders_wrap { max-width: 1200px;margin: 0 auto; }
.register_wrap input,.register_wrap button,.pwlost_wrap input,.pwlost_wrap button,.login_wrap input,.login_wrap button, .loginpopup input, .loginpopup button { width: 100% !important; max-width: none;margin: 10px 0; }
.register_wrap label, .login_wrap label, .pwlost_wrap label { display: none; }
.g_id_signin { display: inline-block;margin: 10px; }
.register_wrap .success,.login_wrap .success,.pwlost_wrap .success { background-color: #C1FFC1; border: 1px solid #090; padding: 10px; }
.register_wrap .success *.login_wrap .success *,.pwlost_wrap .success * { color: #090; }
/*.login_wrap { font-size: 0.875em; }*/

.loginpopup { background: #212121; padding: 20px; position: absolute; right: 10px; left: 10px; top: 60px; text-align: center; -webkit-box-shadow: 0px 10px 13px -7px #000000, 0px 10px 13px -7px rgba(0,0,0,0); box-shadow: 0px 10px 13px -7px #000000, 0px 10px 13px -7px rgba(0,0,0,0);-webkit-transition: top 0.4s ease;-moz-transition: top 0.4s ease;transition: top 0.4s ease;overflow-y: auto;overflow-x: hidden;border:1px solid #999;border-top:none; }
.account { background: #212121; padding: 20px; position: absolute; right: 10px; left: 10px; top: 60px; -webkit-box-shadow: 0px 10px 13px -7px #000000, 0px 10px 13px -7px rgba(0,0,0,0); box-shadow: 0px 10px 13px -7px #000000, 0px 10px 13px -7px rgba(0,0,0,0);-webkit-transition: top 0.4s ease;-moz-transition: top 0.4s ease;transition: top 0.4s ease; }
.basketpopup { background: #212121; padding: 20px; position: absolute; right: 10px; left: 10px; top: 60px; font-size: 0.8571428571428571em; -webkit-box-shadow: 0px 10px 13px -7px #000000, 0px 10px 13px -7px rgba(0,0,0,0); box-shadow: 0px 10px 13px -7px #000000, 0px 10px 13px -7px rgba(0,0,0,0);-webkit-transition: top 0.4s ease;-moz-transition: top 0.4s ease;transition: top 0.4s ease;overflow-y: auto; }

.loginpopup #loginform, .account li:not(.info) * { font-family: "Wiener Melange",arial,helvetica,clean,sans-serif; }
.account p { font-size: 0.8571428571428571em; }
/*.scrollheader .loginpopup, .scrollheader .account, .scrollheader .basketpopup { top:47px; }*/
.loginpopup label { display: none; }
/*.loginpopup #loginform input, .loginpopup .bottomlinks { font-size: 0.8571428571428571em; }*/
.account ul { list-style: none; text-align: left;margin: 0; padding: 0; }
.account li { border-bottom: 1px solid #999;padding: 10px 0; }
.account ul a { text-decoration: none !important; }
.account ul a:hover, .account ul a:active, .account ul a:focus { text-decoration: underline !important; }
.account .logout { margin: 20px 0 0 0 !important; }

.basketpopup li { padding: 10px 0; border-bottom: 1px solid #999; }
.basketpopup ul p { float:none;display: inline-block; vertical-align: middle; }
.basketpopup p.img img { max-height: 60px; width: auto;max-width: 40px; }
.basketpopup p.img { width:40px;margin: 0 10px 0 0; }
.basketpopup p.name { width:calc(70% - 60px);margin: 0 10px 0 0; }
.basketpopup p.price { width:calc(30%);text-align: right;font-weight: bold; }
.basketpopup p.sumtext { width: 60%; }
.basketpopup p.sumvalue { width: 40%;text-align: right; font-size: 1em; font-weight: bold; }
.basketpopup .wk a,.basketpopup .wk a:link, .basketpopup .wk a:visited { color:#fff;text-decoration: none; }
.basketpopup .wk a:active, .basketpopup .wk a:focus, .basketpopup .wk a:hover { text-decoration: underline; }


input[type="checkbox"]:checked + label.checktxt::before, input[type="radio"]:checked + label.radiotxt::before {
    border-color: #82D2A0;
    background-color: #82D2A0;
}
label.checktxt::before, label.radiotxt::before {
    background-image: url("gfx/select_white.svg");
}
label.checktxt::before, label.radiotxt::before {
    border-color: #999;
    background-color: #FFFFFF;
}
label.checktxt::before, label.radiotxt::before {
    content: "";
    color: #fff;
    display: inline-block;
    width: 12px;
    height: 12px;
    background-size: 5px;
    background-repeat: no-repeat;
    border: 1px solid #999;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    border-radius: 2px;
    margin: 6px 10px -1px -20px;
    background-position: center;
	background-size: 8px auto;
}
label.radiotxt::before {
	border-radius: 50%;
}
input[type="checkbox"], input[type="radio"] {
    /*display: none;*/
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	appearance: none !important;
	border: 0 none;
	position: absolute;
	z-index: -1;
	outline: none;
}

#loginform { text-align: right; }
#loginform .submitbtn span { font-size:1.0526315789473684em; }
.pwlost { margin: 0 0 20px 0; font-size: 0.8571428571428571em; color: #fff !important; }

.data_wrap fieldset.half { display: inline-block; vertical-align: top; }
.data_wrap li.fullwidth, .data_wrap li.halfwidth { margin: 0 0 10px 0; }
.data_wrap label:not(.radiotxt):not(.checktxt) { width: 100%;font-style: italic; font-size: 0.8em; }
.data_wrap label.checktxt { width: calc(100% - 50px); }
.data_wrap li input:not(.radio):not(.checkbox),.data_wrap li select { max-width: none; }
.data_wrap input:read-only { background-color: #555; }
.data_wrap li.required label:not(.radiotxt):not(.checktxt):after { content: ' *'; }
.data_wrap input.checkbox, .data_wrap input.radio { margin: 7px 10px 0 5px; }
.data_wrap li.pw2 { margin: 0 0 50px 0; }

.orders_wrap  { font:14px/1.4 "Wiener Melange", arial,helvetica,clean,sans-serif;margin: 0 auto 50px auto !important; }
.orders_wrap .orders { padding: 0; margin: 0; }
.orders_wrap .orders li { padding: 0 !important; margin: 0 !important;list-style: none; background: none !important; }
.orders_wrap .order_top { border-bottom:1px solid #999; border-top: 1px solid #999;margin: -1px 0 0 0; padding: 0 10px;position: relative; }
.orders_wrap .order_top li { display: inline-block; margin: 0;list-style: none; background: none !important;width: 100%; }
.orders_wrap .order_top .nr { padding: 10px 0 !important; }
.orders_wrap .order_top .date { font-style: italic; padding: 0 0 10px 0 !important; }
.orders_wrap .details { margin: 0 0 100px 0; }
.orders_wrap .toggle { outline: none;position: absolute;top: calc(50% - 13px);right: 10px;  }
.orders_wrap .toggle span { display: inline-block; text-indent: 999em;background-image: url("gfx/arrow_white.svg"); background-size: 15px; background-repeat: no-repeat; background-position: center;width: 20px;margin: 0 0 0 20px;transform: rotate(180deg);transform-origin: center center;-webkit-transform-origin: center center;-webkit-transition: -webkit-transform 0.5s ease-in-out;transition: transform 0.5s ease-in-out;outline: none; }
.orders_wrap .toggle.open span { transform: rotate(0deg); }
.orders_wrap .infos, .orders_wrap .versand, .orders_wrap .ges { padding: 0 10px; }
.orders_wrap .infos li { vertical-align: top;margin: 0 0 20px 0 !important; }
.orders_wrap .products { border-top:1px solid #999; }
.orders_wrap .productitem { border-bottom:1px solid #999; }
.orders_wrap .productitem .imgli { width: 60px; }
.orders_wrap .productitem .img img { max-width: 40px;height: auto;margin: 0 10px; }
.orders_wrap .productitem .imgli, .orders_wrap .productitem .name { display: inline-block; vertical-align: top; }
.orders_wrap .productitem .name { font-size: 1.25em;width: calc(100% - 64px); }
.orders_wrap .productitem .singleprice,.orders_wrap .productitem .quantity, .orders_wrap .productitem .price { display: inline-block; width: 33.333%;font-family: "Wiener Melange", arial,helvetica,clean,sans-serif;margin: 10px 0 0 0; }
.orders_wrap .productitem .singleprice { padding: 0 0 0 10px !important; }
.orders_wrap .productitem .quantity { text-align: center; }
.orders_wrap .productitem .price { text-align: right; font-weight: bold;padding: 0 10px 0 0 !important; }

.orders_wrap .versand li { display:inline-block; width: 50%; }
.orders_wrap .versand p { display: inline-block;margin: 0 30px 0 0; }
.orders_wrap .versand .vcosts { text-align: right;font-family: "Wiener Melange", arial,helvetica,clean,sans-serif; font-weight: bold; }
.orders_wrap .ges { background-color: #555;padding: 10px; }
.orders_wrap .ges li { display: inline-block; width: 50%;}
.orders_wrap .ges .euroges { text-align: right; font-size:1.25em;font-family: "Wiener Melange", arial,helvetica,clean,sans-serif; }
.orders_wrap .ges .mwst { text-align: right; font-family: "Wiener Melange", arial,helvetica,clean,sans-serif; }

.orders_wrap .beleg { display: inline-block !important;width: 100% !important;max-width: 320px;margin: 10px 0 0 0 !important; }

.opensans { font-family: "Wiener Melange",arial,helvetica,clean,sans-serif;font-weight: normal; }

/* ----- =basket ----- */
.module_basket #content .inner { max-width:760px; }
.productcnt { text-align:center;border: none;padding: 10px 10px 10px 0;float: none;display: inline-block;text-align: right;width: 50%; }
table.basket tr.singleprice,table.basket tr.amount, table.basket tr.prodsum { /*margin:20px 0 0 0;*/font:14px/1.4 "Wiener Melange", arial,helvetica,clean,sans-serif; }
table.basket tr.productitem { border-top:1px solid #999;position: relative; }
table.basket tbody tr:last-child { border-bottom:none; }
table.basket tr.sum { border-top:1px solid #fff;border-bottom:1px solid #999;/*background-color:#f6f6f6;*/ }
table.basket tr.sum td { font-weight:bold;width: 50% !important; }
table.basket tr.sum td:first-of-type { padding:15px 0 15px 30px; }
table.basket tr.sum td:last-of-type { padding:15px 30px 15px 0; }
table.basket tr.sum td .h4 { color:#fff;/*text-transform:uppercase;*/ }
table.basket tr.sum td { font-size:0.8571428571428571em; }
table.basket tr.sum td.partsum { font-size: 1em; }
.basket th { font-family:"Wiener Melange",arial,helvetica,clean,sans-serif;font-size:0.8571428571428571em;padding:10px 2px; }
.basket td { padding:20px 2px; }
table.basket tr.productitem td.name { padding: 20px 10px 0 10px; }
table.basket tr.productitem td.name .img { display: none; }
table.basket tr td .titlewrap { width: calc(100% - 60px); display: inline-block; vertical-align: top; }
table.basket tr td .titlewrap h5 { color:#666; }
table.basket tr.productitem td.name img { max-height: 60px;width: auto; }
table.basket td.del { position: absolute;top: 12px;right: 0; } /* table.basket td.del { position: relative; */
table.basket td.singleprice { padding: 20px 0 20px 30px; }
#calcnew { display:none; }
.prodsum, .partsum { text-align: right; }
.partsum { font-size: 1.4285714285714286em; }
table.basket .arrows { width: 100% !important;height: 20px; text-indent: -999em;display: inline-block;text-align: center;background-image: url("gfx/arrow_white.svg"); background-size: 15px; background-repeat: no-repeat; background-position: center;outline: none; }
table.basket .arrows.down { transform: rotate(180deg); }
table.basket tr td.long { width: 100%;padding: 20px 0 0 0; }

.breadwrap { background-color: #333;margin: 0 -20px;padding: 20px; }
#content .breadwrap .inner { margin-top: 0 !important; margin-bottom: 0 !important; padding: 0; }
ul.breadcrumbs { margin: 0;padding: 0; }
ul.breadcrumbs li { background: none !important;/*ext-transform: uppercase;*/font-weight: bold; color:#82D2A0;position: relative;padding: 0 0 0 20px !important;margin: 10px 0; opacity: 0.7;font-size: 0.8571428571428571em; }
ul.breadcrumbs li.basketdone, ul.breadcrumbs li.shippingdone, ul.breadcrumbs li.customerdone, ul.breadcrumbs li.paymentdone { opacity: 1; }
ul.breadcrumbs li:before { content: ''; width: 10px;height: 10px;border-radius: 50%; background-color:#82D2A0;left: 0;position: absolute; top: 50%;
transform: translate(0,-50%); }
ul.breadcrumbs li:after { content: ''; width: 2px; height: 30px; background-color: #82D2A0; left: 4px; position: absolute; top: -20px;opacity: 0.7; }
ul.breadcrumbs li.basketdone:after, ul.breadcrumbs li.shippingdone:after, ul.breadcrumbs li.customerdone:after, ul.breadcrumbs li.paymentdone:after { opacity: 1; }
ul.breadcrumbs li:first-of-type:after { background-color: transparent; }
ul.breadcrumbs li a { text-decoration: none !important; }
ul.breadcrumbs li a:hover, ul.breadcrumbs li a:active, ul.breadcrumbs li a:focus { text-decoration: underline !important; }

.basket_short { position: fixed;bottom: 0;background-color: #333;left: 0;right: 0;z-index: 99; box-shadow: 1px -6px 18px -10px rgba(0,0,0,0.39);
-webkit-box-shadow: 1px -6px 18px -10px rgba(0,0,0,0.39);
-moz-box-shadow: 1px -6px 18px -10px rgba(0,0,0,0.39); }
.basket_short .infos { display: none; overflow: hidden;padding: 20px;font-size: 0.8571428571428571em;/*transition:all 1s ease-in-out;-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;*/ }
/*.basket_short.open .infos { height: auto; }*/
.basket_short h4 { font-size: 1.1666666666666667em; }
.basket_short .total { /*background-color: #EEE;*/padding: 20px;position: relative; font-weight: bold;font-size: 0.8571428571428571em;border-top:1px solid #999; }
.basket_short .total .opensans  { font-weight: bold; }
.basket_short .total a { display: inline-block;text-indent: -999em;width: 25px;height: 25px;position: absolute;top: -13px;background-color: #82D2A0;border-radius: 50%;left: calc(50% - 25px);background-image: url("gfx/arrow_white.svg"); background-size: 15px; background-repeat: no-repeat; background-position: center;outline: none; }
.basket_short.open .total a { transform: rotate(180deg); }
.basket_short li { padding: 0 !important; background: none !important; }
.basket_short .amount { font-weight: bold;width: 10%;display: inline-block; vertical-align: top; }
.basket_short .name { width: 60%;display: inline-block; vertical-align: top; }
.basket_short .price { text-align: right;width: 30%; display: inline-block; vertical-align: top;font-weight: bold; }
.basket_short .delivery { padding: 10px 0 0 0;border-top: 1px solid #999; }
.basket_short .delivery p { display: inline-block;width: 70%;vertical-align: top;margin: 0; }
.basket_short .delivery_label { font-weight: bold; }
.basket_short .infos ul { margin: 0 0 10px 0; }


.prodsum { position:relative;padding-right:30px !important; text-align: right; }
.delitem { display:block;height:20px;margin-top:-10px;position:absolute;right:0;text-indent:-999em;top:50%;-webkit-transition: all 0.4s ease;transition: all 0.4s ease;width:20px;outline: none; }
.delitem:after, .delitem:before { background:#fff;content:'';display:block;height:2px;position:absolute;top:9px;transform-origin: center center;-webkit-transform-origin: center center;-webkit-transition: -webkit-transform 0.5s ease-in-out;transition: transform 0.5s ease-in-out;width:20px; }
.delitem:after { 	transform: rotate(45deg);-webkit-transform: rotate(45deg); }
.delitem:before { transform: rotate(-45deg);-webkit-transform: rotate(-45deg); }
.delitem:hover:after, .delitem:hover:before { background:#999; }

.shipping-form { padding:15px;margin:0 0 20px; }
.shipping-form td.name, .basket td.name { padding-right:0; }
.shipping-list { /*background:#EEE;border:1px solid #EEE;margin-top:10px;*//*font-size: 0.8571428571428571em;*/ }
.shipping-list li.full { padding:0;width:100%; }
.shipping-list label { line-height: 1.6; }
.shipping-list label strong { /*text-transform: uppercase;*/font-weight: bold; }
.shipping-list select { margin: 10px 0 0 20px;width:calc(100% - 20px);max-width: none; }
.basket input.radio { display:none; }
.basket label.radiotxt { background:#EEE;line-height:1.6;margin:0;min-height:50px;padding:10px 20px 10px 70px;position:relative;width:100%; }
.basket input.radio:checked + label.radiotxt, .basket input.radio + label.radiotxt:hover, .basket input.radio + label.radiotxt:focus { background:#FFF; }
.basket label.radiotxt:before { background:#FFF;border:2px solid #999;border-radius:25px;content:'';height:25px;left:15px;position:absolute;width:25px; }
.basket input.radio:checked + label.radiotxt:before, .basket input.radio + label.radiotxt:hover:before, .basket input.radio + label.radiotxt:focus:before { background:url(gfx/icon-check.png) center center no-repeat #82D2A0;background-size:12px 9px;border-color:#82D2A0; }

.shipping-list__payment { /*display:none;*/margin-left:46px !important; }
.shipping-list__payment li { background:none !important; }
.shipping-list__payment li p { font-size:.875em; }
.basket .shipping-list__payment label.radiotxt { font-size:.875em;min-height:30px;padding-left:45px; }
.basket .shipping-list__payment label.radiotxt:before { height:18px;width:18px; }
.module_basket button.disabled { background:#EEE !important;border-color:#AAA !important;color:#AAA !important;cursor:not-allowed; }

.editbasketwrap .deletebasket { margin: 0 0 20px 0;display: block; }
.module_basket button, .module_basket a.btn { max-width:none; }

.loginwrap { border-bottom: 1px solid #ccc;padding: 0 0 20px 0;margin: 0 0 20px 0; }
.loginwrap label { display: none; }
.loginwrap input#email { margin: 0 0 20px 0; }
.loginwrap input#pw { margin: 0 0 10px 0; }

.guestwrap { margin: 0 0 40px 0; }

#customerform input,#customerform label { font-size: 0.8571428571428571em; }
#customerform li.half, #customerform li.full { margin: 0 0 15px 0;width: 100%; }
#customerform .radiolist, #registerdataform .radiolist { width: 100%; }
#customerform .radiolist li, #registerdataform .radiolist li { background: none !important;padding: 0; /*display: inline-block; margin: 0;width: 50%;*/ }
#customerform .radiolist li input, #customerform .radiolist li label, #registerdataform .radiolist li input, #registerdataform .radiolist li label { width: auto; }
#customerform .radiolist li input, #registerdataform .radiolist li input { margin: 7px 10px 0 0; }
#customerform #alternative_delivery { width: auto; margin: 7px 10px 0 5px; }
#customerform .checktxt { width: auto; }
#customerform input { max-width: none; }
#customerform .submitbtn { margin: 20px 0 0 0; }

.formfields-1, .formfields-2 { display:inline-block;vertical-align:top;width:100%; }
.formfields-3 { margin:15px 0; }

.altdelivery { display:none; }

.order-radiogroup { width:100%; }
.longlabel { width:auto; }
.longlabel small { display:inline; }
.formfields-1 input.radio { display:none; }
.formfields-1 label.radiotxt { line-height:1.6;margin:0;min-height:50px;padding:10px 30px 10px 40px;position:relative;width:auto;display:inline-block; }
.formfields-1 input.radio:checked + label.radiotxt, .formfields-1 input.radio + label.radiotxt:hover, .formfields-1 input.radio + label.radiotxt:focus { background:#FFF; }
.formfields-1 label.radiotxt:before { background:#FFF;border:2px solid #999;border-radius:25px;content:'';height:25px;left:0;position:absolute;width:25px; }
.formfields-1 input.radio:checked + label.radiotxt:before, .formfields-1 input.radio + label.radiotxt:hover:before, .formfields-1 input.radio + label.radiotxt:focus:before { background:url(gfx/icon-check.png) center center no-repeat #82D2A0;background-size:12px 9px;border-color:#82D2A0; }

li.zip { width:30%;margin-right:5%; }
li.city { width:65%; }

.kundendaten { border-top:1px solid #999;font-size:0.8571428571428571em;list-style:none;margin:0; }
.kundendaten li { border-bottom:1px solid #999; }
.kundendaten span { display:inline-block;padding:5px 0;vertical-align:top;width:70%; }
.kundendaten span.descr { font-weight:bold;width:30%; }

.btnsmall { background-position:left center;background-repeat:no-repeat;display:block;padding:5px 0 5px 24px;margin-left:25px; }
.btnedit { background-image:url(gfx/icon_edit.png);background-size:17px 16px; }
.btncontinue { background-image:url(gfx/icon_continue_shopping.png);background-size:15px 18px; }
.btnshipping { background-image:url(gfx/icon_versand.png);background-size:26px 22px;padding-left:32px;margin-left:0; }

li.full label { width:auto; }

/* ----- =googlemaps ----- */
.gmap {height:240px;margin:1.23em 0;width:100%;}
.gmap img {vertical-align:bottom;}
.gmap span.note {display: none;}
.gmap button {background: transparent;border-style: solid;border-width: 0;cursor: pointer;height: 100%;left: -2px;margin: 2px;overflow: hidden;padding: 2px;position: absolute;text-indent: -100em;top: -2px;width: 100%;}
.gmap a:link, .gmap a:visited, .gmap a:focus, .gmap a:hover, .gmap a:active {background-image:none !important;display:block;padding-left:0 !important;}
.gmap a:focus, .gmap a:hover, .gmap a:active, .gmap button:focus, gmap button:hover, .gmap button:active {background: transparent;/*outline: 2px dashed;*/ }
.gmapInfoWindow {height:65px;}
#GDform-info { margin-bottom:14px; }

/* ----- = iframe video ------ */
.video-container {padding-bottom: 63.25%;padding-top:10px;position:relative;width:100%;}
.video-container iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

.calameo { text-align:center;width:100%; }
.calameo iframe { height:200px;width:100%; }

/* @section =snippets
-------------------------------------------------------------------*/
/* ----- =yt-frame ----- */
.yt-frame iframe { position: absolute;top: 0;left: 0;width: 100%;height: 100%; }
.yt-frame { position: relative;padding-bottom: 56.25%; padding-top: 0px;height: 0;overflow: hidden; }

/* ----- =more ----- */
p.more, p.back, a.back, a.more { margin:0; }
p.more a, a.more { background:url(gfx/icon-more.png) center right no-repeat;background-size:13px 6px;/*font-size:.75em;*/font-weight:600;padding-right:20px; }
p.back a, a.back { color:#fff;font-family:"Wiener Melange",arial,helvetica,clean,sans-serif;/*font-size:.75em;*/font-weight:600;text-decoration:none;/*text-transform:uppercase;*/ }
p.back a:hover, p.back a:focus,a.back:hover, a.back:focus { text-decoration:underline; }

/* ----- =downloads ----- */
ul.downloads {list-style:none;margin:0 0 30px;padding:0;}
ul.downloads li {background-position:0 .15em;list-style-type:none;margin:.2em 0;}

/* ----- =icon ----- */
.i {background-image:url(icon/fragezeichen.png) !important;background-repeat:no-repeat;background-position:left center !important;padding-top:.1em;padding-bottom:.1em;padding-left:25px !important;text-decoration:none; background-size:auto !important; }
a.i:focus, a.i:hover, a.i:active {text-decoration:underline;}

.idoc {background-image:url(icon/word.png) !important;}
.irtf, .itxt {background-image:url(icon/text.png) !important;}
.izip, .irar, .isit {background-image:url(icon/zip.png) !important;}
.ijpg, .ijpeg, .igif, .ieps, .ipng, .ibmp {background-image:url(icon/image.png) !important;}
.ixls, .icsv {background-image:url(icon/excel.png) !important;}
.ippt {background-image:url(icon/powerpoint.png) !important;}
.ipdf {background-image:url(icon/acrobat.png) !important;}
.imp3, .iwav, .iaudio {background-image:url(icon/audio.png) !important;}
.iwmv, .ivideo {background-image:url(icon/media-player.png) !important;}
.imov {background-image:url(icon/quicktime.png) !important;}
.ihtml {background-image:url(icon/html2.png) !important;}

/* ----- =browse ----- */
ul.browse {font-size:.92em;list-style:none;list-style-image:none;margin:1.38em 0;padding:0;text-align:center;}
.browse li {background:none !important;display:inline-block;margin-bottom:.25em;margin-right:.25em;padding:0 !important;vertical-align:middle;}
.browse .bprev, .browse .bpages {margin-right:1em;}
.browse li.bpages {float:none;display:inline;}
.browse ul strong, .browse ul span, .browse a:link, .browse a:visited, .browse a:focus, .browse a:hover, .browse a:active {display:block;padding:2px 10px;text-decoration:none;transition:.4s ease all;}
.browse a:focus, .browse a:hover, .browse a:active { text-decoration:underline;}
.browse ul {display:inline;list-style:none;list-style-image:none;margin:0;padding:0;}
.browse ul strong, .browse ul a:link, .browse ul a:visited, .browse ul a:focus, .browse ul a:hover, .browse ul a:active {border:1px solid;text-decoration:none;}
.browse ul a:hover:visited, .browse ul a:focus:visited {background-color:#473795;border-color:#473795;color:#fff;}
.browse ul a:link, .browse ul a:visited, .browse ul a:focus, .browse ul a:hover, .browse ul a:active {border-color:#414141;}
.browse ul strong, .browse ul a:focus, .browse ul a:hover, .browse ul a:active {background-color:#82D2A0;border-color:#82D2A0;color:#fff;}

/* @section =standard Elemente
-------------------------------------------------------------------*/
/* ----- =anchors ----- */
a:link, a:visited, a:focus, a:hover, a:active {color:#82D2A0;text-decoration: underline;}
a:hover:visited, a:focus:visited {}
a:visited { border-color:#473795; }
a:focus {outline:1px dotted;outline-offset:3px;-moz-outline-radius:5px;} 
a.nof:focus {outline-offset:0;-moz-outline-radius:0;}
a:focus, a:hover, a:active {}
a:active { outline: none; } /* http://people.opera.com/patrickl/experiments/keyboard/test */

.content a[href^="http"] {background-image:url(icon/new-window.png);background-repeat:no-repeat;background-position:right center;padding-right:15px;}
.content a[href^="http://echonet.at"], .content a[href^="http://www.echonet.at"], .content a[href^="http://2010.echonet.at"] {background-image:none;padding-right:0;}
.content a.noextern {background-image:none;padding-right:0;}

a.nu:link, a.nu:visited, a.nu:focus, a.nu:hover, a.nu:active {text-decoration:none;} 
a.nu:focus, a.nu:hover, a.nu:active {text-decoration: underline;}
a.spc:link, a.spc:visited, a.spc:focus, a.spc:hover, a.spc:active {color: #BF4342;}
a.spc:focus, a.spc:hover, a.spc:active {}
a.camu:link, a.camu:visited, a.camu:focus, a.camu:hover, a.camu:active {color: #333;text-decoration:none;}
a.camu:focus, a.camu:hover, a.camu:active {text-decoration: underline;}
a.tarn:link, a.tarn:visited, a.tarn:focus, a.tarn:hover, a.tarn:active {text-decoration:none;} 

/* ----- =headlines/ Ueberschriften/ Absaetze ----- */
/* Zeilenhoehe 18px */
h1, .h1 {color:#fff;font-size:1.75em;line-height: 1.3;margin:0.76em 0 .38em;}/*28px*/
h2, .h2 {color:#fff;font-size:1.5em;line-height: 1.3;margin:1em 0 .5em;}/*24px*/
h3, .h3 {color:#fff;font-size:1.25em;line-height: 1.3;margin:1.06em 0 .53em;}/*20px*/
h4, .h4 {color:#fff;font-size:1em;line-height: 1.3;margin:1.12em 0 .56em;}/*16px*/
h5, .h5 {color:#fff;font-family:"Wiener Melange",arial,helvetica,clean,sans-serif;font-size:0.8571428571428571em;font-weight:normal;/*text-transform:uppercase;*/line-height: 1.3;margin:1.28em 0 .64em;}/*12px*/
h6, .h6  {color:#fff;font-size:1em;line-height:1.3;margin:1.5em 0 .75em;}/*16px*/
.subtitle { margin:0 0 20px; }
p {line-height: 1.6;margin: .69em 0;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
}
h1, h2, h3, h4, .h1, .h2, .h3, .h4 { font-family:"Wiener Melange Bold",arial,helvetica,sans-serif; }
/*h1, h2, h3, .h1, .h2, .h3 { font-weight:normal; }*/
.hsmall { font-size:0.75em; }

/* ----- =list ----- */
li {line-height: 1.6;}
ol {margin:.69em 0 .69em 2.38em;}
ul.tarn ul, ul.tarn ol, ul {margin:.69em 0 .69em 1.38em;}
ul ul {list-style-type: disc;margin-top:0;}
ul.tarn {list-style:none;list-style-image:none;margin:0;padding:0;}
ul.tarn li li {border:0 none;float:none;margin:0;padding:0;}
ul.inline {list-style:none;list-style-image:none;margin:0;padding:0;}
ul.inline li {display:inline;}

/* ----- =elements ----- */
article, aside, figure, footer, header, hgroup, nav, section { display:block; }
code, pre { font-family: "Courier New", monospace, serif; font-size: 1em; } /* http://meyerweb.com/eric/thoughts/2010/02/12/fixed-monospace-sizing/ */
q{quotes:"\201C""\201D""\2018""\2019";}
*[lang|='de'] q:before{content:'\201C';}
*[lang|='de'] q:after{content:'\201D';}
*[lang|='de'] q q:before{content:'\2018';}
*[lang|='de'] q q:after{content:'\2019';}
.en .env { display:none; }
ins,dfn{border-bottom:1px solid #999;}
small,sup,sub{font-size:85%;}
big{font-size:125%;line-height:80%;}
abbr,acronym{text-transform:uppercase;font-size:85%;letter-spacing:.1em;}
abbr[title],acronym[title],dfn[title]{cursor:help;border-bottom:1px dotted #999;}
/* Set sub, sup without affecting line-height: gist.github.com/413930 */
sub, sup { font-size: 75%; line-height: 0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
hr {border:0;border-top:1px solid #999;background-color:#fff;display:block;height:1px;line-height:1px;margin: .69em 0;padding:0;}
pre {
 padding: 15px;
 /* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */
 white-space: pre; /* CSS2 */
 white-space: pre-wrap; /* CSS 2.1 */
 white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
 word-wrap: break-word; /* IE */
}

/* ----- =image ----- */
img { border:0;max-width:100%;height:auto; }
img.vmiddle { vertical-align:middle;}
.fright img, img.fright {margin: 0 0 .3em .8em;}
.fleft img, img.fleft {margin: 0 .8em .3em 0;}

/* ----- =selection ----- */
::-moz-selection{ background: #82D2A0; color:#fff; text-shadow: none; }
::selection { background:#82D2A0; color:#fff; text-shadow: none; } 
img::selection {background: transparent;}
img::-moz-selection {background: transparent;}

/* ----- =class ----- */
.box {background-color:#F1F2F4;}
.error {color:#f00;}
.error a:link, .error a:visited, .error a:focus, .error a:hover, .error a:active, .error h1, .error h2, .error h3, .error h4, .error h5, .error h6 {color:#f00;}
.success, .success * {color:#009900;}
.success a:link, .success a:visited, .success a:focus, .success a:hover, .success a:active, .success h1, .success h2, .success h3, .success h4, .success h5, .success h6 {color:#009900;}

/* ----- =layout ----- */
/*.v {height:1px;left:-10000px;overflow:hidden;position: absolute;top:auto;width:1px;}*/ 
/* www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden & http://yaccessibilityblog.com/library/css-clip-hidden-content.html */
.v { position: absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */  clip: rect(1px, 1px, 1px, 1px); border:0 !important;height: 1px !important;margin: -1px !important;padding:0 !important;overflow: hidden;width: 1px !important;} 
.wai {display:inline;float:left;height:1px;margin:-1em 0 0;overflow:hidden;position:relative;width:1px;}
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.none, .noem em {display:none;visibility:hidden;}
.block {display:block;visibility:visible;}
/*.cfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}*/
/* The Magnificent Clearfix: Updated to prevent margin-collapsing on child elements. j.mp/bestclearfix */
.cfix:before, .cfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.cfix:after { clear: both; }
.ofix {overflow: hidden;}

/* ----- =class ----- */
.bb {border-bottom:1px solid;padding-bottom:1em;}
.bt {border-top:1px solid;padding-top:1em;}
.c 	{clear: both;}
.cl {clear:left;}
.cr {clear:right;}
.error {color:#f00;}
.error a:link, .error a:visited, .error a:focus, .error a:hover, .error a:active, .error h1, .error h2, .error h3, .error h4, .error h5, .error h6 {color:#f00;}
.fright {float:right;}
.fleft {float:left;}
.fnone {float:none;}
.fnorm {font-size:1em;}
.fsmall, small {font-size:.85em;}
.iblock {display:inline-block;}
.m0 {margin:0;}
.mb {margin-bottom:.69em;}
.mbh {margin-bottom:.35em;}
.mbd {margin-bottom:1.4em;}
.ml {margin-left:1em;}
.mr {margin-right:1em;}
.mt {margin-top:.69em;}
.mth {margin-top:.35em;}
.mtd {margin-top:1.4em;}
.mt0 {margin-top:0;}
.mb0 {margin-bottom:0;}
.noborder {border:none !important;}
.p0 {padding:0;}
.pb {padding-bottom:.69em;}
.pbh {padding-bottom:.35em;}
.pbd {padding-bottom:1.4em;}
.pl {padding-left:1em;}
.pr {padding-right:1em;}
.pt {padding-top:.69em;}
.pth {padding-top:.35em;}
.ptd {padding-top:1.4em;}
.pt0 {padding-top:0;}
.pb0 {padding-bottom:0;}
.notop > *:first-child, #content > *:first-child {margin-top:0;}
.nobottom > *:last-child {margin-bottom:0;}
.nowrap {white-space:nowrap;}
.pad {padding:.5em 1em;}
.success {color:#009900;}
.success a:link, .success a:visited, .success a:focus, .success a:hover, .success a:active, .success h1, .success h2, .success h3, .success h4, .success h5, .success h6 {color:#009900;}
.tcenter {text-align:center;}
.tleft {text-align:left;}
.tright {text-align:right;}
.versal {text-transform:uppercase;}
.wauto {width:auto;}
.bold { font-weight: bold; }

/* ----- =tables ----- */
/* tables still need 'cellspacing="0"' in the markup */
/* border-collapse:separate; border fuer jede Tabellenzelle extra */ 
table {border-collapse:collapse;border-spacing:0;font-size:inherit;font:100%;empty-cells:show;width:100%;}
caption{}
thead{}
tbody{}
tfoot{}
thead th {}
th, td {font-size:1em;padding: .2em .2em;}
thead td, th {font-weight:bold;}



/* @section =responsive design
-------------------------------------------------------------------*/
@media screen and (max-width: 320px){ /* Smartphone Portrait */

}

@media screen and (max-width: 479px){
	
	.kundendaten span { width:50%; }
	.kundendaten span.descr { width:50%; }
	
	
}

@media screen and (min-width: 480px), print{
	#header { margin-top:80px; }
	#logo { width:110px; }
	#navanchor, #closenavanchor { margin-top:20px; }
	#warenkorb, #useraccount, #loginaccount { margin-top:30px; }
	
	/*.scrollheader #navanchor, .scrollheader #closenavanchor, .scrollheadernav #navanchor, .scrollheadernav #closenavanchor { margin-top:5px; }
	.scrollheader #warenkorb, .scrollheadernav #warenkorb,.scrollheader #useraccount, .scrollheadernav #useraccount,.scrollheader #loginaccount, .scrollheadernav #loginaccount { margin-top:15px; }
	.scrollheader #logo, .scrollheadernav #logo { padding:5px 0;width:60px; }
/*	.navactive #headerimages { margin-top:-22px !important; }**
	.scrollheader .loginpopup,.scrollheader .account, ,.scrollheader .basketpopup { top: 58px; }*/
	
	#headerimages li .headerimg { height:180px; }
	#headerimages li.big-header .headerimg { height:250px; }
	
	/* ----- =shopuser ----- */
	.loginpopup, .account, .basketpopup { max-width: 320px; width: 100%; right: 10px; left: auto; top: 80px; }
	.data_wrap li.halfwidth { width:50%;/*display: inline-block;*/ float: left;}
	.data_wrap .halfwidth.odd { padding: 0 10px 0 0; }
	.data_wrap .halfwidth.even { padding: 0 0 0 10px; }
	
	.orders_wrap .infos li { width: 50%; display: inline-block; }
	
	/* ----- =basket ----- */
	.editbasketwrap .heading { float: left; margin: 0 0 20px 0; }
	.editbasketwrap .deletebasket, .editbasketwrap .deletebasket:link,.editbasketwrap .deletebasket:visited,.editbasketwrap .deletebasket:hover,.editbasketwrap .deletebasket:active, .editbasketwrap .deletebasket:focus { float: right; margin: 7px 0 0 0;/*color: #666;*font-size: 0.75em;font-style: italic;*/ }
	
	/* ----- =image ----- */
	#content .gal-list { margin-left:-22px; }
	#content .gal-list li { margin-bottom:22px;padding-left:22px;width:33.33%; }
	.gal-list li h2, .gal-list li p.overlay { left:22px; }
	#pgprev a, #pgnext a { }
	.gal-thumbs { margin:20px -5px 10px !important; }
	.gal-thumbs li { width:20%; }
	.gal-thumbs li a { margin:0 10px 20px; }
	
	
	.buy form li button { height:auto;padding:15px 0;width:200px; }
	.buy .price { width:19%; }
	.buy form { width:80%; }
	/*.werte, .eigenschaften, .essen, .zusatz { background-position:30px center;padding:20px 20px 20px 140px; }*/
    .werte, .eigenschaften, .essen, .zusatz { padding:20px 20px 20px 0; }
    .essen { background-position:30px center;padding:20px 20px 20px 140px; }
	.werte li span.descr { width:50%; }
	.werte li span.cont { margin-left:0;width:50%; }
	/*.zusatz { padding: 10px 100px; }*/
	.zusatz a.button { width:250px !important; }
	
	/*p.img.descr1lage img { width:120px;hieght:auto; }*/
	/*p.img.descr1lage { width: auto; float: right;margin: 0 0 10px 10px; }*/
  .calameo iframe { height:300px; }

}

@media screen and (max-width: 599px){
	/* ----- =basket ----- */
	table.basket tr th { display:none; }
	table.basket tr td { display:inline-block;width:33.333% }
	table.basket tr td.name { width:100%; }
	table.basket tr th.name,table.basket tr.productitem td.name { width:90%; }
	table.basket tr.sum td { width:33.33%; }
	table.basket tr.sum td:first-child { width:66.66%; }
	table.basket tr td.w66 { width:66.66%; }
	
	/*table.basket tr.sum td .h4 { font-size: 0.875em; }*/
	.module_liste #imagelist img{max-height: 250px; width: auto}
}

@media screen and (min-width: 600px) {
	#headerimages li .headerimg { height:220px; }
	#headerimages li.big-header .headerimg { height:300px; }
	
  .cookie-text-wrap, .cookie-confirm-wrap { display:inline-block;vertical-align:middle; }
  .cookie-text-wrap { width:66.66%; }
  .cookie-confirm-wrap { width:33.33%; }
  
	#homelist article { width:50%; }
	
	ul.img { float:right;margin:0 0 20px 20px !important;width:33.33%;max-width:300px; }
	ul.img li { display:block; }
	ul.lagen-img { margin:20px 15px 20px -210px !important; }

	/* ----- =basket ----- */
	table.basket { table-layout: fixed;/*font-size: 0.875em;*/ }
	table.basket td.del { position: static; }
	.delitem { position: relative; }
	/*table.basket td.del { padding: 20px 5px 20px 10px; }*/
	/*table.basket tr th.name { padding: 0 0 0 70px; }*/
	table.basket tr td .titlewrap, table.basket tr td .img { vertical-align: middle !important;margin: 0; }
	
	table.basket .del { width: 10%;padding: 0 0 0 30px !important; }
	table.basket .singleprice { width:15%;padding: 0 5px !important; }
	table.basket .prodsum { width:15%;padding: 0 30px 0 5px !important;text-align: right; }
	table.basket .amount { width:12%;padding: 0 5px !important;text-align: center; }
	table.basket td.name { width: 48%;padding: 20px 5px !important; }
	table.basket th.name { width: 48%;/*padding: 20px 5px 10px 65px !important;*/ }
	table.basket .productcnt { padding: 10px 3px 10px 0; text-align: center;width: 40%; }
	table.basket tr.productitem td.name img { max-height: 60px; width: auto; max-width: 60px; height: auto; }
	table.basket tr.productitem td.name .img { text-align: left; }
	table.basket tr td.long:first-of-type { padding: 20px 30px 0 0; }
    table.basket tr td.long:last-of-type { padding: 20px 0 0 30px; }
	/*table.basket tr td .titlewrap .h3 { font-size: 1.4285714285714286em; }
	table.basket tr td .titlewrap .h5 { font-size: 0.8571428571428571em; }*/
    .module_basket button, .module_basket a.btn { max-width:200px; }
	
	/* ----- =freepage ----- */
	.fp-inner { }
	.fp-images { width:200px; }
	
	/* ----- =home ----- */
	.logowrap ul { display: flex; }
	.logowrap li { margin:10px;width: calc(50% - 10px); }
	
}

@media screen and (max-width: 759px) {
	#nav a:link, #nav a:visited, #nav a:focus, #nav a:hover, #nav a:active, #nav strong { padding-left:30px; }
	#headerimages li h2 { line-height:1.1;font-size:2em; }
	#headerimages li h3 { font-size:0.875em; }
	
	ul.lagen-img { padding-right:25px; }
	.legende li { right:6px; }
	.legende li span { display:block; }
  
  /*article.product div.aktion { margin-top:20px; }*/
	
  
  .form-images li { display:none; }
  .form-images li:first-child { display:block; }
	
	/* ----- =shopuser ----- */
	.orders_wrap .products .heading { display: none; }
}

@media screen and (min-width: 760px) {
	#logo { /*padding:20px 0;*/width:138px; }
	#warenkorb { margin-top:40px;right:30px;text-indent:0; }
	#useraccount { margin-top:40px;right:175px;text-indent:0; }
	#loginaccount { margin-top:40px;right:190px;text-indent:0; }
	#navanchor, #closenavanchor { margin-top:31px;text-indent:45px; }
	#navanchor { left:30px; }
	#closenavanchor { margin-left:30px; }
  .navanchor-text { display:block;white-space: nowrap; }
/*	.navactive #headerimages { margin-top:-42px !important; } */

    #footer-info .info-inner { margin:0 auto; }
    .logo-ma49 { margin: 0;display: inline-block;vertical-align: middle;width:auto; }
    #wienwein, #mnav { text-align:left; margin:0 0 0 20px; }
	
	#header { margin:100px 0 60px; }
	#headerimages li .headerimg { height:240px; }
	#headerimages li.big-header .headerimg { height:320px; }
	#headerimages li .header-inner .headericon { display:inline-block; }

	#content { min-height:400px; }	
	#content .inner { margin:40px auto; }
	
	#awards .swiper-slide { padding:20px 70px; }
	#awards .swiper-slide .slide-inner { max-width:760px;margin:20px auto; }
	#awards .footer-info { margin-top:20px;padding-top:20px; }
	
	.transition-list{
		display: grid;
		  grid-template-columns: 1fr 1fr;
		  width: 650px;
		  margin: 0 auto;
	}
	.transitions{
		width: calc(100% - 16px)
	}
	
	.footer-item {
  /*display: inline-block;*/
  padding: 0 15px;
  vertical-align: top;
  width: 33.33%;
}
	
	/* ----- =shopuser ----- */
	.loginpopup, .account, .basketpopup { top: 100px; }
	fieldset.half { width: 50%; }
	fieldset.half.odd { padding: 0 10px 0 0; }
	fieldset.half.even { padding: 0 0 0 10px; }
	
	.orders_wrap .order_top li { /* width: 50%; */ width: 33%;  }
	.orders_wrap .toggle { position: static; }
	.orders_wrap .toggle span { display: inline-block; width: 20px;margin: 0 0 0 20px; }
	.orders_wrap .order_top .date { text-align: right; }
	
	/*.orders_wrap .infos li { width: 33.333%;  }*/
	
	.orders_wrap .productitem li,.orders_wrap .heading li { display: inline-block; }
	.orders_wrap .orders li .heading, .orders_wrap .orders li .productitem { padding: 0 10px 0 0 !important; }
	.orders_wrap .heading { border-bottom: 1px solid #ccc; }
	.orders_wrap .heading li { font-size:0.75em; font-weight: bold; }
	.orders_wrap .productitem li { vertical-align: middle !important; }
	.orders_wrap .productitem .imgli,.orders_wrap .heading .imgli { width: 60px; }
	.orders_wrap .productitem .name,.orders_wrap .heading .name { width: calc( 70% - 60px); }
	.orders_wrap .productitem .singleprice,.orders_wrap .heading .singleprice, .orders_wrap .productitem .quantity,.orders_wrap .heading .quantity, .orders_wrap .productitem .price,.orders_wrap .heading .price { width: 10%;text-align: right;padding: 0 !important; }
	
	
	/* ----- =formmail ----- */
	#formmail { width:45%; }
	#form-right { width:55%; }
	#formmail { padding-right:10px; }
	#form-right { padding-left:40px; }
	.gmap { height:400px; }
	.imageswrap { max-width: 300px;float:left;margin:0 20px 0 0; }
	.module_formmail .magnum p.back a { margin:0 0 0 320px; }
	.module_formmail .magnum #formmail { width:50%; }
	.module_formmail  .magnum #form-description { float:none; }
	.zwrap { max-width:300px; }
  #formmail .radiotxt { width: calc(100% - 50px) !important; }
	#formmail .checktxt { width: calc(100% - 50px) !important; }
	
	/* ----- =freepage ----- */
  .calameo iframe { height:400px; }
	
	/* ----- =lage ----- */
	.lage li span.descr { width:30%;padding-left:45px; }
	.lage span { padding: 5px 0; }
	.lage li span.cont { margin-left:0;width:70%; }
	.lage-outer p.more a { margin-left:30%; }
	
	ul.lagen-img { margin:20px 30px 20px 0 !important;width:30% !important; }
	.lagen-content { float:left;width:65%; }
	.module_lage .oewt { right: 40px; }
	
	/* ----- =product ----- */
	article.product { width:calc(50%); }
    /*article.product:nth-of-type(odd) { border-left:none; }
    */
    article.product:nth-of-type(even) { border-right:none; }
	article.product div { padding:60px 20px; }
	
	.product-left { float:left;margin-top:-20px;padding-right:20px;width:33.33%;  }
	.product-right { float:right;width:66.66%;margin: 30px 0 0 0; }
	.product-left p.img { display:block; }
	.product-left p.img img { max-width:100%;width:auto /*initial*/;max-height:600px; }
	
	/* ----- =basket ----- */
	.formfields-1, .formfields-2 { width:50%; }
	.formfields-1 { padding-right:20px; }
	.formfields-2 { padding-left:20px; }
	.formfields-1 input , .formfields-2 input, .formfields-2 textarea { max-width:360px; }
	 /*th.long, td.long { padding-right:20px; }*/
	 th.short { min-width:50px;padding-right:10px; }
	 th.short2 { min-width:95px; }
	.basket_short_wrap { display: inline-block;width: calc(50% - 20px);margin: 0 0 0 20px; }
	.basket_short { position: relative;/*display: inline-block;width: 50%;*/box-shadow: none; }
	.basket_short .infos { display: block !important;vertical-align: top; }
	.basket_short .total a { display: none; }
	.shipping-list { display: inline-block;width:calc(50% - 20px);vertical-align: top;margin: 0 20px 0 0; }
	/*.shipping-form h1 { display: inline-block; }*/
	
    
    
	.flexwrap { display: flex; }
	.loginwrap, .guestwrap { /*display: inline-block; width: calc(50% - 20px);vertical-align: top;*/width:50%;position: relative;border: none;margin: 0;padding: 0 30px; }
	.guestwrap { border-left: 1px solid #ccc; }
	.loginwrap input, .loginwrap button { max-width: none; }
	.guestwrap a { position: absolute;bottom: 0;width: 300px !important;left: 50%;transform: translate(-50%,0); }
	
	.cform { display: inline-block; width: calc(50% - 20px); margin: 0 20px 0 0; }
	#customerform .radiolist li, #registerdataform .radiolist li { display: inline-block; margin: 0;width: 33.333%; }
	
	ul.breadcrumbs li { display: inline-block;text-align: center; width: 25%; padding: 20px 0 0 0 !important; }
	ul.breadcrumbs li:before { left: 50%; position: absolute; top: 0; transform: translate(-50%,0); }
	ul.breadcrumbs li:after { content: ''; width: 100%; height: 2px; background-color: #82D2A0; left: -50%; position: absolute; top: 4px; }
	#content .breadwrap .inner { margin-top: 40px !important; margin-bottom: 40px !important; }
	
}

@media screen and (min-width: 800px){
	#homelist article { width:33.33%; }
	
	.shipping-form td.long, .basket td.long { min-width:480px; }
	
}

@media screen and (max-width: 959px){
	.articlewrap .article-inner { margin-top:0 !important;position:inherit;top:0 !important; }
}
@media screen and (min-width: 960px){
	#warenkorb { right:60px; }
	#useraccount { right:220px; }
	#loginaccount { right:210px; }
	#navanchor { left:60px; }
	#closenavanchor { margin-left:60px; }
	
	#headerimages li .headerimg { height:300px; }
	#headerimages li.big-header .headerimg { height:400px; }
	#headerimages li .header-inner .headericon { margin-left:60px;max-height:300px;max-width:225px; }
    
    /*#footer { background-color: #82D2A0; }*/
    #mnav a:link, #mnav a:visited, #mnav a:focus, #mnav a:hover, #mnav a:active, #mnav strong{ color:#000; }

	.footer-item { padding:0 30px; }
  #mnav { /*text-align:right;*/width:80%; }

	/* ----- =article ----- */
	.articlewrap { margin:40px -10px 60px; }
	.articlewrap .article-inner, .articlewrap p.img { display:inline-block;text-align:center;vertical-align:top; width:50%; }
	.articlewrap .article-inner { margin-bottom:0;padding:0 20px; }
	.articlewrap p.img {float:left;margin:0;}
	.articlewrap p.img img { max-width:none; }
	.articlewrap .even p.img {float:right;margin:0;}
	article.noimg { margin:30px auto; }
	article.even p.img { float:right; }

	/* ----- =formmail ----- */
	/*#formmail { width:33.33%; }*/
	#form-right { width:66.66%; }

	/* ----- =home ----- */
	.logowrap li { width: calc(50% - 10px); }
  
	/* ----- =image ----- */
	#gallery img { width:auto;max-width:900px;max-height:600px;height:auto !important; }
	
	/* ----- =product ----- */
	article.product { width:calc(33.33% + 1px); }
    article.product:nth-of-type(even) { border-right:1px; }
	.werte li span.descr { width:42%; }
	.werte li span.cont { width:58%; }
	
	/* ----- =transitions ----- */
	.module_transitions_conf_head{ max-width: 720px}
	.transition-list{
		grid-template-columns: 1fr 1fr 1fr;
		width: min(100%, 1088px);
	}
	.transitions img{height: 320px}
	.transitions a::before{top: 160px}
}

@media screen and (min-width: 1160px){
	#headerimages li .headerimg { height:350px; }
	#headerimages li.big-header .headerimg { height:530px; }
	#homelist .homelist-inner { padding:10px 40px 30px; }
	.articlewrap { margin:40px 0 60px; }
	
	.footer-item { padding:0 45px; }
	
	#fp-gal.shortGal .swiper-wrapper { display:block; }
	
	/* ----- =product ----- */
	article.product { width:/*calc(25% + 2px)*/25%; }
}

/*@media screen and (min-width: 1400px){
	article.product { width:20%; }
}
@media screen and (min-width: 1800px){
	article.product { width:16.666%; }
}
@media screen and (min-width: 2100px){
	article.product { width:14.285%; }
}*/
@media screen and (min-width: 1980px){
	.product_wrapper { margin: 0 auto; }
}

/* Retina Displays - other background images */
@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5 )and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {
	
}

/* mobile webkit only */
@media screen and (max-width: 479px) and (-webkit-min-device-pixel-ratio:0){
	.lagen-content h2 { word-break: break-all; }
}