@media screen{
#iso_ajaxBox{width:20%;padding:9px 50px 9px 24px;position:fixed;top:10%;left:40%;background:#fff url(../../system/modules/isotope/assets/images/loading.gif) no-repeat right center;border:2px solid #000;font-family:"Trebuchet MS",Verdana,sans-serif;font-size:15px;line-height:18px;text-align:left;color:#000;z-index:9999}#iso_ajaxBox.btnClose{background-image:none;cursor:pointer}#iso_ajaxBox p{margin:1em 0;padding:0}#iso_ajaxBox .iso_error{padding-left:34px;background:url(../../system/modules/isotope/assets/images/cross-24.png) left center no-repeat}#iso_ajaxBox .iso_confirm{padding-left:34px;background:url(../../system/modules/isotope/assets/images/tick-24.png) left center no-repeat}#iso_ajaxBox .iso_info{padding-left:34px;background:url(../../system/modules/isotope/assets/images/information-24.png) left center no-repeat}#iso_ajaxOverlay{width:100%;height:100%;position:fixed;top:0;left:0;background-color:#000;z-index:9998;-moz-opacity:.5;opacity:.5;filter:Alpha(opacity=50)}
}
/* normalize */
html { font-family: sans-serif; line-height: 1.15; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }
audio:not([controls]) { display: none; height: 0; }
[hidden], template { display: none; }
a { background-color: transparent; text-decoration:none;}
a:active, a:hover { outline: 0; }
abbr[title] { border-bottom: 1px dotted; }
dfn { font-style: italic; }
mark { background: #ff0; color: #000; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
img { border-style: none; }
svg:not(:root) { overflow: hidden; }
hr { box-sizing: content-box; height: 0; overflow: visible; }
pre { overflow: auto; font-family: monospace, monospace; font-size: 1em; }
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }
button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }
button, input { overflow: visible; }
button, select { text-transform: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button[disabled], html input[disabled] { cursor: default; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
input { line-height: normal; border-radius: 0;}
select { border-radius: 0;}
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }
input[type="search"] { -webkit-appearance: textfield; box-sizing: content-box; border-radius: 0; -webkit-appearance: none !important; cursor:pointer;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
input[type="submit"]{-webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;}
legend { border: 0;  padding: 0; }
textarea { overflow: auto; }
optgroup { font-weight: bold; }
table { border-collapse: collapse; border-spacing: 0;}
td, th { padding: 0; }
::-moz-selection {background: #b7e6f8; text-shadow: none; }
audio, canvas, iframe, svg, video { vertical-align: middle; }
img { vertical-align: top; }
fieldset { border: 0; margin: 0; padding: 0; }
textarea { resize: vertical; }
.hidden, .invisible { display: none !important; }
.clearfix:before, .clearfix:after { content: " ";  display: table; }
.clearfix:after, .clear { clear: both; }
/* nur safari */
* {-webkit-tap-highlight-color: rgba(0,0,0,0);}
svg:not(:root) { overflow: hidden; }

/* allgemein */
* { margin:0; padding:0; border:0; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html,body { height:100%; width:100%; }
html { font-size:100%;  }
a {text-decoration:none; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out; display:inline-block; }
*:focus  { outline: 0; }
ul, ol { margin: 0; padding: 0 ; }
nav ul, ul { list-style: none; list-style-image: none; }
.transit, input.submit, a img, a h2 {-webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}
.no_show {color:transparent; text-indent:-5000px; position:absolute; width:0; height:0;}

/* fonts */
@font-face { font-family: 'sansbold'; src: url('../../files/system/css/fonts/sans-bold.woff2') format('woff2'), url('../../files/system/css/fonts/sans-bold.woff') format('woff'); font-weight: normal; font-style: normal;}
@font-face {font-family:'sansregular'; src: url('../../files/system/css/fonts/sans-regular.woff2') format('woff2'), url('../../files/system/css/fonts/sans-regular.woff') format('woff');font-weight: normal; font-style: normal;}
@font-face { font-family: 'serifbold';src: url('../../files/system/css/fonts/serif-bold.woff2') format('woff2'),url('../../files/system/css/fonts/serif-bold.woff') format('woff');font-weight: normal; font-style: normal;}
@font-face {font-family: 'serifregular'; src: url('../../files/system/css/fonts/serif-regular.woff2') format('woff2'), url('../../files/system/css/fonts/serif-regular.woff') format('woff');font-weight: normal; font-style: normal;}
@font-face {font-family: 'credit_regular'; src: url('../../files/system/css/fonts/credit.woff2') format('woff2'), url('../../files/system/css/fonts/credit.woff') format('woff');   font-weight: normal; font-style: normal;}

@font-face { font-family: 'icons';  src:  url('../../files/system/css/fonts/icons.eot'); src:  url('../../files/system/css/fonts/icons.eot#iefix') format('embedded-opentype'), url('../../files/system/css/fonts/icons.ttf') format('truetype'),  url('../../files/system/css/fonts/icons.woff?ohjyle') format('woff'), url('../../files/system/css/fonts/icons.svg#icons') format('svg');  font-weight: normal;  font-style: normal;  font-display: block;}

[class^="icon-"], [class*=" icon-"] {  font-family: 'icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}

.icon-cart:before { content: "\e900";}
.icon-cart1:before { content: "\e901";}
.icon-facebook:before { content: "\e905";}
.icon-instagram:before { content: "\e906";}
.icon-search:before {content: "\e907";}
.icon-search1:before { content: "\e908";}
.icon-up:before { content: "\e91b";}
.icon-up1:before { content: "\e91c";}
.icon-up2:before { content: "\e91d";}

/* LAYOUT */
body { height: 100%; font-family: 'sansregular', sans-serif; font-size:1em; line-height:1.5em; color: #222; background:#f5f2e9; }
* { margin:0; padding:0; border:0; }
a, a:link {color:#e11425;text-decoration:none;}
a:hover {text-decoration:underline;}
.wrap { min-height:100%;}
h1, h2, h3, H4 {position:relative; display:block; font-family:'serifbold', serif; font-weight:normal;}
h1 { font-size:1.6em; line-height:1.2em; text-align:center; margin-bottom:30px;}
h2 {text-align:center; font-size:1.4em; line-height:1.2em; margin-bottom:30px;}
h3 {text-align:center; font-size:1.2em; margin:30px 0 20px;}
.clear {clear:both;}
b, strong, .bold { font-weight:normal; font-family: 'sansbold', sans-serif;}
.center {max-width:1024px; margin:0 auto; position:relative; padding:0; }


header { position:relative; width:100%; }
.hamburger, .mobil_logo {display:none;}
.full-navigation .menu { position:relative; top:10px; left:0px; width:1024px; height:209px; background:#fff url(../../files/system/images/header/header_1024_de.png) no-repeat; z-index:4; margin-top:25px; }
.full-navigation .menu a, .full-navigation .active .active {text-indent: -500%; white-space: nowrap; overflow: hidden; }
.navigation .active .active { color:transparent; }
.full-navigation .menu .home {position:absolute; top:5px; left:10px; display:block; width:1000px; height:110px;}
.full-navigation .menu .home a { display:block; width:100%; height:100%; }
.no-touchevents .full-navigation .menu .home a:hover, .full-navigation .menu .home .active { display:block; width:100%; height:100%; background:url(../../files/system/images/header/hands_home.png) no-repeat;}
.full-navigation .menu .mezcal {position:absolute; top:115px; left:55px; display:block; width:330px; height:90px;}
.full-navigation .menu .mezcal a { display:block; width:100%; height:100%;}
.no-touchevents .full-navigation .menu .mezcal a:hover, .full-navigation .menu .mezcal .active { display:block; width:100%; height:100%; background:url(../../files/system/images/header/hands_mezcal.png) no-repeat;}
.full-navigation .menu .shop {position:absolute; top:115px; left:390px; display:block; width:255px; height:90px;}
.full-navigation .menu .shop a { display:block; width:100%; height:100%; background:url(../../files/system/images/header/shop.png) no-repeat 45px 15px;}
.no-touchevents .full-navigation .menu .shop a:hover, .full-navigation .menu .shop .active {  display:block; width:100%; height:100%; background:url(../../files/system/images/header/shop_hover.png) no-repeat 45px 15px;}
.full-navigation .menu .importe {position:absolute; top:115px; left:650px; display:block; width:310px; height:90px;}
.full-navigation .menu .importe a { display:block; width:100%; height:100%; }
.no-touchevents  .full-navigation .menu .importe a:hover, .full-navigation .menu .importe .active { display:block; width:100%; height:100%; background:url(../../files/system/images/header/hands_importe.png) no-repeat;}
.full-navigation .menu .level_2 {display:none;}

.full-navigation .menu .importe a, .full-navigation .menu .mezcal a, .full-navigation .menu .mezcal.active .active, .full-navigation .menu .importe.active .active {position:relative; text-indent:0;font-family: 'credit_regular'; color:#000; }
.full-navigation .menu .importe .eigene_credit {position:absolute; font-size:34px; top:12px; left:115px;}
.full-navigation .menu .importe .importe_credit {position:absolute; font-size:50px; top:40px; left:83px;}
.full-navigation .menu .mezcal .ueber_credit {position:absolute; font-size:34px; top:12px; left:140px; color:#000;}
.full-navigation .menu .mezcal .mezcal_credit {position:absolute; font-size:58px; top:38px; left:90px; color:#000;}

.mobile-navigation {display:none;}

/* hamburger */
.hamburger { position:relative; float:right; margin:12px 30px 0 0; padding:5px; display:none; border:1px solid #ccc; background:transparent;}
.hamburger { width: 34px; height: 34px; position: relative; -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out;  transition: .5s ease-in-out;  cursor: pointer;}
.hamburger span { display: block; position: absolute; left:4px; height:2px; width: 24px; background: #222;  opacity: 1;  -webkit-transform: rotate(0deg);
  transform: rotate(0deg); -webkit-transition: .25s ease-in-out; transition: .25s ease-in-out; }
.hamburger span:nth-child(1) { top: 8px;}
.hamburger span:nth-child(2),.hamburger span:nth-child(3) { top: 14px;}
.hamburger span:nth-child(4) { top: 20px;}
.hamburger.open span:nth-child(1) {top: 14px; width: 0%; left: 50%;}
.hamburger.open span:nth-child(2) { -webkit-transform: rotate(45deg);  transform: rotate(45deg);}
.hamburger.open span:nth-child(3) { -webkit-transform: rotate(-45deg);  transform: rotate(-45deg);}
.hamburger.open span:nth-child(4) { top: 14px;  width: 0%;  left: 50%; }
.top_warenkorb {display:none; position:relative;}

.icons {position:absolute; top:25px; right:30px;}
.icons .mod_changelanguage, .icons .zu_warenkorb, .icons .toggle_search {float:right; margin-left:20px; }
.mod_changelanguage .active {display:none;}
.mod_changelanguage { font-family: 'serifbold', sans-serif; }
.mod_changelanguage .lang-en .lang-en, .mod_changelanguage .lang-de .lang-de { }
a.suche_link, a.zu_warenkorb, .mod_changelanguage a {color:#222; position:relative;}
.suche_link:after {content: "\e907";font-family: 'icons'; font-size:1.1em;}
.zu_warenkorb:after {content: "\e900";font-family: 'icons'; font-size:1.4em;}
a.suche_link:hover, a.zu_warenkorb:hover, .mod_changelanguage a:hover {color:#e11425; text-decoration:none;}

.top_warenkorb .anzahl, .zu_warenkorb .anzahl {position:absolute; right:-10px; top:-10px; background:#e11425; color:#fff; width:20px; height:20px; text-align:center; line-height:20px; border-radius:10px;}

main { position:relative; width:100%; margin-top:20px; }
main .center {background:#fff;}
.content {background:url(../../files/system/images/main.png) repeat-y; margin-top:-4px; padding:60px 50px 50px;}
.white_ex {position:relative; margin-top:-5px; width:100%; height:10px; background:#f5f2e9;}

.sub_menu {margin-bottom:50px; text-transform:uppercase; font-size:1em; line-height:1em; text-align:center;}
.sub_menu li {display:inline-block; margin:5px; }
.sub_menu li a {border:1px solid #222; color:#222; padding:5px 10px;}
.sub_menu li a:hover {background:#222; color:#fff; text-decoration:none;}
.sub_menu li.active .active {border:1px solid #222; background:#222; color:#fff; padding:3px 10px;}
.sub_menu li.active {margin:10px 5px 10px 5px;}

.intro {font-family: 'serifregular', sans-serif; font-size:1.2em; line-height:1.6em; text-align:center;}
.ce_text {font-size:1.1em; line-height:1.5em;}
.ce_text ul {margin:10px 0;}
.ce_text ul li {list-style-type:disc; margin-left:20px;}

.footer_top {text-align:center; margin:50px 0;}
.footer_menu {display:inline-block;}
.footer_menu li {float:left; margin:0 30px;}
.footer_menu a { font-family: 'serifbold'; font-size:1.1em; color:#222; }
.footer_menu a:hover {color:#e11425; text-decoration:none;}
.footer_menu li.active .active {font-family: 'serifbold'; font-size:1.1em; color:#e11425;}
.footer_bottom {position:relative; margin-bottom:50px; height:83px;}
.go_top_1 {position:absolute; top:-110px; left:0;}
.go_top_2 {position:absolute; top:-110px; right:0;}
.go_top_1:hover img, .go_top_2:hover img {opacity:.6;}
.footer_navigation {position:absolute; z-index:2; left:50%; margin-left:-225px; background: url(../../files/system/images/footer.gif) no-repeat; width:450px; height:83px;}
.footer_navigation .start, .footer_navigation .imprint {position:absolute; top:0; left:0; width:225px; height:93px;}
.footer_navigation .imprint {left:225px;}

a.go_top {position:fixed; z-index:20; bottom:30px; right:30px; font-size:2em; color:#222; display:none;}
a.go_top:hover {color:#e11425;}
a.go_top.scroll { display:block;}

.smart_bottom {display:none; width:100%; text-align:center;}

.onscroll { opacity: 1; -webkit-transition: opacity .7s ease-in; transition: opacity .7s ease-in; }
.onscroll-hidden { opacity: 1; }

.background {position:fixed; top:0; right:0; z-index:9; width:100%; height:100%; background:rgba(0,0,0,.8); display:none;}

/* suche */
.overlay { position:fixed; z-index:110; top:0; width:100%; height:100%; background:rgba(0,0,0,.8); }
.back_overlay {position:absolute;width:100%; height:100%;}
.search_overlay { display:none; }
.search_box {position:absolute; background:#fff; top:10%; width:600px; left:50%; margin-left:-300px; padding:140px 80px;}
.search_box h4 {font-size:2em; line-height:1.5em; font-weight:700; margin-bottom:20px;}
.mod_search form {border-bottom:2px solid #000; font-size:2em;}
.mod_search input {height:50px !important; line-height:50px !important; border:none !important; font-size:1em !important; margin-bottom:0 !important;}
.mod_search .widget-text {width:90%; height:60px; float:left; position:relative;}
.mod_search .widget-submit {width:10%; height:60px; position:relative;}
.mod_search .widget-submit .submit {position:absolute; height:60px; width:100%; background:url(../../files/system/images/icons/lupe.png) center center no-repeat; color:transparent; overflow:hidden;}
.mod_search .widget-submit:hover {opacity:.6;}
.content .mod_search {margin-top:40px;}
.content .mod_search h4, .content .mod_search form, .content .mod_search .info {display:none;}
.content .mod_search .header {font-size:1.1em;}
.content .mod_search h3 {text-align:left; margin-bottom:10px;}
.content .mod_search h3 a {color:#222; text-decoration:underline;}
.content .mod_search h3 a:hover {color:#e11425;}
.content .mod_search h3 .relevance {display:none;}
.content .mod_search .pagination {margin-top:50px;}
.content .mod_search .pagination ul {margin-top:20px;}
.content .mod_search .pagination li {float:left; padding-left:0; margin-right:20px; list-style-type:none;}
.content .mod_search .pagination li a {color:#ccc;}
.content .mod_search .pagination li a:hover {color:#e11425;}
.content .mod_search .pagination li .current {color:#080808;}

/* close */
.overlay .close {position:absolute; right:30px; top:30px;}
.close { border:2px solid #000; height:40px; width:40px; text-align:center; }
.close-button { height:20px; width:20px; position: relative; box-sizing: border-box; line-height:20px; display: inline-block; margin-top:8px;}
.close-button:before, .close-button:after { transform: rotate(-45deg); content: ''; position: absolute; top: 50%; left: 50%; margin-top: -1px; margin-left:-10px; display: block; height:2px; width:20px;background-color:#000;transition: all 0.25s ease-out;    }
.close-button:after { transform: rotate(-135deg); }
.close:hover .close-button:before, .close:hover  .close-button:after { transform: rotate(0deg); }

.logo-links {margin-top:50px;}
.logo-links a {float:left; width:31%; margin-right:3.5%; margin-bottom:3.5%;}
.logo-links img {float:left; width:31%; margin-right:3.5%; margin-bottom:3.5%;}
.logo-links a img {float:none; width:100%; margin-right:0; margin-bottom:0;}
.logo-links a:nth-child(3n) {margin-right:0%;}

/* cookiebar */
.cookiedingsbums { box-sizing: border-box; position: fixed; left: 0; width: 100%; color: #222; font-size: 1.2em;  text-align: center;top:0; width:100%; height:100vH; background:rgba(0,0,0,.8); z-index: 101; display:none;}
.cookie_inner {position:absolute; background:#fff; top:10%; width:600px; left:50%; margin-left:-300px; padding:100px 0;}
.ask {text-transform:uppercase;}
.cookiedingsbumsCloser {background:#000; color:#fff; margin-top:10px; padding:5px 20px;}
.cookiedingsbumsCloser:hover {background:#e11425;}

img {max-width:100%; height:auto;}
.video_container {margin:40px 0;}
video { width: 100%; height: auto; }

/* navigation break tablet */
@media (max-width: 1024px) { 
	.center {max-width:768px; }
	.full-navigation .menu { width:768px; height:157px; background:#fff url(../../files/system/images/header/tablet/header_768_de.png) no-repeat; margin-top:15px; }
	.full-navigation .menu .home {top:5px; left:8px; width:758px; height:83px; }
	.no-touchevents .full-navigation .menu .home a:hover, .full-navigation .menu .home .active { background:url(../../files/system/images/header/tablet/hands_home.png) no-repeat;}	
	.full-navigation .menu .mezcal {top:90px; left:45px; width:240px; height:60px; }
	.no-touchevents .full-navigation .menu .mezcal a:hover, .full-navigation .menu .mezcal .active { background:url(../../files/system/images/header/tablet/hands_mezcal.png) no-repeat;}	
	.full-navigation .menu .shop {top:92px; left:290px;  width:190px; height:60px;  }
	.full-navigation .menu .shop a { background:url(../../files/system/images/header/tablet/shop.png) no-repeat 20px 3px;}
	.no-touchevents .full-navigation .menu .shop a:hover, .full-navigation .menu .shop .active {  background:url(../../files/system/images/header/tablet/shop_hover.png) no-repeat 20px 3px;}	
	.full-navigation .menu .importe { top:92px; left:490px; width:240px; height:60px; }
	.no-touchevents .full-navigation .menu .importe a:hover, .full-navigation .menu .importe .active {  background:url(../../files/system/images/header/tablet/hands_importe.png) no-repeat;}
	.full-navigation .menu .importe .eigene_credit {position:absolute; font-size:24px; top:3px; left:83px;}
	.full-navigation .menu .importe .importe_credit {position:absolute; font-size:36px; top:22px; left:66px;}
	.full-navigation .menu .mezcal .ueber_credit {position:absolute; font-size:24px; top:5px; left:105px;}
	.full-navigation .menu .mezcal .mezcal_credit {position:absolute; font-size:40px; top:22px; left:67px;}
	.content {background: url(../../files/system/images/main_tablet.png) repeat-y; margin-top:-10px; padding:50px 50px 30px;}
	.white_ex {margin-top:-10px;  height:20px; }
	.go_top_1 {left:10px;}
	.go_top_2 { right:10px;}
	.icons {position:absolute; top:25px; right:20px;}
}
@media (max-width:800px) { 
	.full-navigation .menu {margin-top:0; top:0;}
	main {margin-top:5px;}
}
/* navigation break handy */
@media (max-width:767px) { 
	.center {max-width:100%; }
	header { position:fixed; top:0; z-index:100; width:100%; height:60px; background:#fefefe; -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.3); box-shadow: 0px 1px 3px rgba(0,0,0,.3);}
	.hamburger, .mobil_logo {display:block;}
	.mobil_logo {position:absolute; width:260px; top:10px; left:50%; margin-left:-130px;}
	.mobil_logo img {max-width:100%; height:auto;}
	.border_top, .border_bottom {display:none;}
	.mobil_hand {position:absolute; left:30px; top:18px;}
	.content {background:none; margin-top:0; padding:50px 30px 30px;}
	.full-navigation {display:none;}	
	.mobile-navigation { display:block; position:absolute; z-index:90; top:60px; right:-50%; width:50%;  overflow: hidden;  background:#fefefe; text-align:center; -webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; -o-transition:all 0.5s ease-out; transition:all 0.5s ease-out; height:calc(100vH - 60px);}
	.mobile-navigation.active {right:0;}
	.overflowbox { position:relative; height: 100%; max-height: 100%; overflow:auto; }
	.mobile-navigation .menu {  width:100%; height:auto; background:none; margin:10px 0 50px; text-align:left; top:0;}
	.mobile-navigation .menu strong {font-family: 'serifbold', sans-serif;}
	.mobile-navigation .menu a, .mobile-navigation .active .active {text-indent:0; white-space: nowrap; }
	.mobile-navigation .active .active { color:#e11425; }	
	.mobile-navigation .menu li { font-family: 'serifbold', sans-serif; font-size:1.2em; line-height:40px; text-transform:uppercase; padding-left:20px; }
	.mobile-navigation .menu li a {color:#222;}
	.mobile-navigation .menu li a:hover {text-decoration:none;}
	.mobile-navigation .menu .level_2 {display:none; margin-bottom:10px;}
	.mobile-navigation .menu li.active .level_2, .mobile-navigation .menu li.trail .level_2 {display:block; }
	.mobile-navigation .menu li .level_2 li {text-transform:none; font-family: 'serifregular', sans-serif; font-size:1em; line-height:30px; }
	.more_nav {text-align:left; padding-left:20px; padding-bottom:20px; }
	.more_nav a {float:left; margin-right:20px; color:#222; font-size:1em;}
	.more_nav a:hover {text-decoration:none;}	
	.footer_menu {display:none;}
	.footer_navigation, .go_top_1 {display:none;}
	.smart_bottom {display:block;}
	.go_top_2 {position:relative; top:0px; right:0; width:100%; text-align:center; padding-bottom:30px;}
	.sub_navigation {display:none;}
	main {padding-top:60px; margin-top:0;}
	.search_box {top:60px; width:90%; left:5%; margin-left:0; padding:140px 80px;}
	.search_box h4 {font-size:2em; line-height:1.5em; font-weight:700;}
	.mod_search form { margin-top:30px; font-size:2em;}
	.icons {display:none;}
	a.top_warenkorb {position:absolute; left:30px; top:13px; border:1px solid #ccc; width:34px; height:34px; display:block; color:#222;}
	a.top_warenkorb:hover { text-decoration:none;}
	a.top_warenkorb:after {content: "\e900";font-family: 'icons'; font-size:1.4em; position:relative; left:4px; top:4px;}
}
@media (max-width: 600px) {
	.content {background:none; margin-top:0; padding:40px 20px 30px;}
	h1 { font-size:1.4em; line-height:1.2em; margin-bottom:20px;}
	h2 {font-size:1.2em; line-height:1.2em; margin-bottom:20px;}
	.mobile-navigation {right:-100%; width:100%; }
	.search_box {padding:80px 30px;}
	.hamburger { margin:12px 20px 0 0; }
	a.top_warenkorb { left:20px; }
	a.go_top {right:20px; bottom:20px;}
	.cookie_inner {position:absolute; background:#fff; top:10%; width:400px; left:50%; margin-left:-200px; padding:100px 0;}
	.logo-links a {float:left; width:48%; margin-right:4%; margin-bottom:4%;}
	.logo-links a:nth-child(3n) {margin-right:4%;}
	.logo-links a:nth-child(2n) {margin-right:0;}
}
@media (max-width: 400px) { 
	.mobil_logo {top:14px; width:220px; margin-left:-110px;}
	.mod_search input.text {width:85%; }
	.mod_search input.submit {width:15%; }
	.cookie_inner { width:280px; left:50%; margin-left:-140px; padding:80px 0;}
}
@media (max-width:350px) {
	.mobil_logo {top:17px; width:180px; margin-left:-90px;}
}

/* IMAGE LIGHTBOX SELECTOR */
.image_inline_left {float:left; margin:0 20px 20px 0; background:#222;}
.image_inline_right {float:right; margin:0 0 20px 20px;}
.image_inline_left img, .image_inline_right img {width:280px; height:auto;}
.image_inline_left:hover img {opacity:.7;}

html { -ms-touch-action: manipulation; touch-action: manipulation; }
#imagelightbox { cursor: pointer; position: fixed; z-index: 10000; -ms-touch-action: none; touch-action: none; -webkit-box-shadow: 0 0 3.125em rgba( 0, 0, 0, .75 ); box-shadow: 0 0 3.125em rgba( 0, 0, 0, .75 ); }
/* ACTIVITY INDICATION */
#imagelightbox-loading,	#imagelightbox-loading div { border-radius: 50%; }
#imagelightbox-loading {  width: 2.5em; height: 2.5em; background-color: #000; background-color: rgba( 0, 0, 0, .5 ); position: fixed; z-index: 10003; top: 50%; left: 50%; padding: 0.625em; margin: -1.25em 0 0 -1.25em; -webkit-box-shadow: 0 0 2.5em rgba( 0, 0, 0, .75 ); box-shadow: 0 0 2.5em rgba( 0, 0, 0, .75 ); }
#imagelightbox-loading div { width: 1.25em; height: 1.25em; background-color:#f9f8f4; -webkit-animation: imagelightbox-loading .5s ease infinite; animation: imagelightbox-loading .5s ease infinite; margin-left:0;margin-top:0;}
@-webkit-keyframes imagelightbox-loading { from { opacity: .5;	-webkit-transform: scale( .75 ); }	50%	 { opacity: 1;	-webkit-transform: scale( 1 ); }
	to	 { opacity: .5;	-webkit-transform: scale( .75 ); } }
@keyframes imagelightbox-loading {	from { opacity: .5;	transform: scale( .75 ); }	50%	 { opacity: 1;	transform: scale( 1 ); }	to	 { opacity: .5;	transform: scale( .75 ); }}
/* OVERLAY */
#imagelightbox-overlay { background-color:#141414; background-color: rgba( 20, 20, 20, .85 ); position: fixed; z-index: 9998; top: 0; right: 0; bottom: 0; left: 0; }
/* "CLOSE" BUTTON */
#imagelightbox-close { width: 50px; height: 50px; text-align: left; background-color:transparent; position: fixed; z-index: 10002; top:20px; right:20px; -webkit-transition: color .3s ease; transition: color .3s ease; cursor:pointer;}
#imagelightbox-close:before, #imagelightbox-close:after { width:4px; background-color: #f9f8f4; content: ''; position: absolute; top: 20%; bottom: 20%; left: 50%; margin-left:-2px; }
#imagelightbox-close:before { -webkit-transform: rotate( 45deg ); -ms-transform: rotate( 45deg ); transform: rotate( 45deg ); }
#imagelightbox-close:after { -webkit-transform: rotate( -45deg ); -ms-transform: rotate( -45deg ); transform: rotate( -45deg ); }
#imagelightbox-close:hover:before, #imagelightbox-close:hover:after {background-color: #e11425;}
/* ARROWS */
.imagelightbox-arrow {width:50px; height:50px; background-color:transparent; vertical-align: middle; display: none; position: fixed; z-index: 10001; top: 50%; margin-top: -25px; cursor:pointer;}
.imagelightbox-arrow:active { background-color: #111; }
.imagelightbox-arrow-left { left:20px; }
.imagelightbox-arrow-right { right:20px; }
.imagelightbox-arrow:before { width: 0; height: 0; border: 1em solid transparent; content: ''; display: inline-block; margin-bottom: -0.125em; }
.imagelightbox-arrow-left:before {border-left: none;border-right-color: #f9f8f4;margin-left: -0.313em; }
.imagelightbox-arrow-right:before{border-right: none;border-left-color: #f9f8f4;margin-right: -0.313em; }
.imagelightbox-arrow-left:hover:before {border-right-color: #e11425; }
.imagelightbox-arrow-right:hover:before{border-left-color: #e11425; }

#imagelightbox-caption {position:fixed;  z-index: 100000; bottom:0; width:100%; text-align:center; color:#fff; padding:0 30px 20px;}
										
#imagelightbox-loading, #imagelightbox-overlay,	#imagelightbox-close, #imagelightbox-caption, #imagelightbox-nav, .imagelightbox-arrow 	{ -webkit-animation: fade-in .25s linear; animation: fade-in .25s linear; }
@-webkit-keyframes fade-in {
	from	{ opacity: 0; }
	to		{ opacity: 1; }
}
@keyframes fade-in {
	from	{ opacity: 0; }
	to		{ opacity: 1; }
}
@media (max-width: 1024px) {
	#imagelightbox-close {top:10px; right:10px;}
	.imagelightbox-arrow-left { left:5px; }
	.imagelightbox-arrow-right { right:5px; }
	
}
@media (max-width: 500px) {
	.image_inline_left , .image_inline_right { margin:0 0 20px 0;}
	.image_inline_left img, .image_inline_right img {width:100%; }
	.imagelightbox-arrow-left, .imagelightbox-arrow-right { display:none !important; }
	.lightbox_photos li { height:auto; width:270px; margin:0 0 20px 0;}
	.lightbox_photos li a {background:#444; display:inline-block; height:auto; width:270px;}
	.lightbox_photos li a img {height:auto; width:100%;}
	.lightbox_photos li a:hover img {opacity:1;}
}
/* start */
h1 { font-size:1.6em; line-height:1.2em; text-align:center; margin-bottom:30px; padding:0;}
h1.h1intro {margin-bottom:10px; }
h2.h2intro {font-size: 1em; line-height: 1.2em;  margin-bottom: 30px; }
.shop_nav_oben {position:relative; z-index:10; line-height:35px; font-size:1.1em; margin-bottom:50px;}
.shop_nav_oben li {display:inline-block; position:relative; background:#fff;}
.shop_nav_oben li a {border:1px solid #222; color:#222; padding:0 20px;}
.shop_nav_oben li a:hover {background:#222; color:#fff; text-decoration:none;}
.shop_nav_oben li.active .active, .shop_nav_oben li.trail .trail {display:block;  border:1px solid #222; background:#222; color:#fff; padding:0px 20px; line-height:35px; position:relative; }
.shop_nav_oben li.trail .trail .level_2 a {background:#fff; color:#222;}
.trail.agavenarten a#agavenarten, .trail.marken a#nach-marken, .trail.kategorien a#kategorien {background:#222; color:#fff;}
.shop_nav_oben li .level_2 {display:none; position:absolute; margin-top:-1px;}
.shop_nav_oben li .level_2.active {display:block; z-index:10; }
.shop_nav_oben .level_1 li {display:inline-block; margin-right:20px;}
.no-touchevents .shop_nav_oben .level_1 li:hover .level_2 {display:block;}
.shop_nav_oben .level_2 li a {border-bottom:none; border-left:1px solid #222; border-right:1px solid #222; border-top:1px solid #222; padding:0 20px; display:block;}
.shop_nav_oben .level_2 li:last-child a {border-bottom:1px solid #222;}
.shop_nav_oben .level_1 li .level_2 li {display:block; width:200px; margin-right:0px;}
.shop_nav_oben .level_1 li.marken .level_2 li {width:300px; }

.shop_ueberblick {float:left; margin-left:180px;}
.shop_infos {text-align:center; margin:70px 0 -20px;}
.shop_infos li {display:inline; margin:0 20px;}
.shop_infos li a {color:#666;}
.shop_infos li a:hover {color:#e11425; text-decoration:none;}

.shop_mezcal_text {margin-top:50px;}
.shop_mezcal_text h4 {font-size:1.5rem;}

form .error {color:red;}
form {position:relative;}
input, label {width:98%; padding:0 1%; display:block; }
label {line-height:40px; min-height:40px;}
input.text {border:1px solid #000; font-size:20px; line-height:40px; height:40px; margin-bottom:20px;}
select, textarea { border:2px solid #000; width:100%; display:block; text-align:center; }
select { margin-bottom:40px; line-height:40px; height:40px; background:#fff; width:98%; padding:0 1%;}
select option { padding:3px 0; line-height:30px; height:30px;}
textarea{font-size:20px; padding:3px;}
textarea {height:150px;}
input.captcha {width:40px; float:left; margin-right:10px; border:2px solid #000; border-radius:5px; font-size:20px; line-height:40px; height:40px;}
.captcha_text {line-height:40px; float:left;}
.submit_container {position:relative; margin:50px 0;}
input.submit { position:relative; color:#fff; padding:0px; height:36px;  background:#222; font-size:18px; width:auto; padding:0 30px; border:none; cursor:pointer; text-transform:uppercase; display:inline-block;}
input.submit:hover {background:#e11425; color:#fff;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color:#fff; opacity:1;}
input:-moz-placeholder, textarea:-moz-placeholder {color:#fff; opacity:1;}
input::-moz-placeholder, textarea::-moz-placeholder {color:#fff; opacity:1;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color:#fff;}

/* liste */

.grid {	position:relative; display:grid; grid-template-columns: repeat(3, 1fr); gap:20px; align-items:stretch; }
.grid:after { content: ''; display: block; clear: both;}
.sizer,.item { position:relative; display:block;}
.item {}
.item img {width:100%; height:auto;}
.mod_iso_productlist {}
.mod_iso_productlist .empty.message {margin:100px 0; text-align:center; font-size:1.1em;}
.mod_iso_productlist .item .formbody {background:#fff; border:1px solid #ccc; padding:10px;}
.mod_iso_productlist .item .item_desc {min-height:250px;}
.mod_iso_productlist .item .image_container {float:left; width:48%;}
.mod_iso_productlist .item .teaser {float:right; width:48%;}
.mod_iso_productlist .item h3 { text-align:center; margin:20px 0; min-height:60px; font-size:1.1rem;}
.mod_iso_productlist .item h3 a {color:#222;}
.mod_iso_productlist .item h3 a:hover {color:#e11425; text-decoration:none;}
.mod_iso_productlist .item .price {font-family: 'sansbold', sans-serif; margin-top:20px; font-size:1.1rem;}
.mod_iso_productlist .item .details {float:left; width:48%; text-align:center; background:#000; color:#fff; height:36px; line-height:36px; text-transform:uppercase;}
.mod_iso_productlist .item .submit_container {float:right; width:48%; margin:0;}
.mod_iso_productlist .item input.submit.add_to_cart { text-align:center; width:100%; padding:0; display:block;}
.mod_iso_productlist .item .details:hover {background:#e11425; color:#fff; text-decoration:none;}
.mod_iso_productlist .item .image_link {display:block;}
.mod_iso_productlist .item .image_link:hover {opacity:.6;}
.mod_iso_productlist .item .buttons {margin-top:10px;}

.back-link {position:relative; color:#fff; padding-left:20px; margin-top:30px; }
.back1 {position:relative; color:#fff; padding-left:20px; margin-top:30px;}
.back-link:before, .back1:before {content:""; content: "❰"; font-size:20px; position:absolute; left:0; top:-2px; }
.back-link:before {top:-1px;}
.back-link:hover {color:#ccc;}

.backers {float:left;color:#fff;}
.backers a {color:#fff; display:inline;}
.backers a:hover {color:#ccc;}

.review .info { position:relative; top:0; left:0;  text-align:left; z-index:10; width:auto; background:none; color:#222; font-size:16px; line-height:22px; display:block;}
p.iso_confirm {display:none;}

/* responsive schnickschnack */

@media (max-width: 1024px) { 
	.shop_ueberblick {margin-left:0px; float:none; margin-bottom:20px;}
	.grid {	grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 767px) { 

}
@media (max-width: 600px) { 
	.shop_nav_oben {  font-size:.9em;}
	.shop_nav_oben li a, .shop_ueberblick li a {padding:0 5px;}
	.shop_nav_oben li.active .active, .shop_nav_oben li.trail .trail { padding:0px 5px; }
	.shop_nav_oben .level_1 li { margin-right:5px; margin-bottom:0px;}
	.shop_nav_oben .level_2 li a { padding:0 5px; }
	.shop_nav_oben .level_1 li .level_2 li {display:block; width:150px; margin-right:0px;}
	.shop_nav_oben .level_1 li.last {margin-top:5px; position:relative;  z-index:9;}
}
@media (max-width: 500px) { 
	.grid {	grid-template-columns: repeat(1, 1fr); }
	.mod_iso_productlist .item .item_desc {min-height:auto; margin-bottom:20px;}
}

#iso_ajaxOverlay, #iso_ajaxBox {display:none !important; }

/* warenkorb */
.mod_iso_cart {margin-bottom:40px; position:relative; }
.mod_iso_cart img {max-width:100%; height:auto; }
.mod_iso_cart .empty {font-size:30px; color:#e11425; position:relative; width:100%; text-align:center; display:block; margin:50px 0;}
.error {color:#e11425;}
.mod_iso_cart a {color:#000;}
.mod_iso_cart a:hover {background:#1D1D1B; color:#fff; text-decoration:none;}
.mod_iso_cart table {position:relative; width:100%; border-bottom:10px double #000; text-align:left;}
.mod_iso_cart table tbody tr {border-top:1px solid #222;  }
.mod_iso_cart table tr:first-child {border-top:none;  }
.mod_iso_cart table td { padding:30px 0;}
.mod_iso_cart table td.image {width:17%; padding-right:3%; }
.mod_iso_cart table td.name {width:37%; padding-right:3%; font-size:1.3em; line-height:1.5em; }
.mod_iso_cart table td.quantity {width:2%; padding-right:3%; }
.mod_iso_cart table td.quantity input { line-height:40px; height:40px; text-align:center;}
.mod_iso_cart table td.price { width:6%; padding-right:4%; }
.mod_iso_cart table td.price.total { width:18%; padding-right:5%; font-size:1.1em; }
.mod_iso_cart table td.actions { width:2%; }
span.currency {padding-left:5px;}
.mod_iso_cart table td.actions a.edit { display:none; }
.mod_iso_cart table td.actions a.remove { position:relative; color:transparent; padding:0 10px;display:inline-block; }
.mod_iso_cart table td.actions a.remove:hover { color:transparent; }
.mod_iso_cart table td.actions a.remove:before { position:relative; content: "✘"; color:#000; margin-right:5px; font-size:22px;}
.mod_iso_cart table td.actions a.remove:hover:before { color:#fff; }
.mod_iso_cart table tr.total td.price.total, .mod_iso_cart table tr.total td.name {font-size:30px; font-weight:bold;}
.mod_iso_cart table tr.thead td { font-size:.9rem !important; }
.mod_iso_cart table .foot_0 td {padding:30px 0 10px;}
.mod_iso_cart table .foot_1 td { padding:10px 0;}
.mod_iso_cart table .foot_2 td {padding:30px 0 30px;}

.mod_iso_cart table tr.subtotal:first-child {border-top:1px solid #222; }
.mod_iso_cart input.button_update {margin-right:20px;}
.mod_iso_cart .submit_container { text-align:center; } 
.mod_iso_cart p.incl{margin-top:10px; font-size:18px;}
.mod_iso_cart p.empty{margin-bottom:300px;}

.shop_more { position:relative; color:#fff !important; height:36px; line-height:36px;  background:#222; font-size:18px; width:auto; padding:0 30px; border:none; cursor:pointer; text-transform:uppercase; margin:-1px 0 0 20px;}
.shop_more:hover {background:#e11425 !important; }

/* kasse */
.mod_iso_checkout h2 {margin-top:50px;}
.mod_iso_checkout .steps {margin:40px 0; text-align:center;}
.mod_iso_checkout .steps .address {text-align:center;}
.mod_iso_checkout .steps ol li {display:inline-block; width:24%; text-align:center; text-transform:uppercase; line-height:40px;margin-bottom:3px;}
.mod_iso_checkout .steps ol li span {display:block;  background:#f0f1f1;}
.mod_iso_checkout .steps ol li.passed a {display:block;  background:#7e8489; color:#fff;}
.mod_iso_checkout .steps ol li span.active, .mod_iso_checkout .steps ol li.passed a:hover { background:#1D1D1B;color:#fff; }
.address p {margin-bottom:20px;}
.widget-radio label {width:auto; display:inline-block; float:left; margin-bottom:30px;}
.mod_iso_checkout input.radio, .mod_iso_checkout input.checkbox {border:2px solid #000; width:40px; height:40px; position:relative; background:#fff; margin-bottom:0; margin-top:20px; margin-right:10px;}
.address.billingaddress, .address.shippingaddress {text-align:left;}
.mod_iso_checkout input[type=radio]:checked, .mod_iso_checkout input[type=checkbox]:checked  { background:#000;margin-right:10px;} 
.radio_container span {clear:both; display:block; margin-top:20px;}
.radio_container input { display:inline; float:left; margin-top:0px !important;}
.radio_container label {margin-top:0px;}
#iso_mod_checkout_shipping .shippingmethod p {display:none;}

.review .info {margin-top:0;}
.review.orderinfo {font-size:18px; line-height:35px;}
.review .info_container {margin-top:50px; width:30%; float:left; margin-right:4.9%;}
.review .info_container.last {margin-right:0;}
.review table {position:relative; width:100%; border-bottom:10px double #000; text-align:left; margin-top:30px;}
.review img {width:100%; height:auto;}
.review table tr.product { border-bottom:1px solid #000; }
.review table tr.product:first-child {border-top:1px solid #000;  }
.review table td {width:16.6666%; font-size:18px; line-height:35px; padding:30px 0;}
.review table td.image {padding-right:3%; }
.review table td.name {width:40%; font-size:18px; }
.review table td.quantity {width:2.5%; padding:0 2%; opacity:0;}
.review table td.col_3.price { width:6.6666%; opacity:0; }
.review table td.price.total { font-size:25px; }
span.currency {padding-left:5px; display:inline;}
.review table .foot_0 td {padding:30px 0 10px;}
.review table .foot_1 td { padding:10px 0;}
.review table .foot_2 td {padding:10px 0 30px;}
.review h3 {margin-top:10px;}
.review .info_container h3 {text-align:left; font-family: 'sansbold'; font-size:1.1em; }
.review table tr.total td.price.total {font-size:30px; font-weight:bold;}
.review p.incl{margin-top:10px; font-size:18px;}
.orderconditionsafterproducts {margin-top:50px;  font-size:18px; line-height:35px;}
.orderconditionsafterproducts .checkbox {float:left; margin-top:0 !important;}
.orderconditionsafterproducts label {width:auto;}
.review a {color:#222; background:#e2e2e2; padding:0px 10px; display:inline-block;}
.review a:hover {color:#fff; background:#1D1D1B; text-decoration:none;}
.review .vcard a {background:none; color:#222;padding:0;}
#ctrl_paymentmethod {text-transform:uppercase;}
#ctrl_paymentmethod .note {text-transform:none;}

/* sonstiges */
#tl_lost_password, #tl_registration, #iso_mod_checkout_address, #iso_mod_checkout_payment, #iso_mod_checkout_shipping {padding:0 20%;}
#tl_lost_password input.submit { width:250px; margin:40px 0 30px -125px; } 
.ce_text.mittig {font-size:20px; text-align:center; line-height:35px;}

/* Detail */
.product h1 {margin-bottom:60px;}
.produkt {}
.product .left {float:left; width:36%;}
.product .left .detail_image img {width:100%; height:auto;}
.product .left a {margin-bottom:20px;}
.product .right {position:relative; float:right; width:60%;  }
.product .options {margin-top:40px; }
.product .price {margin-top:30px; }
.euro {font-size:1.4em;}
.mwst {font-size:.9em;}
a.back_link { position:relative; float:right; color:#fff; height:36px; line-height:36px; background:#222; width:auto; padding:0 30px; border:none; cursor:pointer; text-transform:uppercase; display:inline-block; top:0;}
a.back_link:hover {background:#e11425; color:#fff; text-decoration:none;}
p.back {display:none;}

/* responsive schnickschnack */
@media (max-width: 1024px) { 
	.product  .left {width:37%;}
	.product .right {width:58%;  }
	.detail_image img {width:100%; height:auto;}
	.shop_more { margin:20px 0 0 20px;}
}
@media (max-width: 650px) { 
	a.back_link {float:none; margin-top:20px;}
}
@media (max-width:600px) { 
	.mod_iso_checkout .steps ol li {width:48%; }
	.mod_iso_cart table td.name {width:60%;}
	.mod_iso_cart table tr.total td.price.total, .mod_iso_cart table tr.total td.name {font-size:20px; font-weight:bold;}
	.mod_iso_cart table td.image, .mod_iso_cart table td.quantity, .mod_iso_cart table td.col_0.col_first {display:none; }
	.mod_iso_cart table td.col_3.price {display:none; }
	.mod_iso_cart table td.col_5 { }
	.mod_iso_cart p.incl{margin-top:5px; font-size:12px;}
	.mod_iso_cart table tr.thead td { font-size:.8rem !important;padding-right:5px; }
	.mod_iso_cart input.button_update {margin-bottom:20px;}
}
@media (max-width: 500px) { 
	.product  .left {width:100%; margin-bottom:20px;}
	.product .right {width:100%;  }
	.detail_image img {width:auto; max-width:100%; height:auto;}
}

@media (max-width: 960px) { 
	#tl_lost_password, #tl_registration, #iso_mod_checkout_address, #iso_mod_checkout_payment, #iso_mod_checkout_shipping {padding:0 10%;}
}
@media (max-width: 768px) { 
	#tl_lost_password, #tl_registration, #iso_mod_checkout_address, #iso_mod_checkout_shipping {padding:0;}
	
	.mod_iso_checkout .steps ol li {font-size:18px; width:32%;}
}
@media (max-width: 450px) { 
	.mod_iso_cart table td.col_0 {display:none;}
	.mod_iso_checkout .steps ol li {font-size:16px; font-weight:normal;}
	.review table td.col_0, .review table td.col_3 {display:none;}
}
@media (max-width:400px) { 
	.mod_iso_checkout .steps ol li {font-size:14px; }
	
}