/* 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 li.widerruf a { padding:5px 10px; border:1px solid #222; margin-top:-10px;}
.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; }

/* formular */
.widerruf-form {max-width:500px;}
.widerruf-form label, .widerruf-form input {display:block;}
.widerruf-form input {padding:5px; border:1px solid #000; width:100%; margin-bottom:10px;}
.widerruf-form textarea {padding:5px; border:1px solid #000; width:100%; height:50px; margin-bottom:10px;}
.widerruf-form .submit {background:#000; color:#fff; line-height:40px; border-radius:20px; padding:0 20px;}
.widerruf-form .submit:hover {background:#e11425;}
.widerruf-form .error {color:#e11425;}

/* 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;}
	.footer_menu li {float:left; margin:0 15px;}
}
@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;}
}