/*
Theme Name: Höllenhund
Theme URI: https://www.foxcomputers.ch
Author: Fox Computers
Author URI: htts://www.foxcomputers.ch
Version: 2020
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
Text Domain: hoellenhund

Höllenhund WordPress Theme © 2011-2020 Fox Computers
Höllenhund is distributed under the terms of the GNU GPL
*/

@font-face {
    font-family: 'Gotham';
    src: url('fonts/Gotham-Bold.woff2') format('woff2'),
        url('fonts/Gotham-Bold.woff') format('woff');
    font-weight:normal;
    font-style: normal;
}
@font-face {
    font-family: 'Gotham-Book';
    src: url('fonts/Gotham-Book.woff2') format('woff2'),
        url('fonts/Gotham-Book.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'MUBATEXT';
    src: url('fonts/MUBATEXT-BoldItalic.woff2') format('woff2'),
        url('fonts/MUBATEXT-BoldItalic.woff') format('woff');
    font-weight:normal;
    font-style: normal;
}

* {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	font:inherit;
	vertical-align:baseline;
	box-sizing:border-box;
	outline: none;
}
body {
	line-height:1;
    overflow-x:hidden;
}
body.woocommerce-order-received, body.woocommerce-order-failed, body.post-type-archive-events, body.single-events {
    background:#000;
}
img {
	max-width:100%;
	height:auto;
}
.aligncenter, .alignright, .alignleft {
    display: block;
    margin:0 auto 16px auto;
}

#wrapper {
    overflow: hidden;
}

#header {
	position: fixed;
	top:0;
	left:0;
	width:100%;
	z-index: 9999;
    background:transparent;   
    transition: background .2s ease;
}
#header.onscroll {
    background:rgba(255,255,255,0.975);   
    transition: background .2s ease;
}
#header.onscroll.hblack, .home #header.onscroll.hblack, .home #header.onscroll, .home #header.onscroll-home, .woocommerce-order-received #header.onscroll, .woocommerce-order-failed #header.onscroll, .home #header.visible-menu, #header.hblack, .home #header.hblack.visible-menu {
    background:rgba(0,0,0,0.925);
    transition: background .2s ease;
}
.home #header.hblack {
    background:transparent;  
}
#header-inner {
	margin:0 auto;
	padding:32px 88px;
	max-width:1440px;
	position: relative;
}
#header #logo {
	display:inline-block;
}
#header #logo img, .home #logo img, #header #menu-toggle {
    filter: invert(1);
}
#header.hblack #logo img, .woocommerce-order-received #header #logo img, .woocommerce-order-failed #header #logo img, #header.hblack #menu-toggle {
    filter: invert(0);
}
#header #menu {
	position: absolute;
	top:50%;
	right:64px;
	transform: translate(0,-50%);
}
.home #header #menu {
	top:-200px;
    transition: top .6s ease;
}
.home #header.onscroll-home #menu {
	top:50%;
    transition: top .6s ease;
}
.home #header.visible-menu #menu, .home #header.onscroll-home.visible-menu #menu {
	top:50%;
}
#header #menu ul {
	text-align: right;
	font-size:0;
}
#header #menu ul li {
	display: inline-block;
	margin:0 24px;
}
#header #menu ul li a {
    font-family: 'Gotham';
	font-size:20px;
	line-height: 24px;
	text-decoration: none;
	color:#A5A6A6;
}
#header #menu ul li a:hover, #header #menu ul li.current-menu-item a, #header #menu ul li.current_page_parent a {
	color:#000;
}
.home #header #menu ul li a:hover, .home #header #menu ul li.current-menu-item a, #header.hblack #menu ul li a:hover, #header.hblack #menu ul li.current-menu-item a, .woocommerce-order-received #header #menu ul li a:hover, .woocommerce-order-failed #header #menu ul li a:hover, .woocommerce-order-received #header #menu ul li.current-menu-item a, .woocommerce-order-failed #header #menu ul li.current-menu-item a {
	color:#fff;
}
#header #menu ul li .sub-menu {
	display: none;
}
#menu-cart, .menu-hauptmenue-container {
    display: inline-block;
    position: relative;
}
#menu-cart {
    padding:0 24px;
}
.mc-count {
    border-radius: 100%;
    width:22px;
    height:22px;
    background:#000;
    font-family: 'Gotham';
	font-size:12px;
	line-height: 20px;
    color:#fff;
    position: absolute;
    bottom:-10px;
    right:12px;
    text-align: center;
}
#header.hblack #menu-cart img {
    filter:invert(1);
}
#header.hblack .mc-count {
    background:#fff;
    color:#000;
} 

#header-img, .header-slides-item.slick-slide {
    height: calc(100vh - 96px);
    position: relative;
}
#header-img.esingle:after {
    content:"";
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.2);
    z-index: 1;
}
#header-img #header-img-caption {
    position: absolute;
    top:50%;
    left:50%;
    width:960px;
    transform: translate(-50%,-50%);
    z-index: 2;
}
#content #header-img #header-img-caption h1 {
    font-family: 'MUBATEXT';
    font-size:124px;
    line-height:136px;
    color:#fff;
    text-shadow: 1px 1px rgba(0,0,0,.15);
    text-align: center;
}
#content #header-img #header-img-caption #event-single-dt {
    font-family: 'Gotham';
    font-size:24px;
    line-height:32px;
    color:#fff;
    text-shadow: 1px 1px rgba(0,0,0,.15);
    text-align: center;
}
#content #header-img #header-img-caption #event-single-dt .event-single-date {
    margin-bottom:8px;
}
#content span.event-single-stime, #content span.event-single-etime {
    font-family: 'Gotham-Book';
}

#header-video {
    position: relative;
    width: 100%;
    height: calc(100vh - 96px);
    overflow: hidden;
}
#header-video video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 100%;
    height: auto;
    width: auto;
    border: 0;
}
#header-video iframe {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 56.25vw;
    min-height: calc(100vh - 96px);
    min-width: 177.78vh;
    border: 0;
}

#hero-ani {
	width:100%;
	height:100vh;
	display: flex;
	justify-content: center;
	align-items: center;
	background:#000;
    overflow: hidden;
}
#hero-bottle img {
	display: block;
	max-height:100vh;
	width:auto;
    transform: scale(0);
}
#layers, #layers-mob {
	position: absolute;
	top:0;
    right:0;
	bottom:0;
    left:0;
}
#layers .layer, #layers-mob .layer {
	position: absolute;
}
#layers .layer-9-top {
    top:-16.666666666666664%;
    left:10.15625%;
}
#layers .layer-9-top img {
    width:60vw;height:auto;
}
#layers .layer-9-bottom {
    bottom:0;
    left:5.989583333333334%;
}
#layers .layer-9-bottom img {
    width:53vw;height:auto;
}
#layers .layer-8-top {
    top:-26.38888888888889%;
    left:7.447916666666667%;
}
#layers .layer-8-top img {
    width:62vw;height:auto;
}
#layers .layer-8-right {
    top:-35.648148148148145%;
    right:0;
}
#layers .layer-8-right img {
    width:67vw;height:auto;
}
#layers .layer-8-bottom {
    bottom:-60%;
    left:7.916666666666666%;
}
#layers .layer-8-bottom img {
    width:67vw;height:auto;
}
#layers .layer-7-top {
    top:-14.074074074074074%;
    left:5.729166666666666%;
}
#layers .layer-7-top img {
    width:67vw;height:auto;
}
#layers .layer-7-bottom {
    left:26.041666666666668%;
    bottom:-420px;
}
#layers .layer-7-bottom img {
    width:61vw;height:auto;
}
#layers .layer-7-left {
    top:-38.51851851851852%;
    left:-10%;
}
#layers .layer-7-left img {
    width:50vw;height:auto;
}
#layers .layer-6-right {
    top:-22.12962962962963%;
    right:-20.541666666666666%;
}
#layers .layer-6-right img {
    width:49vw;height:auto;
}
#layers .layer-6-bottom {
    bottom:12.592592592592592%;
    left:49.270833333333336%;
}
#layers .layer-6-bottom img {
    width:13vw;height:auto;
}
#layers .layer-6-left {
    bottom:-20.37037037037037%;
    left:-24.583333333333332%;
}
#layers .layer-6-left img {
    width:60vw;height:auto;
}
#layers .layer-5-bottom {
    bottom:-20.37037037037037%;
    left:-21.354166666666664%;
}
#layers .layer-5-bottom img {
    width:137vw;height:auto;
}
#layers .layer-4-top {
    top:-8%;
    right:30%;
}
#layers .layer-4-top img {
    width:10vw;height:auto;
}
#layers .layer-4-right {
    top:0;
    right:-28.645833333333332%;
}
#layers .layer-4-right img {
    width:64vw;height:auto;
}
#layers .layer-4-left {
    top:-56.2962962962963%;
    left:-22.135416666666664%;
}
#layers .layer-4-left img {
    width:51vw;height:auto;
}
#layers .layer-3-bottom {
    bottom:-7.4074074074074066%;
    left:-10.052083333333334%;
}
#layers .layer-3-bottom img {
    width:130vw;height:auto;
}
#layers .layer-2-right {
    top:-54%;
    right:-34%;
}
#layers .layer-2-right img {
    width:54vw;height:auto;
}
#layers .layer-2-bottom {
    bottom:-35%;
    left:0;
}
#layers .layer-2-bottom img {
    width:86vw;height:auto;
}
#layers .layer-2-left {
    top:-51.85185185185185%;
    left:-34.479166666666664%;
}
#layers .layer-2-left img {
    width:67vw;height:auto;
}
#layers .layer-1-top {
    top:-25%;
    left:4.583333333333333%;
}
#layers .layer-1-top img {
    width:54vw;height:auto;
}
#layers .layer-1-right {
    top:-7.037037037037037%;
    right:-7.916666666666666%;
}
#layers .layer-1-right img {
    width:15vw;height:auto;
}
#layers .layer-1-bottom {
    bottom:-15.37037037037037%;
    right:0;
}
#layers .layer-1-bottom img {
    width:54vw;height:auto;
}
#layers .layer-1-left {
    bottom:-5%;
    left:-11.40625%;
}
#layers .layer-1-left img {
    width:24vw;
    height:auto;
}

#container.visible-menu {
    padding-top:96px;
}

.sbi-button, .wo-button {
    text-align: center;
    padding-top:48px;
    position: relative;
    z-index: 2;
}
.sbi-tlir .sbi-button, .sbi-iltr .sbi-button {
    text-align: left;
}
.wo-button {
    padding-top:24px;
    margin-bottom:128px;
}
.sbi-button a, .wo-button a {
    display: inline-block;
    background:#0D0D43;
    font-family: 'Gotham';
    font-size:16px;
    line-height:18px;
    color:#fff;
    text-decoration:none;
    padding:15px 20px;
}
.sbi-button a:hover, .wo-button a:hover {
    background:#C61824;
}

.sbi-tfull {
    padding:154px 208px;
}
.tfull-pano .sbi-tfull {
    padding:154px 208px 424px 208px;
    position: relative;
}
.sbi-tfull-bg {
    width:1920px;
    height:394px;
    position: absolute;
    bottom:0;
    left:50%;
    transform: translate(-50%,0);
    z-index: 1;
}
.sbi-tfull-text, .sbi-quote {
    margin:0 auto;
    max-width:860px;
    position: relative;
}
.sbi-quote {
    padding:44px 0;
}
.sbi-tfull-text .sbi-tfull-note {
    position: absolute;
    top:0;
    left:-198px;
    width:160px;
    font-family: 'Gotham';
    font-size:20px;
    line-height:24px;
    color:#000;
}
.sbi-iltr-inner, .sbi-tlir-inner, .sbi-scta-inner {
    display: flex;
    flex-wrap: wrap;
    margin:0 -70px;
}
.sbi-iltr-inner .sb-img, .sbi-tlir-inner .sb-img, .sbi-scta-inner .sb-img {
    width:calc(50% - 140px);
    margin:0 70px;
    display: flex;
    align-items: center;
}
.sbi-scta-inner .sb-img {
    position: relative;
}
.sbi-scta-inner .sb-img img {
    position: relative;
    z-index: 2;
    max-width:80%;
    margin:120px auto;
}
.sbi-scta-inner .sb-img:after {
    content:"";
    width:48.75%;
    position: absolute;
    top:0;
    right:0;
    bottom:0;
    background:#070735;
    z-index: 1;
}
.sbi-tlir-inner .sb-img {
    justify-content: flex-end;
}
.sbi-iltr-inner .sb-img img, .sbi-tlir-inner .sb-img img, .sbi-scta-inner .sb-img img {
    display: block;
    width:100%;
}
.sb-img-center img {
    margin:0 auto;
}
.sbi-iltr-inner .sb-text, .sbi-tlir-inner .sb-text, .sbi-scta-inner .sb-text {
    width:calc(50% - 140px);
    margin:0 70px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}
.sbi-tlir-inner .sb-text, .sbi-scta-inner .sb-text {
    align-items: flex-end;
}
.sbi-iltr-inner .sb-text .sb-text-inner, .sbi-tlir-inner .sb-text .sb-text-inner, .sbi-scta-inner .sb-text .sb-text-inner {
    max-width:560px;
    padding-top:32px;
    padding-bottom:32px;
}
.pequal .sbi-iltr-inner .sb-text .sb-text-inner, .pequal .sbi-tlir-inner .sb-text .sb-text-inner, .ptop .sbi-iltr-inner .sb-text .sb-text-inner, .ptop .sbi-tlir-inner .sb-text .sb-text-inner {
    padding-bottom:48px;
    padding-top:48px;
}
.sbi-tlir-inner .sb-img {
    order:2;
}
.sbi-tlir-inner .sb-text {
    order:1;
}
.sbi-fis {
    margin:0 auto;
    padding:0 88px;
    max-width:1440px;
}

.ptop .sbi-iltr-inner .sb-img {
    margin-top:-88px;
    margin-bottom:44px;
}
.pequal .sbi-iltr-inner .sb-img img {
    margin-top:-40px;
    margin-bottom:-40px;
}
.bgrey .sbi-iltr-inner {
    background:rgba(165,166,166,.3);
}
.grey .sbi-iltr-inner {
    background:rgba(13,13,67,.2);
}

.sb-newsletter {
    margin:0 auto;
    padding:0 24px; 
    max-width:760px;
}

.sb-acc {
    margin:0 auto;
    padding:0 24px; 
    max-width:960px;
}
.sb-acc .sb-acc-items {
    padding-top:24px;
}
.sb-acc .sb-acc-items .sb-acc-item {
    border-bottom:1px solid #000;
}
.sb-acc .sb-acc-items .sb-acc-item:nth-child(1) {
    border-top:1px solid #000;
}
.sb-acc .sb-acc-items .sb-acc-item .sb-acc-item-trigger {
    position: relative;
    padding:16px 56px 16px 0;
    cursor: pointer;
}
.sb-acc .sb-acc-items .sb-acc-item .sb-acc-item-trigger:after {
    content:"";
    position: absolute;
    top:50%;
    right:0;
    width:24px;
    height:24px;
    margin-top:-12px;
    background:url(images/plus.svg) no-repeat center center;
    background-size:24px 24px;
    transform: rotate(0deg);
    transition:all .4s ease;
}
.sb-acc .sb-acc-items .sb-acc-item .sb-acc-item-trigger.active:after {
    transform: rotate(45deg);
    transition:all .4s ease;
}
.sb-acc .sb-acc-items .sb-acc-item .sb-acc-item-toggle {
    display: none;
}

#sitebuilder {
    overflow: hidden;
}
#sitebuilder .sb-item {
    padding:88px 0;
}
#sitebuilder .sb-item.tfull-nopbottom {
    padding:88px 0 0 0;
}
#sitebuilder .sb-item:nth-last-child(1), #sitebuilder .sb-item.tfull-pano {
    padding:0;
}
#sitebuilder .sb-item:nth-child(1) {
    padding-top:96px;
}
.home #sitebuilder .sb-item:nth-child(1) {
    padding-top:0;
}
#sitebuilder .sb-item:nth-child(1):nth-last-child(1) {
    padding:96px 0 88px 0;
}

#sitebuilder h1, #content h1, .page-template-default #content .woocommerce-order-failed h1, .page-template-default #content .woocommerce-order-success h1, #event-archive-title h1 {
    font-family: 'MUBATEXT';
    font-size:60px;
    line-height: 62px;
    color:#000;
    margin:0 0 24px 0;
}
#event-archive-title h1 {
    color:#fff;
    text-align: center;
}
.page-template-default #content .woocommerce-order-failed h1, .page-template-default #content .woocommerce-order-success h1 {
    color:#fff;
    text-align: center;
    padding:32px 88px 0 88px;
}
.page-template-default #content h1 {
    font-family: 'Gotham';
    font-size:30px;
    line-height:40px;
    margin:0 0 24px 0;
}
#content h1.product_title {
    font-family: 'Gotham';
    font-size:30px;
    line-height:32px;
    margin:0;
}
#sitebuilder h2 {
    font-family: 'MUBATEXT';
    font-size:60px;
    line-height:70px;
    color:#000;
    margin:0 0 36px 0;
}
.page-template-default #content h2, #content h2 {
    font-family: 'Gotham';
    font-size:24px;
    line-height:28px;
    margin:0 0 12px 0;
}
#sitebuilder .sbi-tfull-text h2 {
    margin:0;
}
#sitebuilder .sb-acc-item h3 {
    font-family: 'Gotham';
    font-size:24px;
    line-height:32px;
    color:#000;
}
#sitebuilder p, #content p, .cart-empty.woocommerce-info {
    font-family: 'Gotham';
    font-size:20px;
    line-height:24px;
    color:#000;
    margin:0 0 32px 0;
}
.cart-empty.woocommerce-info, .return-to-shop, #sitebuilder .sb-newsletter h1, #sitebuilder .sb-newsletter h2, #sitebuilder .sb-acc h1, #sitebuilder .sb-acc h2, #sitebuilder .sb-events h1, #sitebuilder .sb-events h2, #sitebuilder .sb-event-noitems p {
    text-align: center;
}
#sitebuilder p {
    font-size:30px;
    line-height:32px;
}
.home #sitebuilder p, #sitebuilder .sb-newsletter p, #sitebuilder .sb-acc p {
    font-size:20px;
    line-height:24px;
    margin:0 0 24px 0;
}
#content p#billing_country_field, #content p#shipping_country_field {
    font-size:12px;
    line-height: 14px;
}
#content p#billing_country_field .woocommerce-input-wrapper, #content p#shipping_country_field .woocommerce-input-wrapper, #content .payment_box p, #content .woocommerce-privacy-policy-text p {
    font-size:14px;
    line-height: 16px;
    text-align: left;
}
#content .payment_box p {
    padding-left:32px;
}
#content .product-sc-item p {
    font-family: 'Gotham';
    font-size: 12px;
    line-height: 16px;
    color: #000;
    margin:0 0 4px 0;
}
#content .ot-info p {
    font-size:12px;
    line-height:13px;
    text-align: right;
    padding-top:6px;
}
#sitebuilder p a, #sitebuilder ul li a, #sitebuilder ol li a, #content p a, #content ul li a, #content ol li a {
    color:#000;
}
#sitebuilder p a:hover, #sitebuilder ul li a:hover, #sitebuilder ol li a:hover, #content p a:hover, #content ul li a:hover, #content ol li a:hover {
    text-decoration: none;
}
#sitebuilder ul, #sitebuilder ol {
    margin:0 0 33px 0;
    padding-left:20px;
}
.home #sitebuilder ul, .home #sitebuilder ol {
    margin:0 0 24px 0;
}
#content ul, #content ol {
    margin:0 0 24px 0;
    padding-left:20px;
}
#content ul.wpgs-dots {
    margin:0;
    padding:0;
    text-align: left !important;
}
#sitebuilder ul li {
    font-family: 'Gotham';
    font-size:30px;
    line-height:33px;
    color:#000;
    list-style: disc;
}
#sitebuilder ol li {
    font-family: 'Gotham';
    font-size:30px;
    line-height:33px;
    color:#000;
    list-style: decimal;
}
#sitebuilder ul li, #sitebuilder ol li {
    font-size:20px;
    line-height:24px;
}
#content ul li, #sitebuilder .sb-newsletter ul li, #sitebuilder .sb-acc ul li {
    font-family: 'Gotham';
    font-size:20px;
    line-height:24px;
    color:#000;
    list-style: disc;
}
#content ol li, #sitebuilder .sb-newsletter ol li, #sitebuilder .sb-acc ol li {
    font-family: 'Gotham';
    font-size:20px;
    line-height:24px;
    color:#000;
    list-style: decimal;
}
#content ul#shipping_method, #content ul.wc_payment_methods, #content ul.woocommerce-error {
    padding:0;
}
#content ul.woocommerce-error {
    text-align: center;
}
#content ul#shipping_method li, #content ul.wc_payment_methods li, #content ul.woocommerce-error li {
    list-style: none;
}
#content ul#shipping_method li, #content ul.woocommerce-error li {
    font-size:14px;
    line-height:16px;
}
#content ul.woocommerce-error li {
    color:#ff0000;
    margin:0 0 6px 0;
}
#sitebuilder .sbi-quote .sbi-quote-text p {
    font-family: 'MUBATEXT';
    font-size:40px;
    line-height:42px;
}
#sitebuilder .sbi-quote .sbi-quote-author p {
    font-size:20px;
    line-height:24px;
}
#sitebuilder .sb-item.black h1, #sitebuilder .sb-item.black h2, #sitebuilder .sb-item.black p {
    color:#fff;
}
#sitebuilder .sb-item.black {
    background:#000;
}

.page-template-page-contact #content {
    position: relative;
    padding-bottom:296px;
}
#contact-block {
    margin:0 auto;
    padding:160px 88px 0 88px;
    max-width:1440px;
}
#contact-block-inner {
    display: flex;
    flex-wrap: wrap;
    margin:0 -70px;
    min-height: 520px;
}
#contact-title {
    width:calc(59% - 140px);
    margin:0 70px;
}
#contact-text {
    width:calc(41% - 140px);
    margin:0 70px;
}
#contact-bg {
    width:1920px;
    height:393px;
    position: absolute;
    bottom:0;
    left:50%;
    transform: translate(-50%,0);
    z-index: 1;
    background-size:100% !important;
}

.page-template-default #content article {
    max-width:960px;
}
.woocommerce-cart #content article, .woocommerce-order-received #content article, .woocommerce-order-failed #content article {
    max-width:100%;
}
.page-template-default #content, .page-template-page-imprint #content, .woocommerce-cart #content {
    margin:0 auto;
    padding:160px 88px;
    max-width:1440px;
}
.woocommerce-order-received #content, .woocommerce-order-failed #content {
    padding:0;
    max-width:1440px;
}

#ln-block #ln-cols {
    display: flex;
    flex-wrap: wrap;
    margin:0 -44px;
}
#ln-block #ln-cols .ln-col {
    width:calc(33.333% - 88px);
    margin:0 44px 88px 44px;
}
#ln-block #ln-cols .ln-col-full {
    width:calc(100% - 88px);
    margin:0 44px;
}

#content.shop-layout {
    margin:0 auto;
    padding:144px 88px 88px 88px;
    max-width:1440px;
}
#content.shop-layout .product {
    display: flex;
    flex-wrap: wrap;
    margin:0 -44px;
}
#content.shop-layout .woocommerce-product-gallery, .wpgs.images {
    width:calc(50% - 88px);
    margin:0 44px;
}
#content.shop-layout .woocommerce-product-gallery img, .wpgs.images img {
    display: block;
    margin:0 auto;
    max-width:100%;
    z-index: 2;
    position: relative;
}
#content.shop-layout .summary {
    width:calc(50% - 88px);
    margin:0 44px;
    z-index: 2;
    position: relative;
}
#content.shop-layout .summary .product_meta {
    font-family: 'Gotham';
    font-size:12px;
    line-height:13px;
    color:#000;
    margin:0 0 16px 0;
    padding-top:32px;
}
#content.shop-layout .summary .price {
    padding-top:24px;
    margin-bottom:8px;
}
#content.shop-layout .summary .price:after {
    display: block;
    content:"zuzüglich Porto und Verpackung";
    font-family: 'Gotham';
    font-size:12px;
    line-height:16px;
    color:#000;
}
#content.shop-layout .summary .quantity {
    display: none;
}

.woocommerce button {
    -webkit-appearance:none;
    appearance:none;
    border-radius:0;
    border:none;
    padding:15px 20px;
    background:#0D0D43;
    font-family: 'Gotham';
    font-size:16px;
    line-height:18px;
    color:#fff;
    cursor: pointer;
}
.woocommerce button:hover {
    background:#C61824;
}
.woocommerce .slick-dots button:hover {
    background:none;
}
.woocommerce button:disabled, .woocommerce button:disabled:hover {
    background:#ccc;
    cursor: not-allowed;
}

.product-age {
    position: relative;
    margin:0 0 24px 0;
}
.pa-checkbox input[type="checkbox"], .wc_payment_method input[type="radio"], .checkbox input[type="checkbox"] {
    opacity: 0;
    position: absolute;
}
.pa-checkbox label, .wc_payment_method label, .checkbox span {
    position: relative;
    display: inline-block;
    font-family: 'Gotham';
    font-size:16px;
    line-height:18px;
    color:#000;
    padding:4px 0 4px 32px;
    cursor: pointer;
}
.pa-checkbox label::before, .pa-checkbox label::after, .wc_payment_method label::before, .wc_payment_method label::after, .checkbox span::before, .checkbox span::after {
    position: absolute;
    content: "";
    display: inline-block;
}
.pa-checkbox label::before, .wc_payment_method label::before, .checkbox span::before {
    height: 20px;
    width: 20px;
    border: 1px solid #979797;
    left: 0px;
    top:2px;
}
.pa-checkbox label::after, .wc_payment_method label::after, .checkbox span::after {
    height: 14px;
    width: 14px;
    background:#979797;
    left: 4px;
    top: 6px;
}
.wc_payment_method label::before, .wc_payment_method label::after {
    border-radius: 100%;
} 
.pa-checkbox input[type="checkbox"] + label::after, .wc_payment_method input[type="radio"] + label::after, .checkbox input[type="checkbox"] + span::after {
    content: none;
}
.pa-checkbox input[type="checkbox"]:checked + label::after, .wc_payment_method input[type="radio"]:checked + label::after, .checkbox input[type="checkbox"]:checked + span::after {
    content: "";
}
span.required, abbr.required {
    display: none;
}

.woocommerce-message {
    margin:0 0 48px 0;
    text-align: center;
    font-family: 'Gotham';
    font-size:16px;
    line-height:24px;
    color:#000;
}
.woocommerce-message a {
    color:#000;
}
.woocommerce-message a:hover {
    color:#A5A6A6;
    text-decoration: none;
}

.woocommerce-cart h1, .woocommerce-checkout h1 {
    display: none;
}
.woocommerce-order-failed h1, .woocommerce-order-success h1 {
    display: block;
}
.woocommerce-cart-form__cart-item.cart_item {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    border-bottom:1px solid #979797;
    margin:0 0 24px 0;
    padding:24px 88px;
}
.product-thumbnail {
}
.product-thumbnail img {
    max-height:120px;
    width:auto;
    display: block;
}
.product-name {
    width:30%;
}
.product-name a, .product-subtotal {
    font-family: 'Gotham';
    font-size:20px;
    line-height:22px;
    color:#000;
    text-decoration: none;
}
.product-quantity label {
    display: none;
}
.product-quantity input {
    -moz-appearance: textfield;
    border:1px solid #979797;
    padding:3px 6px;
    font-family: 'Gotham';
    font-size:20px;
    line-height:22px;
    color:#000;
    text-align: center;
    width:60px;
}
.product-quantity input::-webkit-outer-spin-button, .product-quantity input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.product-remove a {
    font-size:0;
    width:13px;
    height:15px;
    background:url(images/trash.svg) no-repeat center center;
    background-size:13px 15px;
    display: block;
}
.product-remove a:hover {
    filter:invert(1);
}

.cart_totals {
    text-align: right;
    padding:0 88px;
}
.cart_totals .shop_table {
    max-width:400px;
    margin:0 0 60px 0;
    padding-top:24px;
    display: inline-block;
}
.ot-total {
    font-family: 'Gotham';
    font-size:20px;
    line-height:22px;
    color:#000;
    text-align: right;
}
.wc-proceed-to-checkout {
    text-align: center;
}
.wc-proceed-to-checkout a {
    padding:15px 20px;
    background:#0D0D43;
    font-family: 'Gotham';
    font-size:16px;
    line-height:18px;
    color:#fff;
    text-decoration: none;
}
.wc-proceed-to-checkout a:hover {
    background:#C61824;
}

#customer_details h3, h3#order_review_heading {
    font-family: 'Gotham';
    font-size:30px;
    line-height:34px;
    color:#000;
    margin:0 0 12px 0;
}
#customer_details .woocommerce-shipping-fields h3 {
    font-size:12px;
    line-height: 14px;
}
#customer_details .col-1 {
    margin:0 0 16px 0;
}
#customer_details .col-2 {
    margin:0 0 32px 0;
}
#customer_details input.input-text {
    -webkit-appearance:none;
    border-radius: 0;
    border:1px solid #000;
    background:#fff;
    font-family: 'Gotham';
    font-size:12px;
    line-height:14px;
    color:#000;
    padding:8px 16px;
    width:100%;
}
#customer_details textarea#order_comments {
    -webkit-appearance:none;
    border-radius: 0;
    border:1px solid #000;
    background:#fff;
    font-family: 'Gotham';
    font-size:12px;
    line-height:14px;
    color:#000;
    padding:8px 16px;
    width:100%;
    max-width:100%;
}
#content #customer_details p#billing_company_field.form-row-first input.input-text {
    width:calc(50% - 5px);
}
.form-row label {
    display: none;
}
#billing_country_field.form-row label, #shipping_country_field.form-row label, .woocommerce-terms-and-conditions-wrapper label, #age_confirm_field label {
    display: block;
}
.woocommerce-billing-fields__field-wrapper, .woocommerce-shipping-fields__field-wrapper {
    display: flex;
    flex-wrap: wrap;
    margin:0 -5px;
}
#content #customer_details p#billing_first_name_field, #content #customer_details p#billing_last_name_field, #content #customer_details p#billing_postcode_field, #content #customer_details p#billing_city_field, #content #customer_details p#billing_phone_field, #content #customer_details p#billing_email_field, #content #customer_details p#shipping_first_name_field, #content #customer_details p#shipping_last_name_field, #content #customer_details p#shipping_postcode_field, #content #customer_details p#shipping_city_field {
    width:calc(50% - 10px);
    margin:0 5px 14px 5px;
} 
#content #customer_details p#billing_address_1_field, #content #customer_details p#shipping_address_1_field, #content #customer_details p#billing_country_field, #content #customer_details p#shipping_country_field {
    width:calc(100% - 10px);
    margin:0 5px 14px 5px;
}
#content #customer_details p#billing_company_field.form-row-first, #content #customer_details p#shipping_company_field.form-row-first {
    width:calc(100% - 10px);
    margin:0 5px 14px 5px;
}
.shop_table.woocommerce-checkout-review-order-table {
    max-width:760px;
}
.shop_table-header, .shop_table-body .cart_item, .shop_table-footer .cart-subtotal, .shop_table-footer .order-total {
    display: flex;
    flex-wrap: wrap;
    padding:8px 0;
    font-family: 'Gotham';
    font-size:20px;
    line-height:24px;
    color:#000;
}
.shop_table-footer {
    font-family: 'Gotham';
    font-size:20px;
    line-height:24px;
}
.shop_table-body .cart_item, .shop_table-footer .cart-subtotal {
    font-family: 'Gotham';
    font-size:16px;
    line-height:20px;
}
.shop_table-footer span.small {
    font-size:16px;
    line-height:20px;
    display: block;
    margin:0 0 12px 0;
}
.shop_table-footer .cart-subtotal, .shop_table-footer .order-total {
    margin:0 0 32px 0;
}
.shop_table-header > div, .shop_table-body .cart_item > div, .shop_table-footer .cart-subtotal > div, .shop_table-footer .cart-subtotal #shipping_method, .shop_table-footer .order-total > div {
    width:50%;
}
.payment_method_paypal img, .payment_method_paypal a.about_paypal {
    display: none;
}
.place-order {
    text-align: center;
    font-size:0;
}
.wpgs-nav .slick-track {
    width:100% !important;
    text-align: center !important;
    padding:16px 0;
    transform: none !important;
}
.wpgs-nav .slick-slide {
    float:none !important;
    display: inline-block !important;
    width:15px !important;
    height:15px !important;
    background:#000;
    border-radius:100%;
    margin-left: 8px;
    margin-right: 8px;
    margin-top: 0 !important;
    cursor: pointer;
}
.wpgs-nav .slick-slide.slick-current {
    background:#ccc;
}
.wpgs-nav .slick-slide img {
    display: none;
}
.slick-track::before, .slick-track::after {
    display: none !important;
}

#footer {
    background:#000;
}
#footer #footer-inner {
    margin:0 auto;
    padding:74px 88px;
    max-width:1440px;
}
#footer #footer-inner #footer-block {
    display: flex;
    flex-wrap: wrap;
    margin:0 -44px;
}
#footer #footer-inner #footer-block #footer-left, #footer #footer-inner #footer-block #footer-right {
    width:calc(50% - 88px);
    margin:0 44px;
}
#footer #footer-inner #footer-block #fmenu {
    margin-bottom:24px;
}
#footer #footer-inner #footer-block #fmenu ul li {
    margin-bottom:8px;     
}
#footer #footer-inner #footer-block #fmenu ul li.honly {
    display: none;
}
.home #footer #footer-inner #footer-block #fmenu ul li.honly {
    display: block;
}
#footer #footer-inner #footer-block #fmenu ul li a {
    font-family: 'Gotham';
    font-size:20px;
    line-height:24px;
    color:#A5A6A6;
    text-decoration: none;
}
#footer #footer-inner #footer-block #fmenu ul li a:hover {
    color:#fff;
}
#footer #footer-inner #footer-block #faddress {
    width:calc(100% - 88px);
    margin:0 44px;
    font-family: 'Gotham';
    font-size:20px;
    line-height:30px;
    color:#A5A6A6;
}

.come-in {
  transform: translateY(0);
  transition: transform 0.8s ease-out;
}
.come-in:nth-child(odd) {
  transition-duration: 0.5s;
}
.already-visible {
  transform: translateY(0);
  transition: none;
}
.scroll-item {
	transform-origin: center center;
}
.off-screen-top{
   transform: translateY(-250px); 
}
.off-screen-bottom{
   transform: translateY(250px); 
}
#sitebuilder .sb-item:nth-last-child(1) .scroll-item {
  transform: none;
  transition: none;
}

#menu-toggle {
    display: none;
    position: absolute;
    top:50%;
    right:0;
    transform:translate(0,-50%);
    cursor: pointer;
    width:27px;
    height:27px;
}
#menu-toggle img {
    padding-top:9px;
}

#mobile-menu {
    background:#000;
    width:100%;
    height:100%;
    max-height:100%;
    right:-150%;
    position: fixed;
    z-index: 99999;
    transition: all .5s ease;
    overflow: hidden;
}
#mobile-menu.mopen {
    right:0;
    position: fixed;
    transition: all .5s ease;
}
#mobile-menu #mobile-menu-frame {
    width:100%;
    overflow-y: auto;
    height:100%;
    max-height:100%;
    padding-top:120px;
}
#mobile-menu #mm-logo {
    position: absolute;
    top:26px;
    left:24px;
    z-index: 3;
}
#mobile-menu #mm-close {
    position: absolute;
    top:26px;
    right:24px;
    cursor: pointer;
}
#mobile-menu #mm-inner {
    margin:0 24px;
    padding-bottom:64px;
}
#mobile-menu #mm-inner #mfmenu {
    padding-top:60px;
}
#mobile-menu #mm-inner ul.menu li {
    text-align: center;
    display: block;
    margin-bottom:32px;
}
#mobile-menu #mm-inner ul.menu li a {
    font-family: 'Gotham';
    font-size:30px;
    line-height: 32px;
    color:#A5A6A6;
    text-decoration: none;
    display: inline-block;
}
#mobile-menu #mm-inner ul.menu li a:hover, #mobile-menu #mm-inner ul.menu li.current-menu-item a {
    color:#fff;
}
#mobile-menu #mm-inner #mfmenu ul.menu li , #mobile-menu #mm-inner #mfmenu2 ul.menu li {
    margin-bottom:16px;
}
#mobile-menu #mm-inner #mfmenu ul.menu li a, #mobile-menu #mm-inner #mfmenu2 ul.menu li a {
    font-size:16px;
    line-height:18px;
}
#mobile-menu #mm-inner ul.menu li a:hover {
    color:#fff;
}
#mobile-menu #mm-inner ul.menu li .sub-menu {
    display: none;
}
#mobile-menu .menu-hauptmenue-container {
    display: block;
}

.slick-prev, .slick-next {
    font-size: 0 !important;
    line-height: 0 !important;
    position: absolute !important;
    top: 50% !important;
    display: block !important;
    width: 43px !important;
    height: 43px !important;
    padding: 0 !important;
    -webkit-transform: translate(0, -50%) !important;
    -ms-transform: translate(0, -50%) !important;
    transform: translate(0, -50%) !important;
    cursor: pointer !important;
    color: transparent !important;
    border: none !important;
    outline: none !important;
    background: transparent !important;
}
.slick-prev {
    left: 24px !important;
    background:url(images/arrow-left.svg) no-repeat center center !important;
    background-size:43px 43px !important;
    z-index: 99 !important;
}
.slick-next {
    right: 24px !important;
    background:url(images/arrow-right.svg) no-repeat center center !important;
    background-size:43px 43px !important;
    z-index: 99 !important;
}
.arrow-prev::before, .slick-prev::before, .arrow-next::before, .slick-next::before {
    content: '' !important;
    display: none;
}

.woocommerce-order-pay #order_review .shop_table {
    display: none !important;
}
.sbi-tfull-note img {
    margin-top:-60px;
}
#layers-end {
    position: absolute;
    bottom:-80px;
}

.macher .sb-img, .gin-1 .sb-img, .gin-2 .sb-img {
    position: relative;
}
.macher .sb-img:after { 
    content:"";
    width:406px;
    height:544px;
    display: block;
    position: absolute;
    bottom:-200px;
    right:-180px;
    background:url(images/botanical-macher.svg) no-repeat center center;
    background-size:406px 544px;
}
.gin-1 .sb-img:after {
    content:"";
    width:406px;
    height:544px;
    display: block;
    position: absolute;
    bottom:-200px;
    left:-180px;
    background:url(images/botanical-gin.svg) no-repeat center center;
    background-size:406px 544px;
}
.gin-2 .sb-img:after {
    content:"";
    width:340px;
    height:437px;
    display: block;
    position: absolute;
    bottom:-260px;
    left:-100px;
    background:url(images/botanical-gin-2.svg) no-repeat center center;
    background-size:340px 437px;
}

#hero-ani.mob {
    display: none;
}

.earthquake img.shake {
    -webkit-animation: shake 1s;
    animation: shake 1s;
    -webkit-animation-iteration-count: calc(1 * 3);
    animation-iteration-count: calc(1 * 3);
}
@-webkit-keyframes shake {
  0% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-1deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  30% { transform: translate(3px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(3px, 1px) rotate(-1deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(1px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); }
}
@keyframes shake { 
  0% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-1deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  30% { transform: translate(3px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(3px, 1px) rotate(-1deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(1px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); }
}

#content .not-found {
    margin:0 auto;
    padding:160px 32px;
    max-width:760px;
}

#mc_embed_signup {
    width:100% !important;
    display: flex;
    justify-content: center;
}
#mc_embed_signup form {
    width:600px;
    margin:0 !important;
    padding:22px 0;
}
#mc_embed_signup .mc-field-group {
    width:100% !important;
}
#mc_embed_signup input {
    -webkit-appearance: none;
    border-radius: 0 !important;
    border: 1px solid #000 !important;
    background: #fff;
    font-family: 'Gotham';
    font-size: 12px;
    line-height: 14px;
    color: #000;
    padding: 8px 16px;
    width: 100%;
}
#mc_embed_signup .button {
    -webkit-appearance: none;
    appearance: none;
    border-radius: 0 !important;
    border: none !important;
    padding: 15px 20px !important;
    background: #0D0D43 !important;
    font-family: 'Gotham' !important;
    font-size: 16px !important;
    line-height: 18px !important;
    color: #fff !important;
    height: auto !important;
    cursor: pointer;
}
#mc_embed_signup .button:hover {
    background: #C61824 !important;
}

.woocommerce-form-coupon-toggle {
    border-bottom:1px solid #333;
    padding-bottom:16px;
    margin-bottom:16px;
}
.woocommerce-form-coupon-toggle .woocommerce-info {
    font-family: 'Gotham';
    color:#000;
}
.woocommerce-form-coupon-toggle .woocommerce-info a {
    color:#000;
}
#woocommerce-checkout-form-coupon {
    padding-bottom:24px;
}
#woocommerce-checkout-form-coupon p {
    margin:0 !important;
}
#coupon_code {
    width:100%;
    border: 1px solid #000;
    background: #fff;
    font-family: 'Gotham';
    font-size: 16px;
    line-height: 22px;
    color: #000;
    padding: 8px 16px;
    margin-bottom:16px;
}
.cart-discount {
    margin-bottom:24px;
}
.cart-discount div:nth-child(2) {
    font-size:16px;
    line-height:22px;
}
.woocommerce-remove-coupon {
    color: #000;
    text-decoration: none;
}
.woocommerce-remove-coupon:hover {
    color: #C61824;
}
#coupon-error-notice {
    display: block;
    font-size:16px;
    line-height:22px;
    color: #C61824;
    margin-bottom:16px;
}

#event-archive, .sb-events {
    margin:0 auto;
    padding:132px 24px 88px 24px;
    max-width:1300px;
}
#event-archive #event-archive-items, .sb-events .sb-events-items {
    display:flex;
    flex-wrap: wrap;
    margin:0 -16px;
    padding-top:32px;
}
#event-archive #event-archive-items .event-archive-item, .sb-events .sb-events-items .sb-events-item {
    width:calc(50% - 32px);
    margin:0 16px 32px 16px;
    border:2px solid #fff;
    background:#000;
    position: relative;
}
.white #event-archive #event-archive-items .event-archive-item, .white .sb-events .sb-events-items .sb-events-item {
    border:2px solid #000;
    background:#fff;
}
#event-archive #event-archive-items .event-archive-item .event-archive-item-img, .sb-events .sb-events-items .sb-events-item .sb-events-item-img {
    overflow: hidden;
    margin-bottom:16px;
}
#event-archive #event-archive-items .event-archive-item .event-archive-item-img img, .sb-events .sb-events-items .sb-events-item .sb-events-item-img img {
    display: block;
}
#event-archive #event-archive-items .event-archive-item .event-archive-item-text, .sb-events .sb-events-items .sb-events-item .sb-events-item-text {
    padding:16px 24px 88px 24px;
}
div.event-archive-item-dt, div.sb-events-item-dt {
    display: block;
    font-family: 'Gotham-Book';
    font-size:14px;
    line-height:22px;
    color:#ccc;
    margin-bottom:12px;
}
.white div.sb-events-item-dt {
    color:#333;
}
#content .event-archive-item-text h2, #sitebuilder .sb-events-item-text h3 {
    font-family: 'MUBATEXT';
    font-size:32px;
    line-height:36px;
    color:#fff;
    margin-bottom:8px;
}
#content h2.woocommerce-loop-product__title {
    font-family: 'MUBATEXT';
    font-size:28px;
    line-height:32px;
    color:#fff;
    padding-top:12px;
    margin-bottom:4px;
}
#content .event-archive-item-text p, #sitebuilder .sb-events-item-text p, .woocommerce-product-details__short-description-loop {
    font-family: 'Gotham-Book';
    font-size:16px;
    line-height:24px;
    color:#fff;
    margin:0;
}
#content .white .event-archive-item-text h2, #sitebuilder .white .sb-events-item-text h3, #content .white .event-archive-item-text p, #sitebuilder .white .sb-events-item-text p, #content h2.woocommerce-loop-product__title, .woocommerce-product-details__short-description-loop {
    color:#000;
}
#event-archive #event-archive-items .event-archive-item .event-archive-item-button, .sb-events .sb-events-items .sb-events-item .sb-events-item-button {
    position: absolute;
    bottom:24px;
    right:24px;
    left:24px;
    text-align: right;
    font-size:0;
}
#event-archive #event-archive-items .event-archive-item .event-archive-item-button a, .sb-events .sb-events-items .sb-events-item .sb-events-item-button a, .post-type-archive-product ul.products li.product a.add_to_cart_button, .single-product .related ul.products li.product a.add_to_cart_button {
    display: inline-block;
    font-family: 'Gotham';
    font-size: 16px;
    line-height: 18px;
    color: #fff;
    text-decoration: none;
    padding: 10px 32px;
    background: #000;
    border:2px solid #fff;
}
.white .sb-events .sb-events-items .sb-events-item .sb-events-item-button a {
    color: #000;
    background: #fff;
    border:2px solid #000;
}
.post-type-archive-product ul.products li.product a.add_to_cart_button, .single-product .related ul.products li.product a.add_to_cart_button {
    background: #0D0D43;
    color: #fff !important;
    height: auto !important;
    margin-top:12px;
}
#event-archive #event-archive-items .event-archive-item .event-archive-item-button a:hover, .sb-events .sb-events-items .sb-events-item .sb-events-item-button a:hover, .post-type-archive-product ul.products li.product a.add_to_cart_button:hover {
    background: #fff;
    color:#000;
}
.white .sb-events .sb-events-items .sb-events-item .sb-events-item-button a:hover {
    background: #000;
    color:#fff;
}
.post-type-archive-product ul.products li.product a.add_to_cart_button:hover, .single-product .related ul.products li.product a.add_to_cart_button:hover {
    background: #C61824;
}

#events-single {
    margin:0 auto;
    padding:154px 24px 124px 24px;
    max-width:1008px;
}
#content #events-single h2, #content #events-single h3, #content #events-single p, #content #events-single ul li, #content #events-single ol li, #content #events-single p a, #content #events-single ul li a, #content #events-single ol li a {
    color:#fff;
}

.related.products {
    padding:88px 24px 0 24px;
}
#content .related.products > h2 {
    text-align: center;
    margin-bottom:32px;
}
.post-type-archive-product ul.products, .single-product .related ul.products {
    display: flex;
    flex-wrap: wrap;
    margin:0 -16px !important;
    padding:0 !important;
}
.single-product .related ul.products {
    justify-content: center;
}
.post-type-archive-product ul.products li.product, .single-product .related ul.products li.product {
    width:calc(33.333% - 32px) !important;
    margin:0 16px 32px 16px !important;
    display: block !important;
}
.post-type-archive-product ul.products li.product a, .single-product .related ul.products li.product a {
    text-decoration: none;
    display: block;
}
.post-type-archive-product ul.products li.product a img, .single-product .related ul.products li.product a img {
    display: block;
}


@media only screen and (orientation: portrait) {
    #hero-ani.mob {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    #hero-ani.desk {
        display: none;
    }
    #layers-mob img {
        max-width:inherit;
    }
    #layers-mob .layer-9 {
        bottom:-35vw;
        left:-30vw;
    }
    #layers-mob .layer-9 img {
        width:auto;height:63vh;
    }
    #layers-mob .layer-9-right {
        top:0;
        right:10vw;
        transform: rotate(70deg);
    }
    #layers-mob .layer-9-right img {
        width:auto;height:102vh;
    }
    #layers-mob .layer-8-right {
        bottom:-20vh;
        right:-25vw;
    }
    #layers-mob .layer-8-right img {
        width:auto;height:60vh;
    }
    #layers-mob .layer-8-top {
        top:-20vh;
        right:-60vw;
        transform: rotate(130deg)
    }
    #layers-mob .layer-8-top img {
        width:auto;height:92vh;
    }
    #layers-mob .layer-8-bottom {
        transform: rotate(160deg);
        top:-6vh;
        right:-5vw;
    }
    #layers-mob .layer-8-bottom img {
        width:auto;height:55vh;
    }
    #layers-mob .layer-8-left {
        top:-15vw;
        left:-60vw;
    }
    #layers-mob .layer-8-left img {
        width:auto;height:92vh;
    }
    #layers-mob .layer-7-top {
        top:-3vw;
        left:-3vw;
    }
    #layers-mob .layer-7-top img {
        width:auto;height:27vh;
    }
    #layers-mob .layer-6-right {
        transform: rotate(88deg);
        bottom:-60vw;
        right:-35vw;
    }
    #layers-mob .layer-6-right img {
        width:auto;height:65vh;
    }
    #layers-mob .layer-5 {
        transform: rotate(180deg);
        top:55vh;
        right:-10vw;
    }
    #layers-mob .layer-5 img {
        width:auto;height:20vh;
    }
    #layers-mob .layer-4-top {
        left:45vw;
    }
    #layers-mob .layer-4-top img {
        width:auto;height:30vh;
    }
    #layers-mob .layer-2 {
        top:-45vw;
        right:-30vw;
    }
    #layers-mob .layer-2 img {
        width:auto;height:51vh;
    }
    #layers-mob .layer-1 {
        top:15vh;
        left:-7vw;
    }
    #layers-mob .layer-1 img {
        width:auto;height:26vh;
    }
}

@media only screen and (orientation: portrait) and (max-width:599px) {
    #layers-mob .layer-8-top {
        top:-20vh;
        right:-660px;
    }
    #layers-mob .layer-8-top img {
        height:82vh;
    }
    #layers-mob .layer-8-left {
        top:-15vw;
        left:-440px;
    }
    #layers-mob .layer-5 {
        top:35vh;
    }
    #layers-mob .layer-4-top {
        top:-60px;
    }
    #layers-mob .layer-2 {
        top:-250px;
        right:-250px;
    }
    #layers-mob .layer-1 {
        top: 25vh;
        left: -8vw;
    }
}
@media only screen and (orientation: portrait) and (max-width:414px) {
    #layers-mob .layer-8-bottom {
        right:-9vw;
    }
}
@media only screen and (orientation: portrait) and (max-width:375px) {
    #layers-mob .layer-9 {
        bottom:-55vw;
        left:-30vw;
    }
    #layers-mob .layer-8-left {
        top:-15vw;
        left:-240px;
    }
    #layers-mob .layer-8-bottom {
        top:-4vh;
        right:-7vw;
    }
    #layers-mob .layer-6-right {
        bottom:-60vw;
        right:-40vw;
    }
}

@media only screen and (max-width:1480px) {
    #layers .layer-8-right {
        top: -20%;
        right:-5%;
    }
}
@media only screen and (max-width:1440px) {
    .sbi-tfull-bg, #contact-bg {
        width: 1440px;
        height: 296px;
    }
    .tfull-pano .sbi-tfull {
        padding: 120px 44px 326px 44px;
    }
    .sbi-iltr-inner .sb-text .sb-text-inner {
        padding-right:24px;
    }
    .sbi-tlir-inner .sb-text .sb-text-inner, .sbi-scta-inner .sb-text .sb-text-inner {
        padding-left:24px;
    }
}
@media only screen and (max-width:1366px) {
    #layers .layer-8-right {
        top: -10%;
        right:0;
    }
    #header-video video {
        height: 100%;
    }
}
@media only screen and (max-width:1320px) {
    .sbi-tfull-text .sbi-tfull-note {
        position: inherit;
        top: auto;
        left:auto;
        width: auto;
        margin-bottom:32px;
    }
    .sbi-tfull-note img {
        margin-top:0;
    }
}
@media only screen and (max-width:1280px) {
    #header-inner {
        padding: 32px 24px;
    }
    #header #menu {
        right: 24px;
    }
    #header #menu ul li {
        margin: 0 16px;
    }
    #footer #footer-inner {
        padding: 74px 24px;
    }
    #contact-block {
        padding:120px 44px 0 44px;
    }
    #sitebuilder .sb-item:nth-child(1) {
        padding-top: 60px;
    }
    .sbi-tfull {
        padding:60px 44px;
    }
    .tfull-pano .sbi-tfull {
        padding:60px 44px 326px 44px;
    }
    #content.shop-layout {
        padding:120px 44px 44px 44px;
    }
    .page-template-default #content, .page-template-page-imprint #content, .woocommerce-cart #content {
        padding:120px 44px;
    }
    .page-template-default #content .woocommerce-order-failed h1, .page-template-default #content .woocommerce-order-success h1 {
        padding:24px 44px 0 44px;
    } 
    .sbi-fis, .cart_totals {
        padding: 0 44px;
    }
    #contact-block-inner {
        min-height:1px;
    }
    .sbi-iltr-inner, .sbi-tlir-inner, .sbi-scta-inner {
        margin: 0 -32px;
    }
    .sbi-iltr-inner .sb-text, .sbi-tlir-inner .sb-text, .sbi-scta-inner .sb-text, .sbi-iltr-inner .sb-img, .sbi-tlir-inner .sb-img, .sbi-scta-inner .sb-img {
        width: calc(50% - 64px);
        margin: 0 32px;
    }
    #content.shop-layout .woocommerce-product-gallery, .wpgs.images {
        width: calc(50% - 64px);
        margin: 0 32px;
    }
    .woocommerce-cart-form__cart-item.cart_item {
        padding: 24px 44px;
    }
}
@media only screen and (max-width:1080px) { 
    #container.visible-menu {
        padding-top:75px;
    }
    .header-slides-item.slick-slide, #header-video {
        height: calc(100vh - 75px);
    }
    #header-video iframe {
        min-height: calc(100vh - 75px);
    }
    #layers img {
        max-width:inherit;
    }
    #layers .layer-9-top {
        top: -12%;
        left: 10.15625%;
    }
    #layers .layer-8-right {
        top: -4%;
    }
    #layers .layer-7-bottom {
        left: 26.041666666666668%;
        bottom:-220px;
    }
    #layers .layer-7-left {
        top: -30%;
        left: -12%;
    }
    #layers .layer-2-bottom {
        bottom: -15%;
        left: 0;
    }
    #layers .layer-4-right {
        right: -32%;
    }
    #layers .layer-3-bottom {
        bottom: -3%;
        left: -10.052083333333334%;
    }
    #layers .layer-1-left {
        bottom:0;
        left: -7%;
    }
    .menu-hauptmenue-container {
        display: none;
    }
    #menu-cart {
        position: absolute;
        top:50%;
        right:64px;
        transform: translate(0,-50%);
        width:21px;
        height:27px;
        padding:0;
    }
    .mc-count {
        bottom: -10px;
        right: -12px;
    }
    #menu-toggle {
        display:block;
        right:24px;
    }
    #header-inner {
        padding: 26px 24px;
    }
    #header #logo img {
        width:200px;
        height:19px;
    }
    .sbi-tfull-bg, #contact-bg {
        width: 1024px;
        height: 210px;
    }
    .tfull-pano .sbi-tfull {
        padding: 60px 44px 240px 44px;
    }
    #contact-title, #contact-text {
        width:calc(50% - 88px);
        margin:0 44px;
    }
    #header-img {
        padding-top: 74px;
    }  
    #event-archive, .sb-events {
        padding: 44px 24px;
    }
    .post-type-archive-product ul.products li.product, .single-product .related ul.products li.product {
        width: calc(50% - 32px) !important;
    }
    .macher .sb-img:after { 
        width:300px;
        height:402px;
        bottom:-100px;
        right:-100px;
        background:url(images/botanical-macher.svg) no-repeat center center;
        background-size:300px 402px;
    }
    .gin-1 .sb-img:after {
        width:300px;
        height:402px;
        bottom:-100px;
        left:-100px;
        background:url(images/botanical-gin.svg) no-repeat center center;
        background-size:300px 402px;
    }
    .gin-2 .sb-img:after {
        width:240px;
        height:308px;
        bottom:0;
        left:-100px;
        background:url(images/botanical-gin-2.svg) no-repeat center center;
        background-size:240px 308px;
    }
}
@media only screen and (max-width:1023px) { 
    .header-slides-item.slick-slide, #header-video {
        height:auto;
        aspect-ratio:16/9;
    }
    #header-video iframe {
        min-height: 100%;
    }
}
@media only screen and (max-width:810px) {     
    #event-archive #event-archive-items .event-archive-item, .sb-events .sb-events-items .sb-events-item {
        width: calc(100% - 32px);
    }
    #event-archive #event-archive-items, .sb-events .sb-events-items {
        padding-top: 12px;
    }
    #contact-block-inner {
        display: block;
        margin: 0;
    }
    #contact-title, #contact-text {
        width:100%;
        margin:0;
    }
    #contact-title {
        padding-bottom:24px;
    }
    #sitebuilder h1, #content h1, .page-template-default #content .woocommerce-order-failed h1, .page-template-default #content .woocommerce-order-success h1, #sitebuilder .sbi-tfull-text h2, #content .event-archive-item-text h2, #sitebuilder .sb-events-item-text h3 {
        font-size:30px;
        line-height:36px;
    }
    #sitebuilder h2 {
        font-size:40px;
        line-height:42px;
    }
    #sitebuilder .sbi-quote .sbi-quote-text p {
        font-size:30px;
        line-height:36px;
    }
    .page-template-default #content h1 {
        font-size:20px;
        line-height:24px;
    }
    #sitebuilder p, #customer_details h3, h3#order_review_heading, #sitebuilder ul li, #sitebuilder ol li {
        font-size:16px;
        line-height:20px;
    }
    .page-template-default #content h2, #content h2, #sitebuilder .sb-acc-item h3 {
        font-size:19px;
        line-height:22px;
    }
    #sitebuilder ul li, #sitebuilder ol li, #content ul li, #content ol li, #sitebuilder .sbi-quote .sbi-quote-author p, .shop_table-header, .shop_table-body .cart_item, .shop_table-footer .cart-subtotal, .shop_table-footer .order-total, .shop_table-footer, .ot-total, .sbi-tfull-text .sbi-tfull-note {
        font-size:16px;
        line-height:20px;
    }
    #sitebuilder p, #content p, .home #sitebuilder p, #sitebuilder .sb-newsletter p, #sitebuilder .sb-acc p, #sitebuilder .sb-newsletter ul li, #sitebuilder .sb-acc ul li , #sitebuilder .sb-newsletter ol li, #sitebuilder .sb-acc ol li  {
        font-size:16px;
        line-height:20px;
        margin:0 0 24px 0;
    }
    .shop_table-body .cart_item, .shop_table-footer .cart-subtotal, .shop_table-footer span.small {
        font-size:16px;
        line-height:20px;
    }
    .woocommerce-message {
        margin:0 0 24px 0;
    }
    #content p#billing_country_field .woocommerce-input-wrapper, #content p#shipping_country_field .woocommerce-input-wrapper, #content .payment_box p, #content .woocommerce-privacy-policy-text p {
        font-size:12px;
    }
    #sitebuilder .sb-item {
        padding: 44px 0;
    }
    .sb-acc .sb-acc-items {
        padding-top:12px;
    }
    .macher .sb-img:after { 
        width:200px;
        height:268px;
        bottom:-60px;
        right:-60px;
        background:url(images/botanical-macher.svg) no-repeat center center;
        background-size:200px 268px;
    }
    .gin-1 .sb-img:after {
        width:200px;
        height:268px;
        bottom:-60px;
        left:-60px;
        background:url(images/botanical-gin.svg) no-repeat center center;
        background-size:200px 268px;
    }
    .gin-2 .sb-img:after {
        width:140px;
        height:180px;
        bottom:0;
        left:-40px;
        background:url(images/botanical-gin-2.svg) no-repeat center center;
        background-size:140px 180px;
    }
}
@media only screen and (max-width:767px) { 
    #content.shop-layout .woocommerce-product-gallery, .wpgs.images {
        width:316px;
        margin: 0 24px 32px 24px;
    }
    #content.shop-layout .summary {
        width: calc(100% - 48px);
        margin: 0 24px;
    }
    .place-order {
        text-align: left;
    }
    .woocommerce button {
        margin:0 auto;
    }
    .woocommerce-cart-form__cart-item.cart_item, .cart_totals {
        padding: 24px;
    }
    #event-archive #event-archive-items, .sb-events .sb-events-items {
        padding-top: 0;
    }
    .post-type-archive-product ul.products li.product, .single-product .related ul.products li.product {
        width: calc(100% - 32px) !important;
    }
}
@media only screen and (max-width:640px) { 
    #mc_embed_signup form {
        width:100%;
    }
}
@media only screen and (max-width:568px) { 
    .off-screen-top{
        transform: translateY(-100px); 
    }
    .off-screen-bottom{
        transform: translateY(100px); 
    }
    .come-in {
        transition: transform 0.3s ease-out;
    }
    .come-in:nth-child(odd) {
        transition-duration: 0.3s;
    }
    .sbi-iltr-inner .sb-text .sb-text-inner {
        padding-right:0;
    }
    .sbi-tlir-inner .sb-text .sb-text-inner, .sbi-scta-inner .sb-text .sb-text-inner {
        padding-left:0;
    }
    .sbi-iltr-inner, .sbi-tlir-inner, .sbi-scta-inner {
        margin:0;
    }
    .sbi-iltr-inner .sb-img, .sbi-tlir-inner .sb-img, .sbi-scta-inner .sb-img, .sbi-iltr-inner .sb-text, .sbi-tlir-inner .sb-text, .sbi-scta-inner .sb-text {
        width:100%;
        margin:0 24px;
    }
    .sbi-iltr-inner .sb-img, .sbi-tlir-inner .sb-img, .sbi-scta-inner .sb-img, .ptop .sbi-iltr-inner .sb-img {
        margin:0;
    }
    .sbi-iltr-inner .sb-text, .sbi-tlir-inner .sb-text, .sbi-scta-inner .sb-text {
        width:calc(100% - 48px);
        margin:0 24px;
    }
    .sbi-iltr-inner .sb-text, .sbi-tlir-inner .sb-text {
        margin-bottom:12px;
    }
    .sbi-iltr-inner .sb-text, .sbi-tlir-inner .sb-text, .sbi-scta-inner .sb-img, .mobile-img-top .sbi-iltr-inner .sb-img, .mobile-img-top .sbi-tlir-inner .sb-img {
        order:1;
    }
    .sbi-iltr-inner .sb-img, .sbi-tlir-inner .sb-img, .sbi-scta-inner .sb-text, .mobile-img-top .sbi-iltr-inner .sb-text, .mobile-img-top .sbi-tlir-inner .sb-text {
        order:2;
    }
    .pequal .sbi-iltr-inner .sb-img img {
        margin-top:0;
        margin-bottom:0;
    }
    #sitebuilder .sb-item {
        padding: 24px 0;
    }
    .home #sitebuilder .sb-item {
        padding: 0;
    }
    .sbi-button, .wo-button {
        padding-top: 24px;
    }
    #contact-block {
        padding:100px 24px 0 24px;
    }
    .sbi-tfull {
        padding:24px;
    }
    .tfull-pano .sbi-tfull {
        padding:48px 24px 140px 24px;
    }
    .page-template-page-contact #content {
        padding-bottom:140px;
    }
    .sbi-tfull-bg, #contact-bg {
        width: 568px;
        height: 117px;
    }
    #content.shop-layout {
        padding:100px 24px 24px 24px;
    }
    #content.shop-layout .product {
        display: flex;
        margin: 0 -24px;
    }
    .page-template-default #content, .page-template-page-imprint #content, .woocommerce-cart #content {
        padding:100px 24px 48px 24px;
    }
    .page-template-default #content .woocommerce-order-failed h1, .page-template-default #content .woocommerce-order-success h1 {
        padding:24px 24px 0 24px;
    }
    .sbi-fis {
        padding: 0 24px;
    }
    #content #customer_details p#billing_first_name_field, #content #customer_details p#billing_last_name_field, #content #customer_details p#billing_postcode_field, #content #customer_details p#billing_city_field, #content #customer_details p#billing_phone_field, #content #customer_details p#billing_email_field, #content #customer_details p#shipping_first_name_field, #content #customer_details p#shipping_last_name_field, #content #customer_details p#shipping_postcode_field, #content #customer_details p#shipping_city_field {
        width: calc(100% - 10px);
    }
    #content #customer_details p#billing_company_field.form-row-first input.input-text {
        width: 100%;
    }
    .woocommerce-cart-form__cart-item.cart_item, .cart_totals {
        padding: 48px 0;
    }
    .woocommerce-cart-form__cart-item.cart_item, .cart_totals {
        position: relative;
    }
    .cart .product-thumbnail {
        position: absolute;
        left:0;
        width:68px;
    }
    .cart .product-name {
        width:calc(100% - 92px);
        margin-left:92px;
        margin-bottom:16px;
    }
    .cart .product-quantity {
        width:64px;
        margin-left: 92px;
        display: inline-block;
    }
    .cart .product-remove {
        width:44px;
        display: inline-block;
        text-align: center;
    }
    .cart .product-remove a {
        display: inline-block;
        vertical-align: middle;
    }
    .cart .product-subtotal {
        width:calc(100% - 200px);
        display: inline-block;
        text-align: right;
    }
    #content .ot-info {
        padding-top:12px;
    }
    #content .ot-info p, .ot-total {
        text-align: left;
    }
    .ot-total strong {
        float: right;
    }
    .slick-prev, .slick-next {
        width: 24px !important;
        height: 24px !important;
    }
    .slick-prev {
        left: 12px !important;
        background:url(images/arrow-left.svg) no-repeat center center !important;
        background-size:24px 24px !important;
    }
    .slick-next {
        right: 12px !important;
        background:url(images/arrow-right.svg) no-repeat center center !important;
        background-size:24px 24px !important;
    }
    .ptop .sbi-iltr-inner .sb-img {
        margin-top: 0;
    }
    #content.shop-layout .woocommerce-product-gallery, .wpgs.images {
        width: 200px;
    }
    #footer #footer-inner {
        padding: 32px 24px 32px 24px;
    }
    #footer #footer-inner #footer-block {
        display: block;
        margin: 0;
    }
    #footer #footer-inner #footer-block #footer-left, #footer #footer-inner #footer-block #footer-right {
        width: 100%;
        margin: 0;
    }
    #footer #footer-inner #footer-block #fmenu {
        margin-bottom: 0;
    }
    #footer #footer-inner #footer-block #fmenu ul li a {
        font-size: 12px;
        line-height: 20px;
        color: #A5A6A6;
    }
    #faddress {
        display: none;
    }
    .gin-2 .sb-img:after {
        bottom:-100px;
        left:-40px;
    }
}