/*
Theme Name: 	Storefront Child Theme
Theme URI: 	https://github.com/stuartduff/storefront-child-theme
Author: 	Stuart Duff
Author URI: http://stuartduff.com
Template: 	storefront
Description: 	This is a blank child theme for WooThemes StoreFront theme
Version: 	1.0.0
License: 	GNU General Public License v2 or later
License URI: 	http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: 	storefront
Tags: 	black, white, light, two-columns, left-sidebar, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template, threaded-comments, accessibility-ready
*/
:root{
--button-background-color:#131313;
--app-background-color:#131313;
/*--app-text-color:#000000;*/
--app-text-color:#FFFFFF;
/*--button-payments-background-color:#72A998;*/
/*--button-payments-background-color:#99D7BE;*/
--button-payments-background-color:#00A58D;
--button-payments-background-color-needs-age-check:#9ae4d9;
}

#twitter-X-icon-SVG{width:26px;
 height:26px;
 transform:translateY(4px);
 margin-left:-6px;
 margin-right:-6px}
/*#twitter-X-icon-SVG .stdkeh4s5t6zse80{stroke-miterlimit:10}
#twitter-X-icon-SVG .stdi8e746hztgjs81{fill:#000000}*/


#billing_birthdate{margin-bottom:1px!important}
.woocommerce-form__label.woocommerce-form__label-for-checkbox.checkbox{display:flex;gap:15px}
.flex-wide-ticket.archived-event-dxnrg{filter:brightness(0.7) blur(1px)!important}
.wrap-2021-tickets .larger-small-compound{min-width:70%}
.paymnt-mame_twint .woocommerce > ul.order_details, .paymnt-mame_twint #twint-payment-mask, .paymnt-mame_twint #twint-payment-processing-wrapper{
width:100%;
max-width:600px;
padding:0 6%;
margin:0 auto;
list-style:none;
float:none}
.paymnt-mame_twint #twint-payment-mask .value{background-color:transparent}
.paymnt-mame_twint span.woocommerce-Price-amount.amount bdi{color:black}
.paymnt-mame_twint #twint-payment-processing-wrapper #payment-processing-loader{margin:0 auto}
div.edit-link{display:none}
.lineup-container .acts-line a{color:#000}
.lineup-container .acts-line a:hover{color:#000!important}
.tickets-btn-home-mobile{display:none}
span.woocommerce-Price-amount.amount{width:100%}
span.woocommerce-Price-amount.amount bdi{display:flex;flex-direction:row;align-items:baseline;justify-content:flex-end;gap:3px}
.style-btn{
font-family:'SoinSansNeue-Black';
color:#fff;
background-color:#FF8000!important;
text-transform:uppercase;
letter-spacing:1px;
font-size:1.5rem;
line-height:1;
padding:1rem 2rem;
display:inline-block;
margin-bottom:3rem;
font-weight:100!important}
.card-row.left{flex-direction:row-reverse}
.woocommerce a, .text-decoration-underline{
 text-decoration:underline!important;
 font-weight:bold}

.box-shadow{
 -webkit-box-shadow:0px 20px 138px 0px rgba(0, 0, 0, 0.2);
 -moz-box-shadow:0px 20px 138px 0px rgba(0, 0, 0, 0.2);
 box-shadow:0px 20px 138px 0px rgba(0, 0, 0, 0.2)}

h1.box-title{
 font-size:38px}

.std-btn{
 background-color:var(--button-payments-background-color);
 padding:0;
 display:inline-flex}

.std-btn a{
 color:#fff;
 padding:10px;
 font-size:18px;
 font-family:'SoinSansNeue-Roman';
 font-weight:600;
 color:#ffffff;
 text-decoration:none!important}

.swiper-container{
 margin:0 auto;
 position:relative;
 overflow:hidden;
 list-style:none;
 padding:0;
 /* Fix of Webkit flickering */
 z-index:1}

.swiper-container-no-flexbox .swiper-slide{
 float:left}

.swiper-container-vertical > .swiper-wrapper{
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -webkit-flex-direction:column;
 -ms-flex-direction:column;
 flex-direction:column}

.swiper-wrapper{
 position:relative;
 width:100%;
 height:100%;
 z-index:1;
 display:-webkit-box;
 display:-webkit-flex;
 display:-ms-flexbox;
 display:flex;
 -webkit-transition-property:-webkit-transform;
 transition-property:-webkit-transform;
 -o-transition-property:transform;
 transition-property:transform;
 transition-property:transform, -webkit-transform;
 -webkit-box-sizing:content-box;
 box-sizing:content-box}

.swiper-container-android .swiper-slide,
.swiper-wrapper{
 -webkit-transform:translate3d(0px, 0, 0);
 transform:translate3d(0px, 0, 0)}

.swiper-container-multirow > .swiper-wrapper{
 -webkit-flex-wrap:wrap;
 -ms-flex-wrap:wrap;
 flex-wrap:wrap}

.swiper-container-free-mode > .swiper-wrapper{
 -webkit-transition-timing-function:ease-out;
 -o-transition-timing-function:ease-out;
 transition-timing-function:ease-out;
 margin:0 auto}

.swiper-slide{
 -webkit-flex-shrink:0;
 -ms-flex-negative:0;
 flex-shrink:0;
 width:100%;
 height:100%;
 position:relative;
 -webkit-transition-property:-webkit-transform;
 transition-property:-webkit-transform;
 -o-transition-property:transform;
 transition-property:transform;
 transition-property:transform, -webkit-transform}

.swiper-slide-invisible-blank{
 visibility:hidden}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide{
 height:auto}

.swiper-container-autoheight .swiper-wrapper{
 -webkit-box-align:start;
 -webkit-align-items:flex-start;
 -ms-flex-align:start;
 align-items:flex-start;
 -webkit-transition-property:height, -webkit-transform;
 transition-property:height, -webkit-transform;
 -o-transition-property:transform, height;
 transition-property:transform, height;
 transition-property:transform, height, -webkit-transform}

.swiper-container-3d{
 -webkit-perspective:1200px;
 perspective:1200px}

.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow{
 -webkit-transform-style:preserve-3d;
 transform-style:preserve-3d}

.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom{
 position:absolute;
 left:0;
 top:0;
 width:100%;
 height:100%;
 pointer-events:none;
 z-index:10}

.swiper-container-3d .swiper-slide-shadow-left{
 background-image:-webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
 background-image:-webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
 background-image:-o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
 background-image:linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}

.swiper-container-3d .swiper-slide-shadow-right{
 background-image:-webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
 background-image:-webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
 background-image:-o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
 background-image:linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}

.swiper-container-3d .swiper-slide-shadow-top{
 background-image:-webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
 background-image:-webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
 background-image:-o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
 background-image:linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}

.swiper-container-3d .swiper-slide-shadow-bottom{
 background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
 background-image:-webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
 background-image:-o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
 background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}

/* IE10 Windows Phone 8 Fixes */
.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal > .swiper-wrapper{
 -ms-touch-action:pan-y;
 touch-action:pan-y}

.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical > .swiper-wrapper{
 -ms-touch-action:pan-x;
 touch-action:pan-x}

.swiper-button-prev,
.swiper-button-next{
 position:absolute;
 top:50%;
 width:27px;
 height:44px;
 margin-top:-22px;
 z-index:10;
 cursor:pointer;
 background-size:27px 44px;
 background-position:center;
 background-repeat:no-repeat}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled,
.zoa-city-event .swiper-button-prev.swiper-button-disabled,
.zoa-city-event .swiper-button-next.swiper-button-disabled{
 opacity:0.35;
 cursor:auto;
 pointer-events:none}
.zoa-city-event .swiper-button-prev.swiper-button-disabled, .zoa-city-event .swiper-button-next.swiper-button-disabled{
 opacity:0}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next{
 background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
 left:10px;
 right:auto}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev{
 background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
 right:10px;
 left:auto}

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white{
 background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white{
 background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black{
 background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black{
 background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}

.swiper-button-lock{
 display:none}

.swiper-pagination{
 position:absolute;
 text-align:center;
 -webkit-transition:300ms opacity;
 -o-transition:300ms opacity;
 transition:300ms opacity;
 -webkit-transform:translate3d(0, 0, 0);
 transform:translate3d(0, 0, 0);
 z-index:10}

.swiper-pagination.swiper-pagination-hidden{
 opacity:0}

/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets{
 bottom:10px;
 left:0;
 width:100%}

/* Bullets */
.swiper-pagination-bullets-dynamic{
 overflow:hidden;
 font-size:0}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{
 -webkit-transform:scale(0.33);
 -ms-transform:scale(0.33);
 transform:scale(0.33);
 position:relative}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{
 -webkit-transform:scale(1);
 -ms-transform:scale(1);
 transform:scale(1)}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{
 -webkit-transform:scale(1);
 -ms-transform:scale(1);
 transform:scale(1)}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{
 -webkit-transform:scale(0.66);
 -ms-transform:scale(0.66);
 transform:scale(0.66)}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{
 -webkit-transform:scale(0.33);
 -ms-transform:scale(0.33);
 transform:scale(0.33)}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{
 -webkit-transform:scale(0.66);
 -ms-transform:scale(0.66);
 transform:scale(0.66)}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{
 -webkit-transform:scale(0.33);
 -ms-transform:scale(0.33);
 transform:scale(0.33)}

.swiper-pagination-bullet{
 width:8px;
 height:8px;
 display:inline-block;
 border-radius:100%;
 background:#000;
 opacity:0.2}

button.swiper-pagination-bullet{
 border:none;
 margin:0;
 padding:0;
 -webkit-box-shadow:none;
 box-shadow:none;
 -webkit-appearance:none;
 -moz-appearance:none;
 appearance:none}

.swiper-pagination-clickable .swiper-pagination-bullet{
 cursor:pointer}

.swiper-pagination-bullet-active{
 opacity:1;
 background:#007aff}

.swiper-container-vertical > .swiper-pagination-bullets{
 right:10px;
 top:50%;
 -webkit-transform:translate3d(0px, -50%, 0);
 transform:translate3d(0px, -50%, 0)}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet{
 margin:6px 0;
 display:block}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic{
 top:50%;
 -webkit-transform:translateY(-50%);
 -ms-transform:translateY(-50%);
 transform:translateY(-50%);
 width:8px}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{
 display:inline-block;
 -webkit-transition:200ms top, 200ms -webkit-transform;
 transition:200ms top, 200ms -webkit-transform;
 -o-transition:200ms transform, 200ms top;
 transition:200ms transform, 200ms top;
 transition:200ms transform, 200ms top, 200ms -webkit-transform}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{
 margin:0 4px}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic{
 left:50%;
 -webkit-transform:translateX(-50%);
 -ms-transform:translateX(-50%);
 transform:translateX(-50%);
 white-space:nowrap}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{
 -webkit-transition:200ms left, 200ms -webkit-transform;
 transition:200ms left, 200ms -webkit-transform;
 -o-transition:200ms transform, 200ms left;
 transition:200ms transform, 200ms left;
 transition:200ms transform, 200ms left, 200ms -webkit-transform}

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet{
 -webkit-transition:200ms right, 200ms -webkit-transform;
 transition:200ms right, 200ms -webkit-transform;
 -o-transition:200ms transform, 200ms right;
 transition:200ms transform, 200ms right;
 transition:200ms transform, 200ms right, 200ms -webkit-transform}

/* Progress */
.swiper-pagination-progressbar{
 background:rgba(0, 0, 0, 0.25);
 position:absolute}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
 background:#007aff;
 position:absolute;
 left:0;
 top:0;
 width:100%;
 height:100%;
 -webkit-transform:scale(0);
 -ms-transform:scale(0);
 transform:scale(0);
 -webkit-transform-origin:left top;
 -ms-transform-origin:left top;
 transform-origin:left top}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
 -webkit-transform-origin:right top;
 -ms-transform-origin:right top;
 transform-origin:right top}

.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{
 width:100%;
 height:4px;
 left:0;
 top:0}

.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{
 width:4px;
 height:100%;
 left:0;
 top:0}

.swiper-pagination-white .swiper-pagination-bullet-active{
 background:#ffffff}

.swiper-pagination-progressbar.swiper-pagination-white{
 background:rgba(255, 255, 255, 0.25)}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{
 background:#ffffff}

.swiper-pagination-black .swiper-pagination-bullet-active{
 background:#000000}

.swiper-pagination-progressbar.swiper-pagination-black{
 background:rgba(0, 0, 0, 0.25)}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{
 background:#000000}

.swiper-pagination-lock{
 display:none}

/* Scrollbar */
.swiper-scrollbar{
 border-radius:10px;
 position:relative;
 -ms-touch-action:none;
 background:rgba(0, 0, 0, 0.1)}

.swiper-container-horizontal > .swiper-scrollbar{
 position:absolute;
 left:1%;
 bottom:3px;
 z-index:50;
 height:5px;
 width:98%}

.swiper-container-vertical > .swiper-scrollbar{
 position:absolute;
 right:3px;
 top:1%;
 z-index:50;
 width:5px;
 height:98%}

.swiper-scrollbar-drag{
 height:100%;
 width:100%;
 position:relative;
 background:rgba(0, 0, 0, 0.5);
 border-radius:10px;
 left:0;
 top:0}

.swiper-scrollbar-cursor-drag{
 cursor:move}

.swiper-scrollbar-lock{
 display:none}

.swiper-zoom-container{
 width:100%;
 height:100%;
 display:-webkit-box;
 display:-webkit-flex;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-pack:center;
 -webkit-justify-content:center;
 -ms-flex-pack:center;
 justify-content:center;
 -webkit-box-align:center;
 -webkit-align-items:center;
 -ms-flex-align:center;
 align-items:center;
 text-align:center}

.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas{
 max-width:100%;
 max-height:100%;
 -o-object-fit:contain;
 object-fit:contain}

.swiper-slide-zoomed{
 cursor:move}

/* Preloader */
.swiper-lazy-preloader{
 width:42px;
 height:42px;
 position:absolute;
 left:50%;
 top:50%;
 margin-left:-21px;
 margin-top:-21px;
 z-index:10;
 -webkit-transform-origin:50%;
 -ms-transform-origin:50%;
 transform-origin:50%;
 -webkit-animation:swiper-preloader-spin 1s steps(12, end) infinite;
 animation:swiper-preloader-spin 1s steps(12, end) infinite}

.swiper-lazy-preloader:after{
 display:block;
 content:'';
 width:100%;
 height:100%;
 background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
 background-position:50%;
 background-size:100%;
 background-repeat:no-repeat}

.swiper-lazy-preloader-white:after{
 background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}

@-webkit-keyframes swiper-preloader-spin{
 100%{
 -webkit-transform:rotate(360deg);
 transform:rotate(360deg)} }
@keyframes swiper-preloader-spin{
 100%{
 -webkit-transform:rotate(360deg);
 transform:rotate(360deg)} }
/* a11y */
.swiper-container .swiper-notification{
 position:absolute;
 left:0;
 top:0;
 pointer-events:none;
 opacity:0;
 z-index:-1000}

.swiper-container-fade.swiper-container-free-mode .swiper-slide{
 -webkit-transition-timing-function:ease-out;
 -o-transition-timing-function:ease-out;
 transition-timing-function:ease-out}

.swiper-container-fade .swiper-slide{
 pointer-events:none;
 -webkit-transition-property:opacity;
 -o-transition-property:opacity;
 transition-property:opacity}

.swiper-container-fade .swiper-slide .swiper-slide{
 pointer-events:none}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active{
 pointer-events:auto}

.swiper-container-cube{
 overflow:visible}

.swiper-container-cube .swiper-slide{
 pointer-events:none;
 -webkit-backface-visibility:hidden;
 backface-visibility:hidden;
 z-index:1;
 visibility:hidden;
 -webkit-transform-origin:0 0;
 -ms-transform-origin:0 0;
 transform-origin:0 0;
 width:100%;
 height:100%}

.swiper-container-cube .swiper-slide .swiper-slide{
 pointer-events:none}

.swiper-container-cube.swiper-container-rtl .swiper-slide{
 -webkit-transform-origin:100% 0;
 -ms-transform-origin:100% 0;
 transform-origin:100% 0}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active{
 pointer-events:auto}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide{
 pointer-events:auto;
 visibility:visible}

.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right{
 z-index:0;
 -webkit-backface-visibility:hidden;
 backface-visibility:hidden}

.swiper-container-cube .swiper-cube-shadow{
 position:absolute;
 left:0;
 bottom:0px;
 width:100%;
 height:100%;
 background:#000;
 opacity:0.6;
 -webkit-filter:blur(50px);
 filter:blur(50px);
 z-index:0}

.swiper-container-flip{
 overflow:visible}

.swiper-container-flip .swiper-slide{
 pointer-events:none;
 -webkit-backface-visibility:hidden;
 backface-visibility:hidden;
 z-index:1}

.swiper-container-flip .swiper-slide .swiper-slide{
 pointer-events:none}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active{
 pointer-events:auto}

.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right{
 z-index:0;
 -webkit-backface-visibility:hidden;
 backface-visibility:hidden}

.swiper-container-coverflow .swiper-wrapper{
 -ms-perspective:1200px}

html{
 font-family:sans-serif;
 -ms-text-size-adjust:100%;
 -webkit-text-size-adjust:100%}

body{
 margin:0}

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}

a:active,
a:hover{
 outline:0}

abbr[title]{
 border-bottom:1px dotted}

b,
strong{
 font-weight:700}

dfn{
 font-style:italic}

h1{
 font-size:2em;
 margin:0.67em 0}

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:0}

svg:not(:root){
 overflow:hidden}

figure{
 margin:1em 40px}

hr{
 box-sizing:content-box;
 height:0}

pre{
 overflow:auto}

code,
kbd,
pre,
samp{
 font-family:monospace, monospace;
 font-size:1em}

button,
input,
optgroup,
select,
textarea{
 color:inherit;
 font:inherit;
 margin:0}

button{
 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}

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}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration{
 -webkit-appearance:none}

fieldset{
 border:1px solid silver;
 margin:0 2px;
 padding:0.35em 0.625em 0.75em}

legend{
 border:0;
 padding:0}

textarea{
 overflow:auto}

optgroup{
 font-weight:700}

table{
 border-collapse:collapse;
 border-spacing:0}

td,
th{
 padding:0}

body{
 -ms-word-wrap:break-word;
 word-wrap:break-word}

#category_content{
 width:100%}

@font-face{
 font-family:'SoinSansNeue-Roman';
 src:url("fonts/zoa/35E338_0_0.eot");
 src:url("fonts/zoa/35E338_0_0.eot?#iefix") format("embedded-opentype"), url("fonts/zoa/35E338_0_0.woff2") format("woff2"), url("fonts/zoa/35E338_0_0.woff") format("woff"), url("fonts/zoa/35E338_0_0.ttf") format("truetype"), url("fonts/zoa/35E338_0_0.svg#wf") format("svg")}
@font-face{
 font-family:'SoinSansNeue-Black';
 src:url("fonts/zoa/35E338_1_0.eot");
 src:url("fonts/zoa/35E338_1_0.eot?#iefix") format("embedded-opentype"), url("fonts/zoa/35E338_1_0.woff2") format("woff2"), url("fonts/zoa/35E338_1_0.woff") format("woff"), url("fonts/zoa/35E338_1_0.ttf") format("truetype"), url("fonts/zoa/35E338_1_0.svg#wf") format("svg")}
/* muli-regular - latin */
@font-face{
 font-family:'Muli';
 font-style:normal;
 font-weight:400;
 src:url("fonts/muli-v12-latin/muli-v12-latin-regular.eot");
 /* IE9 Compat Modes */
 src:local("Muli Regular"), local("Muli-Regular"), url("fonts/muli-v12-latin/muli-v12-latin-regular.eot?#iefix") format("embedded-opentype"), url("fonts/muli-v12-latin/muli-v12-latin-regular.woff2") format("woff2"), url("fonts/muli-v12-latin/muli-v12-latin-regular.woff") format("woff"), url("fonts/muli-v12-latin/muli-v12-latin-regular.ttf") format("truetype"), url("fonts/muli-v12-latin/muli-v12-latin-regular.svg#Muli") format("svg");
 /* Legacy iOS */ }
/* muli-600 - latin */
@font-face{
 font-family:'Muli';
 font-style:normal;
 font-weight:600;
 src:url("fonts/muli-v12-latin/muli-v12-latin-600.eot");
 /* IE9 Compat Modes */
 src:local("Muli SemiBold"), local("Muli-SemiBold"), url("fonts/muli-v12-latin/muli-v12-latin-600.eot?#iefix") format("embedded-opentype"), url("fonts/muli-v12-latin/muli-v12-latin-600.woff2") format("woff2"), url("fonts/muli-v12-latin/muli-v12-latin-600.woff") format("woff"), url("fonts/muli-v12-latin/muli-v12-latin-600.ttf") format("truetype"), url("fonts/muli-v12-latin/muli-v12-latin-600.svg#Muli") format("svg");
 /* Legacy iOS */ }
/* muli-700 - latin */
@font-face{
 font-family:'Muli';
 font-style:normal;
 font-weight:700;
 src:url("fonts/muli-v12-latin/muli-v12-latin-700.eot");
 /* IE9 Compat Modes */
 src:local("Muli Bold"), local("Muli-Bold"), url("fonts/muli-v12-latin/muli-v12-latin-700.eot?#iefix") format("embedded-opentype"), url("fonts/muli-v12-latin/muli-v12-latin-700.woff2") format("woff2"), url("fonts/muli-v12-latin/muli-v12-latin-700.woff") format("woff"), url("fonts/muli-v12-latin/muli-v12-latin-700.ttf") format("truetype"), url("fonts/muli-v12-latin/muli-v12-latin-700.svg#Muli") format("svg");
 /* Legacy iOS */ }
/* muli-800 - latin */
@font-face{
 font-family:'Muli';
 font-style:normal;
 font-weight:800;
 src:url("fonts/muli-v12-latin/muli-v12-latin-800.eot");
 /* IE9 Compat Modes */
 src:local("Muli ExtraBold"), local("Muli-ExtraBold"), url("fonts/muli-v12-latin/muli-v12-latin-800.eot?#iefix") format("embedded-opentype"), url("fonts/muli-v12-latin/muli-v12-latin-800.woff2") format("woff2"), url("fonts/muli-v12-latin/muli-v12-latin-800.woff") format("woff"), url("fonts/muli-v12-latin/muli-v12-latin-800.ttf") format("truetype"), url("fonts/muli-v12-latin/muli-v12-latin-800.svg#Muli") format("svg");
 /* Legacy iOS */ }
/* muli-900 - latin */
@font-face{
 font-family:'Muli';
 font-style:normal;
 font-weight:900;
 src:url("fonts/muli-v12-latin/muli-v12-latin-900.eot");
 /* IE9 Compat Modes */
 src:local("Muli Black"), local("Muli-Black"), url("fonts/muli-v12-latin/muli-v12-latin-900.eot?#iefix") format("embedded-opentype"), url("fonts/muli-v12-latin/muli-v12-latin-900.woff2") format("woff2"), url("fonts/muli-v12-latin/muli-v12-latin-900.woff") format("woff"), url("fonts/muli-v12-latin/muli-v12-latin-900.ttf") format("truetype"), url("fonts/muli-v12-latin/muli-v12-latin-900.svg#Muli") format("svg");
 /* Legacy iOS */ }
/* roboto-100 - latin */
@font-face{
 font-family:'Roboto';
 font-style:normal;
 font-weight:100;
 src:url("fonts/roboto-v18-latin/roboto-v18-latin-100.eot");
 /* IE9 Compat Modes */
 src:local("Roboto Thin"), local("Roboto-Thin"), url("fonts/roboto-v18-latin/roboto-v18-latin-100.eot?#iefix") format("embedded-opentype"), url("fonts/roboto-v18-latin/roboto-v18-latin-100.woff2") format("woff2"), url("fonts/roboto-v18-latin/roboto-v18-latin-100.woff") format("woff"), url("fonts/roboto-v18-latin/roboto-v18-latin-100.ttf") format("truetype"), url("fonts/roboto-v18-latin/roboto-v18-latin-100.svg#Roboto") format("svg");
 /* Legacy iOS */ }
/* roboto-300 - latin */
@font-face{
 font-family:'Roboto';
 font-style:normal;
 font-weight:300;
 src:url("fonts/roboto-v18-latin/roboto-v18-latin-300.eot");
 /* IE9 Compat Modes */
 src:local("Roboto Light"), local("Roboto-Light"), url("fonts/roboto-v18-latin/roboto-v18-latin-300.eot?#iefix") format("embedded-opentype"), url("fonts/roboto-v18-latin/roboto-v18-latin-300.woff2") format("woff2"), url("fonts/roboto-v18-latin/roboto-v18-latin-300.woff") format("woff"), url("fonts/roboto-v18-latin/roboto-v18-latin-300.ttf") format("truetype"), url("fonts/roboto-v18-latin/roboto-v18-latin-300.svg#Roboto") format("svg");
 /* Legacy iOS */ }
/* roboto-regular - latin */
@font-face{
 font-family:'Roboto';
 font-style:normal;
 font-weight:400;
 src:url("fonts/roboto-v18-latin/roboto-v18-latin-regular.eot");
 /* IE9 Compat Modes */
 src:local("Roboto"), local("Roboto-Regular"), url("fonts/roboto-v18-latin/roboto-v18-latin-regular.eot?#iefix") format("embedded-opentype"), url("fonts/roboto-v18-latin/roboto-v18-latin-regular.woff2") format("woff2"), url("fonts/roboto-v18-latin/roboto-v18-latin-regular.woff") format("woff"), url("fonts/roboto-v18-latin/roboto-v18-latin-regular.ttf") format("truetype"), url("fonts/roboto-v18-latin/roboto-v18-latin-regular.svg#Roboto") format("svg");
 /* Legacy iOS */ }
/* roboto-500 - latin */
@font-face{
 font-family:'Roboto';
 font-style:normal;
 font-weight:500;
 src:url("fonts/roboto-v18-latin/roboto-v18-latin-500.eot");
 /* IE9 Compat Modes */
 src:local("Roboto Medium"), local("Roboto-Medium"), url("fonts/roboto-v18-latin/roboto-v18-latin-500.eot?#iefix") format("embedded-opentype"), url("fonts/roboto-v18-latin/roboto-v18-latin-500.woff2") format("woff2"), url("fonts/roboto-v18-latin/roboto-v18-latin-500.woff") format("woff"), url("fonts/roboto-v18-latin/roboto-v18-latin-500.ttf") format("truetype"), url("fonts/roboto-v18-latin/roboto-v18-latin-500.svg#Roboto") format("svg");
 /* Legacy iOS */ }
/* roboto-900 - latin */
@font-face{
 font-family:'Roboto';
 font-style:normal;
 font-weight:900;
 src:url("fonts/roboto-v18-latin/roboto-v18-latin-900.eot");
 /* IE9 Compat Modes */
 src:local("Roboto Black"), local("Roboto-Black"), url("fonts/roboto-v18-latin/roboto-v18-latin-900.eot?#iefix") format("embedded-opentype"), url("fonts/roboto-v18-latin/roboto-v18-latin-900.woff2") format("woff2"), url("fonts/roboto-v18-latin/roboto-v18-latin-900.woff") format("woff"), url("fonts/roboto-v18-latin/roboto-v18-latin-900.ttf") format("truetype"), url("fonts/roboto-v18-latin/roboto-v18-latin-900.svg#Roboto") format("svg");
 /* Legacy iOS */ }
body,
button,
input,
textarea{
 color:#43454b;
 font-family:'SoinSansNeue-Black';
 line-height:1.618;
 text-rendering:optimizeLegibility;
 font-weight:400}

select{
 color:initial;
 font-family:"Source Sans Pro", HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
 max-width:100%}

h1,
h2,
h3,
h4,
h5,
h6{
 clear:both;
 font-weight:300;
 margin:0 0 .5407911001em;
 color:#131315}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{font-weight:300}
.alpha, h1{font-size:2.5em;line-height:1.214}
.beta, h2{font-size:2em;line-height:1.214}
.beta + h3, h2 + h3{border-top:1px solid rgba(0,0,0,.05);padding-top:.5407911001em}
.gamma, h3{font-size:1.618em}

.delta,
h4{
 font-size:1.41575em}

.alpha,
.beta,
.delta,
.gamma{
 display:block}

blockquote + h2,
blockquote + h3,
blockquote + h4,
blockquote + header h2,
form + h2,
form + h3,
form + h4,
form + header h2,
ol + h2,
ol + h3,
ol + h4,
ol + header h2,
p + h2,
p + h3,
p + h4,
p + header h2,
table + h2,
table + h3,
table + h4,
table + header h2,
ul + h2,
ul + h3,
ul + h4,
ul + header h2{
 margin-top:2.2906835em}

hr{
 background-color:#ccc;
 border:0;
 height:1px;
 margin:0 0 1.41575em}

p{
 margin:0 0 1.41575em}

ol,
ul{
 margin:0 0 1.41575em 3em;
 padding:0}

ul{
 list-style:disc}

ol{
 list-style:decimal}

li > ol,
li > ul{
 margin-bottom:0;
 margin-left:1em}

dt{
 font-weight:600}

dd{
 margin:0 0 1.618em}

b,
strong{
 font-weight:600}

cite,
dfn,
em,
i{
 font-style:italic}

blockquote{
 padding:0 1em;
 border-left:3px solid rgba(0, 0, 0, 0.05);
 font-style:italic}

address{
 margin:0 0 1.41575em;
 font-style:inherit}

pre{
 background:rgba(0, 0, 0, 0.1);
 font-family:'Courier 10 Pitch', Courier, monospace;
 margin-bottom:1.618em;
 padding:1.618em;
 overflow:auto;
 max-width:100%}

code,
kbd,
tt,
var{
 font-family:Monaco, Consolas, 'Andale Mono', 'DejaVu Sans Mono', monospace;
 background-color:rgba(0, 0, 0, 0.05);
 padding:0.202em 0.5407911001em}

abbr,
acronym{
 border-bottom:1px dotted #666;
 cursor:help}

ins,
mark{
 text-decoration:none;
 font-weight:600;
 background:0 0}

sub,
sup{
 font-size:75%;
 height:0;
 line-height:0;
 position:relative;
 vertical-align:baseline}

sup{
 bottom:1ex}

sub{
 top:0.5ex}

small{
 font-size:75%}

big{
 font-size:125%}

figure{
 margin:0}

table{
 margin:0 0 1.41575em;
 width:100%}

img{
 height:auto;
 max-width:100%;
 display:block}

a{
 color:#2c2d33;
 text-decoration:none}

a:focus{
 outline:1px dotted #96588a}

.storefront-cute *{
 font-family:"Comic Sans MS", sans-serif}

*{
 box-sizing:border-box}

body{
 background-color:#ffffff;
 overflow-x:hidden}

.site{
 overflow-x:hidden}
.woocommerce-checkout .site{
 overflow-x:visible}

.header-widget-region,
.site-content{
 -webkit-tap-highlight-color:transparent}

.site-header{
 background-color:var(--app-background-color);
 padding-top:1.618em;
 padding-bottom:1.618em;
 color:#9aa0a7;
 background-position:center center;
 position:relative;
 z-index:999;
 border-bottom:1px solid transparent;
 border:none!important;
 height:60px}

.site-header svg{
 line-height:0}

.site-header .custom-logo-link,
.site-header .site-logo-anchor,
.site-header .site-logo-link{
 display:block;
 margin-bottom:0}

.site-header .custom-logo-link img,
.site-header .site-logo-anchor img,
.site-header .site-logo-link img{
 max-width:210px}

.site-header .widget{
 margin-bottom:0}

.home.blog .site-header,
.home.page:not(.page-template-template-homepage) .site-header,
.home.post-type-archive-product .site-header{
 margin-bottom:4.235801032em}

.no-wc-breadcrumb .site-header{
 margin-bottom:4.235801032em}

.no-wc-breadcrumb.page-template-template-homepage .site-header{
 margin-bottom:0}

.header-widget-region{
 position:relative;
 z-index:99}

.site-branding{
 float:left;
 margin-bottom:0}

.site-branding .site-title{
 font-size:2em;
 letter-spacing:-1px;
 margin:0}

.site-branding .site-title a{
 font-weight:700}

.site-branding .site-description{
 font-size:.875em;
 display:none}

.site-branding .logo{
 margin:0}

.site-main{
 margin-bottom:0}

.site-content{
 outline:0}

.page-template-template-homepage:not(.has-post-thumbnail) .site-main{
 padding-top:4.235801032em}

.page-template-template-homepage .type-page{
 padding-top:2.617924em;
 padding-bottom:2.617924em;
 position:relative}

.page-template-template-homepage .type-page .storefront-hero__button-edit{
 position:absolute;
 top:1em;
 right:1em;
 font-size:0.875em}

.page-template-template-homepage .entry-content{
 font-size:1.1em}

.page-template-template-homepage .entry-content p:last-child{
 margin-bottom:0}

.page-template-template-homepage .entry-header h1{
 font-size:3.706325903em;
 margin-bottom:0.2360828548em}

.page-template-template-homepage .entry-content,
.page-template-template-homepage .entry-header{
 max-width:41.0994671405em;
 margin-left:auto;
 margin-right:auto;
 text-align:center}

.page-template-template-homepage.has-post-thumbnail .type-page.has-post-thumbnail{
 background-size:cover;
 background-position:center center;
 padding-top:6.8535260698em;
 padding-bottom:6.8535260698em}

.page-template-template-homepage.has-post-thumbnail .type-page.has-post-thumbnail .entry-content,
.page-template-template-homepage.has-post-thumbnail .type-page.has-post-thumbnail .entry-title{
 opacity:0;
 -webkit-transition:all, ease, .5s;
 transition:all, ease, 0.5s}

.page-template-template-homepage.has-post-thumbnail .type-page.has-post-thumbnail .entry-content.loaded,
.page-template-template-homepage.has-post-thumbnail .type-page.has-post-thumbnail .entry-title.loaded{
 opacity:1}

.site-footer{
 position:relative;
 background-color:var(--app-background-color);
 color:#fff;
 padding:0}
 .site-footer .scroll-top{
 width:38px;
 height:38px;
 display:block;
 background-color:rgba(255, 255, 255, 0.5);
 position:absolute;
 top:0;
 right:0;
 background-image:url(img/arrow-up.svg);
 background-repeat:no-repeat;
 background-position:50% 50%;
 background-size:25px 14px}

.site-footer h1,
.site-footer h2,
.site-footer h3,
.site-footer h4,
.site-footer h5,
.site-footer h6{
 color:#65676d}

.site-footer a:not(.button){
 color:#2c2d33}

.site-info{
 padding:2.617924em 0}

.site-info span[role=separator]{
 padding:0 0.2360828548em 0 0.3342343017em}

.site-info span[role=separator]::before{
 content:"|"}

.alignleft{
 display:inline;
 float:left;
 margin-right:1em}

.alignright{
 display:inline;
 float:right;
 margin-left:1em}

.aligncenter{
 clear:both;
 display:block;
 margin:0 auto}

.screen-reader-text{
 border:0;
 clip:rect(1px, 1px, 1px, 1px);
 -webkit-clip-path:inset(50%);
 clip-path:inset(50%);
 height:1px;
 margin:-1px;
 overflow:hidden;
 padding:0;
 position:absolute;
 width:1px;
 word-wrap:normal!important}

.screen-reader-text:focus{
 background-color:#f1f1f1;
 border-radius:3px;
 box-shadow:0 0 2px 2px rgba(0, 0, 0, 0.6);
 clip:auto!important;
 display:block;
 font-weight:700;
 height:auto;
 left:0;
 line-height:normal;
 padding:1em 1.618em;
 text-decoration:none;
 top:0;
 width:auto;
 z-index:100000;
 outline:0}

.clear::after,
.clear::before,
.comment-content::after,
.comment-content::before,
.entry-content::after,
.entry-content::before,
.site-content::after,
.site-content::before,
.site-footer::after,
.site-footer::before
{
 content:'';
 display:table}

.clear::after,
.comment-content::after,
.entry-content::after,
.site-content::after,
.site-footer::after,
.site-header::after{
 clear:both}

table{
 border-spacing:0;
 width:100%;
 border-collapse:separate}

table caption{
 padding:1em 0;
 font-weight:600}

table td,
table th{
 padding:1em 1.41575em;
 text-align:left;
 vertical-align:top}

table td p:last-child,
table th p:last-child{
 margin-bottom:0}

table th{
 font-weight:600}

table thead th{
 padding:1.41575em;
 vertical-align:middle}

table tbody h2{
 font-size:1em;
 letter-spacing:normal;
 font-weight:400}

table tbody h2 a{
 font-weight:400}

.error404 .site-content .widget_product_search{
 padding:1.618em;
 background-color:rgba(0, 0, 0, 0.025)}

.error404 .site-content .widget_product_search form{
 margin:0}

.error404.left-sidebar .content-area,
.error404.right-sidebar .content-area{
 width:100%}

.error404 .fourohfour-columns-2{
 padding:2.617924em 0;
 border:1px solid rgba(0, 0, 0, 0.05);
 border-width:1px 0;
 margin-bottom:2.617924em}

.error404 .fourohfour-columns-2::after,
.error404 .fourohfour-columns-2::before{
 content:'';
 display:table}

.error404 .fourohfour-columns-2::after{
 clear:both}

.error404 .fourohfour-columns-2 .widget,
.error404 .fourohfour-columns-2 ul.products li.product{
 margin-bottom:0}

.error404 .fourohfour-columns-2 .col-1 ul.products{
 margin-bottom:2.2906835em}

.error404 .fourohfour-columns-2 .col-1 ul.products li.product{
 width:45.4545454545%;
 float:left;
 margin-right:9.0909090909%}

.error404 .fourohfour-columns-2 .col-1 ul.products li.product:last-child{
 margin-right:0}

.error404 .fourohfour-columns-2 .col-2{
 padding:1.618em;
 background-color:rgba(0, 0, 0, 0.025)}

#comments{
 padding-top:2.617924em}

#comments .comments-title{
 border-bottom:1px solid rgba(0, 0, 0, 0.05);
 padding-bottom:.5407911001em;
 margin-bottom:1.618em}

#comments .comment-list{
 list-style:none;
 margin-left:0}

#comments .comment-list .comment-body::after,
#comments .comment-list .comment-body::before{
 content:'';
 display:table}

#comments .comment-list .comment-body::after{
 clear:both}

#comments .comment-list .comment-content{
 padding-bottom:1.618em;
 margin-bottom:1.618em}

#comments .comment-list .comment-content .comment-text{
 padding:1.618em;
 border-radius:3px}

#comments .comment-list .comment-content .comment-text p:last-child{
 margin-bottom:0}

#comments .comment-list .comment-meta{
 margin-bottom:1em}

#comments .comment-list .comment-meta .avatar{
 margin-bottom:1em;
 max-width:64px;
 height:auto}

#comments .comment-list .comment-meta a.comment-date{
 font-size:0.875em}

#comments .comment-list .comment-meta cite{
 font-style:normal;
 clear:both;
 display:block}

#comments .comment-list .reply{
 margin-bottom:1.618em;
 padding-top:0.6180469716em}

#comments .comment-list .reply::after,
#comments .comment-list .reply::before{
 content:'';
 display:table}

#comments .comment-list .reply::after{
 clear:both}

#comments .comment-list .reply a{
 display:inline-block;
 margin-right:1em}

#comments .comment-list .reply a:last-child{
 margin-right:0}

#comments .comment-list .children{
 list-style:none}

.comment-content a{
 word-wrap:break-word}

#respond{
 clear:both;
 padding:1.618em;
 background-color:rgba(0, 0, 0, 0.0125);
 position:relative}

#respond .comment-form-author input,
#respond .comment-form-email input,
#respond .comment-form-url input{
 width:100%}

#respond .form-submit,
#respond form{
 margin-bottom:0}

#respond #cancel-comment-reply-link{
 position:absolute;
 top:.5407911001em;
 right:.5407911001em;
 display:block;
 height:1em;
 width:1em;
 overflow:hidden;
 line-height:1;
 font-size:1.41575em;
 text-align:center;
 -webkit-transition:ease, .3s, -webkit-transform;
 transition:ease, .3s, -webkit-transform;
 transition:transform, ease, .3s;
 transition:transform, ease, 0.3s, -webkit-transform}

#respond #cancel-comment-reply-link:hover{
 -webkit-transform:scale(1.3);
 -ms-transform:scale(1.3);
 transform:scale(1.3)}

.hentry{
 margin:0 0 4.235801032em}

.hentry .wp-post-image{
 margin-bottom:1.618em;
 margin-left:auto;
 margin-right:auto}

.hentry .entry-header{
 margin-bottom:1em;
 border-bottom:1px solid rgba(0, 0, 0, 0.05)}

.hentry .entry-header .byline,
.hentry .entry-header .posted-on{
 font-size:0.875em}

.hentry .entry-header .byline a,
.hentry .entry-header .posted-on a{
 font-weight:600;
 text-decoration:underline}

.hentry .entry-header .byline a:hover,
.hentry .entry-header .posted-on a:hover{
 text-decoration:none}

.hentry .entry-meta{
 font-weight:400}

.hentry.type-page .entry-header{
 border-bottom:0;
 margin-bottom:0}

.byline,
.updated:not(.published){
 display:none}

.group-blog .byline,
.single .byline{
 display:inline}

.page-links{
 clear:both;
 margin:0 0 1em}

.cat-links,
.comments-link,
.tags-links,
.vcard.author{
 display:block;
 margin-bottom:1.618em}

.vcard.author .avatar{
 width:64px;
 margin-bottom:1em}

form{
 margin-bottom:1.618em}

button,
input,
select,
textarea{
 font-size:100%;
 margin:0;
 vertical-align:baseline}

.added_to_cart,
.button,
button,
input[type=button],
input[type=reset],
input[type=submit]{
 border:0;
 background:0 0;
 background-color:#43454b;
 border-color:#43454b;
 color:#fff;
 cursor:pointer;
 padding:.6180469716em 1.41575em;
 text-decoration:none;
 font-weight:600;
 text-shadow:none;
 display:inline-block;
 outline:0;
 -webkit-appearance:none;
 border-radius:0}

.added_to_cart.alt,
.added_to_cart.cta,
.button.alt,
.button.cta,
button.alt,
button.cta,
input[type=button].alt,
input[type=button].cta,
input[type=reset].alt,
input[type=reset].cta,
input[type=submit].alt,
input[type=submit].cta{
 background-color:#2c2d33;
 border-color:#2c2d33}

.added_to_cart.alt:hover,
.added_to_cart.cta:hover,
.button.alt:hover,
.button.cta:hover,
button.alt:hover,
button.cta:hover,
input[type=button].alt:hover,
input[type=button].cta:hover,
input[type=reset].alt:hover,
input[type=reset].cta:hover,
input[type=submit].alt:hover,
input[type=submit].cta:hover{
 background-color:#2c2d33}

.added_to_cart:hover,
.button:hover,
button:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover{
 color:#fff}

.added_to_cart:focus,
.button:focus,
button:focus,
input[type=button]:focus,
input[type=reset]:focus,
input[type=submit]:focus{
 outline:1px dotted #96588a}

.added_to_cart.loading,
.button.loading,
button.loading,
input[type=button].loading,
input[type=reset].loading,
input[type=submit].loading{
 opacity:0.5}

.added_to_cart.small,
.button.small,
button.small,
input[type=button].small,
input[type=reset].small,
input[type=submit].small{
 padding:.5407911001em .875em;
 font-size:0.875em}

.added_to_cart.disabled,
.added_to_cart:disabled,
.button.disabled,
.button:disabled,
button.disabled,
button:disabled,
input[type=button].disabled,
input[type=button]:disabled,
input[type=reset].disabled,
input[type=reset]:disabled,
input[type=submit].disabled,
input[type=submit]:disabled{
 opacity:0.5!important;
 cursor:not-allowed}

.added_to_cart.disabled:hover,
.added_to_cart:disabled:hover,
.button.disabled:hover,
.button:disabled:hover,
button.disabled:hover,
button:disabled:hover,
input[type=button].disabled:hover,
input[type=button]:disabled:hover,
input[type=reset].disabled:hover,
input[type=reset]:disabled:hover,
input[type=submit].disabled:hover,
input[type=submit]:disabled:hover{
 opacity:0.5!important}

input[type=checkbox],
input[type=radio]{
 padding:0}

input[type=checkbox] + label,
input[type=radio] + label{
 margin:0 0 0 0.3819820591em}

input[type=search]::-webkit-search-decoration{
 -webkit-appearance:none}

input[type=search]{
 box-sizing:border-box}

input[type=search]::-webkit-input-placeholder{
 color:#9b9b9b}

input[type=search]::-moz-placeholder{
 color:#9b9b9b}

input[type=search]:-ms-input-placeholder{
 color:#9b9b9b}

input[type=search]::placeholder{
 color:#9b9b9b}

button::-moz-focus-inner,
input::-moz-focus-inner{
 border:0;
 padding:0}

.input-text,
input[type=email],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=url],
textarea,
#contact-overlay div.wpcf7 input,
#contact-overlay div.wpcf7 textarea{
 padding:.6180469716em;
 background-color:#ffffff;
 color:black;
 outline:0;
 border:0;
 -webkit-appearance:none;
 box-sizing:border-box;
 font-weight:400}
.MacIntel .input-text,
.MacIntel input[type=email],
.MacIntel input[type=password],
.MacIntel input[type=search],
.MacIntel input[type=tel],
.MacIntel input[type=text],
.MacIntel input[type=url],
.MacIntel textarea,
.MacIntel #contact-overlay div.wpcf7 input,
.MacIntel #contact-overlay div.wpcf7 textarea{
 padding-bottom:.2em}

.input-text:focus,
input[type=email]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=url]:focus,
textarea:focus{
 background-color:#e6e5e5;
 color:#2b2c30}

textarea{
 overflow:auto;
 padding-left:.875em;
 vertical-align:top;
 width:100%}

label{
 font-weight:400}

label.inline input{
 width:auto}

fieldset{
 padding:1.618em;
 padding-top:1em;
 border:0;
 margin:0;
 margin-bottom:1.618em;
 margin-top:1.618em}

fieldset legend{
 font-weight:600;
 padding:.6180469716em 1em;
 margin-left:-1em}

[placeholder]:focus::-webkit-input-placeholder{
 -webkit-transition:opacity .5s .5s ease;
 transition:opacity .5s .5s ease;
 opacity:0}

.comment-content img.wp-smiley,
.entry-content img.wp-smiley,
.page-content img.wp-smiley{
 border:none;
 margin-bottom:0;
 margin-top:0;
 padding:0;
 display:inline-block;
 border-radius:0}

.wp-caption{
 margin-bottom:1em;
 max-width:100%}

.wp-caption img[class*=wp-image-]{
 display:block;
 margin:0 auto}

.wp-caption .wp-caption-text{
 text-align:left;
 font-style:italic;
 border-bottom:2px solid rgba(0, 0, 0, 0.05);
 padding:1em 0}

.gallery{
 margin-bottom:1em}

.gallery::after,
.gallery::before{
 content:'';
 display:table}

.gallery::after{
 clear:both}

.gallery .gallery-item{
 float:left}

.gallery .gallery-item .gallery-icon a{
 display:block}

.gallery .gallery-item .gallery-icon img{
 border:none;
 height:auto;
 margin:0 auto}

.gallery .gallery-item .gallery-caption{
 margin:0;
 text-align:center}

.gallery.gallery-columns-1 .gallery-item{
 width:100%}

.gallery.gallery-columns-2 .gallery-item{
 width:50%}

.gallery.gallery-columns-3 .gallery-item{
 width:33.3%}

.gallery.gallery-columns-4 .gallery-item{
 width:25%}

.gallery.gallery-columns-5 .gallery-item{
 width:20%}

.gallery.gallery-columns-6 .gallery-item{
 width:16.666666667%}

.gallery.gallery-columns-7 .gallery-item{
 width:14.285714286%}

.gallery.gallery-columns-8 .gallery-item{
 width:12.5%}

.gallery.gallery-columns-9 .gallery-item{
 width:11.111111111%}

embed,
iframe,
object,
video{
 max-width:100%}

.secondary-navigation{
 display:none}

button.menu-toggle{
 cursor:pointer;
 text-align:left;
 float:right;
 position:relative;
 border:2px solid transparent;
 box-shadow:none;
 border-radius:2px;
 background-image:none;
 padding:.6180469716em .875em .6180469716em 2.617924em;
 font-size:0.875em}

button.menu-toggle:hover{
 background-image:none}

button.menu-toggle span::before{
 -webkit-transition:all, ease, .2s;
 transition:all, ease, 0.2s}

button.menu-toggle span::before,
button.menu-toggle::after,
button.menu-toggle::before{
 content:'';
 display:block;
 height:2px;
 width:14px;
 position:absolute;
 top:50%;
 left:1em;
 margin-top:-1px;
 -webkit-transition:all, ease, .2s;
 transition:all, ease, .2s;
 border-radius:3px}

button.menu-toggle::before{
 -webkit-transform:translateY(-4px);
 -ms-transform:translateY(-4px);
 transform:translateY(-4px)}

button.menu-toggle::after{
 -webkit-transform:translateY(4px);
 -ms-transform:translateY(4px);
 transform:translateY(4px)}

.toggled button.menu-toggle::after,
.toggled button.menu-toggle::before{
 -webkit-transform:rotate(45deg);
 -ms-transform:rotate(45deg);
 transform:rotate(45deg)}

.toggled button.menu-toggle::after{
 -webkit-transform:rotate(-45deg);
 -ms-transform:rotate(-45deg);
 transform:rotate(-45deg)}

.toggled button.menu-toggle span::before{
 opacity:0}

.primary-navigation{
 display:none}

.main-navigation::after,
.main-navigation::before{
 content:'';
 display:table}

.main-navigation::after{
 clear:both}

.main-navigation div.menu{
 display:none}

.main-navigation div.menu:last-child{
 display:block}

.main-navigation .menu{
 clear:both}

.handheld-navigation,
.main-navigation div.menu > ul:not(.nav-menu),
.nav-menu{
 overflow:hidden;
 max-height:0;
 -webkit-transition:all, ease, .8s;
 transition:all, ease, 0.8s}

.handheld-navigation{
 clear:both}

.handheld-navigation ul{
 margin:0}

.handheld-navigation ul.menu li{
 position:relative}

.handheld-navigation ul.menu li button::after{
 -webkit-transition:all, ease, .9s;
 transition:all, ease, 0.9s}

.handheld-navigation ul.menu li button.toggled-on::after{
 -webkit-transform:rotate(180deg);
 -ms-transform:rotate(180deg);
 transform:rotate(180deg)}

.handheld-navigation ul.menu .sub-menu{
 visibility:hidden;
 opacity:0;
 max-height:0;
 -webkit-transition:all, ease, .9s;
 transition:all, ease, 0.9s}

.handheld-navigation ul.menu .sub-menu.toggled-on{
 visibility:visible;
 max-height:9999px;
 opacity:1}

.handheld-navigation .dropdown-toggle{
 background:0 0;
 position:absolute;
 top:0;
 right:0;
 display:block}

.main-navigation.toggled .handheld-navigation,
.main-navigation.toggled .menu > ul:not(.nav-menu),
.main-navigation.toggled ul[aria-expanded=true]{
 max-height:9999px}

.main-navigation ul{
 margin-left:0;
 list-style:none;
 margin-bottom:0}

.main-navigation ul ul{
 display:block;
 margin-left:1.41575em}

.main-navigation ul li a{
 padding:.875em 0;
 display:block}

.main-navigation ul li a:hover{
 color:#e6e6e6}

.site-main nav.navigation{
 clear:both;
 padding:2.617924em 0}

.site-main nav.navigation::after,
.site-main nav.navigation::before{
 content:'';
 display:table}

.site-main nav.navigation::after{
 clear:both}

.site-main nav.navigation .nav-next a,
.site-main nav.navigation .nav-previous a{
 display:inline-block;
 -webkit-transition:all, ease, .3s;
 transition:all, ease, .3s;
 padding:.6180469716em 1em;
 border-radius:3px}

.site-main nav.navigation .nav-previous{
 float:left;
 width:50%}

.site-main nav.navigation .nav-previous a:hover{
 -webkit-transform:translate(-1em);
 -ms-transform:translate(-1em);
 transform:translate(-1em)}

.site-main nav.navigation .nav-next{
 float:right;
 text-align:right;
 width:50%}

.site-main nav.navigation .nav-next a:hover{
 -webkit-transform:translate(1em);
 -ms-transform:translate(1em);
 transform:translate(1em)}

.pagination,
.woocommerce-pagination{
 padding:1em 0;
 border:1px solid rgba(0, 0, 0, 0.05);
 border-width:1px 0;
 text-align:center;
 clear:both}

.pagination ul.page-numbers::after,
.pagination ul.page-numbers::before,
.woocommerce-pagination ul.page-numbers::after,
.woocommerce-pagination ul.page-numbers::before{
 content:'';
 display:table}

.pagination ul.page-numbers::after,
.woocommerce-pagination ul.page-numbers::after{
 clear:both}

.pagination .page-numbers,
.woocommerce-pagination .page-numbers{
 list-style:none;
 margin:0}

.pagination .page-numbers li,
.woocommerce-pagination .page-numbers li{
 display:inline-block}

.pagination .page-numbers li .page-numbers,
.woocommerce-pagination .page-numbers li .page-numbers{
 border-left-width:0;
 display:inline-block;
 padding:.3342343017em .875em;
 background-color:rgba(0, 0, 0, 0.025);
 color:#43454b}

.pagination .page-numbers li .page-numbers.current,
.woocommerce-pagination .page-numbers li .page-numbers.current{
 background-color:#2c2d33;
 border-color:#2c2d33}

.pagination .page-numbers li .page-numbers.dots,
.woocommerce-pagination .page-numbers li .page-numbers.dots{
 background-color:transparent}

.pagination .page-numbers li .page-numbers.next,
.pagination .page-numbers li .page-numbers.prev,
.woocommerce-pagination .page-numbers li .page-numbers.next,
.woocommerce-pagination .page-numbers li .page-numbers.prev{
 padding-left:1em;
 padding-right:1em}

.pagination .page-numbers li a.page-numbers:hover,
.woocommerce-pagination .page-numbers li a.page-numbers:hover{
 background-color:rgba(0, 0, 0, 0.05)}

.rtl .pagination a.next,
.rtl .pagination a.prev,
.rtl .woocommerce-pagination a.next,
.rtl .woocommerce-pagination a.prev{
 -webkit-transform:rotateY(180deg);
 transform:rotateY(180deg)}

.widget{
 margin:0 0 3.706325903em}

.widget select{
 max-width:100%}

.widget .widget-search .search-submit{
 border:0;
 clip:rect(1px, 1px, 1px, 1px);
 -webkit-clip-path:inset(50%);
 clip-path:inset(50%);
 height:1px;
 margin:-1px;
 overflow:hidden;
 padding:0;
 position:absolute;
 width:1px;
 word-wrap:normal!important}

.widget .widget-title,
.widget .widgettitle{
 font-size:1.41575em;
 letter-spacing:0;
 border-bottom:1px solid rgba(0, 0, 0, 0.05);
 padding:0 0 1em;
 margin-bottom:1em;
 font-weight:300}

.widget ul{
 margin-left:0;
 list-style:none}

.widget ul ul{
 margin-left:1.618em}

.widget-area .widget{
 font-weight:400}

.widget-area .widget a.button{
 font-weight:600!important}

.header-widget-region::after,
.header-widget-region::before{
 content:'';
 display:table}

.header-widget-region::after{
 clear:both}

.header-widget-region .widget{
 margin:0;
 padding:1em 0;
 font-size:0.875em}

.widget_product_search form,
.widget_search form{
 position:relative}

.widget_product_search form input[type=search],
.widget_product_search form input[type=text],
.widget_search form input[type=search],
.widget_search form input[type=text]{
 width:100%}

.widget_product_search form button[type=submit],
.widget_product_search form input[type=submit],
.widget_search form button[type=submit],
.widget_search form input[type=submit]{
 border:0;
 clip:rect(1px, 1px, 1px, 1px);
 -webkit-clip-path:inset(50%);
 clip-path:inset(50%);
 height:1px;
 margin:-1px;
 overflow:hidden;
 padding:0;
 position:absolute;
 width:1px;
 word-wrap:normal!important;
 top:0;
 left:0}

.widget_archive ul,
.widget_categories ul,
.widget_layered_nav ul,
.widget_layered_nav_filters ul,
.widget_links ul,
.widget_nav_menu ul,
.widget_pages ul,
.widget_product_categories ul,
.widget_recent_comments ul,
.widget_recent_entries ul{
 margin:0}

.widget_archive ul li,
.widget_categories ul li,
.widget_layered_nav ul li,
.widget_layered_nav_filters ul li,
.widget_links ul li,
.widget_nav_menu ul li,
.widget_pages ul li,
.widget_product_categories ul li,
.widget_recent_comments ul li,
.widget_recent_entries ul li{
 list-style:none;
 margin-bottom:1em;
 line-height:1.41575em}

.widget_archive ul .children,
.widget_categories ul .children,
.widget_layered_nav ul .children,
.widget_layered_nav_filters ul .children,
.widget_links ul .children,
.widget_nav_menu ul .children,
.widget_pages ul .children,
.widget_product_categories ul .children,
.widget_recent_comments ul .children,
.widget_recent_entries ul .children{
 margin-top:.6180469716em;
 margin-left:1.618em}

.widget_archive ul .children,
.widget_categories ul .children,
.widget_layered_nav ul .children,
.widget_layered_nav_filters ul .children,
.widget_links ul .children,
.widget_nav_menu ul .children,
.widget_pages ul .children,
.widget_product_categories ul .children,
.widget_recent_comments ul .children,
.widget_recent_entries ul .children{
 margin-left:0;
 margin-top:1em}

.footer-widgets #wp-calendar td,
.footer-widgets #wp-calendar th,
.widget-area #wp-calendar td,
.widget-area #wp-calendar th{
 padding:.236em;
 text-align:center}

.widget_pages ul ul.children,
.widget_recent_entries ul ul.children{
 margin:0.6180469716em 0 0 1.41575em}

.widget_rating_filter .wc-layered-nav-rating{
 margin-bottom:0.6180469716em}

.widget_rating_filter .wc-layered-nav-rating a{
 text-decoration:none!important}

.widget_rating_filter .wc-layered-nav-rating .star-rating{
 display:inline-block;
 height:1em;
 line-height:1}

.widget-area .widget{
 font-size:0.875em}

.widget-area .widget h1.widget-title{
 font-size:1.41575em}

.widget-area .widget a:not(.button){
 font-weight:600;
 text-decoration:underline}

.widget-area .widget a:not(.button):hover{
 text-decoration:none}

.flex-center-start{
 display:flex;
 align-items:flex-start;
 justify-content:center}

.right-50 .content-scroll.flex-center-start{
 padding-top:0;
 padding-bottom:0;
}

.registration-form [name=billing_gender]{
 background-image:url(svg/Phone_INPUT.svg);
 background-size:20px;
 background-position:center right;
 background-repeat:no-repeat}

body.align-to-right-on-landing-page .site-header .header-left div{width:0}
.woocommerce-cart .left-50, .woocommerce-cart .right-50, .woocommerce-cart .right-50 .content-scroll{min-height:calc(100vh - 60px);height:auto}
.woocommerce-cart .left-50{width:40.8333%}
.woocommerce-cart .left-50 img{width:40%;background-color:black;padding:1.5vw}
.woocommerce-cart .right-50{width:59.1667%}
.bg-cover-center-no-repeat.bg-logo-center-center-black{background-size:cover;background-color:black}
.exp_subpage_sektion .txt h1{font-size:3vw}
.exp_subpage_sektion .txt h2{font-size:2.25vw}
.event_meta_box .tickets-btn a, .event_lineup_infos-container + .tickets-btn a, .event_meta_box .tickets-btn.free-entry-btn, .event_lineup_infos-container + .tickets-btn.free-entry-btn{padding:20px 42px;display:inline-block}
.home-titles-dfjk8e7z{color:white;text-align:center;font-size:2.5rem;line-height:3;text-transform:uppercase;margin-bottom:7px}
.swiper-container{width:100%}


.viptische-information{margin-top:2rem;margin-bottom:3rem;user-select:text}
.viptische-information, .viptische-template-container .row#row-bedingungen-checkbox label{font-size:18px;font-family:'SoinSansNeue-Roman';font-weight:500}
.viptische-template-container{max-width:640px;margin-left:auto;margin-right:auto;line-height:1.25;box-sizing:border-box;padding-left:1rem;padding-right:1rem}
.viptische-template-container ul{margin-left:1.5rem}
.viptische-template-container ul li{margin-bottom:0.5rem}
.viptische-template-container .row{align-items:flex-start;display:flex;flex-wrap:nowrap;margin-bottom:1rem;justify-content:center;max-width:400px;width:100%;margin-left:auto;margin-right:auto}
#viptisch-anzahl-tische, #viptisch-personen{width:60px;margin-right:auto}
.viptische-template-container .row#row-bedingungen-checkbox{align-items:center}
.viptische-template-container .row label{display:block;max-width:150px;width:100%}
.viptische-template-container .row > *:nth-child(2){display:block;max-width:250px;width:100%}

/*.viptische-template-container .row#row-bedingungen-checkbox input{max-width:fit-content;max-width:20px;width:100%;margin-right:1rem;padding-left:0;padding-right:0;box-sizing:initial}*/
.viptische-template-container .row#row-bedingungen-checkbox input{
 max-width:15px;
 width:15px;
 margin-right:0;
 padding-left:0;
 padding-right:0;
 box-sizing:initial;
 min-width:0;
}
.viptische-template-container .row#row-bedingungen-checkbox label{display:initial;max-width:364px;width:100%;margin-left:16px}

.viptische-template-container .row select{padding:5px}
.viptische-template-container .row .input-with-extra-label{display:flex;flex-direction:column}
.viptische-template-container input, .viptische-template-container select, .viptische-template-container .row .input-with-extra-label .extra-label, .viptische-template-container .row .error
{font-family:'SoinSansNeue-Roman';font-weight:500}
.viptische-template-container input{padding-left:8px;padding-right:8px}
.viptische-template-container input[type="text"]{border:1px solid grey;line-height:1.618;padding-top:1px;padding-bottom:1px}
.viptische-template-container .row .input-with-extra-label .extra-label{font-size:13px}
#viptisch-show-soldout-text{}
.viptische-template-container .row .error{color:red;max-width:400px;width:100%}

.viptische-template-container .ticket-order-btn.needs_confirmation_check{cursor:context-menu;background-color:var(--button-payments-background-color-needs-age-check)}
.viptische-template-container .ticket-order-btn.needs_confirmation_check.passed-hf5t7s4{cursor:pointer;background-color:var(--button-payments-background-color)}
.wrap-2021-tickets .viptische-template-container .ticket-order-btn{width:calc(100% - 6rem);max-width:400px}

.decent-button{}
input#viptisch-oderid:disabled{background-color:white;color:#4c4c4c}
.wrap-2021-tickets .viptische-template-container .ticket-order-btn{margin-left:auto}

#row-captcha{}
#viptisch-captcha{}
#c-img-img{display:flex;justify-content:flex-start;align-items:center;gap:1rem}
#viptisch_captcha_img_elem{}
#icon-refresh-captcha{width:20px}
#viptisch-captcha{width:100%}


@media (min-width:768px){
 table.shop_table_responsive tbody tr td,
 table.shop_table_responsive tbody tr th{
 text-align:left}

 .site-header{
 padding-top:2.617924em;
 padding-bottom:0}

 .site-header .site-branding{
 display:block;
 width:100%;
 float:left;
 margin-left:0;
 margin-right:0;
 clear:both}

 .site-header .site-branding img{
 height:auto;
 max-width:230px;
 max-height:none}

 .woocommerce-active .site-header .site-branding{
 width:73.9130434783%;
 float:left;
 margin-right:4.347826087%}

 .woocommerce-active .site-header .site-search{
 width:21.7391304348%;
 float:right;
 margin-right:0;
 clear:none}

 .woocommerce-active .site-header .main-navigation{
 width:73.9130434783%;
 float:left;
 margin-right:4.347826087%;
 clear:both}

 .woocommerce-active .site-header .site-header-cart{
 width:21.7391304348%;
 float:right;
 margin-right:0;
 margin-bottom:0}

 .storefront-secondary-navigation .site-header .site-branding{
 width:39.1304347826%;
 float:left;
 margin-right:4.347826087%}

 .storefront-secondary-navigation .site-header .secondary-navigation{
 width:56.5217391304%;
 float:right;
 margin-right:0}

 .storefront-secondary-navigation.woocommerce-active .site-header .site-branding{
 width:21.7391304348%;
 float:left;
 margin-right:4.347826087%}

 .storefront-secondary-navigation.woocommerce-active .site-header .secondary-navigation{
 width:47.8260869565%;
 float:left;
 margin-right:4.347826087%}

 .site-branding .site-description{
 margin-bottom:0;
 display:block}

 .custom-logo-link,
 .site-branding,
 .site-header-cart,
 .site-logo-anchor,
 .site-logo-link,
 .site-search{
 margin-bottom:1.41575em}

 .site-header .subscribe-and-connect-connect{
 float:right;
 margin-bottom:1em}

 .site-header .subscribe-and-connect-connect .icons{
 list-style:none;
 margin:0}

 .site-header .subscribe-and-connect-connect .icons a{
 font-size:1em!important}

 .site-header .subscribe-and-connect-connect .icons li{
 margin:0 0 0 0.5407911001em!important;
 display:inline-block}

 .col-full{
 width:100%;
 margin-left:auto;
 margin-right:auto;
 padding:0;
 box-sizing:content-box}

 .col-full::after,
 .col-full::before{
 content:'';
 display:table}

 .col-full::after{
 clear:both}

 .col-full:after{
 content:" ";
 display:block;
 clear:both}

 .site-content::after,
 .site-content::before{
 content:'';
 display:table}

 .site-content::after{
 clear:both}

 .content-area{
 width:73.9130434783%;
 float:left;
 margin-right:4.347826087%}

 .widget-area{
 width:21.7391304348%;
 float:right;
 margin-right:0}

 .right-sidebar .content-area{
 width:73.9130434783%;
 float:left;
 margin-right:4.347826087%}

 .right-sidebar .widget-area{
 width:21.7391304348%;
 float:right;
 margin-right:0}

 .left-sidebar .content-area{
 width:73.9130434783%;
 float:right;
 margin-right:0}

 .left-sidebar .widget-area{
 width:21.7391304348%;
 float:left;
 margin-right:4.347826087%}

 .storefront-full-width-content .content-area{
 width:100%;
 float:left;
 margin-left:0;
 margin-right:0}

 .content-area,
 .widget-area{
 margin-bottom:0}

 .page-template-template-fullwidth-php .content-area,
 .page-template-template-homepage-php .content-area{
 width:100%;
 float:left;
 margin-left:0;
 margin-right:0}

 .footer-widgets{
 padding-top:4.235801032em;
 border-bottom:1px solid rgba(0, 0, 0, 0.05)}

 .footer-widgets::after,
 .footer-widgets::before{
 content:'';
 display:table}

 .footer-widgets::after{
 clear:both}

 .footer-widgets.col-2 .block{
 width:47.8260869565%;
 float:left;
 margin-right:4.347826087%}

 .footer-widgets.col-2 .block.footer-widget-2{
 float:right;
 margin-right:0}

 .footer-widgets.col-3 .block{
 width:30.4347826087%;
 float:left;
 margin-right:4.347826087%}

 .footer-widgets.col-3 .block.footer-widget-3{
 float:right;
 margin-right:0}

 .footer-widgets.col-4 .block{
 width:21.7391304348%;
 float:left;
 margin-right:4.347826087%}

 .footer-widgets.col-4 .block.footer-widget-4{
 float:right;
 margin-right:0}

 .comment-list::after,
 .comment-list::before{
 content:'';
 display:table}

 .comment-list::after{
 clear:both}

 .comment-list .comment{
 clear:both}

 .comment-list .comment-meta{
 width:17.6470588235%;
 float:left;
 margin-right:5.8823529412%;
 text-align:right}

 .comment-list .comment-meta .avatar{
 float:right}

 .comment-list .comment-content{
 padding-bottom:3.706325903em;
 margin-bottom:3.706325903em}

 .comment-list #respond,
 .comment-list .comment-content{
 width:76.4705882353%;
 float:right;
 margin-right:0}

 .comment-list #respond{
 float:right}

 .comment-list #respond .comment-form-author,
 .comment-list #respond .comment-form-email,
 .comment-list #respond .comment-form-url{
 width:100%;
 margin-right:0}

 .comment-list .comment-body #respond{
 box-shadow:0 6px 2em rgba(0, 0, 0, 0.2);
 margin-bottom:2.617924em;
 margin-top:-1.618em}

 .comment-list .reply{
 clear:both;
 text-align:right}

 .comment-list ol.children{
 width:88.2352941176%;
 float:right;
 margin-right:0;
 list-style:none}

 .comment-list ol.children .comment-meta{
 width:20%;
 float:left;
 margin-right:6.6666666667%}

 .comment-list ol.children #respond,
 .comment-list ol.children .comment-content{
 width:73.3333333333%;
 float:right;
 margin-right:0}

 .comment-list ol.children ol.children{
 width:86.6666666667%;
 float:right;
 margin-right:0}

 .comment-list ol.children ol.children .comment-meta{
 width:23.0769230769%;
 float:left;
 margin-right:7.6923076923%}

 .comment-list ol.children ol.children #respond,
 .comment-list ol.children ol.children .comment-content{
 width:69.2307692308%;
 float:right;
 margin-right:0}

 .comment-list ol.children ol.children ol.children{
 width:84.6153846154%;
 float:right;
 margin-right:0}

 .comment-list ol.children ol.children ol.children .comment-meta{
 width:27.2727272727%;
 float:left;
 margin-right:9.0909090909%}

 .comment-list ol.children ol.children ol.children #respond,
 .comment-list ol.children ol.children ol.children .comment-content{
 width:63.6363636364%;
 float:right;
 margin-right:0}

 .comment-list ol.children ol.children ol.children ol.children{
 width:81.8181818182%;
 float:right;
 margin-right:0}

 .comment-list ol.children ol.children ol.children ol.children .comment-meta{
 width:33.3333333333%;
 float:left;
 margin-right:11.1111111111%}

 .comment-list ol.children ol.children ol.children ol.children #respond,
 .comment-list ol.children ol.children ol.children ol.children .comment-content{
 width:55.5555555556%;
 float:right;
 margin-right:0}

 #respond{
 padding:2.617924em}

 #respond .comment-form-author,
 #respond .comment-form-email,
 #respond .comment-form-url{
 width:29.4117647059%;
 float:left;
 margin-right:5.8823529412%}

 #respond .comment-form-url{
 float:right;
 margin-right:0}

 #respond .comment-form-comment{
 clear:both}

 .hentry .entry-header{
 margin-bottom:2.617924em}

 .hentry.type-post::after,
 .hentry.type-post::before{
 content:'';
 display:table}

 .hentry.type-post::after{
 clear:both}

 .hentry.type-post .entry-meta{
 width:17.6470588235%;
 float:left;
 margin-right:5.8823529412%;
 font-size:0.875em}

 .hentry.type-post .entry-content{
 width:76.4705882353%;
 float:right;
 margin-right:0}

 .handheld-navigation,
 .main-navigation.toggled .handheld-navigation,
 .main-navigation.toggled div.menu,
 .menu-toggle{
 display:none}

 .primary-navigation{
 display:block}

 .main-navigation,
 .secondary-navigation{
 clear:both;
 display:block;
 width:100%}

 .main-navigation ul,
 .secondary-navigation ul{
 list-style:none;
 margin:0;
 padding-left:0;
 display:block}

 .main-navigation ul li,
 .secondary-navigation ul li{
 position:relative;
 display:inline-block;
 text-align:left}

 .main-navigation ul li a,
 .secondary-navigation ul li a{
 display:block}

 .main-navigation ul li a::before,
 .secondary-navigation ul li a::before{
 display:none}

 .main-navigation ul li.focus > ul,
 .main-navigation ul li:hover > ul,
 .secondary-navigation ul li.focus > ul,
 .secondary-navigation ul li:hover > ul{
 left:0;
 display:block}

 .main-navigation ul li.focus > ul li > ul,
 .main-navigation ul li:hover > ul li > ul,
 .secondary-navigation ul li.focus > ul li > ul,
 .secondary-navigation ul li:hover > ul li > ul{
 left:-9999px}

 .main-navigation ul li.focus > ul li > ul.sub-menu--is-touch-device,
 .main-navigation ul li:hover > ul li > ul.sub-menu--is-touch-device,
 .secondary-navigation ul li.focus > ul li > ul.sub-menu--is-touch-device,
 .secondary-navigation ul li:hover > ul li > ul.sub-menu--is-touch-device{
 display:none;
 left:0}

 .main-navigation ul li.focus > ul li.focus > ul,
 .main-navigation ul li.focus > ul li:hover > ul,
 .main-navigation ul li:hover > ul li.focus > ul,
 .main-navigation ul li:hover > ul li:hover > ul,
 .secondary-navigation ul li.focus > ul li.focus > ul,
 .secondary-navigation ul li.focus > ul li:hover > ul,
 .secondary-navigation ul li:hover > ul li.focus > ul,
 .secondary-navigation ul li:hover > ul li:hover > ul{
 left:100%;
 top:0;
 display:block}

 .main-navigation ul ul,
 .secondary-navigation ul ul{
 float:left;
 position:absolute;
 top:100%;
 z-index:99999;
 left:-9999px}

 .main-navigation ul ul.sub-menu--is-touch-device,
 .secondary-navigation ul ul.sub-menu--is-touch-device{
 display:none;
 left:0}

 .main-navigation ul ul li,
 .secondary-navigation ul ul li{
 display:block}

 .main-navigation ul ul li a,
 .secondary-navigation ul ul li a{
 width:200px}

 ul.menu li.current-menu-item > a{
 color:#43454b}

 .storefront-primary-navigation{
 clear:both}

 .storefront-primary-navigation::after,
 .storefront-primary-navigation::before{
 content:'';
 display:table}

 .storefront-primary-navigation::after{
 clear:both}

 .main-navigation div.menu{
 display:block}

 .main-navigation ul.menu,
 .main-navigation ul.nav-menu{
 max-height:none;
 overflow:visible;
 margin-left:-1em}

 .main-navigation ul.menu > li > a,
 .main-navigation ul.nav-menu > li > a{
 padding:1.618em 1em}

 .main-navigation ul.menu > li.menu-item-has-children:hover::after,
 .main-navigation ul.menu > li.page_item_has_children:hover::after,
 .main-navigation ul.nav-menu > li.menu-item-has-children:hover::after,
 .main-navigation ul.nav-menu > li.page_item_has_children:hover::after{
 display:block}

 .main-navigation ul.menu ul,
 .main-navigation ul.nav-menu ul{
 margin-left:0}

 .main-navigation ul.menu ul li a,
 .main-navigation ul.nav-menu ul li a{
 padding:.875em 1.41575em;
 font-weight:400;
 font-size:0.875em}

 .main-navigation ul.menu ul li:last-child,
 .main-navigation ul.nav-menu ul li:last-child{
 border-bottom:0}

 .main-navigation ul.menu ul ul,
 .main-navigation ul.nav-menu ul ul{
 margin-left:0;
 box-shadow:none}

 .main-navigation ul.menu ul a:hover,
 .main-navigation ul.menu ul li.focus,
 .main-navigation ul.menu ul li:hover > a,
 .main-navigation ul.nav-menu ul a:hover,
 .main-navigation ul.nav-menu ul li.focus,
 .main-navigation ul.nav-menu ul li:hover > a{
 background-color:rgba(0, 0, 0, 0.025)}

 .main-navigation a{
 padding:0 1em 2.2906835em}

 .secondary-navigation{
 margin:0 0 1.618em;
 width:auto;
 clear:none;
 line-height:1}

 .secondary-navigation .menu{
 font-size:.875em;
 width:auto;
 float:right}

 .secondary-navigation .menu > li:hover > a{
 text-decoration:none}

 .secondary-navigation .menu ul a{
 padding:.326em .875em;
 background:rgba(0, 0, 0, 0.05)}

 .secondary-navigation .menu ul li:first-child a{
 padding-top:1em}

 .secondary-navigation .menu ul li:last-child a{
 padding-bottom:1em}

 .secondary-navigation .menu ul ul{
 margin-top:-0.6180469716em}

 .secondary-navigation .menu a{
 padding:1em .875em;
 color:#737781;
 font-weight:400}

 .secondary-navigation .menu a:hover{
 text-decoration:none}

 .error404 .fourohfour-columns-2 .col-1{
 width:47.8260869565%;
 float:left;
 margin-right:4.347826087%}

 .error404 .fourohfour-columns-2 .col-1 ul.products{
 margin-bottom:0}

 .error404 .fourohfour-columns-2 .col-2{
 width:47.8260869565%;
 float:right;
 margin-right:0} }
@media (max-width:66.4989378333em){
 .col-full{
 margin:0;
 padding:0} }
@media (max-width:568px){
 .col-full{
 margin-left:0;
 margin-right:0;
 padding:0} }
*:focus{
 outline:0!important}

body.home, body.grey-bg{
 background:#000}

.site-header{
 margin-bottom:0!important;
 width:100%;
 padding:0!important;
}

.site-header .replaced-svg path{
 fill:#ffffff}

.site-header{
 display:flex;
 justify-content:space-between;
 width:100%;
 position:fixed;
 left:0;
 top:0}

.site-header .header-left{
 width:132px;
 margin-left:22px;
 margin-top:20px}

.site-header .header-left div{
 width:24px}

.site-header .header-right{
 line-height:1;
 padding-top:17px;width:160px}

.site-header .header-right #lang-toggle{
 float:left;
 padding-top:10px;
 margin-right:19px}

.MacIntel .site-header .header-right #lang-toggle{
 padding-top:13px}

body.align-to-right-on-landing-page .site-header .header-right #lang-toggle{
 padding-top:5px}

.site-header .header-right #lang-toggle a{
 color:#fff;
 font-size:13px;
 font-family:'SoinSansNeue-Roman';
 text-transform:uppercase;
 font-weight:700;
 text-decoration:none!important}

.site-header .header-right #account-link{
 width:31px;
 float:left;
 margin-right:17px;
 margin-top:-1px}

.site-header .header-right #cart-link{
 float:left;
 width:22px;
 padding-top:2px;position:relative }
.site-header .header-center{
 width:auto;
 margin-bottom:5px}
.site-header .header-center img{
 width:200px;
 margin-top:7px}

.row-drop-shadow{
 position:relative}

h1{
 text-align:center}

.content-scroll h1{
 text-align:left}

html, body{
 width:100%}

.wrap-50-50{
 width:100%;
 display:flex;
 flex-direction:row;
 flex-wrap:nowrap;
 align-items:stretch}

.width-50{
 width:50%}

.left-50{
 background-color:#2B2B2B}

.right-50{
 background-color:#fff}

.bg-mastercard-orange .right-50{
 background-color:#FFB81A}

.right-50 .content-scroll{
 overflow:scroll;
 height:calc(100vh - 60px);
 padding:30px 20px 0 20px;
 font-family:'SoinSansNeue-Roman';
 font-size:18px;
 overflow-x:hidden;
 padding:0;
 color:#000}
.right-50 .content-scroll:not(.flex-center-start){margin-left:1rem}
.woocommerce-checkout .right-50 .content-scroll{
 overflow:visible;
 height:auto}

.right-50 .content-scroll h1,
.right-50 .content-scroll h2{
 font-family:'SoinSansNeue-Black';
 font-weight:100}

.right-50 .content-scroll h1{
 font-size:32px}

.right-50 .content-scroll h2{
 font-size:26px}

.height-100{
 height:calc(100vh - 60px)}
.woocommerce-checkout .height-100{
 height:auto}

.flex-center{
 display:flex;
 align-items:center;
 justify-content:center}

.center-item{
 display:block;
 flex:none}

.right-50 .center-item{
 min-width:300px;
 padding:0 0vw;
 background-color:#ffffff;
 width:100%;
 max-width:440px;
}
.woocommerce-cart .right-50 .center-item{max-width:560px}
.woocommerce-cart .right-50 .center-item{max-width:100%}
.woocommerce-cart .woocommerce-cart-form, .woocommerce-cart .cart-collaterals .cart_totals table{max-width:560px;max-width:960px;margin:0 auto;padding:0 10px}
.right-50 .center-item.full-width{
 width:100%;
 max-width:100%;
}

.right-50.no-pad .center-item{
 padding:0;
 background-color:#1b1b1b}

.right-50 .center-item h1{
 text-align:left;
 font-size:32px;
 margin-bottom:34px;
 margin-left:-2px}
.woocommerce-page .right-50 .center-item a{color:#000}
.woocommerce-page .right-50 .center-item a.button{
 color:#fff;
}
.woocommerce .cart-collaterals .cart_totals .checkout-button, .woocommerce .cart-collaterals .cart_totals .checkout-button, #checkout-section-5 button[type="submit"], .woocommerce-cart-form__contents .button[name=update_cart], .woocommerce-cart-form__contents .button[name=update_cart]:disabled, .button[name=apply_coupon], .wrap-2021-tickets .ticket-order-btn{text-transform:uppercase}
.woocommerce-page .right-50 .center-item a.button.wc-backward{color:white;text-decoration:none!important;background-color:#000}
h1.light{font-family:'Muli'}
.flex-wide-ticket{
 max-width:960px;
 width:100%;
 position:relative;
 margin:0 auto;
 background-color:transparent;
 height:200px;
 box-shadow:0 0 100px rgba(0, 0, 0, 0.25);
 margin-bottom:130px}

.flex-wide-ticket .infos-img-wrapper{
 width:79.15%;
 float:left;
 position:relative;
 height:200px;
 background-color:#fff;
}

.flex-wide-ticket .infos-img-wrapper .infos-box{
 float:left;
 width:63.6%;
 z-index:5;
 position:absolute;
 height:100%;
 -webkit-clip-path:polygon(0% 0%, 100% 0%, 87.8% 100%, 0% 100%);
 clip-path:polygon(0% 0%, 100% 0%, 87.8% 100%, 0% 100%);
}

.flex-wide-ticket .infos-img-wrapper .infos-box .infos-inner{
 width:92%;
 text-align:left;
 padding:22px 29px 20px 29px}

.MacIntel .flex-wide-ticket .infos-img-wrapper .infos-box .infos-inner{
 padding:28px 29px 20px 29px}

.flex-wide-ticket .infos-img-wrapper .infos-box .infos-inner .ticket-title{
 text-align:left;
 margin-bottom:12px;
 line-height:1;
 font-size:28px;
 font-weight:100}

.flex-wide-ticket .infos-img-wrapper .infos-box .infos-inner .subline{background-color:#949494;
 width:60px;
 height:6px;
 margin-bottom:12px}

.flex-wide-ticket .infos-img-wrapper .infos-box .infos-inner .zoag{
 margin:0 0 5px 0;
 font-size:18px;
 line-height:1;
 transform:translateX(-1px)}

.flex-wide-ticket.final-ticket-type-basic .infos-img-wrapper .infos-box{background-color:black}
.flex-wide-ticket.final-ticket-type-basic .ticket-title, .flex-wide-ticket.final-ticket-type-basic .zoag, .flex-wide-ticket.final-ticket-type-basic .booked-days, .flex-wide-ticket.final-ticket-type-basic .zvv-info{color:white}

.flex-wide-ticket .infos-img-wrapper .infos-box .infos-inner .zoag img{width:120px}
.flex-wide-ticket .infos-img-wrapper .infos-box .infos-inner .booked-days{margin:0 0 8px 0;font-size:16px;line-height:1;display:flex;font-weight:600;font-family:'SoinSansNeue-Roman'}

.flex-wide-ticket .infos-img-wrapper .infos-box .infos-inner .zvv-info{
 margin:0;
 font-size:12px;
 line-height:1;
 float:left;
 font-weight:100}


.the-questionmark-info-wrapper{
 margin-left:11px;
 float:left}

.questionmark{
 width:13px}

.speech-bubble{
 border:none!important;
 background-color:transparent!important;
 filter:none!important;
 box-shadow:none!important;max-width:320px }

.speech-bubble div{
 position:relative;
 background:#fff799!important;
 border-radius:6px;
 font-size:15px!important;
 padding:10px;
 filter:none!important;
 font-weight:400;
 font-family:'SoinSansNeue-Roman';line-height:1.2;
 box-shadow:none!important}

.speech-bubble div strong{line-height:2;font-family:'SoinSansNeue-Black';font-weight:400;letter-spacing:1px;font-size:16px}

.speech-bubble div:after{
 content:'';
 position:absolute;
 left:1px;
 top:20px;
 width:0;
 height:0;
 border:7px solid transparent;
 border-right-color:#fff799;
 border-left:0;
 margin-top:-7px;
 margin-left:-7px}
.ui-tooltip{
 z-index:32132132;
 padding-top:130px;
 pointer-events:none;
}
.ui-helper-hidden-accessible{display:none}
.flex-wide-ticket .infos-img-wrapper .img-box{
 width:337px;
 float:right;
 position:absolute;
 right:0;
 top:0;
 height:100%;
 overflow:hidden;
 border-right:5px dotted #EEEEEE}
.flex-wide-ticket .infos-img-wrapper .img-box img{
 /*width:337px;*/
 height:200px;object-fit:cover
}

.flex-wide-ticket .qrcode-wrapper{
 float:right;
 position:absolute;
 right:0;
 top:0;
 height:200px;
 width:200px;
 background-color:#fff;
 overflow:hidden;
 padding:6px 0px 0 3px}

.flex-wide-ticket .qrcode-wrapper img{
 width:190px;
 border-radius:0}

.flex-wide-ticket .actions{
 max-width:100%;
 background:#aeaeae;
 background:-moz-linear-gradient(top, #aeaeae 0%, #fefefe 100%);
 background:-webkit-linear-gradient(top, #aeaeae 0%, #fefefe 100%);
 background:linear-gradient(to bottom, #aeaeae 0%, #fefefe 100%);
 margin:0 30px;
 height:70px;
 box-shadow:0 0 100px rgba(0, 0, 0, 0.25);
 display:flex;
 justify-content:center;
 align-items:center;
}

.flex-wide-ticket .actions .inner{
 width:100%;
 padding-left:20px;
 padding-right:20px;
 display:flex;
 flex-wrap:wrap;
 justify-content:space-between;
 align-items:center;
 gap:15px 0px;
}

.flex-wide-ticket .actions .inner button{
 border-radius:5px;
 border:1px solid #696969;
 text-transform:uppercase;
 padding:6px 9px 8px 9px;
 padding:8px 9px 6px 9px;
 font-size:12px;
 color:#2B2B2B;
 font-weight:100;
 background-color:#FAFAFA;
 margin-right:10px}

.flex-wide-ticket .actions .inner button:hover{
 border:1px solid #696969!important;
 background-color:#FFFFFF}

/*#flex_booking_content h4{
 font-weight:600;
 font-family:'SoinSansNeue-Roman'}*/

.MacIntel .flex-wide-ticket .actions .inner{}

.flex-wide.actions.mobile{
 display:none}








.woocommerce-MyAccount-content{}
.woocommerce-MyAccount-content .ref-number{
 text-decoration:underline;
 cursor:pointer}
.flex-wide-ticket .ticket-insurance-info{margin:0;text-align:right}
.woocommerce-MyAccount-content .ref-number, .flex-wide-ticket .ticket-insurance-info, .woocommerce a.print-ticket-link, .vip-upgrade-btn
{font-family:'SoinSansNeue-Roman';line-height:1;font-weight:600;font-size:18px;color:black}
.woocommerce a.print-ticket-link, .woocommerce-MyAccount-content .ref-number
{text-decoration:none!important}
.woocommerce a.print-ticket-link:hover, .woocommerce-MyAccount-content .ref-number:hover
{text-decoration:underline!important}
.vip-upgrade-btn:hover
{text-decoration:underline}
.vip-upgrade-btn{cursor:pointer}
.vip-upgrade-btn.data-ticket-selected{color:var(--button-payments-background-color)}
#VIP_Upgrade_wishlist_overlay{
position:fixed;
 top:50vh;
 transform:translateY(-50%);
 right:0;
 display:flex;
 flex-direction:column;
 z-index:-1;
 opacity:0;
 width:max-content;
 max-height:250px;
 overflow-y:scroll;
 background-color:black;
 color:white;
 transition:all .5s linear 0s;
 padding:1rem 0.5rem;
 border-radius:1rem 0 0 1rem;
 align-items:center;
 scrollbar-color:black var(--button-payments-background-color);
}
#VIP_Upgrade_wishlist_overlay.visible-ed8o4jftz5{
 z-index:60;
 opacity:1;
}
#VIP_Upgrade_wishlist_overlay .row{
 display:flex;
 font-family:'SoinSansNeue-Roman';
 font-weight:100;
 padding:5px;
 /*max-width:250px;*/
 justify-content:center;
}
#VIP_Upgrade_wishlist_overlay .row .text{
 display:flex;
 align-items:center;
 justify-content:center;
 width:75%;
 font-size:15px;
}
#VIP_Upgrade_wishlist_overlay .row .remove_button{
 display:flex;
 align-items:center;
 justify-content:center;
 width:auto;
 cursor:pointer;
 font-size:20px;
 padding-left:10px;
 padding-right:10px;
}
#button__add_VIP_Upgrades_to_cart{
 margin-bottom:.5rem;
 cursor:pointer;
 font-size:18px!important;
 padding:1rem
}
@media only screen and (max-width:640px){
 #VIP_Upgrade_wishlist_overlay{top:auto;transform:translateY(0);bottom:0;width:100%;max-width:480px}
}















.event-page-gradient{display:none}
@media (max-width:768px){
 .flex-wide-ticket .infos-img-wrapper .infos-box .infos-inner .ticket-title{
 font-size:28px}
 .event-page-gradient{display:block;height:20vw;position:absolute;bottom:0;left:0;width:100%}
}

@media only screen and (min-width:769px){
	#card-dfe847t6 .card-middle{display:none}
}
@media only screen and (max-width:768px){
	.bp-first-row .card-middle .event_meta_box{height:15vw}
	.bp-first-row .card-middle .event_meta_box > div{display:none}
}

.open{
 display:block!important}

#blockui{
 display:none;
 width:100vw;
 height:100vh;
 z-index:999999;
 background-color:rgba(0, 0, 0, 0.3);
 top:0;
 left:0;
 position:fixed}

#blockui.blocking{
 display:block}

.btn{cursor:pointer}

#page{
 margin-top:60px}

button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, .button:hover, .widget a.button:hover{
 border-color:transparent!important}

.site-footer{
 padding-top:60px;
 padding-left:50px;
 padding-bottom:60px;
}
/*@media (max-width:900px){
 .site-header .header-center-inner-wrap .center-center div{
 padding-top:13px}

 .site-header .header-center-inner-wrap{
 transform:translateX(-115px)}
 }*/
.ticketsSectionCon{transform:translateY(45px)}
@media (max-width:768px){
 .ticketsSectionCon{transform:translateY(0px)}
 .site-footer{
 background-position:right bottom}
 .site-footer .scroll-top{
 width:20px;
 height:20px;
 top:20px;
 right:20px;
 background-size:13px 7px}

}
@media (max-width:667px){
 .site-header .header-right #account-link{
 width:28px;
 margin-right:5px;
 margin-top:1px}

 .site-header .header-right #lang-toggle{
 padding-top:10px;
 margin-right:5px}

 body.align-to-right-on-landing-page .site-header .header-right #lang-toggle{
 margin-right:19px}

}
footer .title{
 color:#fff;
 font-size:20px;
 font-family:'SoinSansNeue-Black';
 margin-bottom:0px}

footer p:not(.title){
 color:white;
 line-height:1}

footer p{
 margin-bottom:0}

footer .footer-col{
 float:left;
 margin:0 37px 0 0}

footer .footer-col > div a{
 color:white!important;
 font-size:19px;
 text-transform:uppercase;
 line-height:1}

footer .footer-col > div > div{
 float:left;
 margin-right:10px}

footer .footer-col > div > div a i{
 font-size:25px}

footer .copyright a:hover, footer .footer-col > div > div a i:hover, footer .footer-col.rechtliches a:hover, footer .footer-col.kontakt p:hover, footer .footer-col.kontakt p a:hover{
 color:#FFB81A!important}

footer .footer-col > div > div a i.fab.fa-youtube{
 font-size:29px;
 transform:translateY(-3px)}

footer .footer-col > div > div a i.fab.fa-spotify{
 font-size:23px;
 transform:translateY(0)}

footer .kontakt.footer-col{
 margin-right:53px}

footer .rechtliches.footer-col{
 margin-right:49px}

.hentry{
 margin:0}

.cb{
 clear:both}

.fn{
 float:none}

.fl{
 float:left}

.fr{
 float:right}

.db{
 display:block}

.dn{
 display:none}

#order_review, #order_review_heading{
 max-width:300px!important;
 float:none!important}

.form-row input, .form-row select, .form-row textarea{
 max-width:300px!important;
 width:100%;
 box-sizing:border-box;
}

.woocommerce-checkout .form-row-first, .woocommerce-checkout .form-row-last, .woocommerce-checkout .form-row-wide{
 max-width:300px!important;
 margin-right:0!important}

.woocommerce-checkout .right-50{
 background-color:transparent}

.woocommerce-checkout .form-row-first, .woocommerce-checkout .form-row-last, .woocommerce-checkout .form-row-wide{
 width:100%!important;
 margin-right:0!important;
 margin-bottom:10px}

.woocommerce-checkout .form-row-first, .woocommerce-checkout .form-row-last{
 float:none!important}

.woocommerce-checkout table thead th, .woocommerce-checkout table tbody td{
 padding:6px!important}

.woocommerce-checkout table{
 max-width:100%!important}

.woocommerce-checkout #order_review, .woocommerce-checkout #order_review_heading{
 max-width:100%!important;
 width:100%!important}

table.woocommerce-checkout-review-order-table .product-name{
 /*width:72%!important;*/ 
}

@media only screen and (max-width:480px){
 .card-row{width:100%}
 
 table.woocommerce-checkout-review-order-table .product-name{
 /*width:72%!important;*/
 }

 .active-lang-de table.woocommerce-checkout-review-order-table .product-name{
 /*width:56%!important;*/ 
 } }
.woocommerce-checkout table th, .woocommerce-checkout table td{
 background-color:#f8f8f8;
 padding:18px 0}

@media only screen and (max-width:768px){
 .wrap-50-50{
 width:100%;
 flex-direction:column-reverse}

 .wrap-50-50 .width-50{
 width:100%}

 .right-50 .content-scroll{
 overflow:visible;
 height:auto;
 padding:30px 20px 0 20px;
 overflow-x:visible}

 .right-50.height-100{
 height:auto;
 padding:0} }
@media (max-width:585px){
 body.align-to-right-on-landing-page .site-header .header-left{
 margin-top:18px}

 body.align-to-right-on-landing-page .site-header .header-left div{
 width:67px}

 .right-50 .content-scroll.flex-center-start{
 padding:0} }
.MacIntel #navigation-overlay #nav-footer #additional-page-links > div div.delim{
 margin:0px 6px 0 7px}

.fxt-btn{
 font-family:'SoinSansNeue-Roman';
 font-weight:100}

.flex-wide-ticket .camping-access.mobile{
 display:none;
 color:#000!important;
 font-size:11px;
 position:absolute;
 bottom:35px;
 left:13px;
 font-weight:100;
 width:110px;
 line-height:1}

@media only screen and (max-width:480px){
 .flex-wide-ticket .infos-img-wrapper .infos-box .infos-inner .camping-access{
 display:none}

 .flex-wide-ticket .camping-access.mobile{
 display:block}

 .fxt-btn{
 line-height:1}

 .site-footer{
 padding-top:50px;
 padding-left:45px;
 background-color:#000;
 background-position:right bottom}

 footer .footer-col{
 padding-bottom:30px}

 .site-header .header-left{
 width:auto;
 margin-left:15px;
 margin-top:21px;
 padding-bottom:23px}

 .site-header .header-right{
 width:auto;
 float:none;
 line-height:1;
 padding-top:23px;
 display:flex}

 .site-header .header-right #lang-toggle{
 float:left;
 padding-top:10px;
 margin-right:9px}

 .MacIntel .site-header .header-right #lang-toggle{
 padding-top:14px}

 .site-header .header-right #account-link{
 width:29px;
 float:left;
 margin-right:8px;
 margin-top:1px}

 .site-header .header-right{
 width:98px;
 float:none;
 line-height:1;
 padding-top:16px;
 display:flex;
 margin-right:0px}

 body.align-to-right-on-landing-page .site-header .header-right{
 float:right;
 display:block}

}

@keyframes spinnZ{
 from{
 transform:rotateZ(0deg)}
 to{
 transform:rotateZ(360deg)} }
.spinner-Z{
 width:100px;
 position:fixed;
 top:calc(50vh - 70px);
 left:calc(50vw - 50px);
 animation:spinnZ 3s ease-in-out 0s infinite alternate}

.spinner-Z path{
 fill:#00FFB5}

.hover_underline:hover{
 text-decoration:underline;
 cursor:pointer}

img.mobile-bg-img{
 display:none}

@media (max-width:585px){
 img.mobile-bg-img{
 display:block}

 div.with-desktop-bg-image{
 background-image:none!important;
 background-size:0px!important;
 height:auto} }
#qrcodemobile{
 align-items:center;
 flex-direction:column;
 justify-content:flex-start;
 padding-top:72px;
 height:100vh;
 width:100vw;
 z-index:321654987;
 background-color:#fff;
 position:fixed;
 top:0;
 left:0}

#qrcodemobile.opened{
 display:flex!important}

.zip{
 margin-bottom:30px}

.zip .download-title{
 font-weight:bold}

.zip .download-link{
 text-decoration:underline}

.zip .download-description{
 line-height:1.25}

.medien-allg-infos{
 line-height:1.25}

.woocommerce-checkout .right-50 .center-item{
 width:100%;
 border-radius:0;
 background-color:transparent;
 padding:0}

.woocommerce-checkout-review-order-table thead{
 display:none}

footer .footer-col.kontakt p, footer .footer-col.copyright p, footer .footer-col.rechtliches a{
 font-size:15px;
 line-height:1}

footer .footer-col.kontakt p.hover_underline:hover{
 text-decoration:none}

#no-landscape{
 display:none;
 width:100vw;
 height:100vh;
 background-position:center center;
 background-size:cover;
 background-repeat:no-repeat;
 background-color:black;
 position:fixed;
 top:0;
 left:0;
 z-index:999999999;
 overflow:hidden}
@media only screen 
and (min-width:480px) 
and (max-width:767px) 
and (orientation:landscape) 
and (max-height:480px){
 body:not(.page-template-page-history-2019) #no-landscape{display:block!important}
}
.newsletter-section{
 background-color:#000;
 width:100%;
 height:27.5vw;
 max-height:350px;
 display:flex;
 align-items:center;
 flex-direction:column;
 background-repeat:no-repeat}

.newsletter-section .title{
 font-size:55px;
 color:#000;
 text-align:center;
 margin:0;
 line-height:1;
 margin-bottom:4px}

.newsletter-section .sub-title{
 font-size:20px;
 color:#000;
 text-align:center;
 margin:0;
 line-height:1;
 margin-bottom:30px}

.newsletter-section form{
 height:auto;
 margin-bottom:0}

.newsletter-section form .wpcf7-response-output{
 display:none!important}

#mc4wp-done{
 width:60px;
 flex-direction:column;
 align-items:center}

#mc4wp-done img.svg{
 width:50px;
 height:50px}

@keyframes popup-newsletter-done{
 0%{
 opacity:0;
 width:0;
 height:0}
 75%{
 opacity:1;
 width:60px;
 height:60px}
 100%{
 width:50px;
 height:50px} }
#mc4wp-done.visible{display:block!important}

#mc4wp-done.visible img.svg{
 opacity:1;
 animation:popup-newsletter-done 1s linear 0s 1 normal}

.newsletter-section .mc4wp-form-fields{
 border-radius:0;
 align-items:center;
 justify-content:center;
 display:flex;
 -webkit-box-shadow:0px 20px 60px 0px rgba(0, 0, 0, 0.5);
 -moz-box-shadow:0px 20px 60px 0px rgba(0, 0, 0, 0.5);
 box-shadow:0px 20px 60px 0px rgba(0, 0, 0, 0.5);
 z-index:42;
 position:relative;
 background-color:#fff;
 padding:0}

.newsletter-section .mc4wp-form-fields .newsletter-form{
 display:block;
 width:820px;
 
}
.mc4wp-response .mc4wp-alert p{
 color:white;
 z-index:330;
 position:relative;
 text-align:center;
 font-weight:400;
 font-family:'SoinSansNeue-Roman';
 font-size:21px;
 display:block;
 width:100%;
 margin:0 auto;
 box-sizing:border-box;
 background-color:black;
 padding-bottom:8px;
}
.newsletter-section .mc4wp-form-fields .newsletter-form .flex-row-1{
 display:flex;
 flex-direction:row;
 flex:none;
 flex-wrap:wrap;
 justify-content:space-between;
 padding:24px 23px}

.newsletter-form p:empty{
 display:none;
 visibility:hidden;
 margin:0;
 padding:0;
 height:0;
 width:0}

.newsletter-section .ajax-loader{
 display:none!important}

form#mc4wp-form-1{
 margin:0}

.newsletter-section .mc4wp-form-fields .newsletter-form > div > div{
 width:100%;
 max-width:240px;
 max-height:60px}

.newsletter-section .mc4wp-form-fields .newsletter-form > div > div#the-submit-wrapper{
 margin:0;
 max-width:100%;
 margin-bottom:5px}

.MacIntel .newsletter-section .mc4wp-form-fields .newsletter-form > div > div#the-submit-wrapper{
 margin:0;
 max-width:100%;
 margin-top:10px}

.newsletter-section .mc4wp-form-fields .newsletter-form > div > div > input{padding:5%}
.MacIntel .newsletter-section .mc4wp-form-fields .newsletter-form > div > div > input{padding:6% 5% 4% 5%}

.newsletter-section .mc4wp-form-fields .newsletter-form > div > input[type="submit"]{
 padding:0;
 line-height:1.75}

.newsletter-section .mc4wp-form-fields .newsletter-form input:focus:not(input[type="submit"]){
 border-color:#FF8000;
 background-color:white}

.newsletter-section .mc4wp-form-fields .newsletter-form div.submitbtn{
 margin:0;
 width:100%;
 background-color:#000;
 height:auto;
 display:flex;
 flex-direction:row;
 align-items:center;
 justify-content:center;
 position:relative;
 padding-top:10px;
 padding-bottom:10px;
}
.MacIntel .newsletter-section .mc4wp-form-fields .newsletter-form div.submitbtn{
 padding-top:15px;padding-bottom:8px;
}

.newsletter-section .mc4wp-form-fields .newsletter-form div.submitbtn div{
 width:100%}

.newsletter-section .mc4wp-form-fields .newsletter-form div.submitbtn div input{
 color:#fff;
 font-family:'SoinSansNeue-Black';
 font-size:35px;line-height:1;
 transition:all .2s linear 0s}

.MacIntel .newsletter-section .mc4wp-form-fields .newsletter-form div.submitbtn div input{
 padding-top:0!important}

.notMacIntel .newsletter-section .mc4wp-form-fields .newsletter-form div.submitbtn div{
 padding-bottom:0}

.newsletter-section .mc4wp-form-fields .newsletter-form div.submitbtn div input, .newsletter-section .mc4wp-form-fields .newsletter-form div.submitbtn:hover div input{
 background-color:transparent;
 border:none;
 padding:0}

.newsletter-section .mc4wp-form-fields .newsletter-form div.submitbtn:hover div input{
 transform:scale(1.05)}

.newsletter-section input{
 padding:8px 14px;
 border:2px solid #808080;
 border-radius:3px;
 font-size:20px;
 font-family:'SoinSansNeue-Roman';
 width:100%;
 font-weight:400}

.MacIntel .newsletter-section input{
 padding:11px 14px 5px 14px}

.newsletter-section input{
 border-radius:0}

.newsletter-section .mail-group{
 position:relative}

.newsletter-section .mail-icon{
 position:absolute;
 top:10px;
 right:0px;
 display:none}

.newsletter-section .mail-icon svg{
 width:22px;
 pointer-events:none}

.newsletter-section .mail-icon svg path{
 fill:lightgrey;
 transition:all .2s linear 0s}

@media only screen and (max-width:900px){
 .newsletter-section{
 min-height:450px}

 .newsletter-section .mc4wp-form-fields .newsletter-form .flex-row-1{
 flex-direction:column;
 align-items:center;
 max-width:320px;
 align-content:center;
 width:100%;
 padding:0 3%}

 .newsletter-section .mc4wp-form-fields .newsletter-form > div > input[type="submit"]{
 padding:0 15px;
 white-space:normal;
 width:100%;
 max-width:320px;
 font-size:22px}

 .newsletter-section .mc4wp-form-fields .newsletter-form > div > div{
 width:100%;
 margin:0}
 .newsletter-section .mc4wp-form-fields .newsletter-form > div:not(.submitbtn) > div{
 margin-bottom:7px}

 .newsletter-section .mc4wp-form-fields .newsletter-form > div > div#the-submit-wrapper{
 margin:0}

 .newsletter-section .mc4wp-form-fields .newsletter-form{
 align-items:center}

 .newsletter-section .mc4wp-form-fields .newsletter-form div.submitbtn div input{
 white-space:normal;
 font-size:20px;
 line-height:1.15}

 .newsletter-section .mc4wp-form-fields .newsletter-form div.submitbtn{
 height:85px}

 .newsletter-section .mc4wp-form-fields .newsletter-form .flex-row-1{
 padding:20px}

 .newsletter-section .mc4wp-form-fields .newsletter-form .flex-row-1, .newsletter-section .mc4wp-form-fields .newsletter-form div.submitbtn{
 max-width:275px}

 .newsletter-section .mc4wp-form-fields .newsletter-form > div > div.nl-fld-1{
 margin-top:0}

 .newsletter-section .mc4wp-form-fields .newsletter-form > div > div.nl-fld-3{
 margin-bottom:0}

 .newsletter-section input{
 font-size:19px}

 .newsletter-section .mc4wp-form-fields .newsletter-form, .mc4wp-response .mc4wp-alert p{
 width:275px} }
.newsletter-section .mc4wp-form-fields .newsletter-form .flex-row-1 input:focus{
 background-color:white}

.newsletter-form input[name=fname]::-webkit-input-placeholder{
 color:#8E8E8E;
 font-weight:300}

.newsletter-form input[name=fname]:-moz-placeholder{
 color:#8E8E8E;
 font-weight:300}

.newsletter-form input[name=fname]::-moz-placeholder{
 color:#8E8E8E;
 font-weight:300}

.newsletter-form input[name=fname]:-ms-input-placeholder{
 color:#8E8E8E;
 font-weight:300}

.newsletter-form input[name=lname]::-webkit-input-placeholder{
 color:#8E8E8E;
 font-weight:300}

.newsletter-form input[name=lname]:-moz-placeholder{
 color:#8E8E8E;
 font-weight:300}

.newsletter-form input[name=lname]::-moz-placeholder{
 color:#8E8E8E;
 font-weight:300}

.newsletter-form input[name=lname]:-ms-input-placeholder{
 color:#8E8E8E;
 font-weight:300}

.newsletter-form input[name=email]::-webkit-input-placeholder{
 color:#8E8E8E;
 font-weight:300}

.newsletter-form input[name=email]:-moz-placeholder{
 color:#8E8E8E;
 font-weight:300}

.newsletter-form input[name=email]::-moz-placeholder{
 color:#8E8E8E;
 font-weight:300}

.newsletter-form input[name=email]:-ms-input-placeholder{
 color:#8E8E8E;
 font-weight:300}

#intercom-container > .intercom-app > iframe{
 z-index:10}

#navigation-overlay, #contact-overlay, #lineup-overlay{
 background-color:#EEEEEE;
 width:100%;
 text-align:center;
 height:calc(100vh - 60px);
 box-sizing:border-box;
 position:fixed;
 z-index:99;
 top:60px;
 left:0;
 background-size:cover;
 background-position:center;
 background-repeat:no-repeat;
}
#tickets-target.visible_bandpage_overlay{
 display:flex!important;
 z-index:4;
 position:fixed;
 top:60px;
 left:0;
 width:100%;
 min-height:100vh;
}
#navigation-overlay, #contact-overlay, #lineup-overlay, .flex-wide-ticket.ticket_row, .ticketsSectionWrp, header#masthead, #account-menu, .woocommerce-cart-form
{-moz-user-select:none;-webkit-user-select:none;user-select:none}
#navigation-overlay, #lineup-overlay{
 display:flex;
 flex-direction:column;
 justify-content:center}

#lineup-overlay{
 flex-direction:row;
 background-image:none}

body{overflow-y:scroll}

#navigation-overlay #socials #std-links div div{
 float:left}

#navigation-overlay #socials #std-links i{
 color:#212121}

#navigation-overlay > div.nav, #contact-overlay > div{
 display:flex;
 align-items:center;
 justify-content:flex-end;
 height:auto;
 width:100%;
 text-align:center}

#navigation-overlay > div.nav{margin-bottom:4rem}

#navigation-overlay div.nav ul{
 text-align:left}

#navigation-overlay div.nav li{
 list-style-type:none;
 margin:0;
 padding:0;text-align:right}
#navigation-overlay{padding-right:4vw}
#navigation-overlay div.nav li a{
 color:#000;
 /*font-size:93px;*/
 /*font-size:75px;*/
 /*font-size:11.5vh;*/
 /*font-size:9.5vh;*/
 font-size:6.5vh;
 line-height:1;
 font-family:'SoinSansNeue-Black';
 text-decoration:none;
 letter-spacing:2px;
 display:inline-block}

#navigation-overlay div.nav li a:hover{
 color:#000}

#navigation-overlay #nav-footer > div#socials{
 width:655px;
 margin:0 auto;
 text-align:left;
 padding-left:13px}

#navigation-overlay #nav-footer > div#socials .impressum{
 text-decoration:none;
 color:white;
 font-weight:100;
 font-family:'SoinSansNeue-Black';
 letter-spacing:1px;
 margin-left:10px}

#navigation-overlay div#socials #std-links div div{
 font-size:29px;
 margin-right:10px}

#navigation-overlay #nav-footer > div#socials #additional-page-links > div{
 float:left;
 margin-top:5px}

#navigation-overlay #nav-footer > div#socials #additional-page-links > div a,
#navigation-overlay #nav-footer > div#socials #additional-page-links > div span{
 line-height:1.75;
 margin-left:13px;
 cursor:pointer}

#socials{
 margin-left:50%;
 padding-left:10px;
 text-align:left}

#navigation-overlay #nav-footer i.fab.fa-youtube{
 font-size:38px;
 transform:translateY(2px);color:#000}

#navigation-overlay #nav-footer i.fab.fa-spotify{
 font-size:30px;
 transform:translateY(-1px);color:#000}
#navigation-overlay #nav-footer i{color:#000}
@media only screen and (max-width:480px){
 #navigation-overlay #nav-footer > div#socials #additional-page-links > div a,
 #navigation-overlay #nav-footer > div#socials #additional-page-links > div span{
 line-height:2.5}

 #navigation-overlay #nav-footer > div#socials #additional-page-links{
 clear:both;
 padding-top:10px}

 #navigation-overlay #nav-footer > div#socials #additional-page-links > div:first-child a{
 margin-left:13px} }
#navigation-overlay div.nav ul{
 margin:0 0 0 0%}

#contact-overlay div.wpcf7{
 margin:0 auto;
 padding:0;
 width:100%;
 max-width:425px;
 height:100%;
 overflow:scroll;
 -webkit-​overflow-scrolling:touch;
 max-width:700px;
 display:flex;
}
#contact-overlay div.wpcf7 p{margin:0}
#contact-overlay div.wpcf7 textarea{
margin-top:6px;
resize:vertical}

#contact-overlay div.wpcf7 span.wpcf7-not-valid-tip{
color:black;
font-family:'SoinSansNeue-Roman';
text-align:center;
margin-bottom:10px;
font-size:1.2rem;
font-weight:600;
}
#contact-overlay div.wpcf7 form{
margin-bottom:0;
display:flex;
flex-direction:row;
flex-wrap:nowrap;
align-items:center;
}
#contact-overlay div.wpcf7 form .left, #contact-overlay div.wpcf7 form .right{width:50%}
#contact-overlay div.wpcf7 form .left{padding-right:3%}
#contact-overlay div.wpcf7 form .right{padding-left:3%}
#contact-overlay .make-some-abstand{margin-top:25px}
#contact-overlay div.wpcf7 div.wpcf7-response-output{
position:absolute;
bottom:10px;right:20px;
color:black;
border:none;
font-size:15px;line-height:1.2;
text-align:right;max-width:250px;
padding:0;
margin:0;
font-family:'SoinSansNeue-Roman';
margin-bottom:10px;
font-weight:600}

#contact-overlay div.wpcf7 input:focus,
#contact-overlay div.wpcf7 textarea:focus{
 outline:none!important;
 box-shadow:none}
#contact-overlay div.wpcf7 input,
#contact-overlay div.wpcf7 select,
#contact-overlay div.wpcf7 textarea{color:black;font-weight:600!important}
#contact-overlay div.wpcf7 input::-webkit-input-placeholder,
#contact-overlay div.wpcf7 select::-webkit-input-placeholder,
#contact-overlay div.wpcf7 textarea::-webkit-input-placeholder{
 color:#9b9b9b;
 font-size:20px;
 line-height:20px;
 letter-spacing:0px;
 font-weight:100}

#contact-overlay div.wpcf7 input:-moz-placeholder,
#contact-overlay div.wpcf7 select:-moz-placeholder,
#contact-overlay div.wpcf7 textarea:-moz-placeholder{
 color:#9b9b9b;
 font-size:20px;
 line-height:20px;
 letter-spacing:0px;
 font-weight:100}

#contact-overlay div.wpcf7 input::-moz-placeholder,
#contact-overlay div.wpcf7 select::-moz-placeholder,
#contact-overlay div.wpcf7 textarea::-moz-placeholder{
 color:#9b9b9b;
 font-size:20px;
 line-height:20px;
 letter-spacing:0px;
 font-weight:100}

#contact-overlay div.wpcf7 input:-ms-input-placeholder,
#contact-overlay div.wpcf7 select:-ms-input-placeholder,
#contact-overlay div.wpcf7 textarea:-ms-input-placeholder{
 color:#9b9b9b;
 font-size:20px;
 line-height:20px;
 letter-spacing:0px;
 font-weight:100}

#lineup{
 margin-top:0}

.all-hidden{
 display:none!important}

#navigation-overlay .nav ul{
 /*transform:translateY(-15%);*/
}

#navigation-overlay #nav-footer{
 /*transform:translateY(23%);*/
 text-align:right;
 margin-left:0%}

#navigation-overlay #nav-footer a{
 color:#000}

#navigation-overlay #nav-footer i{
 font-size:33px}

#navigation-overlay #nav-footer #std-links{
 margin-bottom:7px}

#navigation-overlay #nav-footer #std-links > div span{
 margin-right:4px}

#navigation-overlay #nav-footer #additional-page-links{
 margin-bottom:18px;display:flex;
 flex-direction:row;
 justify-content:flex-end}

#navigation-overlay #nav-footer #additional-page-links > div div{
 margin-bottom:8px;
 float:left;
 color:#000}

#navigation-overlay #nav-footer #additional-page-links > div div.delim{
 margin:0px 6px 0 6px;
 font-family:"SoinSansNeue-Roman";
 transform:translateY(2px);
 font-size:21px}

.MacIntel #navigation-overlay #nav-footer #additional-page-links > div div.delim{
 transform:translateY(0)}

#navigation-overlay #nav-footer #additional-page-links > div div a, #navigation-overlay #nav-footer #additional-page-links > div div
{font-size:25px;line-height:1;font-size:clamp(20px,3.5vw,25px)}

#ci-page-links > div{display:flex;flex-direction:column;align-items:flex-end}

#navigation-overlay #nav-footer #ci-page-links p{
 margin-bottom:10px;display:inline;
 color:#FFFFFF;
 font-size:16px;
 line-height:1;
 cursor:pointer}


/* Hide scrollbar for Chrome, Safari and Opera */
#contact-overlay div.wpcf7::-webkit-scrollbar{
 display:none;
}

/* Hide scrollbar for IE, Edge add Firefox */
#contact-overlay div.wpcf7{
 -ms-overflow-style:none;
 scrollbar-width:none;
}

#contact-overlay > div{
 display:flex;
 align-items:flex-start;
 height:100%;
 width:100%;
 padding-top:0;
 text-align:center}
#contact-overlay div.wpcf7 h3{
 margin-top:50px}
#contact-overlay div.wpcf7 .purpose .wpcf7-radio + span.wpcf7-not-valid-tip{
 color:black;
}
#contact-overlay div.wpcf7 .purpose .wpcf7-radio .wpcf7-list-item{
 width:130px;
 text-align:left;
 color:black;
 font-family:'SoinSansNeue-Roman';font-weight:600 }
#contact-overlay div.wpcf7 .purpose input[type=radio]{
 float:left;
 padding:0;
 margin-right:10px;
 background-position:center center;
 background-repeat:no-repeat;
 background-size:22px;
 width:22px;
 height:22px;
 cursor:pointer}
#contact-overlay div.wpcf7 .purpose input[type=radio]:checked{
 background-image:url(img/check/check-selected22.png)!important;
 border-color:#000;
 background-color:transparent!important;
}

#navigation-overlay #nav-footer a:hover, #navigation-overlay #nav-footer #additional-page-links > div div.newsletter-socials:hover{
 color:#000}

/*@media only screen and (max-width:1400px){
 #navigation-overlay div.nav li a{
 font-size:7.5vh} }*/
@media only screen and (max-width:1150px){
 #navigation-overlay div.nav ul{
 margin:0 0 0 25%}

 #navigation-overlay #nav-footer{
 margin-left:25.6%} }
@media only screen and (max-width:1090px){
 #navigation-overlay,
 #contact-overlay{
 background-image:url(img/ZOA20_Nav_BG_m.png);
 background-size:cover;
 background-position:center} }
@media only screen and (max-width:480px){
 #contact-overlay div.wpcf7 .purpose .wpcf7-radio .wpcf7-list-item{
 width:calc(50% - 1em)}

 #contact-overlay div.wpcf7{
 overflow:scroll;
 height:100%}

 #contact-overlay div.wpcf7 h3{
 margin-top:20px}

 #navigation-overlay{
 padding-top:35px;
 justify-content:flex-start}

 .site-header .header-center img{
 width:120px;
 margin-top:16px;
 }
 #navigation-overlay div.nav ul{
 margin:0 0 0 0;transform:translateY(0)}

 #navigation-overlay #nav-footer{
 margin-left:5%}

 #contact-overlay div.wpcf7{
 padding:5% 4% 0 4%}

 #contact-overlay div.wpcf7 input,
 #contact-overlay div.wpcf7 textarea{
 font-size:20px;
 line-height:20px}
 #contact-overlay div.wpcf7 input::-webkit-input-placeholder,
 #contact-overlay div.wpcf7 select::-webkit-input-placeholder,
 #contact-overlay div.wpcf7 textarea::-webkit-input-placeholder{
 font-size:20px;
 line-height:20px}

 #contact-overlay div.wpcf7 input:-moz-placeholder,
 #contact-overlay div.wpcf7 select:-moz-placeholder,
 #contact-overlay div.wpcf7 textarea:-moz-placeholder{
 font-size:20px;
 line-height:20px}

 #contact-overlay div.wpcf7 input::-moz-placeholder,
 #contact-overlay div.wpcf7 select::-moz-placeholder,
 #contact-overlay div.wpcf7 textarea::-moz-placeholder{
 font-size:20px;
 line-height:20px}

 #contact-overlay div.wpcf7 input:-ms-input-placeholder,
 #contact-overlay div.wpcf7 select:-ms-input-placeholder,
 #contact-overlay div.wpcf7 textarea:-ms-input-placeholder{
 font-size:20px;
 line-height:20px}
}
@media only sceen and (max-width:480px){
 .site-header .header-center img{width:94px;margin-top:21px}
}


#contact-overlay div.wpcf7 input[type=submit]{
background-color:#000!important;
border:none!important;
color:white!important;
font-size:30px!important;padding-bottom:25px;
border-width:0px;
font-weight:900;
font-family:'SoinSansNeue-Black'!important;
text-transform:uppercase;
}
.MacIntel #contact-overlay div.wpcf7 input[type=submit]{padding-bottom:12px}
.captcha-image .cf7ic_instructions span{color:black!important}
.captcha-image label > input:checked + svg, .captcha-image label > input:focus + svg{border-color:#000!important}
.captcha-image label > input + svg{box-sizing:border-box}
#contact-overlay div.wpcf7 input[type=submit],
#contact-overlay div.wpcf7 input,
#contact-overlay div.wpcf7 textarea{
 width:100%;
 margin-bottom:5px}

.captcha-image{
 border:0!important;
 font-weight:bold
}

.captcha-image > span{
 color:black}

.captcha-image span{
 font-family:"SoinSansNeue-Roman"}

.captcha-image svg{
 color:black}

.captcha-image input[name="kc_captcha"]{
 display:none}

.right-50 .center-item#flex-tickets,
.right-50 .center-item#flextension{
 padding:31px 23px}

.right-50 .center-item#flex-tickets h1,
.right-50 .center-item#flextension h1{
 margin-left:14px;
 margin-bottom:-2px;
 line-height:1}

.right-50 .center-item#flextension h1{
 margin-bottom:20px}

.right-50 .center-item#vip-tickets{
 padding:31px 23px}

.right-50 .center-item#vip-tickets h1{
 margin-left:14px;
 margin-bottom:-2px;
 line-height:1}

.display_none{
 display:none}

.btn-tickets > span{
 transition:all .15s linear 0s}

.version-2020 .over-the-fold .card .btn-tickets:hover > span{
 transform:scale(1.2)}

#cards{
 background:#000;
 position:relative;
 z-index:4}

.over-the-fold{
 width:100%;
 position:relative;
 z-index:200}


.card-row{
 width:100%;
 display:flex;
}

#basic-tickets, #flex-tickets, #vip-tickets, .ticket-box.ticket-box-camping-access{
 -webkit-box-shadow:0px 20px 138px 0px rgba(0, 0, 0, 0.4);
 -moz-box-shadow:0px 20px 138px 0px rgba(0, 0, 0, 0.4);
 box-shadow:0px 20px 138px 0px rgba(0, 0, 0, 0.4)}


.section-drop-shadow{
 position:relative}

@media only screen and (max-width:768px){
 .row-drop-shadow, .over-the-fold .card .btn-tickets, .site-header, .ticket-wrapp .drop-shadow, .drop-shadow, .flex-wide-ticket{
 filter:none!important} }
.card{
 background-color:#000;
 color:#000;
 display:flex;
 justify-content:center;
 align-items:center;
 /*width:50%;*/
 width:100%;
 overflow:hidden}
.card-row{width:50%}
.card-row.force_full_width{width:100%}
.card-panel{display:flex;flex-wrap:wrap}



.card{height:calc((100vw * 0.57) / 2)}
@media only screen and (max-width:1920px){
 .card{height:calc((100vh - 58.5px) / 2)}
}
.bp_card-row .card{height:calc(100vh - 58.5px)}
@media only screen and (max-width:1920px){
 .bp_card-row .card{height:55vw}
 .bp_card-row.bp-first-row .card{height:calc(100vh - 58.5px);height:calc(100svh - 58.5px)}
}


.card.no-flex{display:block}

.card .inner-wrap{
 flex:none;
 text-align:center}

.card .inner-wrap .title-top-wrap{
 display:inline-block}

.card .title-top,
.card .text-bottom{
 font-size:25px}

.card .text-bottom.more-info{
 cursor:pointer;position:relative;font-size:.97vw }
.card .text-bottom.more-info:after{
 content:' ';
 margin-left:calc(50% - 12px);
 width:25px;
 height:14px;
 display:block;
 background-image:url(img/arrow-down.svg);
 background-repeat:no-repeat;
 position:relative;
 top:25px}

.version-2020 .card .text-bottom.more-info:after{
 background-image:url(img/arrow-down_1.svg)}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next{
 background-image:url(img/swiper-arrow-left.svg)}

.version-2020 .swiper-button-prev, .version-2020 .swiper-container-rtl .swiper-button-next{
 background-image:url(img/ZOA20_CTA_Nav_left.png)}

.version-2020 .swiper-button-next, .version-2020 .swiper-container-rtl .swiper-button-prev{
 background-image:url(img/ZOA20_CTA_Nav_right.png)}

.MacIntel .card .title-top, .MacInten .card .text-bottom{
 position:relative;
}

.MacIntel .card .act{
 position:relative;
 padding-bottom:14px;
 height:auto;
}

.MacIntel .card .btn-tickets span span{
 position:relative;
}

.notMacIntel .card .btn-tickets span span{
 position:relative;
 bottom:1px}

.card .title-top-blackline{
 width:54px;
 height:8px;
 background-color:#121212}

.card .title-center-wrap{
 padding-bottom:19px;
 margin-top:26px}

.card .title-center-wrap.lines-two{
 padding-bottom:19px;
 margin-top:26px}

.version-2020 .card .title-center-wrap.lines-two{
 padding-bottom:19px;
 margin-top:0}

.version-2020 .card .artist-title a{
 color:white}

.card .title-center-wrap.lines-one{
 padding-bottom:19px;
 margin-top:50px}

.version-2020 .card .title-center-wrap.lines-one{
 margin-top:15px}

@media only screen and (max-width:480px){
 .version-2020 .card .title-center-wrap.lines-one{
 padding-bottom:0;
 margin-top:0} }
.card .act h3{
 color:#1a1a1a;
 margin:0}

.version-2020 .card .act h3{
 color:white;
 margin:0}

.over-the-fold .card .act h3:hover a{
 color:#ffffff}

.card:not(.card-img):nth-child(2) .title-center-wrap{
 display:flex}

.card.card-img .title-center-wrap{
 display:inline-flex}

.btn-day{
 color:#fff;
 background-color:#1a1a1a;
 line-height:1;
 padding-left:15px;
 padding-right:15px;
 border-radius:6px}

.MacIntel .btn-day{
 padding:9px 0 5px 0}

.over-the-fold .card .btn-tickets > span{
 cursor:pointer;
 padding:0;
 display:block;
 text-align:center;
 padding:1.1vw 2vw;
 -webkit-box-shadow:0px 10px 30px 0px rgba(0, 0, 0, 0.65);
 -moz-box-shadow:0px 10px 30px 0px rgba(0, 0, 0, 0.65);
 box-shadow:0px 10px 30px 0px rgba(0, 0, 0, 0.65);
}
.over-the-fold .cta-small-headline{
 cursor:pointer;
 display:block;
 text-align:center;
 position:absolute;
 bottom:auto;
 top:-1.35vw;
 font-size:.97vw;
 line-height:1;
 color:white;
 padding:0;
 width:100%;
 transition:all .2s linear 0s;
}
.over-the-fold .btn-tickets:hover .cta-small-headline{
 top:-1.85vw;
}
#fixed-cards .zoa22-home-btn-tickets{
color:white;
background-color:#000;
font-family:'SoinSansNeue-Black';
font-size:2.9vw;
line-height:1;
height:auto;
padding:1.2vw 2vw 1.7vw 2vw;
cursor:pointer;
-webkit-box-shadow:0px 10px 30px 0px rgba(0, 0, 0, 0.65);
-moz-box-shadow:0px 10px 30px 0px rgba(0, 0, 0, 0.65);
box-shadow:0px 10px 30px 0px rgba(0, 0, 0, 0.65);
-moz-user-select:none;
-webkit-user-select:none;
user-select:none;
transition:all .1s ease-in-out 0s;
animation:pop-up-once .5s linear 1s 1 normal;
}
.MacIntel #fixed-cards .zoa22-home-btn-tickets{padding-bottom:.6vw}
#fixed-cards .zoa22-home-btn-tickets:hover{transform:scale(1.2)}
@keyframes pop-up-once{0%{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(1)}}
.version-2020 .over-the-fold .card .btn-tickets > span{
 color:white;
 background-color:#000;
 font-family:'SoinSansNeue-Black';
 font-size:2.9vw;
 line-height:1;
 height:auto;
 padding-bottom:1.7vw;
}
.MacIntel .version-2020 .over-the-fold .card .btn-tickets > span{padding-bottom:.5vw}

@media only screen and (min-width:586px){
 .version-2020 .over-the-fold .card .btn-tickets > span{
 animation:pop-up-once .5s linear 1s 1 normal} }
@media only screen and (max-width:480px){
 .version-2020 .over-the-fold .card .btn-tickets > span{
 color:#fff;
 background-color:black} }
.over-the-fold .card.card-one .act h3, .version-2020 .bp_card .bp_act h3{
color:white;
cursor:context-menu;
font-size:2.9vw;
background-color:#000;
font-family:'SoinSansNeue-Black';
padding-top:1.3vw;
padding-left:1.3vw;
padding-right:1.3vw;
padding-bottom:2vw;
line-height:1;
-webkit-box-shadow:0px 0px 30px 0px rgba(0, 0, 0, 0.4);
-moz-box-shadow:0px 0px 30px 0px rgba(0, 0, 0, 0.4);
box-shadow:0px 0px 30px 0px rgba(0, 0, 0, 0.4);
}
.MacIntel .over-the-fold .card.card-one .act h3, .MacIntel .version-2020 .bp_card .bp_act h3{padding-bottom:.65vw}
.bp_act > span.date{
font-size:1.35vw;
line-height:1;
margin-top:0;
padding:0 0 .3vw 0;
cursor:context-menu;
text-align:center;
width:100%;
display:block;
background-color:white;
}
.MacIntel .bp_act > span.date{padding:.4vw 0 0 0}

.version-2020 .playday-img{
 display:none}
#contact-overlay div.wpcf7 form h2{font-size:25px}
@media only screen and (max-width:480px){
 
 .over-the-fold .card.card-one .act h3{
 font-size:30px}

 .version-2020 .playday-img{
 position:absolute;
 top:10px;
 width:27px;
 right:10px;
 display:block}

 .version-2020 .over-the-fold .card .btn-tickets > span{
 transform:scale(1)} }
.over-the-fold .card.card-one .act h3 span{
 cursor:context-menu}
@media (max-width:1440px){
 .over-the-fold .card .btn-tickets > span{
 font-size:34px;
 font-size:2.3vw;
 min-width:208px;
 min-width:16vw;
 height:57px;
 height:4vw} }
.bp_card.card-img, .card.card-img, .card .swiper-slide.image{
 background-color:transparent;
 background-repeat:no-repeat;
 background-size:cover;
 background-position:center}

.card .swiper-slide.image{
 background-image:none}

.card .next-act .text-default{
 text-align:left}

.card .countdown{
 font-size:44px}
 .card .countdown span{
 display:inline-block;
 text-align:left;
 margin:0 10px;
 min-width:100px}
 .card .countdown span:first-child{
 margin-left:0}
 .card .countdown span:last-child{
 margin-right:0}
 .card .countdown span.one-digit{
 min-width:70px}
 .card .countdown span:before{
 content:' ';
 display:inline-block;
 width:25px;
 height:25px;
 background-size:25px 25px;
 background-repeat:no-repeat;
 background-position:0 0;
 margin-right:10px}
 .card .countdown span.c-day:before{
 background-image:url("img/countdown-T.svg")}
 .card .countdown span.c-hour:before{
 background-image:url("img/countdown-S.svg")}
 .card .countdown span.c-min:before{
 background-image:url("img/countdown-M.svg")}
 .card .countdown span.c-sec:before{
 background-image:url("img/countdown-S.svg")}

.card .countdown.en span.c-day:before{
 background-image:url("img/countdown-D.svg")}
.card .countdown.en span.c-hour:before{
 background-image:url("img/countdown-H.svg")}
.card .countdown.en span.c-min:before{
 background-image:url("img/countdown-M.svg")}
.card .countdown.en span.c-sec:before{
 background-image:url("img/countdown-S.svg")}

.card .countdown span.c-day:before{
 background-image:url("img/countdown-T.svg")}

.card .countdown span.c-hour:before{
 background-image:url("img/countdown-S.svg")}

.card .countdown span.c-min:before{
 background-image:url("img/countdown-M.svg")}

.card .countdown span.c-sec:before{
 background-image:url("img/countdown-S.svg")}

.card .countdown.en span.c-day:before{
 background-image:url("img/countdown-D.svg")}

.card .countdown.en span.c-hour:before{
 background-image:url("img/countdown-H.svg")}

.card .countdown.en span.c-min:before{
 background-image:url("img/countdown-M.svg")}

.card .countdown.en span.c-sec:before{
 background-image:url("img/countdown-S.svg")}

.version-2020 .card .countdown span.c-day:before{
 background-image:url("img/Countdown_w-T.svg")}

.version-2020 .card .countdown span.c-hour:before{
 background-image:url("img/Countdown_w-S.svg")}

.version-2020 .card .countdown span.c-min:before{
 background-image:url("img/Countdown_w-M.svg")}

.version-2020 .card .countdown span.c-sec:before{
 background-image:url("img/Countdown_w-S.svg")}

.version-2020 .card .countdown.en span.c-day:before{
 background-image:url("img/Countdown_w-D.svg")}

.version-2020 .card .countdown.en span.c-hour:before{
 background-image:url("img/Countdown_w-H.svg")}

.version-2020 .card .countdown.en span.c-min:before{
 background-image:url("img/Countdown_w-M.svg")}

.version-2020 .card .countdown.en span.c-sec:before{
 background-image:url("img/Countdown_w-S.svg")}

.MacIntel .card .countdown{
 position:relative;
 bottom:-3px}
 .MacIntel .card .countdown span:before{
 position:relative;
 bottom:3px}

.card .text-small{
 font-size:10px}

.card .text-default{
 font-size:25px}

.card .text-large{
 font-size:30px}

.card .text-larger{
 font-size:44px;
 line-height:1}

.version-2020 .card .card-top-left-inner-box{
 display:flex;
 flex-direction:column;
 align-items:center;
 transform:scale(1.1)}

.card .text-heavy{
 font-size:72px;
 font-size:3.6vw;
 line-height:62px;
 line-height:0.95;
 cursor:context-menu}

.version-2020 .card .text-heavy.date-on-top-card{
 font-size:.9vw;
 line-height:1;
 margin-top:0;
 z-index:1;
 padding:.3vw;
}
@media only screen and (max-width:585px){
 .version-2020 .card .btn-tickets.btn-tickets-on-top-card{
 display:block!important} }
.card .text-small,
.card .text-default,
.card .text-large,
.card .text-larger,
.card .text-heavy{
 text-align:center}

.card .larger-small-compound .text-larger{
 margin-top:25px;
 margin-bottom:15px}

.MacIntel .card .text-default span{
 position:relative;
 bottom:-4px}

.card a{
 color:var(--app-text-color)}

.card.flex-col,
.card-middle.flex-col{
 flex-direction:column}

.card.flex-row,
.card-middle.flex-row{
 flex-direction:row}

.site-header{
 line-height:0;
 border:none}

.site-header svg{
 line-height:0}

.card-top, .card-middle, .card-bottom{
 width:100%;
 display:flex;
 flex-direction:row;
 flex-wrap:nowrap;
 align-items:stretch}

.card-top, .card-middle, .card-bottom{
 width:100%;
 align-items:center;
 justify-content:center}

.card-middle .flex-col{
 flex-direction:column}

.card-top{
 flex:.5;
 display:flex}

.card-middle{
 flex:2!important;
 display:flex;
 /*justify-content:center;*/
 justify-content:flex-end;
 align-items:center;
 flex-direction:column;position:relative }
.bg-color-gradient{
 width:100%;
 height:140px;
 position:absolute;
 bottom:0;
 left:0;
}
.card-bottom{
 flex:.5;
 display:flex}

.version-2020 .card-bottom{
 position:absolute;
 flex:unset;
 bottom:20%}

#cards.version-2020 > .card-panel .card-row .card-top{
 display:none}

#more-acts-link{
 cursor:pointer}

.card-top div{
 align-self:flex-end}

.card.wednesday{
 background-image:url("img/z/Z_Mittwoch_full.png");
 background-repeat:no-repeat;
 background-position:50% 50%;
 background-size:cover}

.card.thursday{
 background-image:url("img/z/Z_Donnerstag_full.png");
 background-repeat:no-repeat;
 background-position:50% 50%;
 background-size:cover}

.card.friday{
 background-image:url("img/z/Z_Freitag_full.png");
 background-repeat:no-repeat;
 background-position:50% 50%;
 background-size:cover}

.card.saturday{
 background-image:url("img/z/Z_Samstag_full.png");
 background-repeat:no-repeat;
 background-position:50% 50%;
 background-size:cover}

.version-2020 .card.wednesday, .version-2020 .card.thursday, .version-2020 .card.friday, .version-2020 .card.saturday{
 background-image:none;
 background-color:transparent}

.date-small{
 font-family:'SoinSansNeue-Black', Arial, sans-serif;
 font-size:30px;
 font-size:2.1vw;
 letter-spacing:1px;
 line-height:1}

.date-small .badge-day{
 font-size:12px;
 min-width:25px;
 height:25px;
 padding:0 2px;
 line-height:25px;
 text-align:center;
 display:inline-block;
 position:relative;
 top:-9px;
 background:#fff;
 color:#1a1a1a;
 border-radius:3px;
 text-transform:uppercase;
 letter-spacing:0;
 margin-right:3px}

.date-small .badge-day.green{
 color:#00ffb5}

.date-small .badge-day.blue{
 color:#28afff}

.date-small .badge-day.red{
 color:#ff326b}

.date-small .badge-day.purple{
 color:#b800ff}

.MacIntel .date-small .badge-day span{
 position:relative;
 top:2px}

.playtime-box{
 display:flex;
 justify-content:center;
 align-items:center}
 .playtime-box .text-large{
 text-align:left}

.playtime-box-day{
 font-size:40px;
 line-height:84px;
 min-width:84px;
 height:84px;
 margin-right:15px;
 background:#1a1a1a;
 border-radius:10px}
 .playtime-box-day span{
 display:block;
 padding:0 10px;
 margin:0 auto;
 text-align:center;
 transform:translateY(-4px)}

.version-2020 .playtime-box-day span{
 color:white}

.MacIntel .playtime-box-day span{
 bottom:-3px;
 position:relative;
 transform:translateY(0)}

.playtime-box-time-stage .time, .playtime-box-time-stage .stage{
 font-size:35px;
 display:block;
 line-height:1}

.MacIntel .playtime-box-time-stage .time, .MacIntel .playtime-box-time-stage .stage{
 position:relative;
 bottom:-4px}

.over-the-fold.swiper-slide{
 overflow-x:hidden}
 .over-the-fold.swiper-slide .card-row:first-child{
 z-index:2}
 .over-the-fold.swiper-slide .card-row:last-child{
 z-index:1}

.card .swiper-container{
 height:100%;
 background:#fff}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next, .swiper-button-next, .swiper-container-rtl .swiper-button-prev{
 background-color:transparent;
 width:38px;
 height:38px;
 margin-top:-19px;
 background-size:14px 25px;
 opacity:.5}

.version-2020 .swiper-button-prev, .version-2020 .swiper-container-rtl .swiper-button-next, .version-2020 .swiper-button-next, .version-2020 .swiper-container-rtl .swiper-button-prev{
 background-size:100%;
 opacity:1}

.swiper-multi-rows .swiper-button-prev, .swiper-multi-rows .swiper-container-rtl .swiper-button-next{
 margin-top:-38px}

.swiper-multi-rows .swiper-button-next, .swiper-multi-rows .swiper-container-rtl .swiper-button-prev{
 margin-top:0px}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next{
 left:0;
 background-image:url(img/swiper-arrow-left.svg);
 background-position:11px 50%}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev{
 right:0;
 background-image:url(img/swiper-arrow-right.svg);
 background-position:14px 50%}

.version-2020 .swiper-button-prev, .version-2020 .swiper-container-rtl .swiper-button-next, .version-2020 .swiper-button-next, .swiper-container-rtl .swiper-button-prev{
 background-position:center center}

.card .swiper-slide .text-slide-bottom{
 position:absolute;
 bottom:0;
 color:#fff;
 background:black;
 margin-left:50%;
 transform:translateX(-50%);
 opacity:.9;
 font-size:15px;
 line-height:1;
 padding:8px 10px 7px 10px;
 white-space:nowrap}
.card .swiper-slide .text-slide-bottom:empty{
 opacity:0}
.card .swiper-slide .playtime{
 position:absolute;
 min-width:57px;
 min-height:57px;
 background:#2F2F2F;
 top:19px;
 right:22px;
 border-radius:3px;
 color:#fff}
 .card .swiper-slide .playtime span{
 display:block;
 text-align:center;
 line-height:1;
 padding:0 10px}
 .card .swiper-slide .playtime span:first-child{
 padding-top:10px;
 font-size:27px}
 .card .swiper-slide .playtime span:last-child{
 font-family:'SoinSansNeue-Roman', Arial, sans-serif;
 font-size:12px;
 padding-top:3px;
 padding-bottom:10px}

.version-2020 .card.no-flex.right, .version-2020 .card.no-flex.left{
 position:relative}

.card.left .swiper-slide .playtime{
 right:auto;
 left:22px}
.card.right .swiper-slide .playtime{
 right:22px;
 left:auto}

.MacIntel .card .swiper-slide .text-slide-bottom{
 bottom:-3px}

@media (max-width:768px), (orientation:portrait){
.tickets-btn-home-mobile{
 display:block;
 background-color:black;
 color:white;
 font-size:3vw;
 position:absolute;
 bottom:-8vw;
 padding:0.0vw 2.0vw 0.40vw 2.0vw;
 cursor:pointer;
}
#tickets-target{
display:flex!important;
z-index:0!important;
position:inherit!important;
top:unset!important;;
left:unset!important;
}
 /*#navigation-overlay > div.nav, #contact-overlay > div, #navigation-overlay #nav-footer #additional-page-links{justify-content:flex-start}*/
 /*#navigation-overlay div.nav li{text-align:left}*/
 /*#navigation-overlay #nav-footer{text-align:left}*/
 /*#navigation-overlay #nav-footer, #navigation-overlay div.nav ul{margin-left:6vw}*/
 .over-the-fold .card.card-one .act h3, .version-2020 .bp_card .bp_act h3{
 font-size:7vw;padding:2.3vw;padding-bottom:3vw}
 .MacIntel .over-the-fold .card.card-one .act h3, .version-2020 .bp_card .bp_act h3{
 padding-bottom:1.35vw}
 .version-2020 .card .text-heavy.date-on-top-card{
 font-size:2.5vw;
 margin-bottom:0;
 position:absolute;
 top:-6vw;
 }
 .over-the-fold .cta-small-headline{top:-4.35vw;font-size:2.3vw}
 .version-2020 .over-the-fold .card .btn-tickets > span{font-size:6.9vw;height:auto;padding-bottom:25px}
 .nomob{display:none}
 .card-one + .card.card-img{
 position:relative;
 box-shadow:none}

 .over-the-fold .card .btn-tickets > span{
 font-size:34px;
 font-size:2.3vw;
 min-width:208px;
 min-width:16vw;
 height:57px;
 height:4vw;
 font-size:34px;
 font-size:4.6vw;
 min-width:208px;
 min-width:32vw;
 height:57px;
 height:8vw}

 .card .text-heavy{
 font-size:5vw}

 .card-row{
 flex-direction:column}

 .card-row:nth-child(even){
 flex-direction:column}

 .card{
 width:100%}
/* .card.flex-col{
 height:62.5vw}*/

 .card.left .swiper-slide .playtime{
 right:22px;
 left:auto}
 .card.right .swiper-slide .playtime{
 right:22px;
 left:auto} }
@media all and (max-width:585px){
 .acts-line.line-5, .acts-line.line-6, .acts-line.line-7, .acts-line.line-8, .acts-line.line-9, .acts-line.line-10, .acts-line.line-11, .acts-line.line-12{
 line-height:1}

 .swiper-slide.image{
 position:relative;
 box-shadow:none}

 .card.card-two{
 box-shadow:0 0 10px 5px rgba(0, 0, 0, 0.5);
 box-shadow:none}

 .card .text-default{
 font-size:15px}

 .card .text-large{
 font-size:20px}

 .card .text-heavy,
 .card .text-larger{
 font-size:30px;
 font-size:6.5vw;
 line-height:30px;
 line-height:1}

 .card .text-larger{
 line-height:1.25}

 .card .text-bottom{
 font-size:10px}

 .MacIntel .card .text-default span{
 position:relative;
 bottom:-3px}

 .card .text-bottom.more-info:after{
 margin-left:6px;
 width:10px;
 height:6px;
 top:0px;
 background-size:10px 6px}

 .date-small{
 font-size:22px}

 .date-small .badge-day{
 font-size:11px;
 min-width:21px;
 height:21px;
 padding:0 2px;
 line-height:21px;
 top:-6px;
 border-radius:3px;
 margin-right:5px}

 .MacIntel .date-small .badge-day span{
 position:relative;
 top:2px}

 .card .countdown{
 font-size:30px}
 .card .countdown span{
 display:inline-block;
 text-align:left;
 margin:0 7px;
 min-width:68px}
 .card .countdown span:first-child{
 margin-left:0}
 .card .countdown span:last-child{
 margin-right:0}
 .card .countdown span.one-digit{
 min-width:38px}
 .card .countdown span:before{
 content:' ';
 display:inline-block;
 width:20px;
 height:20px;
 background-size:20px 20px;
 background-repeat:no-repeat;
 background-position:0 0;
 margin-right:7px}

 .MacIntel .card .countdown{
 position:relative;
 bottom:-2px}
 .MacIntel .card .countdown span:before{
 position:relative;
 bottom:1px}

 .playtime-box-day{
 font-size:9px;
 line-height:18px;
 min-width:18px;
 height:18px;
 margin-right:5px;
 border-radius:3px}
 .playtime-box-day span{
 padding:0 4px}

 .MacIntel .playtime-box-day span{
 bottom:-1px;
 position:relative}

 .playtime-box{
 display:flex;
 justify-content:center;
 align-items:center}
 .playtime-box .text-large{
 text-align:left}

 .playtime-box-time-stage{
 margin:20px 0 15px 0}
 .playtime-box-time-stage .time, .playtime-box-time-stage .stage{
 font-size:15px;
 display:inline-block}
 .playtime-box-time-stage .stage{
 font-family:'SoinSansNeue-Roman', Arial, sans-serif}

 .lines-one .playtime-box-time-stage{
 margin:20px 0 9px 0}

 .lines-one .playtime-box-day{
 margin-top:9px}

 .MacIntel .playtime-box-time-stage .time, .MacIntel .playtime-box-time-stage .stage{
 bottom:0px}

 .over-the-fold .card .btn-tickets{
 margin-bottom:17px}
 .over-the-fold .card .btn-tickets > span{
 font-size:20px;
 padding:0;
 border-radius:3px;
 height:43px;
 min-width:144px;
 -webkit-box-shadow:0px 5px 20px 0px rgba(0, 0, 0, 0.2);
 -moz-box-shadow:0px 5px 20px 0px rgba(0, 0, 0, 0.2);
 box-shadow:0px 5px 20px 0px rgba(0, 0, 0, 0.2)}

 .notMacIntel .over-the-fold .card .btn-tickets > span{
 padding-top:6px}

 .MacIntel .card .btn-tickets span span{
 bottom:-7px}

 .version-2020 .over-the-fold .card .btn-tickets{
 margin-bottom:0}

 .version-2020 .over-the-fold .card .btn-tickets.btn-tickets-on-top-card{
 margin-top:4%}

 .row-drop-shadow,
 .section-drop-shadow,
 .over-the-fold,
 .card-panel:not(.over-the-fold) .card-row .card.flex-col{
 -webkit-box-shadow:none;
 -moz-box-shadow:none;
 box-shadow:none;
 }

 .over-the-fold .row-drop-shadow{
 -webkit-box-shadow:none;
 -moz-box-shadow:none;
 box-shadow:none}

 .card-panel:not(.over-the-fold) .card-row .card.flex-col{
 z-index:2}
 .card-panel:not(.over-the-fold) .card-row .card.card-img{
 z-index:1}

 .over-the-fold .card:first-child{
 height:auto;
 min-height:55vw}

 .card.flex-col .card-top, .card.flex-col .card-bottom{
 flex:.65}

 .card.card-low-mobile{
 height:30px}
 .card.card-low-mobile .card-bottom{
 align-items:flex-start}

 .version-2020 .card.card-low-mobile{
 display:none}

 .title-top-wrap-inner{
 padding:15px 0 10px 0}

 .card .title-center-wrap,
 .card .title-center-wrap.lines-two{
 padding-bottom:0;
 margin-top:0}

 .card .title-center-wrap.lines-one{
 margin-top:10px;
 margin-bottom:20px;
 padding-bottom:0}

 .swiper-button-prev, .swiper-container-rtl .swiper-button-next,
 .swiper-button-next, .swiper-container-rtl .swiper-button-prev{
 width:20px;
 height:20px;
 margin-top:-10px;
 background-size:7px 13px}

 .swiper-button-prev, .swiper-container-rtl .swiper-button-next{
 background-position:6px 50%}

 .swiper-button-next, .swiper-container-rtl .swiper-button-prev{
 background-position:8px 50%}

 .card .swiper-slide .text-slide-bottom{
 margin-left:0;
 left:0;
 transform:none;
 font-size:12px}
 .card .swiper-slide .playtime{
 opacity:.9;
 font-size:15px;
 line-height:1;
 text-shadow:0px 2px 4px rgba(0, 0, 0, 0.5);
 position:absolute;
 min-width:0;
 min-height:0;
 background:#2F2F2F;
 top:auto;
 bottom:29px;
 right:auto;
 left:0;
 border-radius:0;
 color:#fff}
 .card .swiper-slide .playtime span{
 display:inline-block;
 text-align:left;
 line-height:1;
 padding:3px 0 4px 0}
 .card .swiper-slide .playtime span:first-child{
 font-size:15px;
 padding-left:10px}
 .card .swiper-slide .playtime span:last-child{
 font-family:'SoinSansNeue-Roman', Arial, sans-serif;
 font-size:15px;
 padding-right:10px;
 padding-bottom:3px}

 .card.left .swiper-slide .playtime{
 right:auto;
 left:0}
 .card.right .swiper-slide .playtime{
 right:auto;
 left:0}

 .MacIntel .card .swiper-slide .text-slide-bottom{
 bottom:-3px}

 body.home .over-the-fold.card-panel .card.card-one{
 min-height:220px}

 .version-2020 .over-the-fold .card .btn-tickets:hover > span{
 transform:scale(1)} }

#cards.version-2020 .next-act{
 color:#000}

#cards.version-2020 .u-underline:after{
 background-color:#000}

#cards.version-2020 .countdown > span{
 color:#000}

.version-2020 .lineup-container .acts-line span, .version-2020 .and-many-more, .version-2020 .more-info{
 color:#000}

.version-2020 .more-info{
 font-size:20px}

.version-2020 .lineup-container .acts-line span,
.version-2020 .and-many-more{
 cursor:context-menu}

.version-2020 .and-many-more{
 font-family:'SoinSansNeue-Roman';
 font-weight:400}

.lineup-container{
 background-color:#000;
 -webkit-box-shadow:0px 5px 10px 0px rgba(0, 0, 0, 0.8);
 -moz-box-shadow:0px 5px 10px 0px rgba(0, 0, 0, 0.8);
 box-shadow:0px 5px 10px 0px rgba(0, 0, 0, 0.8)}
.lineup-container .acts-line{
 text-align:center;
 font-size:initial;
 white-space:nowrap;
 background-color:#fff;
 padding:5px 25px;
}
.wrap-2021-tickets .lineup-container .acts-line{padding:0px 15px;line-height:1}
.lineup-container .padd-top, .lineup-container .padd-bottom{
 width:100%;
 height:10px;
 background-color:white;
}
.MacIntel .lineup-container .padd-bottom{height:5px}
.lineup-container .acts-line .separator.font-weight-2{
 font-weight:300;
 font-family:'SoinSansNeue-Roman'}
.lineup-container .acts-line .separator.font-weight-1{
 font-weight:100;
 font-family:'Roboto'}
.lineup-container .acts-line a{
 line-height:1}
.lineup-container .acts-line a:hover{
 color:#000}
.lineup-container .acts-line span{
 line-height:1}
.lineup-container .acts-line span:hover{
 color:#000}
.lineup-container .acts-line a.cursor-pointer{
 cursor:pointer}
.lineup-container .acts-line a.cursor-context-menu{
 cursor:context-menu}
.lineup-container .acts-line .font-size-1{
 font-size:3.00vw}
.lineup-container .acts-line .font-size-2{
 font-size:2.10vw}
.lineup-container .acts-line .font-size-3{
 font-size:1.50vw;
 line-height:1.14}
.lineup-container .acts-line .font-size-4{
 font-size:1.20vw}
.lineup-container .acts-line .font-size-5{
 font-size:1.00vw}
.lineup-container .acts-line .font-weight-2{
 font-weight:400;
 font-family:'SoinSansNeue-Black'}
.lineup-container .acts-line .font-weight-1{
 font-weight:100;
 font-family:'SoinSansNeue-Roman'}

@media (max-width:1080px) and (orientation:portrait){
 #contact-overlay div.wpcf7{width:100%;max-width:340px;padding-top:30px}
 #contact-overlay div.wpcf7 form{flex-direction:column}
 #contact-overlay div.wpcf7 form .left, #contact-overlay div.wpcf7 form .right{width:100%;padding-left:0;padding-right:0}
 #contact-overlay div.wpcf7 div.wpcf7-response-output{position:initial;display:inline-block;padding-bottom:150px;min-height:1px;width:100%}
}
@media (max-width:768px), (orientation:portrait){
 .lineup-container .acts-line{padding:2px 9px}
 .lineup-container .line-3{
 line-height:1}
 .lineup-container .line-4{
 line-height:0.75}
 .lineup-container .line-4 .font-size-4{
 line-height:1}
 .lineup-container .acts-line{
 font-size:initial;
 white-space:nowrap}
 .lineup-container .acts-line a{
 line-height:1}
 .lineup-container .acts-line .font-size-1{
 font-size:6.00vw}
 .lineup-container .acts-line .font-size-2{
 font-size:4.20vw}
 .lineup-container .acts-line .font-size-3{
 font-size:3.00vw}
 .lineup-container .acts-line .font-size-4{
 font-size:2.40vw}
 .lineup-container .acts-line .font-size-5{
 font-size:2.00vw} }
@media only screen and (max-width:480px){
 .tickets-btn-home-mobile{font-size:5vw;bottom:-12vw}
 .version-2020 .and-many-more{
 font-size:2.00vw;
 font-family:'SoinSansNeue-Roman';
 font-weight:400} }
.home_playbutton{
 position:absolute;
 top:calc((100% / 2) - 23px);
 right:calc((100% / 2) - 37px)}

.home_playbutton img{
 width:75px;
 animation:videoplaybtn .5s linear 0s infinite alternate}

.home_video_container{
 display:none}

#CL-cards{
 width:100%}
 #CL-cards .one-day-wrapper .lineup-container .acts-line{
 line-height:1.3}
 #CL-cards .one-day-wrapper .lineup-container .acts-line span.and-many-more{
 color:#FD316C}
 #CL-cards #over-the-fold{
 height:calc(100vh - 57px)}
 #CL-cards .stimmungstrenner, #CL-cards #for-shaddow-jdxrfhgx, #CL-cards .new-card-3, #CL-cards .new-card-4{
 position:relative}
 #CL-cards .stimmungstrenner:after, #CL-cards #for-shaddow-jdxrfhgx:after, #CL-cards .new-card-3:after, #CL-cards .new-card-4:after{
 position:absolute;
 top:0;
 left:0;
 content:"";
 z-index:5;
 width:100%;
 height:45px;
 pointer-events:none;
 background:-moz-linear-gradient(top, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 100%);
 background:-webkit-linear-gradient(top, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 100%);
 background:linear-gradient(to bottom, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 100%)}
 #CL-cards .new-card{
 width:50%;
 float:left;
 height:calc((100vh - 57px) / 2);
 display:flex;
 flex-direction:column;
 flex-wrap:nowrap;
 justify-content:center;
 align-items:flex-start;
 align-content:flex-start}
 #CL-cards .new-card-1{
 padding-top:30px}
 #CL-cards .new-card-3{
 display:flex;
 flex-direction:column;
 flex-wrap:nowrap;
 justify-content:center;
 align-items:center;
 align-content:center;
 box-sizing:border-box}
 #CL-cards .new-card-3 .btn-tickets > span{
 cursor:pointer;
 font-size:34px;
 padding-left:20px;
 padding-right:20px;
 color:#fff;
 background-color:#1a1a1a;
 padding:0;
 border-radius:6px;
 display:inline-block;
 height:57px;
 min-width:208px;
 min-width:16vw;
 text-align:center;
 -webkit-box-shadow:0px 20px 50px 0px rgba(0, 0, 0, 0.15);
 -moz-box-shadow:0px 20px 50px 0px rgba(0, 0, 0, 0.15);
 box-shadow:0px 20px 50px 0px rgba(0, 0, 0, 0.15);
 text-transform:uppercase}
 #CL-cards .new-card-4{
 padding-top:30px}
 #CL-cards .new-card-mobile{
 display:none}
 #CL-cards .new-card-1, #CL-cards .new-card-2, #CL-cards .new-card-3, #CL-cards .new-card-4{
 background-size:cover;
 background-position:center center;
 background-repeat:no-repeat}
 #CL-cards .one-day-wrapper{
 display:flex;
 flex-direction:row;
 flex-wrap:nowrap;
 justify-content:left;
 align-items:flex-start;
 align-content:flex-start;
 width:auto;
 box-sizing:border-box;
 margin-left:10%;
 margin-bottom:15px;
 transform:scaleX(1) scaleY(1) scaleZ(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, -2deg);
 -moz-transform:scaleX(1) scaleY(1) scaleZ(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, -2deg);
 -webkit-transform:scaleX(1) scaleY(1) scaleZ(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, -2deg);
 -o-transform:scaleX(1) scaleY(1) scaleZ(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, -2deg);
 -ms-transform:scaleX(1) scaleY(1) scaleZ(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, -2deg);
 perspective:1000px;
 -webkit-perspective:1000px;
 perspective-origin:50% 50%;
 -webkit-perspective-origin:50% 50%}
 #CL-cards .one-day-wrapper .day-btn-wrapper{
 margin-right:20px;
 margin-right:2vw}
 #CL-cards .one-day-wrapper .day-btn-wrapper .day-btn{
 position:relative;
 top:0;
 min-width:42px;
 min-width:3.8vw;
 height:27px;
 height:2.5vw;
 padding:0 2px;
 line-height:25px;
 line-height:1.5;
 text-align:center;
 display:inline-block;
 background-color:#000;
 color:white;
 border-radius:3px;
 border-radius:.3vw;
 text-transform:uppercase;
 letter-spacing:0;
 margin-right:3px;
 margin-right:.2vw}
 #CL-cards .one-day-wrapper .day-btn-wrapper .day-btn span{
 color:white;
 font-size:16px;
 font-size:1.4vw}
 #CL-cards .one-day-wrapper .lineup-container .line-4 .font-size-1{
 line-height:0}
 #CL-cards .one-day-wrapper .lineup-container .acts-line{
 text-align:left;
 font-size:initial;
 white-space:nowrap}
 #CL-cards .one-day-wrapper .lineup-container .acts-line .separator.font-weight-2{
 font-weight:300;
 font-family:'SoinSansNeue-Roman'}
 #CL-cards .one-day-wrapper .lineup-container .acts-line .separator.font-weight-1{
 font-weight:100;
 font-family:'Roboto'}
 #CL-cards .one-day-wrapper .lineup-container .acts-line a{
 line-height:1}
 #CL-cards .one-day-wrapper .lineup-container .acts-line .font-size-4{
 font-size:2.2vw}
 #CL-cards .one-day-wrapper .lineup-container .acts-line .font-size-3{
 font-size:1.54vw}
 #CL-cards .one-day-wrapper .lineup-container .acts-line .font-size-2{
 font-size:1.1vw;
 line-height:1.4}
 #CL-cards .one-day-wrapper .lineup-container .acts-line .font-size-1{
 font-size:.88vw}
 #CL-cards .one-day-wrapper .lineup-container .acts-line .font-weight-2{
 font-weight:900;
 font-family:'SoinSansNeue-Black'}
 #CL-cards .one-day-wrapper .lineup-container .acts-line .font-weight-1{
 font-weight:900;
 font-family:'SoinSansNeue-Black'}

body.MacIntel #CL-cards .one-day-wrapper .day-btn-wrapper .day-btn span,
body.MacIntel #CL-cards .new-card-3 .btn-tickets > span{
 line-height:2}

body.notMacIntel #CL-cards #over-the-fold .day-btn-wrapper > span{
 margin-top:6px}

@media (max-width:768px), (orientation:portrait){
 body.MacIntel .font-corr{
 padding-top:6px}

 body.MacIntel #CL-cards .one-day-wrapper .lineup-container .acts-line a{
 letter-spacing:-.2vw}

 body.MacIntel #CL-cards .one-day-wrapper .day-btn-wrapper .day-btn{
 height:6vw}

 #CL-cards #over-the-fold{
 height:auto;
 position:relative;
 z-index:5}
 #CL-cards #over-the-fold:after{
 background:none}
 #CL-cards .stimmungstrenner, #CL-cards #for-shaddow-jdxrfhgx{
 position:relative}
 #CL-cards .stimmungstrenner:after, #CL-cards #for-shaddow-jdxrfhgx:after{
 height:10px;
 background:-moz-linear-gradient(top, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%);
 background:-webkit-linear-gradient(top, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%);
 background:linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%)}
 #CL-cards .new-card-3:after, #CL-cards .new-card-4:after{
 height:0;
 background:none}
 #CL-cards .new-card{
 width:100%;
 height:auto;
 min-height:auto}
 #CL-cards .one-day-wrapper{
 margin-bottom:5px}
 #CL-cards .one-day-wrapper .lineup-container .acts-line{
 line-height:1}
 #CL-cards .new-card-mobile{
 position:relative}
 #CL-cards .new-card-mobile:after{
 position:absolute;
 bottom:-10px;
 left:0;
 content:"";
 width:100%;
 height:10px;
 pointer-events:none;
 background:-moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0) 100%);
 background:-webkit-linear-gradient(top, black 0%, rgba(0, 0, 0, 0) 100%);
 background:linear-gradient(to bottom, black 0%, rgba(0, 0, 0, 0) 100%)}
 #CL-cards .new-card-mobile{
 display:block!important;
 background-size:cover;
 background-position:center center;
 background-repeat:no-repeat;
 text-align:center;
 padding-top:5vh;
 padding-bottom:5vh}
 #CL-cards .new-card-mobile .centered-wrapper{
 width:auto;
 display:inline-block;
 padding-top:15px}
 #CL-cards .new-card-mobile .centered-wrapper .btn-tickets > span{
 cursor:pointer;
 font-size:23px;
 color:#fff;
 background-color:#1a1a1a;
 padding:0;
 border-radius:6px;
 display:inline-block;
 height:35px;
 min-width:208px;
 min-width:16vw;
 text-align:center;
 -webkit-box-shadow:0px 20px 50px 0px rgba(0, 0, 0, 0.15);
 -moz-box-shadow:0px 20px 50px 0px rgba(0, 0, 0, 0.15);
 box-shadow:0px 20px 50px 0px rgba(0, 0, 0, 0.15);
 text-transform:uppercase}
 #CL-cards .new-card-mobile .centered-wrapper .btn-tickets > span span{
 padding-left:15px;
 padding-right:15px}
 #CL-cards .new-card-1, #CL-cards .new-card-2, #CL-cards .new-card-3, #CL-cards .new-card-4{
 display:none}
 #CL-cards .one-day-wrapper .day-btn-wrapper{
 margin-right:2vw}
 #CL-cards .one-day-wrapper .day-btn-wrapper .day-btn{
 position:relative;
 top:0;
 min-width:7.8vw;
 height:7vw;
 line-height:1.5;
 border-radius:6px;
 margin-right:.2vw}
 #CL-cards .one-day-wrapper .day-btn-wrapper .day-btn span{
 font-size:4vw}
 #CL-cards .one-day-wrapper{
 margin-left:6%}
 #CL-cards .one-day-wrapper .lineup-container .line-3{
 line-height:1}
 #CL-cards .one-day-wrapper .lineup-container .line-4{
 line-height:0.75}
 #CL-cards .one-day-wrapper .lineup-container .line-4 .font-size-1{
 line-height:1}
 #CL-cards .one-day-wrapper .lineup-container .acts-line{
 font-size:initial;
 white-space:nowrap}
 #CL-cards .one-day-wrapper .lineup-container .acts-line a{
 line-height:1}
 #CL-cards .one-day-wrapper .lineup-container .acts-line .font-size-4{
 font-size:5.5vw}
 #CL-cards .one-day-wrapper .lineup-container .acts-line .font-size-3{
 font-size:4vw}
 #CL-cards .one-day-wrapper .lineup-container .acts-line .font-size-2{
 font-size:2.5vw}
 #CL-cards .one-day-wrapper .lineup-container .acts-line .font-size-1{
 font-size:2.0vw} }
.page-template-template-landingpage-2019 .u-underline:after{
 display:none}

.page-template-template-landingpage-2019 .btn-tickets a{
 color:#ffffff}

.site-header .header-right #lang-toggle.align-to-right-on-landing-page{
 float:right}

.page-template-template-landingpage-2019{
 background-color:#1A1A1A}
 .page-template-template-landingpage-2019 .card .title-center-wrap.lines-one, .page-template-template-landingpage-2019 .card .title-center-wrap.lines-two{
 margin-top:0}

@media (max-width:585px){
 .page-template-template-landingpage-2019 .card .title-center-wrap.lines-one{
 margin-top:30px;
 margin-bottom:0}
 .page-template-template-landingpage-2019 .card .title-center-wrap.lines-two{
 margin-top:26px;
 margin-bottom:0}
 .page-template-template-landingpage-2019 .card .title-center-wrap.lines-one + .btn-tickets{
 margin-bottom:0}
 .page-template-template-landingpage-2019 .card .title-center-wrap.lines-two + .btn-tickets{
 margin-bottom:0} }

.u-underline:after{
 background:#1a1a1a;
 bottom:0px;
 content:"";
 display:block;
 height:5px;
 position:relative;
 width:40px}

.white{
 color:#fff}

.bg-white{
 background-color:#fff}

.yellow{
 color:#faff00}

.bg-yellow{
 background-color:#faff00}

.green{
 color:#00ffb5}

.bg-green{
 background-color:#00ffb5}

.blue{
 color:#28afff}

.bg-blue{
 background-color:#28afff}

.red{
 color:#ff326b}

.bg-red{
 background-color:#ff326b}

.purple{
 color:#b800ff}

.bg-purple{
 background-color:#b800ff}

.darkgrey{
 color:#3d3d3d}

.bg-darkgrey{
 background-color:#3d3d3d}

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

.hide-on-medium-up,
.hide-on-medium-up-flex{
 display:none}

.grabbable{
 cursor:move;
 cursor:grab;
 cursor:-moz-grab;
 cursor:-webkit-grab}

.grabbable:active{
 cursor:grabbing;
 cursor:-moz-grabbing;
 cursor:-webkit-grabbing}

@media all and (max-width:585px){
 .card.card-img, .card.no-flex{
 height:50vw;
}
 .u-underline:after{
 height:3px;
 width:29px}

 .hide-on-medium-up{
 display:inherit}

 .hide-on-medium-up-flex{
 display:flex} }
#bp_cards .swiper-multi-rows .swiper-button-prev{
 margin-top:-48px}

#bp_cards .swiper-multi-rows .swiper-button-next{
 margin-top:10px}

#LU_overlay_mobile_close{
 filter:invert(1);
 display:block;
 position:absolute;
 right:21px;
 top:21px;
 cursor:pointer}

#LU_overlay_mobile_close img{
 width:30px}

@keyframes videoplaybtn{
 from{
 opacity:1}
 to{
 opacity:.5} }
@keyframes opacity-blinking{
 from{
 opacity:.5}
 to{
 opacity:.75} }
#bp_cards{
 background:#202020;
 position:relative;
 z-index:4}

.bp_over-the-fold{width:100%;position:relative}

.bp_card-row{
 width:100%;
 display:flex;
}

.bp_section-drop-shadow{
 position:relative}

@media only screen and (max-width:768px){
 #contact-overlay div.wpcf7 form{margin-bottom:20vw}
 .bp_row-drop-shadow, .bp_site-header, .bp_ticket-wrapp .bp_drop-shadow, .bp_drop-shadow, .bp_flex-wide-ticket{filter:none!important} }




.bp_card, .ein-event-media-slide{
 background-color:#FAFF00;
 height:calc((50vw / 16) * 9);
}
.bp_card{
 background-color:#FAFF00;
 color:var(--app-text-color);
 display:flex;
 justify-content:space-between;
 padding:0;
 align-items:center;
 width:50%;
 overflow:hidden}
 .bp_card.bp_no-flex{
 display:block}

.version-2020 .bp_card{
 background-color:transparent}

.bp_card.bp_card-two{position:relative;
 padding:0}

.bp_card .bp_inner-wrap{
 flex:none;
 text-align:center}

.bp_card .bp_inner-wrap .bp_title-top-wrap{
 display:inline-block}

.bp_card .bp_title-top,
.bp_card .bp_text-bottom{
 font-size:25px}

.bp_card .bp_text-bottom.bp_more-info{
 cursor:pointer}

.MacIntel .bp_card .bp_title-top,
.MacInten .bp_card .bp_text-bottom{
 position:relative;
 bottom:-9px}

.MacIntel .bp_card .bp_act{
 position:relative;
 bottom:-9px}

.bp_card .bp_act h3{
 color:#1a1a1a;
 margin:0 0 5px 0}
.bp_date_desktop{
color:black;
text-align:center;
width:100%;
display:flex;
flex-direction:column;
align-content:center;
justify-content:center;
}
.bp_date_desktop span{line-height:1;font-size:1.35vw}
.bp_btn-day{
 color:#fff;
 background-color:#1a1a1a;
 line-height:1;
 padding-left:15px;
 padding-right:15px;
 border-radius:6px}

.MacIntel .bp_btn-day{
 padding:9px 0 5px 0}


.bp_card.bp_card-img,
.bp_card .bp_swiper-slide.bp_image{
 background-color:transparent;
 background-repeat:no-repeat;
 background-size:cover;
 background-position:center}

.bp_card.bp_card-img.bp_read-more-card{
 background-color:#fff}

.bp_card .bp_swiper-slide.bp_image{
 background-image:none}

.bp_card .bp_next-act .bp_text-default{
 text-align:left}

.bp_card .bp_text-small{
 font-size:10px}

.bp_card .bp_text-default{
 font-size:25px}

.bp_card .bp_text-large{
 font-size:30px}

.bp_card .bp_text-larger{
 font-size:44px;
 line-height:1}

.bp_card .bp_text-heavy{
 font-size:60px;
 font-size:3.6vw;
 line-height:0.92}

.bp_card .bp_text-small,
.bp_card .bp_text-default,
.bp_card .bp_text-large,
.bp_card .bp_text-larger,
.bp_card .bp_text-heavy{
 text-align:center}

.bp_card .bp_larger-small-compound .bp_text-larger{
 margin-top:25px;
 margin-bottom:15px}

.MacIntel .bp_card .bp_text-default span{
 position:relative;
 bottom:-4px}

.bp_card a{
 color:#121212}

.bp_card.bp_flex-col, .bp_card-middle.bp_flex-col{
 flex-direction:column}

.bp_card.bp_flex-row, .bp_card-middle.bp_flex-row{
 flex-direction:row}

.bp_site-header{
 line-height:0;
 border:none}

.bp_site-header svg{
 line-height:0}

.bp_card-top, .bp_card-middle, .bp_card-bottom{
 width:100%;
 display:flex;
 flex-direction:row;
 flex-wrap:nowrap;
 align-items:stretch;
}


.bp_card-top, .bp_card-middle, .bp_card-bottom{
 width:100%;
 align-items:center;
 justify-content:center}
.bp_card-top{align-items:flex-start}
@media only screen and (max-height:1000px){.bp_card-top .bp_date_desktop{transform:translateY(0px)}}
@media only screen and (max-height:900px){.bp_card-top .bp_date_desktop{transform:translateY(-24px)}}
@media only screen and (max-height:850px){.bp_card-top .bp_date_desktop{transform:translateY(-27px)}}
@media only screen and (max-height:800px){.bp_card-top .bp_date_desktop{transform:translateY(-30px)}}
.bp_justify-left{
 justify-content:left}

.bp_card-middle .bp_flex-col{
 flex-direction:column}

.bp_card-top{
 flex:.5;
 display:flex}

.bp_card-top-info{
 flex:1;
 flex:unset;
 padding-left:0;
 font-size:1.5001vw}

.bp_width-66p{
 max-width:75%;
 width:auto;
 line-height:1}
 .bp_width-66p > span:first-child{
 text-transform:uppercase}

.bp_card-middle{
 display:flex;
 justify-content:center;
 align-items:center;
 flex-direction:column}

.bp_card-middle .bp_date div span{
 font-size:19px}

.bp_card-bottom{
 flex:.5;
 display:flex}

.bp_card-bottom-infos{
 flex:1;
 flex:unset;
 display:flex;
 justify-content:space-between;
 align-items:flex-end;
 padding:0}

.bp_card-middle-infos{
 flex:1!important}

#bp_more-acts-link{
 cursor:pointer}

.bp_card-top div{
 align-self:flex-end}

.version-2020 .bp_card-bottom > div{
 text-align:center;
 width:100%;
 padding-right:0}

.version-2020 .bp_card-row > div.bp_card-top-left{
 padding:3%;
 position:relative;
 justify-content:center;
}

.version-2020 .bp_card-row > div.bp_card-top-left .bp_card-bottom{
 align-items:flex-start}

.version-2020 .bp_card-bottom.bp_card-bottom-infos > div.bp_social-icons{
 text-align:left;
 padding-right:0}

.version-2020 .bp_card-bottom > div > span{
 transition:all .15s linear 0s}

.version-2020 .bp_card-bottom > div:hover > span{
 transform:scale(1.05)}

@keyframes swiper-nav-swing-prev{
 from{
 transform:rotateZ(180deg) translateX(-10px)}
 to{
 transform:rotateZ(180deg) translateX(0px)} }
@keyframes swiper-nav-swing-next{
 from{
 transform:translateX(-10px)}
 to{
 transform:translateX(0px)} }
@keyframes swiper-nav-swing-prev-mobile{
 from{
 transform:translateX(10px)}
 to{
 transform:translateX(0px)} }
@keyframes swiper-nav-swing-next-mobile{
 from{
 transform:translateX(-10px)}
 to{
 transform:translateX(0px)} }
.version-2020 .swiper-button-next.bp_swiper_nav_btn, .version-2020 .swiper-button-prev.bp_swiper_nav_btn{
 background-image:url(svg/ZOA20_Arrow_simple.svg);
 background-size:12px}

.version-2020 .swiper-button-next.bp_swiper_nav_btn{
 animation:swiper-nav-swing-next 1.5s ease-in-out 0s infinite alternate}

.version-2020 .swiper-button-prev.bp_swiper_nav_btn{
 animation:swiper-nav-swing-prev 1.5s ease-in-out 0s infinite alternate}

.version-2020 .bp_date > div > span, .version-2020 .bp_read-more, .version-2020 .bp_social-icons a{
 color:white}

.version-2020 .bp_read-more, .version-2020 .bp_social-icons a{
 transition:all .15s linear 0s}

.version-2020 .bp_read-more:hover, .version-2020 .bp_social-icons a:hover{
 color:black}

.version-2020 .bp_u-underline:after{
 background-color:black}

.bp_social-icons > span{
 margin-right:10px}
.bp_social-icons i{
 font-size:23px}
.bp_social-icons i.fa-youtube{
 font-size:28px;
 transform:translateY(2px); color:#000}
.bp_social-icons i.fa-instagram{
 font-size:24px;color:#000}
.bp_social-icons i.fa-facebook{
 font-size:24px;color:#000}
.bp_social-icons i.fa-twitter{
 font-size:24px;color:#000}
.bp_social-icons i.fa-spotify{
 font-size:23px;color:#000}
.bp_social-icons i.fa-globe-americas{
 font-size:23px;color:#000}

.bp_over-the-fold.bp_swiper-slide{
 overflow-x:hidden}
 .bp_over-the-fold.bp_swiper-slide .bp_card-row:first-child{
 z-index:2}
 .bp_over-the-fold.bp_swiper-slide .bp_card-row:last-child{
 z-index:1}

.bp_card .bp_swiper-container{
 height:100%;
 background:#fff}

.bp_swiper-button-prev, .bp_swiper-container-rtl .bp_swiper-button-next,
.bp_swiper-button-next, .bp_swiper-container-rtl .bp_swiper-button-prev{
 background-color:#fff;
 width:38px;
 height:38px;
 margin-top:-19px;
 background-size:14px 25px;
 opacity:.5}

.bp_swiper-multi-rows .bp_swiper-button-prev, .bp_swiper-multi-rows .bp_swiper-container-rtl .bp_swiper-button-next{
 margin-top:-38px}

.bp_swiper-multi-rows .bp_swiper-button-next, .bp_swiper-multi-rows .bp_swiper-container-rtl .bp_swiper-button-prev{
 margin-top:0px}

.bp_swiper-button-prev, .bp_swiper-container-rtl .bp_swiper-button-next{
 left:0;
 background-image:url(img/swiper-arrow-left.svg);
 background-position:11px 50%}

.bp_swiper-button-next, .bp_swiper-container-rtl .bp_swiper-button-prev{
 right:0;
 background-image:url(img/swiper-arrow-right.svg);
 background-position:14px 50%}

.bp_card .bp_swiper-slide .bp_text-slide-bottom{
 position:absolute;
 bottom:0;
 color:#fff;
 background:#2F2F2F;
 margin-left:50%;
 transform:translateX(-50%);
 opacity:.9;
 font-size:15px;
 line-height:1;
 text-shadow:0px 2px 4px rgba(0, 0, 0, 0.5);
 padding:8px 10px 7px 10px;
 white-space:nowrap}
.bp_card .bp_swiper-slide .bp_playtime{
 position:absolute;
 min-width:57px;
 min-height:57px;
 background:#2F2F2F;
 top:19px;
 right:22px;
 border-radius:3px;
 color:#fff}
 .bp_card .bp_swiper-slide .bp_playtime span{
 display:block;
 text-align:center;
 line-height:1;
 padding:0 10px}
 .bp_card .bp_swiper-slide .bp_playtime span:first-child{
 padding-top:10px;
 font-size:27px}
 .bp_card .bp_swiper-slide .bp_playtime span:last-child{
 font-family:'SoinSansNeue-Roman', Arial, sans-serif;
 font-size:12px;
 padding-top:3px;
 padding-bottom:10px}

.bp_card.bp_left .bp_swiper-slide .bp_playtime{
 right:auto;
 left:22px}
.bp_card.bp_right .bp_swiper-slide .bp_playtime{
 right:22px;
 left:auto}

.MacIntel .bp_card .bp_swiper-slide .bp_text-slide-bottom{
 bottom:-3px}

.bp_read-more{
 display:block;
 margin-top:33px;
 text-transform:uppercase;
 font-size:13px;
 cursor:pointer}

.bp_description{
 display:none;
 padding:80px 6% 50px 6%;
 font-size:24px;
 font-family:Roboto;
 font-weight:500;
 line-height:1.1}
.event_meta_box *::selection, .bp_card-one *::-moz-selection{background:#0000ff33}
.event_meta_box *::selection, .bp_card-one *::selection{background:#0000ff33}
.bp_description:before{
 background:#1a1a1a;
 top:-20px;
 content:"";
 display:block;
 height:7px;
 position:relative;
 width:40px}
#checkout-section-3 #mastercard_infos, #checkout-section-3 #custom-payment-container, #checkout-section-5 .form-row.place-order{max-width:505px;padding-left:20px;padding-right:20px;width:100%}
@keyframes video-btn-scale-loop{from{transform:scale(1)}to{transform:scale(1.1)}}
.bp_playbutton{position:absolute;left:2rem;bottom:2rem}
.bp_playbutton img{width:57px;animation:video-btn-scale-loop 1.5s ease-in-out 0s infinite alternate;opacity:.85;transition:all .15s linear 0s}
.bp_video:hover .bp_playbutton img{opacity:1}
.bp_social-icons{position:absolute;bottom:1rem;right:1rem}
.bp_video_container, .bp_mobile-description, .bp_mobile_head_nav, .bp_mobile_head_img, .bp_mobile_infos_and_socials, .bp_mobile-message-box, .bp_mobile_video{display:none}
@media (max-width:768px), (orientation:portrait){
 /*.card.card-img, .card.card-img, .card.no-flex{height:60vw}*/
 .bp_card-top-info{
 font-size:21px}

 .version-2020 .bp_card-bottom > div{
 text-align:center;
 padding-right:0}

 .bp_social-icons{
 transform:translateY(0px)}
 .bp_social-icons.mobile22{
 display:flex;
 flex-direction:row;
 justify-content:center;
 margin-top:40px;
 align-items:center;
 }
/* .bp_social-icons i.fa-youtube{
 transform:translateY(0px);
 }*/
 .bp_mobile_lineup_link{
 transform:translateY(2px);
 position:relative}

 .bp_mobile_lineup_link:before{
 position:absolute;
 content:url(/wp-content/themes/storefront-child/svg/ZOA20_Subnav.svg);
 left:-22px;
 top:-1px;
 width:11px;
 height:11px;
 animation:opacity-blinking 1s linear 0s infinite alternate}
 .bp_mobile_head_nav{z-index:600!important}
 a.bp_mobile_lineup_link{
 color:#2b2b2b}

 .bp_mobile_head_nav,
 .bp_mobile_head_img,
 .bp_mobile_infos_and_socials,
 .bp_mobile-message-box,
 .bp_mobile_video{
 display:block}

 .bp_card-row{
 flex-direction:column-reverse;
 /*flex-direction:column;*/
 }
@media only screen and (max-width:768px){.bp_card-row.bp-first-row{position:relative}}
#card-dfe847t6 .card-middle{
 
}
 .bp_card{
 width:100%}
 .bp_card.bp_card-img, .bp_card.bp_no-flex{
 height:50vw}
 .bp_card.bp_flex-col{
 height:62.5vw}

 .bp_card.bp_left .bp_swiper-slide .bp_playtime{
 right:22px;
 left:auto}
 .bp_card.bp_right .bp_swiper-slide .bp_playtime{
 right:22px;
 left:auto}

 .bp_mobile_head_nav{
 z-index:50}

 .bp_mobile_head_img{
 z-index:49}

 .bp_mobile_infos_and_socials{
 z-index:48}

 .bp_mobile-message-box{
 z-index:47}

 .bp_mobile_video{
 z-index:46}

 .bp_mobile_head_nav{
 display:flex;
 background-color:#f9f9f9;
 flex-direction:row;
 flex-wrap:nowrap;
 justify-content:space-between;
 align-items:center;
 padding:7px 0;
 position:fixed;
 width:100%}
 .bp_mobile_head_nav .bp_mobile_arrow img{
 padding:0 10px;
 width:28px}
 .bp_mobile_head_nav .bp_mobile_arrow_prev img{
 padding:0 6px 0 15px;
 animation:swiper-nav-swing-prev-mobile 1.5s ease-in-out 0s infinite alternate}
 .bp_mobile_head_nav .bp_mobile_arrow_next img{
 padding:0 15px 0 6px;
 animation:swiper-nav-swing-next-mobile 1.5s ease-in-out 0s infinite alternate}

 .bp_mobile_head_img{
 display:block;
 width:100%}

 .bp_mobile_infos_and_socials{
 padding-top:35px;
 padding-bottom:30px;
 color:#1a1a1a}
 
 .bp_mobile_infos_and_socials .bp_card-middle .bp_date{
 display:flex;
 flex-direction:column;
 align-items:center;
 position:absolute;
 top:7vw;
 font-size:3vw;
 line-height:1;
 }
 
 .bp_mobile_infos_and_socials h3{
 color:#000;
 background-color:#fff;
 margin:0;
 padding:2vw 4vw 3vw 4vw;
 font-size:6vw;
 line-height:1;
 text-align:center}
 .MacIntel .bp_mobile_infos_and_socials h3{padding-bottom:0.9vw}
 .bp_mobile_infos_and_socials .bp_social-icons > span:last-child{
 margin-right:0}
 .bp_mobile_infos_and_socials .u-underline-center{
 width:100%;
 text-align:center}
 .bp_mobile_infos_and_socials .u-underline-center div{
 display:none;
 width:173px;
 height:2px;
 background-color:#1a1a1a;
 margin:0 auto;
 margin-bottom:15px}
 .bp_mobile_infos_and_socials .bp_social-icons{
 margin:0 auto}

 .version-2020 .bp_read-more{
 color:black;
 padding-top:10px;
 padding-bottom:10px;
 margin-top:23px}

 .bp_width-66p{
 width:100%; 
 max-width:100%; 
 text-align:center;
 
 }

 .bp_mobile-message-box{
 padding:4%;
 background-color:#fff}
 .bp_mobile-message-box .bp_card-top-info{
 display:block}
 .bp_mobile-message-box .bp_u-underline:after{
 background:#000;
 bottom:-20px;
 content:"";
 display:block;
 height:9px;
 position:relative;
 width:50px; 
 left:calc((100% - 50px) / 2);
 }

 .bp_mobile-message-box span{
 color:#000;
 font-size:3vw;
 line-height:1;
 display:block}

 .bp_mobile-description.open{
 display:block;
 margin-top:70px;
 font-family:Roboto;
 font-size:20px;
 line-height:1.15}

 .bp_mobile_video{
 display:block;
 width:100%}

 .bp_mobile_video iframe{
 display:block;
 width:100%;
 height:55vw}

 .bp_over-the-fold.bp_swiper-slide{
 clip-path:polygon(0 0, 100% 0%, 100% 150%, 0% 150%)}

 .bp_card .bp_text-default{
 font-size:15px}

 .bp_card .bp_text-large{
 font-size:20px}

 .bp_card .bp_text-heavy,
 .bp_card .bp_text-larger{
 font-size:30px;
 line-height:30px}

 .bp_card .bp_text-larger{
 line-height:1.25}

 .bp_card .bp_text-bottom{
 font-size:10px}

 .MacIntel .bp_card .bp_text-default span{
 position:relative;
 bottom:-3px}

 .bp_card .bp_text-bottom.bp_more-info:after{
 margin-left:6px;
 width:10px;
 height:6px;
 top:0px;
 background-size:10px 6px}

 .bp_card .bp_countdown{
 font-size:30px}
 .bp_card .bp_countdown span{
 display:inline-block;
 text-align:left;
 margin:0 7px;
 min-width:68px}
 .bp_card .bp_countdown span:first-child{
 margin-left:0}
 .bp_card .bp_countdown span:last-child{
 margin-right:0}
 .bp_card .bp_countdown span.bp_one-digit{
 min-width:38px}
 .bp_card .bp_countdown span:before{
 content:' ';
 display:inline-block;
 width:20px;
 height:20px;
 background-size:20px 20px;
 background-repeat:no-repeat;
 background-position:0 0;
 margin-right:7px}

 .MacIntel .bp_card .bp_countdown{
 position:relative;
 bottom:-2px}
 .MacIntel .bp_card .bp_countdown span:before{
 position:relative;
 bottom:1px}

 .bp_card-panel:not(.bp_over-the-fold) .bp_card-row .bp_card.bp_flex-col{
 z-index:2}
 .bp_card-panel:not(.bp_over-the-fold) .bp_card-row .bp_card.bp_card-img{
 z-index:1}

 .bp_over-the-fold .bp_card:first-child{
 height:auto;
 min-height:53vw}

 .bp_card.bp_flex-col .bp_card-top, .bp_card.bp_flex-col .bp_card-bottom{
 flex:.65}

 .bp_card.bp_card-low-mobile{
 height:30px}
 .bp_card.bp_card-low-mobile .bp_card-bottom{
 align-items:flex-start}

 .bp_swiper-button-prev, .bp_swiper-container-rtl .bp_swiper-button-next,
 .bp_swiper-button-next, .bp_swiper-container-rtl .bp_swiper-button-prev{
 width:20px;
 height:20px;
 margin-top:-10px;
 background-size:7px 13px}

 .bp_swiper-button-prev, .bp_swiper-container-rtl .bp_swiper-button-next{
 background-position:6px 50%}

 .bp_swiper-button-next, .bp_swiper-container-rtl .bp_swiper-button-prev{
 background-position:8px 50%}

 .bp_card .bp_swiper-slide .bp_text-slide-bottom{
 margin-left:0;
 left:0;
 transform:none}
 .bp_card .bp_swiper-slide .bp_playtime{
 opacity:.9;
 font-size:15px;
 line-height:1;
 text-shadow:0px 2px 4px rgba(0, 0, 0, 0.5);
 position:absolute;
 min-width:0;
 min-height:0;
 background:#2F2F2F;
 top:auto;
 bottom:29px;
 right:auto;
 left:0;
 border-radius:0;
 color:#fff}
 .bp_card .bp_swiper-slide .bp_playtime span{
 display:inline-block;
 text-align:left;
 line-height:1;
 padding:3px 0 4px 0}
 .bp_card .bp_swiper-slide .bp_playtime span:first-child{
 font-size:15px;
 padding-left:10px}
 .bp_card .bp_swiper-slide .bp_playtime span:last-child{
 font-family:'SoinSansNeue-Roman', Arial, sans-serif;
 font-size:15px;
 padding-right:10px;
 padding-bottom:3px}

 .bp_card.bp_left .bp_swiper-slide .bp_playtime{
 right:auto;
 left:0}
 .bp_card.bp_right .bp_swiper-slide .bp_playtime{
 right:auto;
 left:0}

 .MacIntel .bp_card .bp_swiper-slide .bp_text-slide-bottom{
 bottom:-3px}

 .page-template-template-bandpage-2019 #page{
 margin-top:99px;
 }
 .page-template-template-bandpage-2019 .bp_mobile_head_nav{
 position:fixed;
 top:60px;
 width:100%}

 .version-2020 .bp_card-bottom.bp_card-bottom-infos > div.bp_social-icons{
 text-align:center;
 margin-bottom:20px} }
.bp_u-underline:after{
background:black;
bottom:-52px;
content:"";
display:block;
height:7px;
position:relative;
width:50px;
left:-10px;
}
.version-2020 .bp_read-more{
 color:#000;
 background-color:#fff;
 display:inline-block;
 margin-top:77px;
 font-size:1.5001vw;
 padding:10px 10px;
 
 -webkit-box-shadow:0px 0px 20px 0px rgba(0,0,0,0.6);
 -moz-box-shadow:0px 0px 20px 0px rgba(0,0,0,0.6);
 box-shadow:0px 0px 20px 0px rgba(0,0,0,0.6);
}
.MacIntel .version-2020 .bp_read-more{padding-bottom:3px}
.MacIntel .bp_u-underline:after{
 bottom:-42px}



.site-header .header-left{display:flex;flex-direction:row}
#lineup-overlay{
 background-image:none;
 background-color:#fff;
 color:white;
 text-transform:uppercase;
 font-size:18px}

#lineup-overlay .LU_lineup-container.version-2020{
 display:flex;
 flex-direction:row;
 align-items:center;
 justify-content:center;
 padding-top:40px;
 max-width:1232px;
 width:100%}

#lineup-overlay .LU_lineup-container.version-2020 .LU_inner-container{
 display:flex;
 flex-direction:row;
 align-items:baseline;
 justify-content:flex-start;
 width:100%}

#lineup-overlay .LU_lineup-container.version-2020 .LU_inner-container .LU_day-col{
 display:flex;
 flex-direction:column;
 align-items:baseline;
 justify-content:center;
 max-width:308px;
 width:100%}

#lineup-overlay .LU_lineup-container.version-2020 .LU_inner-container .LU_day-col .LU_the-date{
 background-color:white;
 color:black;
 padding:0;
 font-size:18px;
 margin-bottom:30px}

.MacIntel #lineup-overlay .LU_lineup-container.version-2020 .LU_inner-container .LU_day-col .LU_the-date span{
 transform:translateY(3px);
 display:block}

#lineup-overlay .LU_lineup-container.version-2020 .LU_inner-container .LU_day-col > *{
 text-decoration:none;
 font-size:17px;
 line-height:1.45;
 color:black;text-align:left}

#lineup-overlay .LU_lineup-container.version-2020 .LU_inner-container .LU_day-col > a:hover{
 color:black}

#lineup-overlay .LU_lineup-container.version-2020 .LU_inner-container .LU_day-col .LU_more-tba-soon{
 font-size:10px;
 margin-top:30px}

@media only screen and (min-width:860px){.vis-on-mobile-till-860px{display:none}}
@media only screen and (max-width:1280px){
 /*.card{height:calc((100vh - 58.5px) / 2)}*/
/* .card{height:calc((100vw / 16) * 9)}*/
 #lineup-overlay .LU_lineup-container.version-2020{overflow-y:scroll;align-items:flex-start}
 #lineup-overlay .LU_lineup-container.version-2020 .LU_inner-container .LU_day-col > *{text-align:left}
 #lineup-overlay .LU_lineup-container.version-2020 .LU_inner-container{
 flex-wrap:wrap;
 max-width:90%}
 #lineup-overlay .LU_lineup-container.version-2020 .LU_inner-container .LU_day-col{
 max-width:33%;
 margin-bottom:0} }
@media only screen and (max-width:1024px){
 #lineup-overlay .LU_lineup-container.version-2020 .LU_inner-container{
 flex-wrap:wrap;
 max-width:90%}

 #lineup-overlay .LU_lineup-container.version-2020 .LU_inner-container .LU_day-col{
 max-width:50%;
 margin-bottom:60px} }
@media only screen and (max-width:800px){
 #lineup-overlay .LU_lineup-container.version-2020 .LU_inner-container{
 max-width:90%}

 #lineup-overlay .LU_lineup-container.version-2020 .LU_inner-container .LU_day-col .LU_the-date{
 margin-bottom:15px}

 #lineup-overlay .LU_lineup-container.version-2020 .LU_inner-container .LU_day-col .LU_more-tba-soon{
 margin-top:15px} }
@media only screen and (max-width:768px){
 .bp_mobile-message-box span{font-size:5.5vw}
 .bp_mobile-message-box .bp_u-underline:after{bottom:-35px}
}
@media only screen and (max-width:640px){
 #lineup-overlay .LU_lineup-container.version-2020 .LU_inner-container{
 flex-direction:column;
 align-items:center}

 #lineup-overlay .LU_lineup-container.version-2020{
 flex-direction:row;
 align-items:flex-start}

 #lineup-overlay .LU_lineup-container.version-2020{
 display:block;
 overflow-y:scroll;
 padding:40px 0 100px 0} }
@media only screen and (max-width:480px){
 .card.card-img, .card.card-img, .card.no-flex, .force_full_width .card, .card-panel .card-row.ungerade_s3g9:last-child .card{height:calc((100vw / 16) * 9)}
 .MacIntel #lineup-overlay .LU_lineup-container.version-2020{
 align-items:flex-start}

 #lineup-overlay .LU_lineup-container.version-2020 .LU_inner-container{
 max-width:100%}

 #lineup-overlay .LU_lineup-container.version-2020 .LU_inner-container .LU_day-col{
 max-width:75%;
 margin-bottom:20px}

 #lineup-overlay .LU_lineup-container.version-2020 .LU_inner-container .LU_day-col > *{
 font-size:15px;
 letter-spacing:.15vw}

 #lineup-overlay .LU_lineup-container.version-2020 .LU_inner-container .LU_day-col .LU_the-date{
 font-size:15px} }

.ticketsSectionWrp{
 min-height:100%;
 height:650px;
 background-color:#fff;
 padding-top:43px}

.version-2020.ticketsSectionWrp{
 height:28vw;
 background-color:#000;
 padding-top:0;min-height:650px}
.version-2020.ticketsSectionWrp.smaller-box{
 height:28vw;
 max-height:500px;
 min-height:300px}

.version-2020.ticketsSectionWrp,
.version-2020.ticketsSectionWrp .swiper-wrapper > div{
 display:flex;
 flex-direction:column;
 justify-content:center}

.ticketsSectionWrp h1{
 margin-top:0;
 margin-bottom:25px;
 font-size:55px}

 .ticketsSectionWrp .ticketsSectionCon .swiper-container{
 overflow:visible;
 max-width:680px;
 margin:0 auto}
 .ticketsSectionWrp .ticketsSectionCon .swiper-slide{
 margin:0 auto;width:300px }

.version-2020.ticketsSectionWrp .ticketsSectionCon .swiper-container{
 max-width:880px;
 margin-top:3%}

@media only screen and (max-width:480px){
 .version-2020.ticketsSectionWrp .ticketsSectionCon .swiper-container{
 margin-top:60px}

 .active-lang-en .ticketsSectionWrp, .active-lang-de .ticketsSectionWrp{
 height:500px} }
.swiper-container-horizontal > .swiper-pagination-bullets{
 z-index:0;
 bottom:20px}

.swiper-pagination-bullet{
 width:10px;
 height:10px;
 display:inline-block;
 border-radius:100%;
 background:#1a1a1a;
 opacity:0.4}

.swiper-pagination-bullet-active{
 opacity:1;
 background:#1a1a1a}

.swiper-pagination{
 display:none}

@media only screen and (max-width:768px){
 .swiper-pagination{
 display:block} }
.ticketsSectionWrp .ticket-wrapp{
 width:300px;
 position:relative;
 z-index:10}

.ticketsSectionWrp .swiper-slide .ticket-wrapp{
 margin:0 auto;
 height:400px}

@media only screen and (max-width:585px){ 
 .ticketsSectionWrp .swiper-slide{
 width:275px;
 margin:0;
 transition:opacity .15s linear 0s}
 .ticketsSectionWrp .swiper-slide .ticket-wrapp{
 margin:0;
 width:275px;
 text-align:left}
 .ticketsSectionWrp .swiper-slide.swiper-slide-prev, .ticketsSectionWrp .swiper-slide.swiper-slide-next{
 opacity:0.4} }
.ticketsSectionWrp .ticket-wrapp .head{
 background-color:#2A2A2A;
 border-radius:12px 12px 0px 0px}

.version-2020.ticketsSectionWrp .ticket-wrapp .head{
 background-color:transparent;
 background-image:linear-gradient(180deg, #FFFFFF 95%, #E7E7E7 100%);
 border-radius:0;
 border:none;
 padding-top:20px;
 cursor:content-menu}

.ticketsSectionWrp .ticket-wrapp .head, .ticketsSectionWrp .ticket-wrapp .body, .ticketsSectionWrp .ticket-wrapp .footer{
 position:relative;
 padding:30px 28px;
 -webkit-box-shadow:0px 20px 138px 0px rgba(0, 0, 0, 0.4);
 -moz-box-shadow:0px 20px 138px 0px rgba(0, 0, 0, 0.4);
 box-shadow:0px 20px 138px 0px rgba(0, 0, 0, 0.4)}

.ticketsSectionWrp .ticket-wrapp .body{
 background-color:#fff;
 border-radius:0 0 12px 12px;
 padding:25px 30px;
 -webkit-box-shadow:0px 20px 138px 0px rgba(0, 0, 0, 0.4);
 -moz-box-shadow:0px 20px 138px 0px rgba(0, 0, 0, 0.4);
 box-shadow:0px 20px 138px 0px rgba(0, 0, 0, 0.4)}

.version-2020.ticketsSectionWrp .ticket-wrapp .body{
 border-radius:0;
 padding:0}

.ticketsSectionWrp .ticket-wrapp.ticket-basic .head .icon, .ticketsSectionWrp .ticket-wrapp.ticket-basic .head .icon svg{
 width:39px;
 height:39px}

.ticketsSectionWrp .ticket-wrapp.ticket-flex .head .icon, .ticketsSectionWrp .ticket-wrapp.ticket-flex .head .icon svg{
 width:44px;
 height:44px}

.ticketsSectionWrp .ticket-wrapp.ticket-vip .head .icon, .ticketsSectionWrp .ticket-wrapp.ticket-vip .head .icon svg{
 width:39px;
 height:39px}

.ticketsSectionWrp .ticket-wrapp .head .icon{
 position:absolute;
 top:27px;
 right:30px;
 z-index:16}

.ticketsSectionWrp .ticket-wrapp .head .icon svg path{
 fill:#ffffff}

.ticketsSectionWrp .ticket-wrapp.ticket-flex .head .icon{
 right:22px;
 top:36px}

.MacIntel .ticketsSectionWrp .ticket-wrapp.ticket-flex .head .icon{
 top:30px}

.ticketsSectionWrp .ticket-wrapp.ticket-vip .head .icon{
 top:22px}

.version-2020.ticketsSectionWrp .ticket-wrapp .head .title{
 line-height:1;
 color:#000;
 padding-bottom:14px;
 margin-left:-3px;
 font-size:48px;
 padding-bottom:5px;
 text-align:center
}

@media only screen and (max-width:320px){
 .version-2020.ticketsSectionWrp .ticket-wrapp .head .title{
 font-size:55px} }
.ticketsSectionWrp .ticket-wrapp .head .title-subline{
 background-color:#949494;
 width:51px;
 height:6px;
 margin-bottom:7px}

.version-2020.ticketsSectionWrp .ticket-wrapp .head .title-subline{
 background-color:transparent;
 width:auto;
 height:auto;
 margin-bottom:7px;
 font-size:15px; text-align:center}

.MacIntel .ticketsSectionWrp .ticket-wrapp .head .title-subline{
 margin-top:-10px}

.ticketsSectionWrp .ticket-wrapp .body .btn-kaufen{
 text-align:center;
 overflow:hidden}

.ticketsSectionWrp .ticket-wrapp .body .btn-kaufen a{
 color:#fff;
 padding:0;
 border-radius:6px;
 font-size:18px;
 font-family:'SoinSansNeue-Roman';
 font-weight:600;
 display:block;
 padding:15px 0}

.ticketsSectionWrp .ticket-wrapp.ticket-basic .body .btn-kaufen a{
 background-color:#F58540;
 }
.ticketsSectionWrp .ticket-wrapp.ticket-vip .body .btn-kaufen a{
 background-color:#EF59A0;
 }

.version-2020.ticketsSectionWrp .ticket-wrapp .body .btn-kaufen a{
 border-radius:0;
 font-size:30px;
 font-family:'SoinSansNeue-Black';
 font-weight:400;
 transition:all .15s linear 0s}

.version-2020.ticketsSectionWrp .ticket-wrapp .body .btn-kaufen a:hover{
 transform:scale(1.1)}

.notMacIntel .version-2020.ticketsSectionWrp .ticket-wrapp .body .btn-kaufen a{
 padding-top:4px}

.MacIntel .ticketsSectionWrp .ticket-wrapp .body .btn-kaufen a{
 padding:17px 0 12px 0}

.ticketsSectionWrp .ticket-wrapp .footer{
 background-color:#fff;
 border-radius:0px 0px 5px 5px;
 margin:0 21px;
 z-index:-1;
 position:relative;
 transition:all .25s ease-in-out 0s;
 padding:24px 20px 9px;
 -webkit-box-shadow:0px 20px 138px 0px rgba(0, 0, 0, 0.4);
 -moz-box-shadow:0px 20px 138px 0px rgba(0, 0, 0, 0.4);
 box-shadow:0px 20px 138px 0px rgba(0, 0, 0, 0.4)}

.version-2020.ticketsSectionWrp .ticket-wrapp .footer{
 border-radius:0}

.ticketsSectionWrp .ticket-wrapp.ticket-basic .footer{
 top:-96px}

.ticketsSectionWrp .ticket-wrapp.ticket-flex .footer{
 top:-136px}

.ticketsSectionWrp .ticket-wrapp.ticket-vip .footer{
 top:-189px}

.ticketsSectionWrp .ticket-wrapp:hover .footer{
 top:0!important}

.ticketsSectionWrp .ticket-wrapp .footer .open-slider{
 width:24px;
 margin:0 auto;
 padding:6px 0}

.ticketsSectionWrp .ticket-wrapp .footer .open-slider img{
 width:24px;
 opacity:1;
 transition:all .25s linear 0s;
 height:13px}

.ticketsSectionWrp .ticket-wrapp:hover .footer .open-slider img{
 opacity:0;
 height:0}

.ticketsSectionWrp .ticket-wrapp .footer .check{
 width:16px;
 float:left;
 margin-right:9px}

.notMacIntel .ticketsSectionWrp .ticket-wrapp .footer .check{
 margin-top:4px}

.MacIntel .ticketsSectionWrp .ticket-wrapp .footer .check{
 margin-top:2px}

.ticketsSectionWrp .ticket-wrapp .footer .info{
 float:left;
 width:calc(100% - 32px);
 font-family:'SoinSansNeue-Roman';
 font-size:15px;
 line-height:1;
 margin-top:1px;
 margin-bottom:10px;
 color:#000;
 font-weight:600}

.ticketsSectionWrp .ticket-wrapp .head .title, .ticketsSectionWrp .ticket-wrapp .head .price, .ticketsSectionWrp .ticket-wrapp .head .text-body, .version-2020.ticketsSectionWrp .ticket-wrapp .head .title-subline{
 color:#000}

.ticketsSectionWrp .ticket-wrapp .head .price{
 font-size:15px;
 margin-bottom:7px;
 position:absolute;
 bottom:10px; 
 width:100%;
 text-align:center;
 box-sizing:border-box;
 left:0;
}

.ticketsSectionWrp .ticket-wrapp .head .text-body{
 color:#fff;
 font-size:15px;
 font-family:'SoinSansNeue-Roman';
 font-weight:400;
 line-height:1}

.ticketsSectionWrp .ticket-wrapp.ticket-basic{
 padding-top:17px}

.version-2020.ticketsSectionWrp .ticket-wrapp.ticket-basic{
 padding-top:0}

.ticketsSectionWrp .ticket-wrapp.ticket-flex{
 padding-top:17px}

.ticketsSectionWrp .ticket-wrapp.ticket-vip{
 padding-top:17px}

.version-2020.ticketsSectionWrp .ticket-wrapp{transition:transform .15s ease-out .15s}
.version-2020.ticketsSectionWrp .ticket-wrapp.ticket-vip{padding-top:0}
.version-2020.ticketsSectionWrp .ticket-wrapp.ticket-vip:hover{transform:translateY(-70px)}
.version-2020.ticketsSectionWrp .ticket-wrapp.ticket-basic:hover{transform:translateY(-60px)}

.ticketsSectionWrp .ticket-wrapp .head{height:180px}
.version-2020.ticketsSectionWrp .ticket-wrapp.ticket-vip .head{
 position:relative}

@media only screen and (max-width:1152px){
 .site-footer > div{
 display:flex;
 flex-direction:row;
 flex-wrap:wrap}

 footer .footer-col{
 float:none;
 margin:0 0 35px 0!important;
 min-width:400px} }
@media only screen and (max-width:1023px){
 footer .footer-col{
 min-width:350px}

 .active-lang-en .ticketsSectionWrp .ticket-wrapp{
 width:250px}

 .active-lang-en .ticketsSectionWrp{
 height:775px}

 .active-lang-en .ticketsSectionWrp .ticket-wrapp.ticket-flex .footer{
 top:-167px}

 .active-lang-en .ticketsSectionWrp .ticket-wrapp.ticket-flex .footer:hover{
 top:0}

 .active-lang-en .ticketsSectionWrp .ticket-wrapp.ticket-vip .footer{
 top:-219px}

 .active-lang-en .ticketsSectionWrp .ticket-wrapp.ticket-vip .footer:hover{
 top:0}

 .active-lang-de .ticketsSectionWrp .ticket-wrapp{
 width:275px}

 .active-lang-de .ticketsSectionWrp .ticket-wrapp.ticket-flex .footer{
 top:-151px}

 .active-lang-de .ticketsSectionWrp .ticket-wrapp.ticket-flex .footer:hover{
 top:0}

 .active-lang-de .ticketsSectionWrp .ticket-wrapp.ticket-vip .footer{
 top:-233px}

 .active-lang-de .ticketsSectionWrp .ticket-wrapp.ticket-vip .footer:hover{
 top:0} }
@media only screen and (max-width:768px){
 .ticketsSectionWrp .swiper-slide .ticket-wrapp{height:300px}
 .version-2020.ticketsSectionWrp .ticket-wrapp .head .title{font-size:40px;margin-bottom:0}
 .version-2020.ticketsSectionWrp .ticket-wrapp .head .title-subline{font-size:18px}
 .version-2020.ticketsSectionWrp .ticket-wrapp .head{padding:10px;height:150px}
 .version-2020.ticketsSectionWrp{height:900px}
 .ticketsSectionCon .swiper-wrapper{flex-direction:column}
 .ticketsSectionWrp .ticketsSectionCon .swiper-slide{margin:90px auto;align-items:center}
 .ticketsSectionWrp .ticketsSectionCon{
 flex-direction:column;
 flex-wrap:unset;
 align-items:center}

 .ticketsSectionWrp h1{
 margin-bottom:25px}

 .active-lang-en .ticketsSectionWrp .ticket-wrapp,
 .active-lang-de .ticketsSectionWrp .ticket-wrapp{
 width:256px;
 }

 .ticketsSectionWrp h1{
 font-size:36px}


 .active-lang-en .ticketsSectionWrp .ticket-wrapp.ticket-basic .footer{
 top:-98px}

 .active-lang-en .ticketsSectionWrp .ticket-wrapp.ticket-basic .footer:hover{
 top:0}

 .active-lang-en .ticketsSectionWrp .ticket-wrapp.ticket-flex .footer{
 top:-140px}

 .active-lang-en .ticketsSectionWrp .ticket-wrapp.ticket-flex .footer:hover{
 top:0}

 .active-lang-en .ticketsSectionWrp .ticket-wrapp.ticket-vip .footer{
 top:-190px}

 .active-lang-en .ticketsSectionWrp .ticket-wrapp.ticket-vip .footer:hover{
 top:0}

 .version-2020.ticketsSectionWrp .ticket-wrapp .body .btn-kaufen a{
 font-size:35px}

 .active-lang-de .ticketsSectionWrp .ticket-wrapp.ticket-basic .footer{
 top:-98px}

 .active-lang-de .ticketsSectionWrp .ticket-wrapp.ticket-basic .footer:hover{
 top:0}

 .active-lang-de .ticketsSectionWrp .ticket-wrapp.ticket-flex .footer{
 top:-140px}

 .active-lang-de .ticketsSectionWrp .ticket-wrapp.ticket-flex .footer:hover{
 top:0}

 .active-lang-de .ticketsSectionWrp .ticket-wrapp.ticket-vip .footer{
 top:-190px}

 .active-lang-de .ticketsSectionWrp .ticket-wrapp.ticket-vip .footer:hover{
 top:0} }
.ticketsSectionWrp .swiper-wrapper .swiper-slide:nth-child(2){
 z-index:700}

@media only screen and (max-width:480px){
 .ticketsSectionWrp .earlybird-1 .ticket-wrapp.ticket-flex .head .icon{
 right:11px;
 top:35px;
 width:46px;
 height:46px}

 .MacIntel .ticketsSectionWrp .earlybird-1 .ticket-wrapp.ticket-flex .head .icon{
 top:28px} }

.active-lang-de .btn-en,
.active-lang-en .btn-de,
.active-lang-de .lang-en,
.active-lang-en .lang-de{
 display:none}

table tbody td{
 background-color:#ffffff!important}

.woocommerce-form__label-for-checkbox .woocommerce-form__input-checkbox, .mc4wp-checkbox-woocommerce input{
 margin-right:10px}
p.mc4wp-checkbox.mc4wp-checkbox-woocommerce{
 display:none
}

.woocommerce-form{
 max-width:340px;
 width:100%}

.woocommerce-order .align-right,
.cart-collaterals .align-right,
.woocommerce-checkout-review-order-table .align-right{
 text-align:right!important}

#goto-your-tickets.std-btn.std-btn,
#login-full-width-centered-flex .user-login-form .col-right .std-btn{
 display:block}

#goto-your-tickets.std-btn.std-btn a,
#login-full-width-centered-flex .user-login-form .col-right .std-btn a{
 padding:10px;
 width:100%;
 display:block;
 text-align:center;
 font-weight:100}
#goto-your-tickets.std-btn.std-btn a{
font-size:30px;
font-family:'SoinSansNeue-Black';
font-weight:400;
text-transform:uppercase;

}
.woocommerce-info a.showcoupon{
 color:#000000!important}

.wc-proceed-to-checkout a{
 text-decoration:none!important}

.thin-col{
 max-width:378px}
.user-registration-form{
 display:flex;
 flex-direction:column;
 align-items:center;
 margin-top:3rem;
}
.user-registration-form h2{
 
}
.user-registration-form form{
 display:flex;
 flex-direction:column;
 align-items:center;
}
.user-registration-form form > *{
 
}
.user-registration-form form > div{
 
}
.user-registration-form form > p{
 
}
.user-registration-form form > .form-row{
 width:100%;
 display:flex;
 flex-direction:column;
 max-width:300px;
 align-items:flex-start;
}
.woocommerce-cart .cart-collaterals .wc-proceed-to-checkout a,
.woocommerce-checkout #payment .place-order .button,
.woocommerce-page.woocommerce-account button[type=submit],
.woocommerce-page.woocommerce-account button[type=submit]:hover,
#login-full-width-centered-flex .user-login-form .col-right .std-btn,
#search-categories,
#contact-overlay div.wpcf7 input[type=submit]{
 margin:0;
 background-color:#FF8000;
 border-radius:0;
 font-size:18px;
 font-weight:100;
 font-family:'SoinSansNeue-Roman';
 color:black }


#search-categories:hover,
#search-categories{
 background-color:#2b2b2b!important;
 border-color:#2b2b2b!important}

#login-full-width-centered-flex .user-login-form .col-right .std-btn.register-new{
 background-color:#06ce64}

.woocommerce-cart-form__contents .button[name=update_cart],
.woocommerce-cart-form__contents .button[name=update_cart]:disabled,
.button[name=apply_coupon],
.woocommerce-cart .cart-collaterals .wc-proceed-to-checkout a,
.woocommerce-checkout #payment .place-order .button,
.user-registration-form .button,
.woocommerce-page.woocommerce-account button[type=submit]{
 padding:1px 10px 10px 10px!important;
 display:inline-table;
 float:right}

.user-registration-form .button,
.woocommerce-page.woocommerce-account button[type=submit]{
 float:none}

.woocommerce-page.woocommerce-account button[type=submit],
.woocommerce-page.woocommerce-account button[type=submit]:hover{
 width:100%;
 margin-bottom:10px}

.woocommerce-page .woocommerce-error,
.woocommerce-page .woocommerce-info,
.woocommerce-page .woocommerce-message,
.woocommerce-page .woocommerce-noreviews,
.woocommerce-page p.no-comments{
 background-color:#fff;
 color:#2a2a2a;
 border:none}
.woocommerce-cart .woocommerce-info.cart-empty, .woocommerce-cart .return-to-shop{
 text-align:center}
.woocommerce-cart .woocommerce-notices-wrapper{padding-top:50px}
.woocommerce-page .woocommerce-message{
 padding-left:0;
 margin-bottom:0;
 padding-top:0;text-align:center}
.woocommerce-message a.restore-item{display:none}
ul.order_details li{
 padding:1em 0!important}

.woocommerce-page input[type=checkbox] + label{
 display:inline-block}

.woocommerce-page select,
.user-registration-form select{
 line-height:3;
 -moz-appearance:none;
 -webkit-appearance:none;
 appearance:none;
 height:56px;
 padding-left:10px;
 background-image:url(svg/arrow_down_black.svg);
 background-repeat:no-repeat;
 background-position:92% center;
 background-size:10px;
}

.woocommerce-page select,
.woocommerce-page input[type=tel],
.woocommerce-page input[type=text],
.woocommerce-page input[type=email],
.woocommerce-page input[type=number],
.woocommerce-page input[type=password],
.woocommerce-page textarea,
.user-registration-form select,
.user-registration-form input[type=tel],
.user-registration-form input[type=text],
.user-registration-form input[type=email],
.user-registration-form input[type=number],
.user-registration-form input[type=password],
.user-registration-form textarea,
#contact-overlay div.wpcf7 input,
#contact-overlay div.wpcf7 textarea{
 border-radius:0;
 background-color:#ffffff!important;
 font-family:'SoinSansNeue-Roman';
 font-weight:100;
 border:1px solid black;
 transition:all .25s linear 0s}

.woocommerce-page select:hover,
.woocommerce-page input[type=tel]:hover,
.woocommerce-page input[type=text]:hover,
.woocommerce-page input[type=email]:hover,
.woocommerce-page input[type=number]:hover,
.woocommerce-page input[type=password]:hover,
.woocommerce-page textarea:hover,
.user-registration-form select:hover,
.user-registration-form input[type=tel]:hover,
.user-registration-form input[type=text]:hover,
.user-registration-form input[type=email]:hover,
.user-registration-form input[type=number]:hover,
.user-registration-form input[type=password]:hover,
.user-registration-form textarea:hover{
 border-color:#FF8000;
}

.woocommerce-page select:focus,
.woocommerce-page input[type=tel]:focus,
.woocommerce-page input[type=text]:focus,
.woocommerce-page input[type=email]:focus,
.woocommerce-page input[type=number]:focus,
.woocommerce-page input[type=password]:focus,
.woocommerce-page textarea:focus,
.user-registration-form select:focus,
.user-registration-form input[type=tel]:focus,
.user-registration-form input[type=text]:focus,
.user-registration-form input[type=email]:focus,
.user-registration-form input[type=number]:focus,
.user-registration-form input[type=password]:focus,
.user-registration-form textarea:focus,
#contact-overlay div.wpcf7 input:focus,
#contact-overlay div.wpcf7 textarea:focus{
 border-color:#FF8000;
}

.woocommerce-page select:selected,
.woocommerce-page input[type=tel]:selected,
.woocommerce-page input[type=text]:selected,
.woocommerce-page input[type=email]:selected,
.woocommerce-page input[type=number]:selected,
.woocommerce-page input[type=password]:selected,
.woocommerce-page textarea:selected,
.user-registration-form select:selected,
.user-registration-form input[type=tel]:selected,
.user-registration-form input[type=text]:selected,
.user-registration-form input[type=email]:selected,
.user-registration-form input[type=number]:selected,
.user-registration-form input[type=password]:selected,
.user-registration-form textarea:selected,
#contact-overlay div.wpcf7 input:selected,
#contact-overlay div.wpcf7 textarea:selected{
 border-color:#FF8000;
}

.woocommerce-page table tbody tr td{
 text-align:right}

.woocommerce-page table tbody tr td.product-quantity, .woocommerce-page table tr th.product-quantity{
 text-align:center;
 width:175px;
 border-right:20px solid transparent;
}
.woocommerce-page table tbody tr td.product-quantity, .woocommerce-page table tbody tr td.product-subtotal{
 /*display:flex!important;*/
}
.woocommerce-page table tbody tr td{
 vertical-align:middle;
}
.woocommerce-page table tbody tr td.product-quantity{
 width:75px;
 border-right:none;
}
.woocommerce-page table tbody tr td.product-subtotal{
 
}

/* number input for Basic Tickets */
.woocommerce-page table tbody tr td.product-quantity .qty{
 text-align:center}

.woocommerce-page table tbody tr td.product-name{
 text-align:left}

table.woocommerce-checkout-review-order-table .product-name{
 text-align:left}

.woocommerce-page .woocommerce-Price-currencySymbol{
 margin-right:5px}

.woocommerce-page table tr td,
.woocommerce-page table tr th,
table tbody tr:nth-child(2n) td{
 background-color:#ffffff!important}

.woocommerce-page table tr th.product-subtotal{
 text-align:right}

.woocommerce-page .checkout_coupon.woocommerce-form-coupon{
 max-width:300px}

.woocommerce-page span.select2-container{
 font-family:'SoinSansNeue-Roman'}

.my-previous-purchases{
 margin-bottom:50px}

.my-previous-purchases p{
 margin:0;
 font-size:13px}

.my-previous-purchases .booked-days{
 padding-bottom:25px}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus{
 border:1px solid #B8C1CB;
 -webkit-text-fill-color:black;
 -webkit-box-shadow:0 0 0px 1000px #ffffff inset;
 transition:background-color 5000s ease-in-out 0s}
.woocommerce-page.woocommerce-account .form-row input[type=checkbox], .woocommerce-page input[type=checkbox]{
 width:auto!important}

.checkout-2020 .checkout-bg{
 background-color:#00FFB5}

.checkout-2020 .width-100{
 width:100%}

.checkout-2020 .form-row{
 width:50%!important;
 float:left!important}

.checkout-2020 .form-row.place-order{
 width:100%!important;
 float:none!important;display:flex;flex-direction:column }

.checkout-2020 .form-row.place-order .form-row{
 width:100%!important;
 float:none!important}

.checkout-2020 .woocommerce-billing-fields__field-wrapper:after{
 content:".";
 clear:both!important;
 float:none!important;
 display:block;
 visibility:hidden;
 height:0px}

.checkout-2020 .woocommerce-checkout .form-row-first, .checkout-2020 .woocommerce-checkout .form-row-last, .checkout-2020 .woocommerce-checkout .form-row-wide{
 max-width:350px!important}

.checkout-2020 .woocommerce-form-login{
 max-width:100%!important}

.checkout-2020 .woocommerce-form-login .form-row-first{
 margin-right:19px!important}

.checkout-2020 .my-previous-purchases{
 margin-bottom:0}

.checkout-2020 #payment .place-order{
 margin-top:0}

table.woocommerce-checkout-review-order-table tr.woocommerce-shipping-totals.shipping{
 display:none}

.woocommerce-checkout .right-50 .content-scroll.flex-center-start{
 padding:0}

.woocommerce-checkout h3{
 font-size:22px}

.my-tickets-section .infos-inner{
 position:relative}

.my-tickets-section .mastercard-message{
 position:absolute;
 right:-13px;
 top:0}

.my-tickets-section .mastercard-message span{
 font-size:8px;
 color:#949494;
 color:#fff;
 font-weight:100;
 font-family:"SoinSansNeue-Roman"}
@media only screen and (max-width:480px){
 .my-tickets-section .mastercard-message{
 right:17px;
 top:27px}

 .my-tickets-section .mastercard-message span{
 display:none} }
.my-tickets-section .mastercard-message img{
 width:40px;
 height:24px}

.row.mastercard-tickets-entry-footer img{
 width:51px;
 height:31px;
 margin-top:10px;
 margin-bottom:15px;
 float:left;
 margin-right:7px}

.row.mastercard-tickets-entry-footer img + span{
 font-size:18px;
 padding-top:8px;
 display:block;
 font-weight:600;
 font-family:"SoinSansNeue-Roman";
 color:black}

.MacIntel .row.mastercard-tickets-entry-footer img + span{
 padding-top:11px}

.row.mastercard-tickets-entry-footer .info{
 font-size:15px!important;
 width:100%!important}

.earlybird-version .over-the-fold.card-panel, .version-2020 .over-the-fold.card-panel, .version-2020 > .card-panel, .version-2020 .bp_over-the-fold.bp_card-panel, .version-2020 .bp_mobile_infos_and_socials{
 background-position:center;
 background-size:cover;
 background-repeat:no-repeat}

.version-2020 .bp_mobile_infos_and_socials{
 background-position:center;min-height:56vw;
display:flex;
 flex-direction:column;
 display:none
}

.version-2020 .lineup-container .the-date{
 font-size:1.2vw;
 margin-bottom:.2vw;
 color:white;
 padding:8px;
}
.MacIntel .version-2020 .lineup-container .the-date{margin-bottom:-.3vw}

.version-2020 .card .larger-small-compound .text-larger.line-up-block{
 margin:0}

@media only screen and (max-width:480px){
 .version-2020 .card .larger-small-compound .text-larger.line-up-block{
 padding-bottom:10px}

 .version-2020 > .card-panel{
 background-image:none}

 .version-2020 .lineup-container .the-date{
 font-size:15px;
 margin-bottom:7px}

 .version-2020 .card.flex-col .card-top, .version-2020 .card.flex-col .card-bottom{
 display:none}
}
.earlybird-version .over-the-fold .card .btn-tickets > span{
 background-color:white}

.earlybird-version .over-the-fold .card .btn-tickets > span > span{
 color:#1a1a1a}

body.home .earlybird-version .card.card-one.ste5jtdjzo9tj, body.home .earlybird-version .card.card-two.wsw74jtf78se4ztfw{
 background-color:transparent}

.earlybird-version .card.card-two .card-top{
 flex:0}

.newsletter-section{
 background-position:center;
 background-size:cover;
 background-repeat:no-repeat;
 display:flex;
 flex-direction:column;
 justify-content:center}

@media (max-width:585px){
 .earlybird-version .playtime-box{
 margin-top:0;
 margin-bottom:10px}

 .earlybird-version .playtime-box-day.eb-days{
 display:block}

 .earlybird-version .playtime-box-day.eb-days.last{
 margin-right:0}

 .earlybird-version .playtime-box-day.eb-days div{
 padding:0 4px} }
.woocommerce-checkout .right-50 .center-item{
 padding:0}

.woocommerce-error[role="alert"]{
 display:block!important;
 position:fixed;
 background-color:white;
 padding:10px!important;
 border:1px solid black}

.woocommerce-error[role="alert"]:empty{
 display:none!important}

.grouped-checkout-sections{width:50%}
#checkout-section-1, .bg-cover-center-no-repeat{background-repeat:no-repeat;background-size:cover;background-position:center}

@media only screen and (max-width:768px){
 .grouped-checkout-sections{
 width:100%} }
#checkout-sections-rightside{
 background-color:white}

#checkout-section-1{
 padding-top:5vw;
 padding-bottom:5vw;
 display:flex;
 flex-direction:column;
 justify-content:center;
 align-items:center;
 background-color:transparent}

#checkout-section-1 #order_review,
#checkout-section-1 #order_review_heading{
 max-width:430px!important;
 width:100%!important}

#checkout-section-1 #order_review{
 padding:14px 20px 6px 20px;
 background-color:white;
 -webkit-box-shadow:0px 20px 45px 0px rgba(0, 0, 0, 0.3);
 -moz-box-shadow:0px 20px 45px 0px rgba(0, 0, 0, 0.3);
 box-shadow:0px 20px 45px 0px rgba(0, 0, 0, 0.3)}

#checkout-section-1 #order_review td, #checkout-section-1 #order_review th{
 /*font-size:14px;*/
 /*font-size:20px;*/
 font-size:17px;
 line-height:1;
 padding-top:12px!important;
 border-bottom:1px solid #C6C6C6;
 padding-bottom:12px!important}

#checkout-section-1 #order_review td.product-name{line-height:1.2}

#checkout-section-1 #order_review .order-total td, #checkout-section-1 #order_review .order-total th{
 border-bottom:none}
#checkout-section-1 #order_review .order-total td{
 /*width:113px;*/
 display:inline-block}
#checkout-section-1 #order_review .order-total td > strong{margin-bottom:20px;display:block}
/*.active-lang-en #checkout-section-1 #order_review .order-total td{width:109px}*/
#checkout-section-1 #order_review .order-total td small .woocommerce-Price-amount.amount{margin-right:5px}

#checkout-section-1 #order_review table{
 margin:0}

#checkout-section-1 #order_review td.product-name{
 padding-left:2px!important;
 display:flex;
 justify-content:flex-start;
 align-items:center;
 gap:5px;
}

#checkout-section-1 #order_review td.product-name .product-quantity{white-space:nowrap;
 font-weight:400}

#checkout-section-1 #order_review td.product-total{
 padding-right:0px!important}

#checkout-section-1 #order_review td.product-total, .active-lang-de #checkout-section-1 #order_review td.product-total{
 width:38%}

.woocommerce-page .woocommerce-Price-currencySymbol{
 margin-right:4px}

.woocommerce-checkout #order_review .includes_tax{
 display:block;
 width:100%;
 padding-top:5px}
.for--all-other-pages{padding:25px}
.for--all-other-pages.right-50 .content-scroll{height:calc(100vh - 110px)}
@media only screen and (max-width:480px){.active-lang-en .woocommerce-checkout #order_review .includes_tax{font-size:59%}}

#checkout-section-1 #order_review_heading{
 padding-left:30px;
 background-color:black;
 color:white;
}

#checkout-section-2{
 padding-top:5vw;
 padding-bottom:5vw;
 display:flex;
 flex-direction:column;
 justify-content:center;
 align-items:center;
 background-color:#FAFAFA}

#checkout-section-2 #customer_details{
 max-width:368px;
 width:100%}

#checkout-section-2 #customer_details label{
 display:none}

#checkout-section-2 #customer_details .input-text,
#checkout-section-2 #customer_details input[type=email],
#checkout-section-2 #customer_details input[type=password],
#checkout-section-2 #customer_details input[type=search],
#checkout-section-2 #customer_details input[type=tel],
#checkout-section-2 #customer_details input[type=text],
#checkout-section-2 #customer_details input[type=url],
#checkout-section-2 #customer_details textarea,
#checkout-section-2 #customer_details #contact-overlay div.wpcf7 input,
#checkout-section-2 #customer_details #contact-overlay div.wpcf7 textarea{
 padding:8px 15px 6px 15px;
 font-size:14px;
 margin-bottom:0px}

#checkout-section-2 #billing_gender_field select{
 height:38px;
 font-size:14px;
 line-height:1;
 padding-left:12px;
 padding-right:12px}

#checkout-section-2 #billing_first_name_field, #checkout-section-2 #billing_birthdate_field{
max-width:300px!important;margin-right:10px!important}
#checkout-section-2 #billing_birthdate_field{margin-right:0!important}
#checkout-section-2 #billing_last_name_field{max-width:300px!important}
#checkout-section-2 #billing_company_field{
 display:none}

#checkout-section-2 #billing_address_1_field{
 max-width:300px!important;
 width:280px!important;
 margin-right:10px!important}

#checkout-section-2 #billing_address_2_field{
 max-width:300px!important;
 width:75px!important;
}

#checkout-section-2 #billing_postcode_field, #checkout-section-2 #billing_first_name_field, #checkout-section-2 #billing_gender_field{
 max-width:300px!important;
 width:136px!important;
 margin-right:10px!important;
 margin-bottom:10px}
#checkout-section-2 #billing_gender_field{clear:both}
#checkout-section-2 #billing_city_field, #checkout-section-2 #billing_last_name_field, #checkout-section-2 #billing_birthdate_field{
 max-width:300px!important;
 width:219px!important;
 clear:none!important}

#checkout-section-2 #billing_country_field{
 max-width:300px!important;
 width:136px!important;margin-right:10px!important}

#checkout-section-2 #billing_country_field select{
 height:39px;
 font-size:14px;
 line-height:2;
 padding-left:15px;
 padding-right:15px}

#checkout-section-2 #billing_phone_field{
 max-width:300px!important;
 width:219px!important}

#checkout-section-2 #billing_email_field{
 max-width:100%!important;
 width:100%!important;
 clear:none!important;
}

#checkout-section-2 .woocommerce-billing-fields h3{margin-bottom:0}
#checkout-section-5{position:relative}
#checkout-section-5 li::marker{color:white}
#checkout-section-5 .wc_payment_methods.payment_methods label{display:inline-flex}
#checkout-section-5 .wc_payment_methods.payment_methods label img{margin-left:5px}
#checkout-section-5 .wc_payment_methods.payment_methods label[for="payment_method_SaferpayCw_MasterCard"] img{height:24px;transform:translateY(5px)}
#checkout-section-5 .wc_payment_methods.payment_methods label[for="payment_method_SaferpayCw_Visa"] img{max-height:20px;transform:translateY(5px)}
#checkout-section-5 .wc_payment_methods.payment_methods label[for="payment_method_SaferpayCw_Visa"] img{max-height:20px;transform:translateY(5px)}
#checkout-section-5 #payment{display:none}

@media only screen and (max-width:768px){
 #checkout-section-3 #mastercard_infos, #checkout-section-3 #custom-payment-container, #checkout-section-5 .form-row.place-order{
 padding-left:0;
 padding-right:0;
 }
 #checkout-section-1 #order_review_heading{
 padding-left:15px;
 max-width:430px!important;
 width:calc(100% - 30px)!important;
 }
 #checkout-section-1 #order_review{
 padding:14px 15px 6px 15px;
 width:calc(100% - 30px)!important}

 #checkout-section-2, #checkout-section-3, #checkout-section-5{
 padding-left:30px;
 padding-right:30px}
}
@media only screen and (max-width:480px){
 #checkout-section-2 #billing_country_field, #checkout-section-2 #billing_postcode_field, #checkout-section-2 #billing_first_name_field, #checkout-section-2 #billing_gender_field{
 width:37%!important;margin-right:3%!important;
 }
 #checkout-section-2 #billing_phone_field, #checkout-section-2 #billing_city_field, #checkout-section-2 #billing_last_name_field, #checkout-section-2 #billing_birthdate_field{
 width:60%!important;
 }
 #checkout-section-2 #billing_address_1_field{
 width:76%!important;margin-right:3%!important;
 }
 #checkout-section-2 #billing_address_2_field{
 width:21%!important;
 }
}
/* MasterCard */
#checkout-section-3{
 padding-top:40px;
 display:flex;
 flex-direction:column;
 justify-content:center;
 align-items:center}

#checkout-section-3 img.svg.mastercard{
 width:105px;
 height:65px;
 margin-bottom:20px}

#checkout-section-3 .infos{
 margin-bottom:15px;
 border-bottom:2px solid #C6C6C6;
 padding-bottom:15px}

#checkout-section-3 .infos .row{
 display:inline-block;
 margin-bottom:0;
 width:100%;
 margin:0;
 padding:0;
 margin-bottom:-7px}

#checkout-section-3 .infos .check{
 width:16px;
 float:left;
 margin-right:9px;
 margin-top:5px}

.MacIntel #checkout-section-3 .infos .check{
 margin-top:2px}

#checkout-section-3 .infos .info{
 float:left;
 width:calc(100% - 32px);
 line-height:1;
 margin-top:1px;
 margin-bottom:10px}

#checkout-section-3 .radios-blue{
 width:18px;
 height:18px;
 margin-top:7px;
 margin-right:8px;
 overflow:hidden;
 background-image:url(svg/radios-blue.png);
 background-position:0 -22px;
 background-size:18px 40px;
 background-repeat:no-repeat;
 float:left}

#checkout-section-3 .selected .radios-blue{
 width:18px;
 height:18px;
 margin-top:7px;
 margin-right:8px;
 overflow:hidden;
 background-image:url(svg/radios-blue.png);
 background-position:0 0;
 background-size:18px 40px;
 background-repeat:no-repeat;
 float:left}

.MacIntel #checkout-section-3 .radios-blue, .MacIntel #checkout-section-3 .selected .radios-blue{
 margin-top:4px}

#checkout-section-3 .msg{
 float:left}

#checkout-section-3 #custom-payment-container{
 border-bottom:2px solid #C6C6C6;
 padding-bottom:15px}

#checkout-section-3 .custom_payment_selector_button{
 width:100%;
 display:inline-block;
 cursor:pointer}

#checkout-section-3 .custom_payment_selector_button.hidden{
 display:none}

#checkout-section-5{
 padding-top:20px;
 padding-bottom:100px;
 display:flex;
 flex-direction:column;
 justify-content:center;
 align-items:center}

#checkout-section-5 button[type="submit"]{
 padding:11px 30px 16px 30px;
/* position:absolute;
 left:0;
 bottom:0;*/
}
.MacIntel .woocommerce .cart-collaterals .cart_totals .checkout-button, .MacIntel #checkout-section-5 button[type="submit"]{
 padding:18px 30px 14px 30px}

#checkout-section-5 input[type="checkbox"][name="terms"]{
 float:left;
 margin-bottom:20px;
 margin-top:9px}

.MacIntel #checkout-section-5 input[type="checkbox"][name="terms"]{
 margin-top:6px}

#checkout-section-5 input[type="checkbox"][name="_mc4wp_subscribe_woocommerce"]{
 margin-top:10px;
 float:left}

.MacIntel #checkout-section-5 input[type="checkbox"][name="_mc4wp_subscribe_woocommerce"]{
 margin-top:6px}

#checkout-section-5 > div > div p.form-row.validate-required:nth-child(3){
 margin-bottom:0}

#custom-login-message{
 font-size:12px;
 cursor:pointer}

#custom-login-message .konto-hinweis{
 display:initial;
 width:auto;
 margin-right:4px}

#custom-login-message .like-a-link{
 color:#2D8EFF}

#custom-login-message .like-a-link:hover{
 text-decoration:underline}

#order_review_heading{
 margin:0}

#woocommerce_checkout_login_overlay{
 position:fixed;
 top:56px;
 left:0;
 width:100vw;
 height:100vh;
 background-color:rgba(0, 0, 0, 0.65);
 z-index:2}

.woocommerce-checkout .woocommerce-form-login-toggle.hidden{
 display:none}

#woocommerce_checkout_login_overlay.open{
 display:flex!important;
 flex-direction:column;
 justify-content:center;
 align-items:center}
#woocommerce_checkout_login_overlay.open .woocommerce-form.woocommerce-form-login.login{
 display:block!important}

#woocommerce_checkout_login_overlay.open .form-row:not(.form-row-first):not(.form-row-last){
 margin-bottom:0}

#woocommerce_checkout_login_overlay.open .lost_password{
 padding-top:11px}

#woocommerce_checkout_login_overlay.open .lost_password a{
 color:#2D8EFF}

#woocommerce_checkout_login_overlay #woocommerce_checkout_login_overlay_wrap_inner{
 width:100%;
 max-width:450px;
 background-color:white;
 -webkit-box-shadow:0px 20px 45px 0px rgba(0, 0, 0, 0.3);
 -moz-box-shadow:0px 20px 45px 0px rgba(0, 0, 0, 0.3);
 box-shadow:0px 20px 45px 0px rgba(0, 0, 0, 0.3);
 width:100%;
 padding:25px 25px 17px 25px;
 border-radius:0;
 font-size:14px;
 position:relative}

#woocommerce_checkout_login_overlay.open #woocommerce_checkout_login_overlay_wrap_inner .close{
 display:block!important;
 border-radius:6px;
 position:absolute;
 right:-9px;
 top:-9px;
 background-image:url(svg/ZOA20_Close.svg);
 background-size:33px 33px;
 background-repeat:no-repeat;
 width:33px;
 height:33px;
 background-color:transparent;
 cursor:pointer}

#woocommerce_checkout_login_overlay.open #woocommerce_checkout_login_overlay_wrap_inner input{
 padding:8px 15px 6px 15px}

.woocommerce-billing-fields__field-wrapper{
 margin-top:15px}

.checkout-2020 form.checkout{
 background-color:#fff;
 margin-bottom:0;
 display:flex;
 flex-direction:row;
 flex-wrap:wrap;
}

.checkout-2020 form.checkout, #checkout-sections-rightside{
 min-height:calc(100vh - 60px)}

@media (max-width:585px){
 #custom-login-message .konto-hinweis{font-size:17px;
 display:block;
 width:100%;
 margin-right:0}
 #custom-login-message{font-size:17px}
 .woocommerce-checkout h3{font-size:27px}
 
 
 #checkout-section-2 #billing_gender_field select{height:50px;font-size:18px}
 #checkout-section-2 #billing_country_field, #checkout-section-2 #billing_postcode_field, #checkout-section-2 #billing_first_name_field, #checkout-section-2 #billing_gender_field{width:100%!important;margin-right:0%!important}
 #checkout-section-2 #customer_details .input-text, #checkout-section-2 #customer_details input[type=email], #checkout-section-2 #customer_details input[type=password], #checkout-section-2 #customer_details input[type=search], #checkout-section-2 #customer_details input[type=tel], #checkout-section-2 #customer_details input[type=text], #checkout-section-2 #customer_details input[type=url], #checkout-section-2 #customer_details textarea, #checkout-section-2 #customer_details #contact-overlay div.wpcf7 input, #checkout-section-2 #customer_details #contact-overlay div.wpcf7 textarea
{font-size:18px}
 #checkout-section-2 #billing_phone_field, #checkout-section-2 #billing_city_field, #checkout-section-2 #billing_last_name_field, #checkout-section-2 #billing_birthdate_field{width:100%!important}
 #checkout-section-2 #billing_address_1_field{width:64%!important}#checkout-section-2 #billing_address_2_field{width:28%!important}
 #checkout-section-2 #billing_country_field select{height:50px;font-size:18px}


 
 #woocommerce_checkout_login_overlay.open{
 justify-content:flex-start;
 padding-top:45px}

 .checkout-2020 .woocommerce-form-login .form-row{
 width:100%!important;
 max-width:100%!important;
 margin-right:0!important}

 .woocommerce-form.woocommerce-form-login.login .clear{
 float:none}

 .woocommerce-form.woocommerce-form-login.login button[type="submit"]{
 margin-left:0;
 width:100%}

 #woocommerce_checkout_login_overlay #woocommerce_checkout_login_overlay_wrap_inner{
 width:calc(100% - 50px)}

 #woocommerce_checkout_login_overlay.open .lost_password{
 margin-bottom:0}

 #woocommerce_checkout_login_overlay.open .lost_password a{
 color:#2D8EFF;
 text-align:center;
 width:100%;
 display:block;
 line-height:1;
 padding-top:20px;
 float:none;
 clear:both;
 font-weight:100;
 font-size:17px} }
body > img{
 display:none}

.woocommerce-cart button:disabled, .woocommerce-cart button:disabled:hover{
 opacity:0!important}

.woocommerce-cart table.cart, .woocommerce-cart .cart_totals > table, .woocommerce-cart .woocommerce-cart-form{
 margin-bottom:0}

.cart_totals table tbody tr:nth-child(1) th, .cart_totals table tbody tr:nth-child(1) td{
/*font-size:19px;*/
font-size:24px;padding-top:50px;color:black}
.woocommerce-cart .right-50 .center-item h2{
font-size:33px;
font-family:'SoinSansNeue-Black';
font-weight:500;
text-transform:uppercase;
text-align:center;
line-height:1;
margin:0 0 35px 0;
}

.woocommerce-cart .right-50{
 background-color:#FFB81A;
 background-color:white;
}

a.remove::before{
 color:#000000!important;display:none }

.ticket-reference-number{
 font-size:80%;
 margin-right:5px}

.micro-actions span:nth-child(2),
.micro-actions span:nth-child(3){
 cursor:pointer;
 font-size:80%;
 text-decoration:underline}

.micro-actions span:nth-child(2){
 margin-right:5px}

/*produktname*/
.woocommerce-cart-form__contents .tickets .woocommerce-cart-form__cart-item div:nth-child(2), .woocommerce-cart-form__contents .head div div:nth-child(2){
 font-family:Muli;
 font-weight:700}

/*amount*/
.woocommerce-cart-form__contents .tickets .woocommerce-cart-form__cart-item div:nth-child(3), .woocommerce-cart-form__contents .head div div:nth-child(3){
 text-align:center;
 font-family:Muli}

.woocommerce-cart-form__contents .quantity .qty{
 font-family:Muli;
 padding:0;
 margin-left:0}

/*totals*/
.woocommerce-cart-form__contents .tickets .woocommerce-cart-form__cart-item div:nth-child(4), .woocommerce-cart-form__contents .head div div:nth-child(4){
 text-align:right;
 font-family:Muli}

.woocommerce_cart_actions .actions{
 margin-top:40px}

.cart-collaterals *{
 font-family:Muli}

.woocommerce-cart-form__contents .button[name=update_cart], .woocommerce-cart-form__contents .button[name=update_cart]:disabled, .button[name=apply_coupon], .wrap-2021-tickets .ticket-order-btn, #button__add_VIP_Upgrades_to_cart{
background-color:var(--button-payments-background-color);
color:#fff;
font-weight:100;
float:none;
max-width:100%;
line-height:1;
margin-top:10px;
width:100%;
border-radius:0;
display:flex;
flex-direction:row;
flex-direction:column;
justify-content:center;
align-items:center;
font-family:'SoinSansNeue-Black';
font-size:23px;
padding:.5180469716em 1.41575em .7180469716em 1.41575em;
}
@media (orientation:landscape){.wrap-2021-tickets .ticket-order-btn{font-size:30px}}
.MacIntel.woocommerce-page .right-50 .center-item a.button, .MacIntel .woocommerce-cart-form__contents .button[name=update_cart], .MacIntel .wrap-2021-tickets .ticket-order-btn
{padding:.7em 1.41575em .5em 1.41575em}
.wrap-2021-tickets .ticket-order-btn{margin-left:auto;margin-right:auto;width:calc(100% - 6rem);max-width:560px}
.wrap-2021-tickets .ticket-order-btn.needs_age_check{cursor:context-menu;background-color:var(--button-payments-background-color-needs-age-check)}
.wrap-2021-tickets .ticket-order-btn.needs_age_check.passed-t8k3z7j{cursor:pointer;background-color:var(--button-payments-background-color)}
.woocommerce-cart-form__contents button.button[name="update_cart"]{
 max-width:540px;
 margin:0 auto;
}
#age-check{
 display:flex;
 justify-content:center;
 margin-bottom:2rem;
}
#age-check > div{
 max-width:540px;
 text-align:center;
}
@media (orientation:portrait){#age-check > div{max-width:90%}}
#age-check > div > *{cursor:pointer}
#age-check > div > label{
 font-size:1.2rem;
 font-family:'SoinSansNeue-Roman';
 font-weight:500;
}
.woocommerce-cart-form__contents button.button[name="update_cart"]:disabled{cursor:context-menu}
.woocommerce-cart .right-50 .center-item a.button{height:auto;padding:18px 20px 22px 20px!important}
.MacIntel.woocommerce-cart .right-50 .center-item a.button{padding:24px 20px 16px 20px!important}
.margin-0{margin:0!important}
.woocommerce-cart-form__contents input[name=coupon_code]{
 font-weight:100;
 font-family:'SoinSansNeue-Roman';
 max-width:200px;
 float:right;
 margin-bottom:15px}

.woocommerce-cart-form__contents label[for=coupon_code]{
 display:none}

.woocommerce-cart-form__contents .woocommerce_cart_actions{
 max-width:320px;
 float:right}

.woocommerce-cart-form__contents .head div div{
 float:left;
 font-weight:700;
 font-family:'SoinSansNeue-Roman'!important}

.woocommerce-cart .cart-collaterals{
 max-width:100%}

.woocommerce-cart .cart-collaterals .wc-proceed-to-checkout{
margin:0;
max-width:560px;
margin:0 auto;
padding:30px 10px 0 10px;
}
.woocommerce-cart .cart-collaterals th, .woocommerce-cart .cart-collaterals td{
 padding:6px 0;
 font-size:20px}

.cart-collaterals h2{
 font-weight:600!important;
 font-size:25px!important}

.cart-collaterals .cart_totals, .cart-collaterals .shipping_calculator{
 width:100%!important;
 float:none!important}

.woocommerce-cart table th, .woocommerce-cart table td{
 background-color:transparent!important}

table.cart td.actions{
 border-top:none!important}

table.cart td.product-remove{
 display:table-cell;
 padding:0!important;
 border:0}

table.cart td, table.cart th{
 padding:0!important}
table.cart th{
 padding:0 0 20px 0!important;
}
.woocommerce-page table tbody tr td:nth-child(2){text-align:left;line-height:1.3}
.woocommerce .cart-collaterals .cart_totals .checkout-button, #checkout-section-5 button[type="submit"]{
float:none;
text-align:center;
font-size:30px;
font-family:'SoinSansNeue-Black';
font-weight:500;
border-radius:0;
line-height:1;
height:80px;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
background-color:var(--button-payments-background-color);
margin-left:calc((50vw - 440px) / -2);
width:50vw;
margin-right:0;
color:#fff
}
.woocommerce .cart-collaterals .cart_totals .checkout-button{margin-left:0;width:100%}
#checkout-section-5 button[type="submit"]{margin-left:0;margin-right:0;max-width:100%;height:auto}
table.cart td.product-remove a.remove{
position:initial!important;
text-decoration:none!important;
font-size:23px!important;
line-height:20px;
margin-top:-5px!important;
margin-right:10px!important;
color:#000;font-weight:100;
width:17px;
}

table.shop_table_responsive tr td[data-title]::before{
 content:""!important;
 font-weight:600;
 float:none!important}

table.shop_table_responsive tr{
 height:70px;
 border-collapse:separate;
 border-spacing:0 12px}

table.shop_table_responsive.cart tr.cart_item{height:100px}
table.shop_table_responsive.cart thead tr{height:50px}
table.shop_table_responsive.cart th{padding-bottom:0!important}

table.cart td.product-quantity .qty{
 padding:0!important;
 width:40px;
 margin-right:0}

.woocommerce-cart-form__contents{
/*font-size:17px;*/
font-size:24px;
font-family:'SoinSansNeue-Roman';
font-weight:600;
color:black
}

table.cart td.product-remove{
 border-top:none!important}

#cart-link #cart-qty{
 background-color:#FF8000;color:#000;
 font-family:"SoinSansNeue-Roman";
 font-size:10px;
 padding:2px 4px 2px 4px;
 border-radius:14px;
 position:absolute;
 top:-2px;
 right:-8px;
 cursor:pointer}

.MacIntel #cart-link #cart-qty{
 padding:3px 4px 1px 4px}

@media (max-width:768px){
 table.cart td.product-remove a.remove{
 transform:translateY(0px)} }
/*.woocommerce-cart .woocommerce-cart-form{margin:0}*/
.woocommerce-cart .woocommerce-cart-form__contents .product-subtotal{
 width:50px;
}
.woocommerce-cart .woocommerce-cart-form__contents td.product-subtotal{
 /*display:flex!important;justify-content:flex-end;*/
 width:120px;
}

.woocommerce-cart table.cart td.product-remove{
 width:10px}

.woocommerce-cart table.shop_table_responsive tbody .order-total th{
 display:block}

.woocommerce-cart table.shop_table_responsive tbody .order-total > td > strong{
 float:right}

.woocommerce-cart table.shop_table_responsive tbody .order-total > td > small.includes_tax{
 float:right;
 clear:both}

/* from styles heap - start */
#account-menu{
 width:100%;
 height:43px;
 background-color:#dddddd;
 position:fixed;
 top:56px;
 left:0;
 display:flex;
 justify-content:space-between;
 align-items:center;
 font-size:27px;
 line-height:1;
 z-index:30;
 -webkit-box-shadow:0 0 10px 5px rgba(0, 0, 0, 0.5);
 -moz-box-shadow:0 0 10px 5px rgba(0, 0, 0, 0.5);
 box-shadow:0 0 10px 5px rgba(0, 0, 0, 0.5)}

#account-menu > .title{
 margin-left:21px;
 padding-top:4px;
 font-size:20px;
 transform:translateY(-1px)}

#account-menu > #logout .title{
 margin-left:64px;
 padding-top:0px;
 font-size:20px;
 transform:translateY(-1px)}

.MacIntel #account-menu > #logout .title{
 transform:translateY(2px)}

#account-menu #logout{
 width:190px;
 display:flex;
 justify-content:space-between;
 align-items:center}

#account-menu #logout .icon{
 margin-right:19px}

.MacIntel #account-menu #logout .icon{
 transform:translateY(2px)}

#account-menu #logout .title a{
 color:#404040;
 font-size:15px}

#account-menu #logout .icon svg{
 width:20px;
 height:20px;
 margin-right:5px}

/* from styles heap - end */
h4.myaccount-hinweis{
 font-family:Muli;
 font-weight:600;
 color:#000000}

#order-modal{
 display:none;
 position:fixed;
 top:50%;left:50%;transform:translateX(-50%) translateY(-50%);
 width:100%;
 max-width:320px;
 z-index:6464;
 background-color:#fff;
 padding:1rem;
 border:1px solid #000}

#order-modal p{
 margin:0;
 font-family:Roboto;
 color:#2a2a2a}

#order-modal.visible{
 display:block}

#order-modal .order-modal-close{
 position:absolute;
 top:-13px;
 right:-13px;
 z-index:5;
 background-color:#000;
 border-radius:50px;
 color:#fff;
 cursor:pointer;
 padding:0 9px 2px;
 font-family:Muli;
 font-size:16px;
 border:1px solid #fff}

.print-ticket-btn{
 background-color:transparent}

@keyframes blinking-cart{
 from{
 opacity:1}
 from{
 opacity:0.5} }
.booked-days .cart{
 margin-left:10px}

.booked-days .cart img{
 width:20px;
 animation:blinking-cart .5s linear 0s infinite alternate}

.woocommerce-account article .woocommerce{
 margin-top:56px;
 position:relative}

.woocommerce-account .woocommerce-MyAccount-navigation{
 padding:85px 10px 10px 48px;
 position:fixed}

.woocommerce-account .woocommerce-MyAccount-navigation ul{
 border:none}

.woocommerce-account .woocommerce-MyAccount-navigation li{
 border:none}

.woocommerce-account .woocommerce-MyAccount-navigation a{
 padding:0;
 text-transform:uppercase;
 font-size:15px;
 line-height:1;
 padding-bottom:5px}

.woocommerce-account .woocommerce-MyAccount-navigation a:hover{
 color:#00FFB5}

.woocommerce-account .woocommerce-MyAccount-navigation a::before{
 content:""!important}

.title.title-my-tickets{
 font-family:Muli;
 text-align:left;
 margin:0 auto;
 margin-bottom:50px;
 font-size:32px;
 max-width:960px}

.woocommerce-account .woocommerce-MyAccount-content th, .woocommerce-account .woocommerce-MyAccount-content tbody td{
 background-color:#ffffff}

.woocommerce-account .woocommerce-MyAccount-content{
 font-family:'SoinSansNeue-Roman';
 font-weight:600;
 min-height:calc(100vh - 60px);
 padding-top:45px;
 padding-bottom:1px;
}

.woocommerce-account .woocommerce-MyAccount-content .my-tickets-section{
 font-family:'SoinSansNeue-Black';
 font-weight:600;
 max-width:960px;
 margin:0 auto}

.woocommerce-account .woocommerce-MyAccount-content h2{
 font-size:25px}

.woocommerce-account .woocommerce-MyAccount-content table td, .woocommerce-account .woocommerce-MyAccount-content table th{
 text-align:center}

.woocommerce-MyAccount-content{
 width:100%!important}

.zzv-info.mobile,
.the-questionmark-info-wrapper.mobile,
.questionmark.mobile{
 display:none}

.btn-casual{
 background-image:url(svg/icon_flex.svg);
 background-size:20px;
 background-position:center right;
 background-repeat:no-repeat}

.my-tickets-section .mobile{
 display:none}

.day-span{
 display:inline-table}

.day-span.day{
 margin-right:3px}

.day-span.suffix-vip{
 font-size:50%;
 margin-right:3px}

.day-span.separator-days{
 font-weight:300;
 font-family:"Roboto";
 margin-right:3px}

.day-span.separator-days{
 transform:translateY(0)}

.MacIntel .day-span.separator-days{
 transform:translateY(0)}

.final-ticket-type-basic .day-span.separator-days,
.final-ticket-type-vip .day-span.separator-days,
.final-ticket-type-earlybird .day-span.separator-days{
 transform:translateY(2px)}

.MacIntel .final-ticket-type-basic .day-span.separator-days,
.MacIntel .final-ticket-type-vip .day-span.separator-days,
.MacIntel .final-ticket-type-earlybird .day-span.separator-days{
 transform:translateY(-1px)}

span.mobile-ticket-days{
 display:none}

#account-menu > .title{
 color:#404040;
 padding-top:0;
 padding-top:0px;
 transform:translateY(1px)}

.MacIntel #account-menu > .title{
 padding-top:7px}

@media (max-width:585px){
 #account-menu #logout .icon{
 margin-right:0}

 #account-menu > .title{
 margin-left:14px;
 padding-top:0;
 font-size:15px;
 transform:translateY(2px)}

 #account-menu > #logout .title{
 margin-left:93px;
 padding-top:0px;
 font-size:20px;
 transform:translateY(-2px)}

 .MacIntel #account-menu > #logout .title{
 transform:translateY(3px)}

 #account-menu #logout .title a{
 color:#404040;
 font-size:11px}

 #account-menu #logout .icon{
 margin-right:22px;
 margin-top:5px}

 .MacIntel #account-menu #logout .icon{
 transform:translateY(1px)}

 .flex-wide-ticket .actions .inner button{
 margin-bottom:10px}

 .flex-wide-ticket.btn-count-1{
 margin-bottom:120px}

 .flex-wide-ticket.btn-count-2{
 margin-bottom:120px}

 .flex-wide-ticket.btn-count-3{
 margin-bottom:120px}

 .flex-wide-ticket.btn-count-4{
 margin-bottom:170px}

 .flex-wide-ticket.btn-count-1 .actions{
 min-height:70px}

 .flex-wide-ticket.btn-count-2 .actions{
 min-height:70px}

 .flex-wide-ticket.btn-count-3 .actions{
 min-height:70px}

 .flex-wide-ticket.btn-count-4 .actions{
 min-height:120px} }
@media (max-width:480px){
 .woocommerce-account .woocommerce-MyAccount-content{
 padding-top:20px}

 .day-span.separator-days{
 font-size:20px}

 .day-span.separator-days{
 transform:translateY(0px)}

 .MacIntel .day-span.separator-days{
 transform:translateY(0px)}

 .final-ticket-type-basic .day-span.separator-days{
 transform:translateY(2px)}

 .MacIntel .final-ticket-type-basic .day-span.separator-days{
 transform:translateY(-2px)}

 span.desktop-ticket-days{
 display:none}

 span.mobile-ticket-days{
 display:block}

 #order-modal{
 /*top:unset;*/
 /*left:calc(50vw - (280px / 2));*/
 /*max-width:280px;*/
 max-width:80%;
 /*bottom:20px;*/ 
 }
 #qrcodemobile.opened img{width:90vw;max-width:90vw}
 #order-modal p{
 font-size:14px}

 .title.title-my-tickets{
 text-align:center;
 margin-bottom:20px}

 .woocommerce-account .woocommerce-MyAccount-content{
 background-color:#eaeaea}

 .woocommerce-account .woocommerce-MyAccount-content{
 background-color:#eaeaea}

 .woocommerce-account article .woocommerce-MyAccount-content .woocommerce{
 margin-top:0}

 .woocommerce-account #page{
 background-color:#eaeaea}

 .woocommerce-account article .woocommerce{
 margin-top:0;
 position:relative;
 padding-top:57px;
 background-color:#eaeaea}

 .zzv-info.mobile{
 background-color:#fff;
 padding-left:20px;
 font-size:10px;
 position:absolute;
 bottom:0;
 display:block;
 color:#000}

 .the-questionmark-info-wrapper.mobile{
 background-color:#fff;
 display:block;
 position:absolute;
 bottom:18px;
 left:76px}

 .questionmark.mobile{
 background-color:#fff;
 display:block}

 .flex-wide-ticket.btn-count-2 .ref-number,
 .flex-wide-ticket.btn-count-3 .ref-number,
 .flex-wide-ticket.btn-count-4 .ref-number,
 .flex-wide-ticket.btn-count-5 .ref-number,
 .flex-wide-ticket.btn-count-6 .ref-number{
 margin-top:7px}

 .flex-wide-ticket{
 max-width:275px;
 width:100%;
 position:relative;
 margin:0 auto;
 background-color:#fff;
 height:264px;
 height:309px;
 box-shadow:none;
 margin-bottom:250px;
 z-index:38;
 box-shadow:0px 0px 55px 0px rgba(0, 0, 0, 0.5)}
 .woocommerce-page.woocommerce-account .form-row input[type=checkbox], .woocommerce-page input[type=checkbox]{
 width:45px!important;
 }
 .flex-wide-ticket.btn-count-1{
 margin-bottom:120px}

 .flex-wide-ticket.btn-count-2{
 margin-bottom:174px}

 .flex-wide-ticket.btn-count-3{
 margin-bottom:197px}

 .flex-wide-ticket.btn-count-4{
 margin-bottom:250px}

 .flex-wide-ticket.btn-count-5{
 margin-bottom:294px}

 .flex-wide-ticket.btn-count-1 .actions{
 min-height:50px}

 .flex-wide-ticket.btn-count-2 .actions{
 min-height:104px}

 .flex-wide-ticket.btn-count-3 .actions{
 min-height:150px}

 .flex-wide-ticket.btn-count-4 .actions{
 min-height:197px}

 .flex-wide-ticket.btn-count-5 .actions{
 min-height:244px}

 .flex-wide-ticket .infos-img-wrapper{
 width:100%;
 float:left;
 position:relative;
 height:197px;
 height:242px;
 overflow:hidden;
 margin-bottom:67px;
 }

 .flex-wide-ticket .infos-img-wrapper .infos-box{
 float:left;
 width:100%;
 z-index:5;
 position:absolute;
 height:100%;
 -webkit-clip-path:polygon(0% 0%, 100% 0%, 100% 76%, 0% 100%);
 clip-path:polygon(0% 0%, 100% 0%, 100% 76%, 0% 100%);
 }

 .flex-wide-ticket .infos-img-wrapper .infos-box .infos-inner{
 width:100%;
 text-align:left;
 padding:20px}

 .flex-wide-ticket .infos-img-wrapper .infos-box .infos-inner .ticket-title{
 text-align:left;
 margin-bottom:10px;
 line-height:1;
 font-size:30px;
 font-weight:100}
 .flex-wide-ticket .infos-img-wrapper .infos-box .infos-inner .ticket-title.smaller-title-mobile-wt83d6{
 font-size:26px}

 .flex-wide-ticket .infos-img-wrapper .infos-box .infos-inner .subline{
 width:48px;
 height:8px;
 margin-bottom:10px}

 .flex-wide-ticket .infos-img-wrapper .infos-box .infos-inner .zoag{
 margin:0 0 0 0;
 font-size:14px;
 line-height:1}

 .flex-wide-ticket .infos-img-wrapper .infos-box .infos-inner .booked-days{
 margin:5px 0;
 font-size:17px;
 line-height:1;
 font-weight:100}

 .flex-wide-ticket.final-ticket-type-tentvoucher .infos-img-wrapper .infos-box .infos-inner .booked-days{
 margin:0;
 font-size:0;
 line-height:0}

 .flex-wide-ticket.final-ticket-type-tentvoucher .infos-img-wrapper .infos-box .infos-inner .zoag{
 margin-bottom:5px}

 .woocommerce-MyAccount-content .ref-number{
 float:none}

 .flex-wide-ticket .infos-img-wrapper .infos-box .infos-inner .zvv-info{
 margin:0;
 font-size:12px;
 line-height:1;
 float:left;
 display:none}

 .my-tickets-section .mobile{
 display:block}

 .flex-wide-ticket .zvv-info.mobile{
 color:#000!important;
 font-size:11px;
 position:absolute;
 bottom:-3px;
 left:13px;
 font-weight:100;
 width:92px;
 line-height:1}

 .flex-wide-ticket .infos-img-wrapper .infos-box .infos-inner .zvv-info.mobile{
 color:#000!important;
 display:block}

 .the-questionmark-info-wrapper{
 margin-left:11px;
 float:left;
 display:none}

 .questionmark{
 width:17px}

 /* tooltip */
 .speech-bubble{
 border:none!important;
 background-color:transparent!important;
 filter:none!important;
 box-shadow:none!important}

 .speech-bubble div{
 position:relative;
 background:#fff799!important;
 border-radius:6px;
 font-size:12px!important;
 padding:10px;
 filter:none!important;
 box-shadow:none!important}

 .speech-bubble div:after{
 content:'';
 position:absolute;
 left:0;
 top:50%;
 width:0;
 height:0;
 border:7px solid transparent;
 border-right-color:#fff799;
 border-left:0;
 margin-top:-7px;
 margin-left:-7px}

 .flex-wide-ticket .infos-img-wrapper .img-box{
 width:337px;
 float:right;
 position:absolute;
 right:0;
 top:0;
 height:100%;
 overflow:hidden;
 display:none}

 .flex-wide-ticket .qrcode-wrapper{
 float:right;
 position:absolute;
 right:0;
 top:unset;
 height:100px;
 width:100px;
 background-color:#fff;
 overflow:hidden;
 padding:0;
 bottom:0}

 .flex-wide-ticket .qrcode-wrapper img{
 width:100px;
 border-radius:0}
 .flex-wide-ticket .qrcode-wrapper img.opened{
 position:fixed;
 width:320px;
 top:calc((100vh - 320px) / 2);
 left:calc((100vw - 320px) / 2);
 z-index:998989898}

 .flex-wide-ticket .actions{
 max-width:100%;
 background:#fff;
 background:-moz-linear-gradient(top, #e4e4e4 0%, #ffffff 100%);
 background:-webkit-linear-gradient(top, #e4e4e4 0%, #ffffff 100%);
 background:linear-gradient(to bottom, #e4e4e4 0%, #ffffff 100%);
 margin:0 15px;
 min-height:120px;
 box-shadow:none}

 .flex-wide-ticket .actions{
 display:none}

 .flex-wide.actions.mobile{
 display:block!important;
 margin-top:0;
 box-shadow:0px 28px 82px -22px rgba(0, 0, 0, 0.64);
 background-color:#f3f3f3;
 /* ULTIMATE SHADOW HACK */
 position:relative}

 .flex-wide.actions.mobile:after{
 position:absolute;
 top:0;
 content:"";
 width:100%;
 height:40px;
 pointer-events:none;
 background:-moz-linear-gradient(top, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 100%);
 background:-webkit-linear-gradient(top, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 100%);
 background:linear-gradient(to bottom, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 100%)}

 /* END:ULTIMATE SHADOW HACK */
 .flex-wide-ticket .actions .inner{
 width:100%;
 padding-left:20px}

 .flex-wide-ticket .actions .inner button{
 border-radius:5px;
 border:1px solid #696969;
 text-transform:uppercase;
 padding:6px 9px 8px 9px;
 font-size:12px;
 color:#2B2B2B;
 font-weight:100;
 background-color:#FAFAFA}

 .flex-wide-ticket .actions .inner button:hover{
 border:1px solid #696969!important;
 background-color:#FFFFFF}

 .flex-wide-ticket .flex-wide.actions .inner{
 width:100%;
 padding-left:20px;
 padding-top:20px;
 padding-right:20px}

 .flex-wide-ticket .flex-wide.actions .inner button{
 border-radius:5px;
 border:1px solid #696969;
 text-transform:uppercase;
 padding:6px 9px 8px 9px;
 font-size:12px;
 color:#2B2B2B;
 font-weight:100;
 background-color:#FAFAFA}

 .MacIntel .flex-wide-ticket .flex-wide.actions .inner button{
 padding:9px 9px 5px 9px}

 .MacIntel .flex-wide-ticket .flex-wide.actions .inner button img{
 transform:translateY(-2px)}

 .flex-wide-ticket .flex-wide.actions .inner button:hover{
 border:1px solid #696969!important;
 background-color:#FFFFFF}

 #account-menu{
 z-index:70}

 .woocommerce-account .woocommerce-MyAccount-content .my-tickets-section{
 background-color:#eaeaea;
 padding:60px 20px 0 20px}

 html.noscroll, body.noscroll{
 position:fixed;
 left:0}
}
.woocommerce-checkout .woocommerce-notices-wrapper:not(:empty){
 max-width:320px;
 padding:0;
 background-color:#fff;
 font-family:'SoinSansNeue-Roman';
 font-weight:bold;
 font-size:13px;
 text-align:left;
 color:#000;
 position:fixed;z-index:1;
 top:56px;
 right:0}
.woocommerce-checkout .woocommerce-notices-wrapper li, .woocommerce-checkout form[name="checkout"] .woocommerce-error li{list-style:none;font-size:18px;line-height:1.2}
.woocommerce-checkout form[name="checkout"] .woocommerce-error{
 position:initial;
 /*z-index:32;*/
 width:100%;
 margin-left:0
}
.woocommerce-checkout form[name="checkout"] .woocommerce-error, .woocommerce-checkout .woocommerce-error[role="alert"]{
 background-color:#FF8000;
 color:white;
 border:none;
}
.woocommerce-checkout .woocommerce-error[role="alert"]{
 display:block!important;
 position:initial;
 padding:10px!important;
 margin-bottom:0!important}

.woocommerce-account .woocommerce-notices-wrapper:not(:empty){
 max-width:320px;
 padding:0;
 background-color:#fff;
 font-family:'SoinSansNeue-Roman';font-weight:100;
 text-align:center;
 color:#000;
 margin-left:auto;
 margin-right:auto
}

.woocommerce-account .woocommerce-error[role="alert"]{
 position:initial}

.woocommerce-account .woocommerce-error[role="alert"] a{
 color:black}

.woocommerce-account article .user-reg-login-form-container .woocommerce{
 margin-top:0;
 background-color:#fff}

.woocommerce-account .user-login-form h2,
.right-50 .content-scroll .user-registration-form h2{
 font-size:25px;
 font-family:Muli;
 font-weight:600}

#login-full-width-centered-flex .woocommerce{
 margin:0}

.woocommerce-form.woocommerce-form-login.login{
 margin-bottom:0}

.woocommerce-form.woocommerce-form-login.login .clear{
 float:left}

.woocommerce-form.woocommerce-form-login.login button[type="submit"]{
 color:white;
 background-color:var(--button-payments-background-color);
 border-radius:0;
 font-size:19px;
 font-family:'SoinSansNeue-Roman';
 font-weight:600;
 display:block;
 padding:5px 30px;
 margin-left:18px;
 margin-top:0}

@media only screen and (max-width:480px){
 .woocommerce-checkout form[name="checkout"] .woocommerce-error{
 position:initial;
 width:100%;margin:0}
 .woocommerce-checkout .woocommerce-form.woocommerce-form-login.login button[type="submit"]{
 margin-left:0} }
.woocommerce-account .woocommerce-form.woocommerce-form-login.login button[type="submit"]{
margin-left:0;padding-top:8px!important;margin-top:0;border-radius:0}
.MacIntel.woocommerce-account .woocommerce-form.woocommerce-form-login.login button[type="submit"]{
padding:10px 10px 5px 10px!important}
.woocommerce-form.woocommerce-form-login.login > p:first-child:not(.form-row), .woocommerce-form.woocommerce-form-login.login label{
 display:none!important}

#login-full-width-centered-flex{
 background:#ffffff;
 background:-moz-linear-gradient(-45deg, #ffffff 0%, #e7e7e7 100%);
 background:-webkit-linear-gradient(-45deg, #ffffff 0%, #e7e7e7 100%);
 background:linear-gradient(135deg, #ffffff 0%, #e7e7e7 100%);
 filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e7e7e7',GradientType=1 );
 display:flex;
 align-items:center;
 align-content:center;
 justify-content:center;
 min-height:calc(100vh - 60px)}

@media (max-width:480px){
 #login-full-width-centered-flex{
 align-items:flex-start;
 padding-top:35px} }
#login-full-width-centered-flex .user-login-form{
 background-color:#fff;
 max-width:320px;
 width:100%}

#login-full-width-centered-flex .woocommerce-ResetPassword{
 background-color:#fff;
 max-width:320px;
 width:100%;
 padding:30px;
 border-radius:12px;
 -webkit-box-shadow:0px 20px 138px 0px rgba(0, 0, 0, 0.2);
 -moz-box-shadow:0px 20px 138px 0px rgba(0, 0, 0, 0.2);
 box-shadow:0px 20px 138px 0px rgba(0, 0, 0, 0.2)}

#login-full-width-centered-flex .woocommerce-ResetPassword .form-row-first, #login-full-width-centered-flex .woocommerce-ResetPassword .form-row-last{
 width:100%;
 float:left;
 margin-right:0}

#login-full-width-centered-flex form{
 background-color:#fff;
 color:#4a4a4a;
 font-weight:400;
 font-family:Roboto}

#login-full-width-centered-flex .user-login-form .col-left{
 float:left;
 width:100%;
 padding:30px}

#login-full-width-centered-flex .user-login-form .woocommerce-form{
 max-width:100%}

#login-full-width-centered-flex .user-login-form .col-left p{
 margin-bottom:10px}

#login-full-width-centered-flex .user-login-form .col-left p:nth-child(2){
 margin-bottom:30px}

#login-full-width-centered-flex .user-login-form .col-left input[type=text],
#login-full-width-centered-flex .user-login-form .col-left input[type=password]{
 width:100%;
 max-width:100%!important}

#login-full-width-centered-flex .user-login-form .col-left .woocommerce-form__label{
 width:100%;
 text-align:center;
 margin-left:0;
 display:block!important}

#login-full-width-centered-flex .user-login-form .col-left .woocommerce-LostPassword{
 width:100%;
 text-align:center}

#login-full-width-centered-flex .user-login-form .col-left .woocommerce-LostPassword a{
 color:#2D8EFF;
 text-decoration:none!important}

#login-full-width-centered-flex .user-login-form .col-right{
 min-height:80px;
 float:left;
 width:100%;
 padding:30px}

.woocommerce-account .woocommerce-form-login input[type=checkbox]{
 width:auto!important}

.user-registration-form .custom-checkbox .css-checkbox{
 float:left;
 margin-top:9px;
 margin-right:10px}

.user-registration-form .dont-miss-any-newsletter{
 width:100%;
 display:inline-block;
}
.user-registration-form form > .form-row.terms-row{
 width:100%;
 display:inline-block;
}
.user-registration-form form > .form-row.terms-row label{margin-left:0}
.user-registration-form .dont-miss-any-newsletter input, .user-registration-form #terms{
 margin-right:10px;width:auto }
.user-registration-form form button[type="submit"]{
 width:100%;
 font-weight:600;
 font-size:20px;
 line-height:1.2;
 padding:1rem 0!important;
 background-color:#FF8000;
 font-family:'SoinSansNeue-Roman';
 color:black
}

@media (max-width:768px){
 .woocommerce-form.woocommerce-form-login.login{
 margin-bottom:0}

 #login-full-width-centered-flex .user-login-form{
 max-width:320px}

 #login-full-width-centered-flex .user-login-form .col-left,
 #login-full-width-centered-flex .user-login-form .col-right{
 width:100%;
 padding-bottom:0}

 #login-full-width-centered-flex .user-login-form .col-right{
 padding-top:0} }
@media (max-width:480px){
 .woocommerce-account article #login-full-width-centered-flex .woocommerce{
 background-color:transparent}

 #login-full-width-centered-flex{
 min-height:850px}

 #login-full-width-centered-flex .user-login-form .col-left, #login-full-width-centered-flex .user-login-form .col-right{
 padding-bottom:20px}

 .woocommerce-account article .woocommerce{
 padding-top:0} }
.wc-social-login{
 margin-top:27px}

.wc-social-login span.lang-de, .wc-social-login span.lang-en, a.button-social-login.button-social-login-facebook, a.button-social-login.button-social-login-google{
 font-family:Roboto;
 font-weight:400}

.woocommerce-info, .woocommerce-noreviews, p.no-comments, .woocommerce-error{
 max-width:100%;
 padding:14px 5px 20px 0px!important;
 margin-bottom:15px!important}

#thank-you-page{
 background-position:center;
 background-repeat:no-repeat;
 background-size:cover;
 background-color:transparent;
 display:flex;
 align-items:center;
 align-content:center;
 justify-content:center;
 min-height:calc(100vh - 60px)}

#thank-you-content{
 background-color:#fff;
 color:#000;
 max-width:400px;
 width:100%;
 padding:30px 0 0 0;
 font-weight:600;
 font-family:'SoinSansNeue-Roman';
}
#thank-you-content > *:not(#goto-your-tickets){padding:0 30px}

#thank-you-content h1{
 margin-bottom:30px;
 font-weight:600}

#thankyou-check{
 width:100px;
 margin:0 auto;
 margin-bottom:30px}

#welldone-msg{
 font-size:20px;
 text-align:center}

table#thankyou-ordered-products td{
 font-weight:600;
 padding-left:0;
 padding-right:0}

table#thankyou-ordered-products td.first{
 text-align:left}

table#thankyou-ordered-products td.second{text-align:right;width:75px}

.page-template-page-infos-2019 .faq-cat-title,
.page-template-page-infos-faq-2022 .faq-cat-title{
 font-family:'SoinSansNeue-Black';
 line-height:1.5;
 font-weight:100;
 text-transform:uppercase;
 margin:0;
 color:#2b2b2b;
 cursor:pointer;
 font-size:30px;
 font-size:1.6vw;
 margin-bottom:0}

.page-template-page-infos-2019 .search-categories-field{
 margin-bottom:0}

.page-template-page-infos-2019 .faq-cat-title.active-cat,
.page-template-page-infos-2019 .faq-cat-title:hover,
.page-template-page-infos-faq-2022 .faq-cat-title.active-cat,
.page-template-page-infos-faq-2022 .faq-cat-title:hover
{color:#FFB81A}
.otgs-development-site-front-end{display:none}
.page-template-page-infos-2019 div.faq-post-title h3,
.page-template-page-infos-faq-2022 div.faq-post-title h3
{
 text-decoration:none;
 font-family:Muli;
 font-size:24px;
 line-height:1;
 font-weight:600;
 word-break:break-word}

.faq-post-content ul{
 margin-left:30px}

.faq-post-content ol{
 margin-left:40px}

.page-template-page-infos-2019 .right-50 .content-scroll.flex-center-start,
.page-template-page-infos-faq-2022 .right-50 .content-scroll.flex-center-start{
 padding:60px 10%}

.faq-post-content p,
.faq-post-content ol li,
.faq-post-content ul li{
 margin:0 0 40px;
 font-family:Roboto;
 font-weight:400;
 font-size:20px;
 line-height:1.2}

.faq-post-content ol li,
.faq-post-content ul li{
 margin:0}

.page-template-page-infos-2019 div.faq-post-title:hover h3{
 color:#333333}

.page-template-page-infos-2019 h2,
.page-template-page-infos-faq-2022 h2{
 font-family:'SoinSansNeue-Black';
 font-size:35px;
 line-height:1}

.page-template-page-infos-2019 #zoa_infos_search_input,
.page-template-page-infos-2019 input[type=submit],
.page-template-page-infos-faq-2022 #zoa_infos_search_input,
.page-template-page-infos-faq-2022 input[type=submit]{
 border:2px solid #2b2b2b;
 border-radius:6px;
 padding:6px;
 width:49%;
 float:left;
 margin:0 0.5%}

.page-template-page-infos-2019 #zoa_infos_search_input,
.page-template-page-infos-faq-2022 #zoa_infos_search_input{
 transition:width 0.5s ease-in-out 0s;
 background-image:url(img/Search_INPUT.svg);
 background-position:calc(100% - 12px) 50%;
 background-size:22px;
 width:164px;
 background-repeat:no-repeat;
 padding-right:40px;
 color:#1F2D3D;
 font-family:Roboto;
 font-weight:300}

.page-template-page-infos-2019 #zoa_infos_search_input:focus,
.page-template-page-infos-faq-2022 #zoa_infos_search_input:focus{
 background-color:transparent;
 width:264px;
 color:#1F2D3D;
 font-family:Roboto;
 font-weight:300}

.page-template-page-infos-2019 #zoa_infos_search_input::-webkit-input-placeholder,
.page-template-page-infos-faq-2022 #zoa_infos_search_input::-webkit-input-placeholder{
 color:#1F2D3D;
 font-family:Roboto;
 font-weight:300}

.page-template-page-infos-2019 #zoa_infos_search_input:-moz-placeholder,
.page-template-page-infos-faq-2022 #zoa_infos_search_input:-moz-placeholder{
 color:#1F2D3D;
 font-family:Roboto;
 font-weight:300}

.page-template-page-infos-2019 #zoa_infos_search_input::-moz-placeholder,
.page-template-page-infos-faq-2022 #zoa_infos_search_input::-moz-placeholder{
 color:#1F2D3D;
 font-family:Roboto;
 font-weight:300}

.page-template-page-infos-2019 #zoa_infos_search_input:-ms-input-placeholder,
.page-template-page-infos-faq-2022 #zoa_infos_search_input:-ms-input-placeholder{
 color:#1F2D3D;
 font-family:Roboto;
 font-weight:300}

.page-template-page-infos-2019 #categories,
.page-template-page-infos-faq-2022 #categories{
 margin-bottom:22px}
.page-template-page-infos-2019 #zoa_infos_search_input,
.page-template-page-infos-faq-2022 #zoa_infos_search_input{
 color:#1F2D3D;
 font-family:Roboto;
 font-weight:300;
 padding-top:3px;
 padding-bottom:3px;
 padding-left:12px;
 background-color:transparent}
.page-template-page-infos-2019 div.faq-post-title,
.page-template-page-infos-faq-2022 div.faq-post-title{
 display:block;
 margin-top:15px}
.page-template-page-infos-2019 div.faq-post-title h3,
.page-template-page-infos-faq-2022 div.faq-post-title h3{
 width:calc(100% - 22px);
 float:left;
 cursor:pointer}
.page-template-page-infos-2019 div.faq-post-title .arrow,
.page-template-page-infos-faq-2022 div.faq-post-title .arrow{
 width:22px;
 float:left;
 transition:all .15s ease-in-out 0s;
 transform:rotateZ(0deg);
 margin-top:7px;
 cursor:pointer}
.page-template-page-infos-2019 div.faq-post-title .arrow img,
.page-template-page-infos-faq-2022 div.faq-post-title .arrow img{
 line-height:0}
.page-template-page-infos-2019 div.faq-post-title.opened .arrow,
.page-template-page-infos-faq-2022 div.faq-post-title.opened .arrow{
 transform:rotateZ(180deg)}
.page-template-page-infos-2019 div.faq-post-content,
.page-template-page-infos-faq-2022 div.faq-post-content{
 transition:height 1s ease-in-out 0s;
 overflow:hidden}
 .page-template-page-infos-2019 div.faq-post-content img,
 .page-template-page-infos-faq-2022 div.faq-post-content img{
 margin-bottom:40px}
 .page-template-page-infos-2019 div.faq-post-content a,
 .page-template-page-infos-faq-2022 div.faq-post-content a{
 color:#2D8EFF;
 word-break:break-all}
.page-template-page-infos-2019 div.faq-post-content.opened,
.page-template-page-infos-faq-2022 div.faq-post-content.opened{
 height:auto}
.page-template-page-infos-2019 div.faq-post-content.closed,
.page-template-page-infos-faq-2022 div.faq-post-content.closed{
 height:0}

.page-template-page-infos-2019 .left-50,
.page-template-page-infos-faq-2022 .left-50{
 background-color:#ffffff;
 background:-moz-linear-gradient(-45deg, white 0%, #eaeaea 100%);
 background:-webkit-linear-gradient(-45deg, white 0%, #eaeaea 100%);
 background:linear-gradient(135deg, white 0%, #eaeaea 100%);
 filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=1 )}

.page-template-page-infos-2019 .left-50 .content-inner-width,
.page-template-page-infos-faq-2022 .left-50 .content-inner-width{
 overflow:scroll;
 height:calc(100vh - 60px);
 font-family:'SoinSansNeue-Roman';
 font-size:18px;
 overflow-x:hidden;
 width:100%;
 display:flex;
 flex-direction:column;
 align-items:flex-start;
 /* not centered */
 padding:20% 20% 0 20%;
 /* centered */
 padding:0 20% 0 20%;
 justify-content:center}

.page-template-page-infos-2019 .last-element,
.page-template-page-infos-faq-2022 .last-element{
 margin-bottom:50px}

.page-template-page-infos-2019 .right-50,
.page-template-page-infos-faq-2022 .right-50{
 background-color:#ffffff}

.page-template-page-infos-2019 .right-50 .content-inner-width,
.page-template-page-infos-faq-2022 .right-50 .content-inner-width{
 overflow:scroll;
 height:calc(100vh - 60px);
 padding:30px 20px 0 20px;
 font-family:'SoinSansNeue-Roman';
 font-size:18px;
 overflow-x:hidden}

@media only screen and (max-width:768px){
 .page-template-page-infos-2019 .search-categories-field,
 .page-template-page-infos-faq-2022 .search-categories-field{
 margin-bottom:1.41575em}

 .page-template-page-infos-2019 .left-50 .content-inner-width,
 .page-template-page-infos-faq-2022 .left-50 .content-inner-width{
 height:auto;
 display:block;
 overflow:hidden;
 padding:60px 10% 0 10%}

 .page-template-page-infos-2019 .flex-center,
 .page-template-page-infos-2019 .content-inner-width,
 .page-template-page-infos-faq-2022 .flex-center,
 .page-template-page-infos-faq-2022 .content-inner-width{
 height:auto;
 display:block}

 .page-template-page-infos-2019 .wrap-50-50,
 .page-template-page-infos-faq-2022 .wrap-50-50{
 flex-direction:column}

 .page-template-page-infos-2019 .right-50,
 .page-template-page-infos-faq-2022 .right-50{
 display:block;
 margin-top:50px}

 .page-template-page-infos-2019 .right-50 .content-scroll.flex-center-start,
 .page-template-page-infos-faq-2022 .right-50 .content-scroll.flex-center-start{
 padding:0px 5% 60px 5%}

 .page-template-page-infos-2019 .left-50 .content-inner-width,
 .page-template-page-infos-faq-2022 .left-50 .content-inner-width{
 display:flex;
 flex-direction:column-reverse;
 align-items:flex-start}

 .page-template-page-infos-2019 .left-50,
 .page-template-page-infos-faq-2022 .left-50{
 background-color:#2a2a2a;
 background-image:none}

 .page-template-page-infos-2019 #zoa_infos_search_input, .page-template-page-infos-2019 input[type=submit],
 .page-template-page-infos-faq-2022 #zoa_infos_search_input, .page-template-page-infos-2019 input[type=submit]{
 border:2px solid #ffffff;
 background-color:#2a2a2a;
 color:#b8c1cb}

 .page-template-page-infos-2019 #zoa_infos_search_input:focus,
 .page-template-page-infos-faq-2022 #zoa_infos_search_input:focus{
 background-color:#2a2a2a;
 color:#b8c1cb}

 .page-template-page-infos-2019 #zoa_infos_search_input::-webkit-input-placeholder,
 .page-template-page-infos-faq-2022 #zoa_infos_search_input::-webkit-input-placeholder{
 color:#b8c1cb;
 font-size:24px;
 font-size:6vw}

 .page-template-page-infos-2019 #zoa_infos_search_input:-moz-placeholder,
 .page-template-page-infos-faq-2022 #zoa_infos_search_input:-moz-placeholder{
 color:#b8c1cb;
 font-size:24px;
 font-size:6vw}

 .page-template-page-infos-2019 #zoa_infos_search_input::-moz-placeholder,
 .page-template-page-infos-faq-2022 #zoa_infos_search_input::-moz-placeholder{
 color:#b8c1cb;
 font-size:24px;
 font-size:6vw}

 .page-template-page-infos-2019 #zoa_infos_search_input:-ms-input-placeholder,
 .page-template-page-infos-faq-2022 #zoa_infos_search_input:-ms-input-placeholder{
 color:#b8c1cb;
 font-size:24px;
 font-size:6vw}

 #search-categories:hover, #search-categories{
 background-color:#ffffff!important;
 border-color:#ffffff!important;
 color:#2b2b2b!important}

 .page-template-page-infos-2019 h3,
 .page-template-page-infos-faq-2022 h3{
 font-family:'SoinSansNeue-Black';
 font-size:28px;
 line-height:1;
 font-weight:100;
 color:#191919}

 .page-template-page-infos-2019 #categories,
 .page-template-page-infos-faq-2022 #categories{
 margin-bottom:40px}

 .page-template-page-infos-2019 .right-50,
 .page-template-page-infos-faq-2022 .right-50{
 margin-top:0}

 .page-template-page-infos-2019 .search-categories-field,
 .page-template-page-infos-faq-2022 .search-categories-field{
 margin-bottom:25px;
 width:100%}

 .page-template-page-infos-2019 #zoa_infos_search_input,
 .page-template-page-infos-2019 #zoa_infos_search_input:focus,
 .page-template-page-infos-faq-2022 #zoa_infos_search_input,
 .page-template-page-infos-faq-2022 #zoa_infos_search_input:focus{
 max-width:100%;
 width:100%;
 padding-top:5px;
 padding-bottom:15px}

 .page-template-page-infos-2019 #zoa_infos_search_input,
 .page-template-page-infos-faq-2022 #zoa_infos_search_input{
 background-image:url(img/Search_INPUT_mobile.svg);
 background-position:calc(100% - 12px) 50%;
 background-size:22px;
 padding-right:40px;
 font-size:4vw}

 .page-template-page-infos-2019 h3.faq-post-title,
 .page-template-page-infos-faq-2022 h3.faq-post-title{
 color:#2a2a2a}

 .page-template-page-infos-2019 #category_content_container_outer,
 .page-template-page-infos-faq-2022 #category_content_container_outer{
 min-height:100vh}

 .page-template-page-infos-2019 #category_content_container_outer:not(:empty),
 .page-template-page-infos-faq-2022 #category_content_container_outer:not(:empty){
 padding-top:50px}

 .page-template-page-infos-2019 .left-50 .content-inner-width,
 .page-template-page-infos-faq-2022 .left-50 .content-inner-width{
 padding:30px 10% 0 10%}

 .page-template-page-infos-2019 .faq-cat-title,
 .page-template-page-infos-faq-2022 .faq-cat-title{
 color:#ffffff;
 font-size:18px;
 font-size:5vw}

 .page-template-page-infos-2019 #category_content_container_outer,
 .page-template-page-infos-faq-2022 #category_content_container_outer{
 min-height:71vh} }
@media only screen and (max-width:480px){
 .page-template-page-infos-2019 #zoa_infos_search_input,
 .page-template-page-infos-2019 #zoa_infos_search_input:focus,
 .page-template-page-infos-faq-2022 #zoa_infos_search_input,
 .page-template-page-infos-faq-2022 #zoa_infos_search_input:focus{
 padding-top:5px;
 padding-bottom:15px;
 font-size:18px;
 line-height:1}

 .MacIntel.page-template-page-infos-2019 #zoa_infos_search_input,
 .MacIntel.page-template-page-infos-2019 #zoa_infos_search_input:focus,
 .MacIntel.page-template-page-infos-faq-2022 #zoa_infos_search_input,
 .MacIntel.page-template-page-infos-faq-2022 #zoa_infos_search_input:focus{
 padding-top:7px;
 padding-bottom:13px;
 font-size:18px;
 line-height:1}

 .page-template-page-infos-2019 #zoa_infos_search_input, .page-template-page-infos-2019 input[type=submit], .page-template-page-infos-2019 #zoa_infos_search_input:focus,
 .page-template-page-infos-faq-2022 #zoa_infos_search_input, .page-template-page-infos-faq-2022 input[type=submit], .page-template-page-infos-faq-2022 #zoa_infos_search_input:focus{
 font-size:18px;
 line-height:1}

 .page-template-page-infos-2019 #zoa_infos_search_input::-webkit-input-placeholder,
 .page-template-page-infos-faq-2022 #zoa_infos_search_input::-webkit-input-placeholder{
 font-size:18px;
 line-height:1}

 .page-template-page-infos-2019 #zoa_infos_search_input:-moz-placeholder,
 .page-template-page-infos-faq-2022 #zoa_infos_search_input:-moz-placeholder{
 font-size:18px;
 line-height:1}

 .page-template-page-infos-2019 #zoa_infos_search_input::-moz-placeholder,
 .page-template-page-infos-faq-2022 #zoa_infos_search_input::-moz-placeholder{
 font-size:18px;
 line-height:1}

 .page-template-page-infos-2019 #zoa_infos_search_input:-ms-input-placeholder,
 .page-template-page-infos-faq-2022 #zoa_infos_search_input:-ms-input-placeholder{
 font-size:18px;
 line-height:1}

 .MacIntel.page-template-page-infos-2019 #zoa_infos_search_input::-webkit-input-placeholder,
 .MacIntel.page-template-page-infos-faq-2022 #zoa_infos_search_input::-webkit-input-placeholder{
 font-size:18px;
 padding-top:7px;
 padding-bottom:13px;
 line-height:1}

 .MacIntel.page-template-page-infos-2019 #zoa_infos_search_input:-moz-placeholder,
 .MacIntel.page-template-page-infos-faq-2022 #zoa_infos_search_input:-moz-placeholder{
 font-size:18px;
 padding-top:7px;
 padding-bottom:13px;
 line-height:1}

 .MacIntel.page-template-page-infos-2019 #zoa_infos_search_input::-moz-placeholder,
 .MacIntel.page-template-page-infos-faq-2022 #zoa_infos_search_input::-moz-placeholder{
 font-size:18px;
 padding-top:7px;
 padding-bottom:13px;
 line-height:1}

 .MacIntel.page-template-page-infos-2019 #zoa_infos_search_input:-ms-input-placeholder,
 .MacIntel.page-template-page-infos-faq-2022 #zoa_infos_search_input:-ms-input-placeholder{
 font-size:18px;
 padding-top:7px;
 padding-bottom:13px;
 line-height:1}

 .page-template-page-infos-2019 #category_content_container_outer,
 .page-template-page-infos-faq-2022 #category_content_container_outer{
 min-height:57vh} }
.page-helfer .right-50 .content-scroll h1{
 text-decoration:none;
 font-family:Muli;
 font-size:24px;
 line-height:1;
 font-weight:600;
 word-break:break-word}

.page-helfer .right-50 .content-scroll h2{
 text-decoration:none;
 font-family:Muli;
 font-size:22px;
 line-height:1;
 font-weight:600;
 word-break:break-word}

.page-helfer .right-50 p, .page-helfer .right-50 ol li, .page-helfer .right-50 ul li{
 margin:0 0 20px;
 font-family:Roboto;
 font-weight:400;
 font-size:20px;
 line-height:1.2}

.page-helfer .right-50 strong{
 font-weight:600}

.page-helfer .right-50 ol li, .page-helfer .right-50 ul li{
 margin:0}

@media (max-width:585px){
 .wrap-50-50.the-default-pages-template .right-50 .content-scroll{
 padding:5%} }

#tent-voucher-tickets .label{
 font-size:21px;
 font-family:Roboto;
 font-weight:400;
 margin-top:16px;
 cursor:pointer}

#tent-voucher-tickets .small{
 max-width:300px}

#tent-voucher-tickets .box-camping-access{
 position:relative;
 border:1px solid #B8C1CB;
 margin:0;
 border-radius:5px;
 padding:15px 7px;
 min-width:260px;
 background-color:#fcfcfc;
 margin-bottom:10px;
 background-color:transparent;
 border:none;
 padding-left:10px}

#tent-voucher-tickets .box-camping-access .row-inner .item{
 border:none!important;
 padding:0!important;
 border-radius:0!important;
 margin:20px 13px 4px 0!important;
 color:#2b2b2b}

#tent-voucher-tickets .box-camping-access .row-inner{
 width:100%;
 flex-direction:row;
 flex-wrap:nowrap;
 display:flex;
 align-items:initial;
 justify-content:flex-start}

#tent-voucher-tickets .box-camping-access .checkbox{
 background-image:url(img/check/check-normal.png);
 background-position:center center;
 background-repeat:no-repeat;
 background-size:25px;
 width:25px;
 height:25px;
 cursor:pointer}

#tent-voucher-tickets .box-camping-access .checkbox.selected{
 background-image:url(img/check/check-selected.png)}

#tent-voucher-tickets .price{
 color:#9B9B9B;
 margin-left:15px;
 margin-bottom:0px}

#tent-voucher-tickets .soldout-wrap{
 color:#FF326B;
 font-family:'SoinSansNeue-Roman';
 text-align:center;
 font-size:11px;
 font-weight:600;
 line-height:1}

#tent-voucher-tickets .box-camping-access .checkbox.soldout{
 text-align:center;
 transform:translateX(-5px);
 line-height:.5;
 background-image:none;
 cursor:context-menu;
 width:36px}

#tent-voucher-tickets .box-camping-access .row-inner .item.soldout{
 margin-right:2px!important}

#tent-voucher-tickets .label.soldout{
 cursor:context-menu;
 opacity:0.5}

.right-50 .center-item#tent-voucher-tickets h1{
 margin-left:14px;
 margin-bottom:-2px;
 line-height:1;
 text-align:left;
 font-size:32px}

.right-50 .center-item#tent-voucher-tickets{
 padding:31px 23px;
 max-width:370px}

.my-tickets-section .tent-terminal{
 text-align:left;
 margin-bottom:12px;
 line-height:1;
 font-size:18px;
 font-weight:100;
 color:#ffffff;
 font-family:'SoinSansNeue-Black'}

@media (max-width:480px){
 #tent-voucher-tickets .box-camping-access{
 min-width:172px;
 float:left}

 #mobile-notice{
 display:block!important;
 width:118px;
 float:left;
 padding-top:50px;
 padding-bottom:25px;
 padding-left:20px}
}

@media (max-width:768px), (orientation:portrait){
 .woocommerce-cart .left-50{width:33%}
 .woocommerce-cart .right-50{width:67%}
 .checkout-2020 form.checkout{flex-direction:column}
 .grouped-checkout-sections{width:100%}
 .checkout-2020 form.checkout, #checkout-sections-rightside{min-height:0}
 .woocommerce .cart-collaterals .cart_totals .checkout-button{margin-left:0;width:100%}
 #checkout-section-5 button[type="submit"]{width:100%}
 .MacIntel .version-2020 .lineup-container .the-date{margin-bottom:-.8vw}
 .version-2020 .lineup-container .the-date{font-size:2.4vw}
 .version-2020 .bp_mobile_infos_and_socials{display:flex}
 .version-2020 .bp_read-more{font-size:3vw}
}
@media (max-width:480px){
 .version-2020 .lineup-container .the-date{font-size:3.4vw}

 .scroll-pos-identifier-div{
 margin-bottom:10px!important}
 }
.exp_landing_card{
 background-size:cover;
 background-position:center center;
 background-repeat:no-repeat;
 height:calc((100vh - 60px) / 2);
 overflow:hidden}

.exp_landing_card .gradient{
 height:calc((100vh - 60px) / 2);
 background-image:linear-gradient(135deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
 background-size:cover;
 background-position:center center;
 background-repeat:no-repeat;
 padding:5px 42px 10px 42px;
 position:relative;
 overflow-y:scroll}

.exp_landing_card .gradient:after{
 position:absolute;
 top:0;
 left:0;
 content:"";
 width:100%;
 height:40px;
 pointer-events:none;
 background:-moz-linear-gradient(top, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 100%);
 background:-webkit-linear-gradient(top, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 100%);
 background:linear-gradient(to bottom, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 100%)}

.exp_landing_card .title{
 color:#fff;
 font-size:100px;
 margin-bottom:5px;
 font-family:"SoinSansNeue-Black";
 margin-left:-3px}

.MacIntel .exp_landing_card .title{
 margin-top:10px}

.exp_landing_card .beschreibung{
 max-width:497px}

.exp_landing_card .beschreibung p{
 color:#fff;
 font-weight:400;
 font-family:Roboto;
 font-size:20px;
 line-height:1.25;
 margin-bottom:15px}

.exp_landing_card .beschreibung p a{
 color:#2D8EFF}

.exp_landing_card .button, .exp_landing_card .button:hover{
 color:black;
 /*background-color:#2D8EFF;*/
 background-color:#FF8000;
 border-radius:6px;
 font-weight:500;
 font-size:20px;
 font-family:Roboto;
 line-height:1}

.exp_landing_card .partner-logo{
 position:absolute;
 bottom:20px;
 right:20px;
 max-width:106px}

@media (max-width:800px){
 .exp_landing_card .title{
 font-size:60px} }
@media (max-width:585px){
 .exp_landing_card .title{
 font-size:45px;
 margin-bottom:5px}

 .exp_landing_card .beschreibung{
 max-width:75vw}

 .exp_landing_card .beschreibung p{
 font-size:15px;
 margin-bottom:15px}

 .exp_landing_card .gradient{
 padding:10px 0 0 25px}

 .exp_landing_card .gradient:after{
 left:0;
 height:10px;
 background:-moz-linear-gradient(top, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%);
 background:-webkit-linear-gradient(top, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%);
 background:linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%)}

 .exp_landing_card .partner-logo{
 max-width:56px}

 .exp_landing_card, .exp_landing_card .gradient{
 height:100vw} }
.exp_subpage_sektion{
 width:100vw;
 height:calc((100vh - 60px) / 2);
 display:flex;
 flex-wrap:nowrap;
 align-items:stretch;
 background-color:#fff}

.exp_subpage_sektion.linksseitig{
 flex-direction:row-reverse}

.exp_subpage_sektion.rechtsseitig{
 flex-direction:row}

.exp_subpage_sektion .media{
 display:flex;
 align-items:center;
 justify-content:center;
 width:50%}

.exp_subpage_sektion .media > div{
 background-size:cover;
 background-position:center center;
 background-repeat:no-repeat;
 width:100%;
 height:calc((100vh - 60px) / 2)}

.exp_subpage_sektion .media > .mobile{
 display:none}

.exp_subpage_sektion .media iframe{
 width:100%!important;
 height:100%!important}

.exp_subpage_sektion .txt{
 width:50%;
 padding:40px;
 /* background-image:linear-gradient(135deg, #FFFFFF 0%, #F5F5F5 100%); */
 /*overflow:scroll;*/
 overflow:hidden;
 display:flex;
 flex-direction:column;
 align-items:center;
 justify-content:center;
}

.exp_subpage_sektion .txt p a{
 color:#2D8EFF}

.exp_subpage_sektion .media > div, .exp_subpage_sektion .txt, .exp_subpage_sektion.centered-gallery{
 position:relative}

.exp_subpage_sektion .media > div:after
/*, .exp_subpage_sektion .txt:after*/
, .exp_subpage_sektion.centered-gallery:after{
 position:absolute;
 top:0;
 left:0;
 content:"";
 width:100%;
 height:40px;
 pointer-events:none;
 background:-moz-linear-gradient(top, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 100%);
 background:-webkit-linear-gradient(top, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 100%);
 background:linear-gradient(to bottom, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 100%)}

.exp_subpage_sektion .txt .title{
 color:#3A3A3A;
 font-size:30px;
 margin-bottom:21px}

.exp_subpage_sektion .txt .text{
 color:#1f1f1f;
 font-weight:400;
 font-family:Roboto;
 font-size:20px;
 line-height:1.25;
 margin-bottom:15px}

.exp_subpage_sektion .txt .text p{
 margin-bottom:23px}

.exp_subpage_sektion .txt .socials span a i{
 color:#1F1F1F;
 font-size:25px;
 margin-right:10px}

/*
Sub Page Navigation - a bit like a breadcrumb
*/
.exp_landing_nav.desktop{
 display:block;
 position:fixed;
 left:0;
 top:60px;
 width:100%;
 background-color:#dddddd;
 flex-direction:row;
 flex-wrap:nowrap;
 justify-content:space-between;
 align-items:center;
 padding:3px 21px 4px 21px;
 z-index:5;
 -webkit-box-shadow:0 0 10px 5px rgba(0, 0, 0, 0.5);
 -moz-box-shadow:0 0 10px 5px rgba(0, 0, 0, 0.5);
 box-shadow:0 0 10px 5px rgba(0, 0, 0, 0.5)}
 .exp_landing_nav.desktop .exp_sub_navlink{
 color:#7D7D7D;
 float:left;
 font-size:20px}
 .exp_landing_nav.desktop .exp_sub_navlink.active, .exp_landing_nav.desktop .exp_sub_navlink:hover{
 color:#3D3D3D}
 .exp_landing_nav.desktop .split{
 margin:0;
 transform:rotate(-90deg);
 float:left;
 margin:14px 10px 0 15px;
 cursor:context-menu}
 .exp_landing_nav.desktop .split img{
 width:14px;
 height:8px}
 .exp_landing_nav.desktop .sep{
 float:left;
 font-weight:300;
 font-family:'SoinSansNeue-Roman';
 font-size:19px;
 margin:7px 10px 0 10px;
 line-height:20px;
 cursor:context-menu}

.MacIntel .exp_landing_nav.desktop{
 padding:6px 21px 1px 21px}
 .MacIntel .exp_landing_nav.desktop .split{
 margin:10px 10px 0 15px}

.exp_landing_nav.mobile{
 display:none}

.exp_subpage_sektion.centered-gallery{
 text-align:center;
 width:100%;
 display:flex;
 flex-direction:column;
 align-items:center;
 justify-content:center;
 height:auto;
 padding:40px}
 .exp_subpage_sektion.centered-gallery .wrapp{
 display:flex;
 flex-direction:row;
 align-items:center;
 justify-content:center}
 .exp_subpage_sektion.centered-gallery .wrapp a.partner-logo{
 float:left;
 width:15%;
 margin:2.5%}
 .exp_subpage_sektion.centered-gallery .wrapp a.partner-logo img{
 width:100%}

@media (max-width:1440px){
 .exp_subpage_sektion.centered-gallery .wrapp a.partner-logo{
 width:20%} }
@media (max-width:585px){
 .exp_subpage_sektion .media .desktop{
 display:none}

 .exp_subpage_sektion, .exp_subpage_sektion .media > div{
 height:auto}

 .exp_subpage_sektion .media .mobile{
 display:block}

 .exp_subpage_sektion.linksseitig, .exp_subpage_sektion.rechtsseitig{
 flex-direction:column}

 .exp_subpage_sektion .media{
 width:100%}

 .exp_subpage_sektion .media iframe{
 min-height:calc(100vw / 16 * 9)}

 .exp_subpage_sektion .txt{
 width:100%;
 overflow:auto}

 .exp_subpage_sektion .media > div:after, .exp_subpage_sektion .txt:after, .exp_subpage_sektion.centered-gallery:after{
 left:0;
 height:10px;
 background:-moz-linear-gradient(top, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%);
 background:-webkit-linear-gradient(top, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%);
 background:linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%)}

 .exp_landing_nav.desktop{
 display:none}

 .exp_landing_nav.mobile{
 display:flex}

 .exp_landing_nav.mobile{
 position:fixed;
 top:60px;
 left:0;
 width:100%;
 background-color:#dddddd;
 flex-direction:row;
 flex-wrap:nowrap;
 justify-content:space-between;
 align-items:center;
 padding:3px 21px 4px 14px;
 z-index:5;
 -webkit-box-shadow:0 0 10px 5px rgba(0, 0, 0, 0.5);
 -moz-box-shadow:0 0 10px 5px rgba(0, 0, 0, 0.5);
 box-shadow:0 0 10px 5px rgba(0, 0, 0, 0.5)}
 .exp_landing_nav.mobile .trigger img{
 width:15px;
 transition:transform .1s linear 0s}
 .exp_landing_nav.mobile .exp_sub_navlink{
 color:#7D7D7D;
 float:left;
 font-size:20px}
 .exp_landing_nav.mobile .exp_sub_navlink.active, .exp_landing_nav.mobile .exp_sub_navlink:hover{
 color:#3D3D3D}
 .exp_landing_nav.mobile .split{
 margin:0;
 transform:rotate(-90deg);
 float:left;
 margin:14px 10px 0 15px;
 cursor:context-menu}
 .exp_landing_nav.mobile .split img{
 width:14px;
 height:8px}
 .exp_landing_nav.mobile .sep{
 float:left;
 font-weight:300;
 font-family:'SoinSansNeue-Roman';
 font-size:19px;
 margin:7px 10px 0 10px;
 line-height:20px;
 cursor:context-menu}

 #exp_landing_nav_mobile2.opened{
 top:98px}

 #exp_landing_nav_mobile2{
 display:block;
 width:100%;
 height:0;
 position:fixed;
 top:-100vh;
 transition:top .25s ease-in-out 0s;
 height:calc(100vh - 57px);
 left:0;
 background-color:#303030;
 padding:25px;
 z-index:3}

 #exp_landing_nav_mobile.opened span.trigger img{
 transform:rotateZ(180deg)}

 #exp_landing_nav_mobile2 .item{
 border:1px solid #979797;
 border-radius:5px;
 padding:0 13px 2px 13px;
 margin:8px 14px;
 display:block;
 float:left;
 color:white;
 font-family:"SoinSansNeue-Black";
 font-size:21px}

 .MacIntel #exp_landing_nav_mobile2 .item{
 padding:2px 13px 0 13px}

 .MacIntel #exp_landing_nav_mobile > a{
 margin-top:3px;
 margin-bottom:-3px}

 .page-template-template-experience-subpage-2019 article{
 margin-top:39px}

 .exp_subpage_sektion.centered-gallery .wrapp{
 flex-direction:column}

 .exp_subpage_sektion.centered-gallery .wrapp a.partner-logo{
 width:60%} }
a.partner{
 float:left;
 width:calc(50% - 20px);
 margin:10px}
 a.partner img{
 width:100%}
.return-to-shop{display:none}

/* last file hero */
@media only screen and (max-width:585px){
 .woocommerce-cart-form__contents .tickets .woocommerce-cart-form__cart-item div:nth-child(2), .woocommerce-cart-form__contents .head div div:nth-child(2){
 width:100px;
 font-size:12px}

 .woocommerce-cart-form__contents .tickets .woocommerce-cart-form__cart-item div:nth-child(4),
 .woocommerce-cart-form__contents .head div div:nth-child(4){
 /*width:82px;*/ }

 .woocommerce-cart-form__contents .tickets .woocommerce-cart-form__cart-item div:nth-child(1),
 .woocommerce-cart-form__contents .head div div:nth-child(1),
 .woocommerce-cart-form__contents .tickets .woocommerce-cart-form__cart-item div:nth-child(2),
 .woocommerce-cart-form__contents .head div div:nth-child(2),
 .woocommerce-cart-form__contents .tickets .woocommerce-cart-form__cart-item div:nth-child(3),
 .woocommerce-cart-form__contents .head div div:nth-child(3),
 .woocommerce-cart-form__contents .tickets .woocommerce-cart-form__cart-item div:nth-child(4),
 .woocommerce-cart-form__contents .head div div:nth-child(4){
 font-size:15px}

 .woocommerce-cart .cart-collaterals th, .woocommerce-cart .cart-collaterals td{
 font-size:16px}

 .right-50 .center-item{
 min-width:320px;
 padding:5%;
 max-width:100%;
 width:100%}

 .right-50 .content-scroll{
 padding:30px 0 0 0}

 .return-to-shop a{
 text-decoration:none!important;
 border:none;
 /*color:#ffffff;*/
 font-weight:100;
 font-family:Muli;
 display:block;
 text-align:center}

 @keyframes animatebuttontext{
 from{
 letter-spacing:0}
 to{
 letter-spacing:.2vw} }
 .return-to-shop:hover a{
 /*background-color:#00B200;*/
 /*color:#ffffff;*/
 /*animation:animatebuttontext .075s ease-in-out 0s 3 alternate;*/ }
}

@media only screen and (max-width:480px){
 .exp_subpage_sektion .txt h1{font-size:7vw}
 .exp_subpage_sektion .txt h2{font-size:5vw}
 .right-50 .content-scroll.flex-center-start{
 padding-top:0;
 padding-bottom:0}

 .border-radius{
 /*border-radius:0;*/ 
 } }
@media only screen and (max-width:320px){
 .woocommerce-cart-form__contents .tickets .woocommerce-cart-form__cart-item div:nth-child(2), .woocommerce-cart-form__contents .head div div:nth-child(2){
 width:100px;
 font-size:12px}

 .woocommerce-cart-form__contents .tickets .woocommerce-cart-form__cart-item div:nth-child(4),
 .woocommerce-cart-form__contents .head div div:nth-child(4){
 width:82px}

 .woocommerce-cart-form__contents .tickets .woocommerce-cart-form__cart-item div:nth-child(1),
 .woocommerce-cart-form__contents .head div div:nth-child(1),
 .woocommerce-cart-form__contents .tickets .woocommerce-cart-form__cart-item div:nth-child(2),
 .woocommerce-cart-form__contents .head div div:nth-child(2),
 .woocommerce-cart-form__contents .tickets .woocommerce-cart-form__cart-item div:nth-child(3),
 .woocommerce-cart-form__contents .head div div:nth-child(3),
 .woocommerce-cart-form__contents .tickets .woocommerce-cart-form__cart-item div:nth-child(4),
 .woocommerce-cart-form__contents .head div div:nth-child(4){
 font-size:12px}

 .woocommerce-cart .cart-collaterals th, .woocommerce-cart .cart-collaterals td{
 font-size:16px}

/* footer .footer-col > div a{
 color:#1F1F1F!important;
 font-size:18px;
 text-transform:uppercase;
 line-height:1}*/

/* .site-footer{
 padding-top:30px;
 padding-left:25px}

 footer .footer-col{
 margin:0 0 10px 0!important;
 min-width:100%} */
}
.ticket-infos-22{
 text-align:center;
 color:#fff;
 width:100%;
 padding:10px;
 max-width:700px;
 margin:0 auto;
 font-family:'SoinSansNeue-Black';
 font-size:2.9vw;
 line-height:1;
}
#ts-wrap, #ts-wrap #wplabs_toggle_ticketschutz_button{
cursor:pointer;
display:flex;
flex-direction:row;
justify-content:flex-start;align-items:center}
#ts-wrap .chk{
 border:2px solid black;
 width:30px;height:30px;
 opacity:.35;
 background-size:cover;
}
#ts-wrap .ts-inactive:hover .chk{
 background-image:url(img/check/check-selected22.png);
}
#ts-wrap .ts-active .chk{
 opacity:1;
 background-image:url(img/check/check-selected22.png);
}
#ts-wrap .link, #ts-wrap .chk{margin-right:20px}
.MacIntel #ts-wrap .link{margin-top:3px}
#ts-wrap .link a, #ts-wrap .hover-infos a{color:royalblue}
#ts-wrap .info-button{position:relative;margin-right:20px}
#ts-wrap .info-button .hover-infos{
position:absolute;
left:-320px;
top:-75px;
padding:10px;
display:none;
z-index:3333;
width:300px;
background-color:white;
font-weight:100;
line-height:1.2;
text-align:center;
border:1px solid black;
border-radius:8px;
}
#ts-wrap .info-button:hover .hover-infos{
 display:block;
}
#ts-wrap .info-button .btn{
 cursor:initial;
 background-color:#000;
 color:#fff;
 display:block;
 width:30px;
 text-align:center;
 border-radius:30px;
 font-size:19px;
}
#ts-wrap #wplabs_toggle_ticketschutz_button .link{margin-top:2px}
#ts-wrap #wplabs_toggle_ticketschutz_button:hover .link{text-decoration:underline}
a.royalblue{color:royalblue!important}
@media (max-width:768px), (orientation:portrait){
 .ticket-infos-22{font-size:4.9vw}
 .newsletter-section .mc4wp-form-fields .newsletter-form div.submitbtn div input{font-size:25px}
}
@media (max-width:768px){
 .the-default-pages-template .image-cont-desktop{display:none}
 .for--all-other-pages.right-50 .content-scroll{height:auto}
 .woocommerce-cart .right-50{width:100%}.woocommerce-cart .left-50{display:none}
 .woocommerce-cart .right-50 .center-item{padding:0}
}
@media (max-width:480px){
 .ticket-infos-22{font-size:7.9vw}
 .newsletter-section .mc4wp-form-fields .newsletter-form div.submitbtn div input{font-size:25px}
}










.wrap-2021-tickets{display:flex;flex-direction:row;flex-wrap:nowrap;min-height:calc(100vh - 60px);
-moz-user-select:none;-webkit-user-select:none;user-select:none}
.wrap-2021-tickets > *{display:flex;flex-direction:column}
:root{--ticket-page-image-dimension:max(calc(100vh - 60px),800px)}
/*.wrap-2021-tickets{min-height:var(--ticket-page-image-dimension)}*/
.wrap-2021-tickets #box-1{width:calc(100vh - 60px);justify-content:center;background-size:cover;
background-position:center}
.wrap-2021-tickets #box-2{width:calc(100% - (100vh - 60px));display:flex;flex-direction:row;flex-wrap:nowrap}
.wrap-2021-tickets #box-1, .wrap-2021-tickets #box-2{height:calc(100vh - 60px)}
.wrap-2021-tickets #box-2.classic{height:auto;margin-left:auto;margin-right:auto}
.wrap-2021-tickets #box-2 > div{transition:width .15s linear 0s}
.wrap-2021-tickets #box-2-1{width:35%;border-left:1px solid black;background-color:white;position:relative}
.wrap-2021-tickets #box-2-1, .wrap-2021-tickets #box-1{z-index:2}
.wrap-2021-tickets #box-2-2{background-color:transparent;width:100%;position:relative}
.wrap-2021-tickets .card-middle{width:100%;display:flex;flex:initial!important;margin:.6vh 0}
.wrap-2021-tickets .lineup-container .acts-line .font-size-1{font-size:calc(3vw * .7)}
.wrap-2021-tickets .lineup-container .acts-line .font-size-2{font-size:calc(2.1vw * .7)}
.wrap-2021-tickets .lineup-container .acts-line .font-size-3{font-size:calc(1.5vw * .7)}
.wrap-2021-tickets .lineup-container .acts-line .font-size-4{font-size:calc(1.2vw * .7)}
.wrap-2021-tickets .lineup-container .acts-line .font-size-5{font-size:calc(1vw * .7)}
.wrap-2021-tickets #box-1 p{margin:0;text-align:center;color:white;font-size:.85vw}
.wrap-2021-tickets *{color:black}
.ticket_group_days .section-name
{align-items:center;
justify-content:center;
display:flex;
flex-direction:column}
.wrap-2021-tickets #box-2-1 .title-box *, .wrap-2021-tickets #box-2-1 .name, .ticket_group_days .section-name h2
{font-size:22px;margin:0;line-height:1}
.wrap-2021-tickets #box-2-1 .grey-sub{
 color:#9B9B9B;font-size:15px;line-height:1;
 margin-top:calc((100vh - 60px) * 0.004)}
.wrap-2021-tickets #box-2-1 .cart-footer-box .grey-sub{
 margin-top:calc((100vh - 60px) * 0.025)}
.wrap-2021-tickets #box-2-1 .title-box, .ticket_group_days .day, .ticket_group_days .section-name{
 height: calc((100vh - 60px) * 0.1148)}
.wrap-2021-tickets #box-2-1 .ticket-button-box{
 margin: calc((100vh - 60px) * 0.00270) 0;
 cursor:pointer;background-color:#f7f7f7;position:relative}
.wrap-2021-tickets #box-2-1 .ticket-button-box, .wrap-2021-tickets #box-2-1 .active-sign{
 height: calc((100vh - 60px) * 0.1297)}
.wrap-2021-tickets #box-2-1 .ticket-button-box:hover{
 background-color:#f0f0f0}
.wrap-2021-tickets #box-2-1 .cart-footer-box{
 height: calc((100vh - 60px) * 0.2095);
 justify-content:center;align-items:flex-end;padding-bottom:3vh;flex-direction:row}
.wrap-2021-tickets #box-2-1 > *{text-align:center;display:flex;
 flex-direction:column;
 justify-content:center}
.wrap-2021-tickets #box-2-1 > * .name{margin-bottom:5px}
.wrap-2021-tickets #box-2-1 .active-sign{
 position:absolute;
 right:0;
 top:0;
 width:10px;
 background-color:transparent;
}
.wrap-2021-tickets #box-2-1 .ticket-button-box.selected .active-sign{background-color:#F900C7}
#no-frame-selected, .ticket_group_days{
position:absolute;
left:0;
top:0;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
width:100%;
height:calc(100vh - 60px);
transition:all .33s ease-out 0s;
background-color:white;
}
.event_meta_box .infos-wrap .title{margin-top:2rem}
.event_meta_box .infos-wrap .title + .title{margin-top:0}
#no-frame-selected{padding:0 5%;height:calc(100vh - 162px)}
#no-frame-selected.hidden{opacity:0}
.ticket_group_days > *{max-width:100%;margin:0}
.ticket_group_days .name{display:flex;flex-direction:column;justify-content:flex-start}
.ticket_group_days{left:-100vw;justify-content:flex-start}
.ticket_group_days.selected{left:0;top:0}
.ticket_group_days .ticket-item{
 height:calc((100vh - 60px) * 0.1250);
 display:flex;
 flex-direction:column;
 flex-wrap:nowrap;
 width:100%;
 justify-content:center;
 align-items:center;
}
.ticket_group_days .ticket-item .ticket-item-line{
 display:flex;
 flex-direction:row;
 flex-wrap:nowrap;
 width:100%;
 justify-content:center;
 align-items:center;
}

.ticket_group_days .day .sold-out-line-through{
 display:none;
}
.ticket_group_days .day.item-sold-out .sold-out-line-through{
display:block;
width:calc(100% + 4px);
height:2px;
background-color:gray;
position:absolute;
top:0;
left:-2px;
margin-top:17px;
}
.MacIntel .ticket_group_days .day.item-sold-out .sold-out-line-through{
 margin-top:15px;
}
.ticket_group_days .day.item-sold-out .SO22{
 margin-left:10px;
 color:gray;
}
.ticket_group_days .days-row{width:100%;text-align:center}
.ticket_group_days .open-close-btn{width:20px}
.wrap-2021-tickets .amount-plus, .wplabs_product_amount_btn_plus{background-color:black}
.wrap-2021-tickets .amount-minus, .wplabs_product_amount_btn_minus{background-color:#d8d8d8}
.wplabs_product_amount_btn_plus, .wplabs_product_amount_btn_minus{background-color:black;color:white}
.wrap-2021-tickets .with-amount .amount-minus{background-color:black}
.wrap-2021-tickets .amount-plus, .wrap-2021-tickets .amount-minus{transition:all .2s ease-out 0s}
.MacIntel .wrap-2021-tickets .amount-plus, .MacIntel .wrap-2021-tickets .amount-minus{padding-bottom:0}
.wrap-2021-tickets .days-row .day, .wrap-2021-tickets .days-row .day .amount-wrap{
 display:flex;
 flex-direction:row;
 flex-wrap:nowrap;
 width:100%;align-items:center;
}
.wrap-2021-tickets .day .amount-wrap.reg, .wrap-2021-tickets .day.item-sold-out .amount-wrap.eb, .wrap-2021-tickets .day.item-sold-out .amount-wrap.vip
{z-index:-1}
.wrap-2021-tickets .day.item-sold-out .amount-wrap.reg{z-index:0}
.wrap-2021-tickets .days-row .day > *{
 font-size:24px;
 display:flex;
 flex-direction:row;
 align-items:center;
 margin:0;
 justify-content:flex-start;
 line-height:2;
 font-family:'SoinSansNeue-Roman';
 font-weight:600;
}
.wrap-2021-tickets .days-row .day > .options-22{display:flex;flex-direction:column;align-items:flex-start}
.wrap-2021-tickets .days-row .day > .options-22{width:70%}
.wrap-2021-tickets .days-row .day > .amount-dropdown{width:10%;min-width:50px}
.wrap-2021-tickets .days-row .day > .amount-dropdown select{padding:0 5px}
.wrap-2021-tickets .days-row .day > .amount-dropdown option{}
.wrap-2021-tickets .days-row .day > .price-col{width:20%;min-width:130px;justify-content:flex-end}
.option-1, .option-2{display:flex;flex-direction:row;width:100%}
.wrap-2021-tickets .days-row .day .amounts-wrap{
 width:95px;min-width:95px;
 width:175px;min-width:175px;
 justify-content:center;
 align-items:flex-end;
 flex-direction:column;
}
.wrap-2021-tickets .days-row .day .amount-wrap{width:100%;justify-content:space-between;align-items:stretch}
.wrap-2021-tickets .days-row .day .the-day{width:25%}
.wrap-2021-tickets .days-row .day .name{width:auto;text-align:left;flex-wrap:nowrap;flex-direction:row}
.wrap-2021-tickets .days-row .day .name > span{
line-height:1.5;
display:flex;flex-direction:row;
margin-top:6px;
padding-right:5px
}
.wrap-2021-tickets .days-row .day .option-2 .name, .wrap-2021-tickets .days-row .day .option-2 .the-day span, .item-sold-out .option-1 .name > span:first-child, .item-sold-out .option-1 .the-day > span{color:#9b9b9b}
.wrap-2021-tickets .days-row .day.item-sold-out .option-2 .name, .wrap-2021-tickets .days-row .day.item-sold-out .option-2 .the-day span{color:black}
.wrap-2021-tickets .days-row .day .the-day{text-transform:uppercase;text-align:left}
.wrap-2021-tickets .amount-wrap > *{width:33.33333%}
.wrap-2021-tickets .amount-plus, .wrap-2021-tickets .amount-minus{
 cursor:pointer;
 display:flex;
 flex-direction:column;
 align-items:center;
 justify-content:center;
}
.wrap-2021-tickets .soldout .amount-plus, .wrap-2021-tickets .soldout .amount-minus{cursor:initial}
.wrap-2021-tickets .amount-wrap img{width:12px;height:12px}
.ticket_group_days .row-inner{
 max-width:440px;
 max-width:100%;
 padding:0 20px;
 margin:0 auto;
}
.cart-footer-box .left{width:66%}
.cart-footer-box .right{width:34%;display:flex;flex-direction:column;align-items:stretch}
.switch-to-type-btn{color:white;padding:15px}
.switch-to-type-btn.to-basic{background-color:#F58540}
.switch-to-type-btn.to-vip{background-color:#EF59A0}
.wplabs_product_amount_wrap{display:flex;flex-direction:row;justify-content:center;flex-wrap:nowrap}
input[type="number"].wplabs_product_amount_input{
width:33.33333%;font-size:24px;margin-top:-5px;line-height:1;font-family:'SoinSansNeue-Roman';
font-weight:600;border:0;color:black;text-align:center;-moz-appearance:textfield}
/* Chrome, Safari, Edge, Opera */
input[type="number"].wplabs_product_amount_input::-webkit-outer-spin-button, input[type="number"].wplabs_product_amount_input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.wplabs_product_amount_btn_plus, .wplabs_product_amount_btn_minus{width:33.33333%;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:-5px;height:45px}
.MacIntel .wplabs_product_amount_btn_plus, .MacIntel .wplabs_product_amount_btn_minus{margin-top:-8px}
.wplabs_product_amount_btn_plus img, .wplabs_product_amount_btn_minus img
{width:12px;height:12px}
.page-id-11878 .version-2020.ticketsSectionWrp, .page-id-11882 .version-2020.ticketsSectionWrp{height:calc(100vh - 220px)}
@media only screen and (max-width:1440px){
 .newsletter-section .newsletter-form input[type=submit]{font-size:2.5vw}
 :root{--ticket-page-image-dimension:max(calc(100vh - 60px),550px)}
 .wrap-2021-tickets #box-1{width:var(--ticket-page-image-dimension)}
 .wrap-2021-tickets #box-2{width:calc(100% - var(--ticket-page-image-dimension))}
}
@media only screen and (max-width:1280px), (orientation:portrait){
 .home-titles-dfjk8e7z{line-height:1.5;padding:1rem 0}
 .event_meta_box .tickets-btn a, .event_lineup_infos-container + .tickets-btn a, .event_meta_box .tickets-btn.free-entry-btn, .event_lineup_infos-container + .tickets-btn.free-entry-btn{padding:1vw 1.5vw}
 .wrap-2021-tickets .ticket-order-btn{font-size:25px}
 .wrap-2021-tickets #box-2-1 .title-box, .ticket_group_days .day, .ticket_group_days .section-name{
 height: calc((100vh - 180px) * 0.135);min-height:75px}
 .wrap-2021-tickets #box-2-1 .ticket-button-box, .wrap-2021-tickets #box-2-1 .active-sign{
 height: calc((100vh - 180px) * 0.153);min-height:85px}
 .wrap-2021-tickets #box-2-1 .cart-footer-box{
 height: calc((100vh - 180px) * 0.18)}
}
@media only screen and (orientation:portrait){
/* .wrap-2021-tickets .days-row .day .amounts-wrap{width:140px;min-width:140px}*/
 .wrap-2021-tickets #box-1{display:none}
 .wrap-2021-tickets #box-2{width:100%}



 .site-header{flex-direction:row-reverse}
 .site-header .header-right #lang-toggle{margin-left:10px}
 .site-header .header-left{justify-content:flex-end;padding-right:20px;margin-left:0;width:160px}
 #no-frame-selected, .ticket_group_days, .wrap-2021-tickets #box-2-1, .wrap-2021-tickets #box-2-2{
 height:calc(100vh - 180px)}
 .wrap-2021-tickets #box-2-1 .grey-sub{
 margin-top:calc((100vh - 180px) * 0.004)}
 .wrap-2021-tickets #box-2-1 .cart-footer-box .grey-sub{
 margin-top:calc((100vh - 180px) * 0.025)}
 .wrap-2021-tickets #box-2-1 .title-box, .ticket_group_days .day, .ticket_group_days .section-name{
 height: calc((100vh - 180px) * 0.1148)}
 .wrap-2021-tickets #box-2-1 .ticket-button-box{
 margin: calc((100vh - 180px) * 0.00270) 0}
 .wrap-2021-tickets #box-2-1 .ticket-button-box, .wrap-2021-tickets #box-2-1 .active-sign{
 height: calc((100vh - 180px) * 0.1297)}
 .wrap-2021-tickets #box-2-1 .cart-footer-box{
 height: calc((100vh - 180px) * 0.2095)}
}

@media only screen and (max-width:768px){
 #navigation-overlay div.nav li a{font-size:clamp(23px,9.5vw,81px)}
 .page-id-11878 .version-2020.ticketsSectionWrp, .page-id-11882 .version-2020.ticketsSectionWrp, .version-2020.ticketsSectionWrp{height:1000px}
}
@media only screen and (max-width:768px), (orientation:portrait){
 .wrap-2021-tickets #box-2-1 .title-box *, .wrap-2021-tickets #box-2-1 .name, .ticket_group_days .section-name h2{font-size:20px}
 .wrap-2021-tickets #box-2-1 .cart-footer-box{
 justify-content:center;
 align-items:center;
 flex-direction:column;
 padding-bottom:0;
 height:calc((100vh - 180px) * 0.2205);
 }
 .wrap-2021-tickets #box-2-1 .cart-footer-box .grey-sub{margin-bottom:calc((100vh - 180px) * 0.025)}
 .cart-footer-box .left, .cart-footer-box .right{width:100%}
}
@media only screen and (max-width:670px){
 .wrap-2021-tickets #box-2-1 .title-box *, .wrap-2021-tickets #box-2-1 .name, .ticket_group_days .section-name h2{font-size:18px}
 .ticket_group_days .day.item-sold-out .sold-out-line-through{margin-top:15px}
 .MacIntel .ticket_group_days .day.item-sold-out .sold-out-line-through{margin-top:12px}
}
@media only screen and (max-width:600px){
 /*#checkout-section-5 button[type="submit"]{padding-top:1rem;padding-bottom:1rem;height:auto}*/
 .woocommerce-checkout #order_review .includes_tax{font-size:12px}
 #infos-ticketschutz .hover-infos{position:initial!important;width:100%!important}
 #ts-wrap .info-button:hover .hover-infos{display:none}
 #infos-ticketschutz .hover-infos.mobile-vis-dkjei8{display:block!important}
 #ts-wrap{flex-wrap:wrap}
 #ts-wrap #wplabs_toggle_ticketschutz_button{width:100%;margin-bottom:20px}
 .wrap-2021-tickets .days-row .day .amounts-wrap{width:140px;min-width:140px}
 .product-subtotal span.woocommerce-Price-amount.amount bdi span{margin-right:0}
 .ticket_group_days .row-inner{padding:0 5px}
 .wrap-2021-tickets .ticket-order-btn{position:initial}
 .wrap-2021-tickets #box-2-1{border-left:0}
 #no-frame-selected, .ticket_group_days, .wrap-2021-tickets #box-2-1, .wrap-2021-tickets #box-2-2{height:calc(100vh - 58px)}
 .wrap-2021-tickets #box-2-1 .title-box *, .wrap-2021-tickets #box-2-1 .name, .ticket_group_days .section-name h2, #no-frame-selected, .wrap-2021-tickets .days-row .day > *{font-size:4vw}
 .wrap-2021-tickets #box-2-1 .grey-sub{font-size:4vw}
 .ticket_group_days .day.item-sold-out .sold-out-line-through{margin-top:4.6vw}
 .MacIntel .ticket_group_days .day.item-sold-out .sold-out-line-through{margin-top:4.3vw}
 .wrap-2021-tickets .amount-plus, .wrap-2021-tickets .amount-minus{height:45px;width:45px}
 .amount-current{line-height:45px}
 .wrap-2021-tickets .days-row .day > *{line-height:3}
 .wrap-2021-tickets #box-2 #box-2-1, .wrap-2021-tickets #box-2 #box-2-2{width:100%}
 .wrap-2021-tickets #box-2 #box-2-2, .ticket_group_days{height:auto;min-height:120vh}
 .wrap-2021-tickets #box-2 #box-2-2, .ticket_group_days, .wrap-2021-tickets{min-height:auto}
 .wrap-2021-tickets .amount-plus, .wrap-2021-tickets .amount-minus{border-radius:0}
 .wrap-2021-tickets #box-2{flex-direction:column}
 .wrap-2021-tickets #box-2-1 .ticket-button-box, .wrap-2021-tickets #box-2-1 .active-sign, .wrap-2021-tickets #box-2-1 .title-box, .ticket_group_days .day, .ticket_group_days .section-name{height:calc((100vh - 180px) * 0.17)}
 .woocommerce-page table tbody tr td.product-quantity, .woocommerce-page table tr th.product-quantity{border-right:2px solid transparent;border-left:2px solid transparent}
 .woocommerce-page table tbody tr td.product-quantity, .woocommerce-page table tr th.product-quantity{width:87px}
}
@media only screen and (max-width:480px){
 .woocommerce-page table tbody tr td.product-quantity, .woocommerce-page table tr th.product-quantity{width:55px}
 .woocommerce-cart .woocommerce-cart-form__contents td.product-subtotal{width:69px}
 .site-header .header-left{width:98px}
 .woocommerce-cart-form__contents, input[type="number"].wplabs_product_amount_input{font-size:16px}
 table.cart td.product-remove a.remove{margin-top:-10px!important}
}
/*#navigation-overlay #nav-footer #additional-page-links > div div a, #navigation-overlay div.nav li.special-format a{font-size:22px;line-height:1}*/
#navigation-overlay div.nav li.special-format a{line-height:2.5;letter-spacing:0;margin-left:.6%}
#cats-content-container .wp-video{max-width:100%;width:100%!important}
body.page-template-template-event:not(body:has(.its-the-tickets-page)) #content{background-color:var(--app-background-color)}
body.page-template-template-event:not(body:has(.its-the-tickets-page)) #content > div.col-full{max-width:1920px}
.event_meta_box{z-index:1;position:relative;width:100%}
.event_meta_box a{text-decoration:none}
.card-panel .card-row.ungerade_s3g9:last-child{width:100%}
.card-panel .card-row.gerade_s3g9.force_full_width:last-child{width:50%}
.card-row.gerade_s3g9{flex-direction:row-reverse}
@media (orientation:portrait){.card-row.gerade_s3g9{flex-direction:column}}
.event-description-card{justify-content:center}
.event_lineup_infos-container + .tickets-btn{width:auto}
.event_lineup_infos-container + .tickets-btn, .event_meta_box .tickets-btn{cursor:pointer;border:4px solid white}
.event_meta_box .tickets-btn{display:initial;position:absolute;right:2vw;bottom:2vw}
.event_meta_box .tickets-btn.free-entry-btn, .event_lineup_infos-container + .tickets-btn.free-entry-btn{cursor:initial}
.event_meta_box .tickets-btn.free-entry-btn img, .event_lineup_infos-container + .tickets-btn.free-entry-btn img, .event_lineup_infos-container + .tickets-btn a img, .event_meta_box .tickets-btn a img{width:103px}
.event_lineup_infos-container + .tickets-btn.sanapa-btn a img, .event_meta_box .tickets-btn.sanapa-btn a img{width:171px}
.event_lineup_infos-container + .tickets-btn, .event_lineup_infos-container + .tickets-btn a, .event_meta_box .tickets-btn, .event_meta_box .tickets-btn a{color:white;font-size:0px;cursor:pointer}
.event_lineup_infos-container + .tickets-btn.event-is-sold-out, .event_meta_box .tickets-btn.event-is-sold-out{color:white;font-size:35px;cursor:context-menu;border:0}
.event_meta_box .infos-wrap{
 max-width:calc(100% - 4vw);
 margin:0 auto;display:flex;align-items:flex-end}
@media only screen and (max-width:1920px){
 .event_meta_box .infos-wrap{max-width:92%}
}
.event_meta_box .infos-wrap > .txt{margin-bottom:2vw;display:block;line-height:1}
.event_meta_box .infos-wrap > .txt > p{text-align:left}
.event_meta_box .infos-wrap > .txt *{margin-bottom:0}
.event_meta_box .infos-wrap > .txt *, .event_lineup_infos-container > *, .event_meta_box .infos-wrap.infos-free-entry *, .event_lineup_infos-container .infos-free-entry *{line-height:1;display:block;margin-bottom:1rem}
.event_meta_box .infos-wrap > .txt *{color:var(--app-text-color)}
.event_meta_box .infos-wrap .datum{margin-top:7px}
.event_meta_box .infos-wrap.infos-free-entry .free-entry-btn, .event_lineup_infos-container .infos-free-entry .free-entry-btn{width:auto;margin:0}
.event_meta_box .infos-wrap.infos-free-entry .free-entry-btn img, .event_lineup_infos-container .infos-free-entry .free-entry-btn img{margin:0}
.event_meta_box .infos-wrap .title.line2:empty, .event_lineup_infos-container .title.line2:empty{display:none}
.event_meta_box .infos-wrap .title, .event_lineup_infos-container .title{margin-bottom:0}
.event_meta_box .infos-wrap .support, .event_lineup_infos-container .support{margin:7px 0 0 0}
.event_meta_box .infos-wrap > a *:empty{display:none}
/*.event_meta_box .infos-wrap h1, .event_meta_box .infos-wrap .title, .event_lineup_infos-container .title{font-size:3vw}*/
.event_meta_box .infos-wrap h2, .event_lineup_infos-container .support{font-size:1.8vw}
.event_meta_box .infos-wrap h3{font-size:1.7vw}
.event_meta_box .infos-wrap h4{font-size:1.6vw}
.event-description-container p{font-weight:100}
.event-description-container p:blank{display:none}
@media only screen and (max-width:1680px){
 .event_meta_box .tickets-btn.free-entry-btn, .event_lineup_infos-container + .tickets-btn.free-entry-btn{padding:15px}
 .event_meta_box .tickets-btn.free-entry-btn img, .event_lineup_infos-container + .tickets-btn.free-entry-btn img{width:208px}
}
.event_meta_box .infos-wrap h1, .event_lineup_infos-container .title{font-size:3.25rem}
.event_meta_box .infos-wrap h2, .event_lineup_infos-container .support{font-size:33px}
.event_meta_box .infos-wrap h3{font-size:1.7vw}
.event_meta_box .infos-wrap h4{font-size:1.6vw}
.card{height:calc((50vw / 16) * 9)}
@media only screen and (min-width:1921px){
.card{}
.force_full_width .card, .card-panel .card-row.ungerade_s3g9:last-child .card{height:calc((1680px / 16) * 9);max-width:1680px}
}
@media only screen and (max-width:1920px){
.card{height:calc((50vw / 16) * 9)}
.force_full_width .card, .card-panel .card-row.ungerade_s3g9:last-child .card{height:55vw;max-width:100%}
}
.event_meta_box .infos-wrap .support-1 + .support-2{margin-top:0}
.event_meta_box .infos-wrap .support-1 + .einlass-1{}
.event_meta_box .infos-wrap .support-1 + .einlass-2{margin-top:.5rem}
.event_meta_box .infos-wrap .support-2 + .einlass-1{}
.event_meta_box .infos-wrap .support-2 + .einlass-2{margin-top:.5rem}

@media (max-width:768px){
 .event_meta_box .tickets-btn a, .event_lineup_infos-container + .tickets-btn a, .event_meta_box .tickets-btn.free-entry-btn, .event_lineup_infos-container + .tickets-btn.free-entry-btn{padding:2.6vw 5.5vw}
 .event_meta_box .tickets-btn.free-entry-btn img, .event_lineup_infos-container + .tickets-btn.free-entry-btn img, .event_lineup_infos-container + .tickets-btn a img, .event_meta_box .tickets-btn a img{width:13.5vw}
 .event_lineup_infos-container + .tickets-btn.sanapa-btn a img, .event_meta_box .tickets-btn.sanapa-btn a img{width:22.5vw}
}
.event-description-container{
 margin:1rem 2rem 3.25rem 2rem;
 padding:1rem 1.25rem;
 background-color:transparent;
 font-family:'SoinSansNeue-Roman';
 font-weight:600;
 line-height:1.3;
 overflow-y:scroll;
}
.event-description-container p:last-child{margin-bottom:0}
.wrap-2021-tickets .days-row{padding:2rem 3rem;max-width:1024px;margin:0 auto}
.wrap-2021-tickets .days-row .ticket-row-22{margin-bottom:2rem}
.wrap-2021-tickets .days-row .ticket-row-22.not_available{position:relative}
.wrap-2021-tickets .days-row .ticket-row-22.not_available .name .name, .wrap-2021-tickets .days-row .ticket-row-22.not_available .price-col{color:#d1d1d1}
.wrap-2021-tickets .days-row .ticket-row-22.not_available:after{
 position:absolute;
 content:'SOLD OUT';
 display:block;
 left:8%;
 top:15px;
 transform:rotateZ(-12deg);
 color:black;
 font-weight:500;
 font-family:'SoinSansNeue-Black';
}
.soldout-flag{display:none}
.wrap-2021-tickets .days-row .ticket-row-22.not_available.soldout .soldout-flag{margin-left:10px;display:block}
.wrap-2021-tickets .days-row .ticket-row-22.not_available.soldout .sold-out-line-through{
width:calc(100% - 97px);
position:absolute;
top:12px;
left:0;
display:block;
height:3px;
background-color:gray}
.wrap-2021-tickets .days-row .ticket-row-22.not_available.soldout .sold-out-line-through{display:none}
.wrap-2021-tickets .days-row .ticket-row-22.not_available.ebfirst{}
.amount-current{text-align:center}
.dark-spacemaker-row{display:block;width:100%;height:50px;background-color:var(--app-background-color)}
.event_meta_box .infos-wrap .support, .event_meta_box .infos-wrap .datum, .event_meta_box .infos-wrap .einlass{margin-bottom:0}
@media (max-width:1800px){
 :root{--ticket-page-image-dimension:max(calc(80vh - 60px),800px)}
 .wrap-2021-tickets #box-1{width:100%}
 .wrap-2021-tickets #box-2{width:100%;max-width:1024px}
}

@media (max-width:1366px){
 #navigation-overlay > div.nav{margin-bottom:2rem}
 #navigation-overlay #nav-footer #ci-page-links p, #navigation-overlay #nav-footer #additional-page-links > div div{margin-bottom:5px}
}
.event-description-container p{font-size:20px}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after, .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{display:none}
@media (orientation:portrait){
 .main-title.home-titles-dfjk8e7z{font-size:3.2vw}
 .home-titles-dfjk8e7z{font-size:3.2vw}
 .event_meta_box .tickets-btn.free-entry-btn img, .event_lineup_infos-container + .tickets-btn.free-entry-btn img{width:32vw}
 .event_meta_box .tickets-btn.free-entry-btn, .event_lineup_infos-container + .tickets-btn.free-entry-btn{padding:2vw}
 .wrap-2021-tickets #box-2{width:100%}
 .event_meta_box .infos-wrap > a *, .event_lineup_infos-container > *{margin-bottom:2vw}
 .mobile-description-card-img, .mobile-info-card-img{display:block!important;width:100%}
 .bp_card{height:auto}
 #bp_cards.zoa-city-event .bp_card.bp_card-img#bp_read_more_card{height:auto}
 /*#bp_cards.zoa-city-event .swiper-container{display:flex;min-height:auto;height:auto!important}*/
 .ein-event-media-slide, #bp_cards.zoa-city-event .bp_card.bp_card-img, .bp_card.bp_card-low-mobile
{height:70vw;width:100%}
 .bp_card.bp_card-low-mobile{height:auto}
 .bp_social-icons{left:auto;top:auto;bottom:1rem;right:1rem}
 .container-center{padding:0}
 .event-description-container{
 /*padding:10vw 5vw 5rem 5vw;*/
 padding:5vw 5vw 5rem 5vw;
 margin:0;
 line-height:1.2;
 font-size:15px;
 }
 .mobile-info-card-img{position:relative;height:53vw}
 .mobile-info-card-img img{
 position:absolute;
 margin:auto;
 top:0;
 left:0;
 right:0;
 bottom:0;
 }
}
.MacIntel .main-title.home-titles-dfjk8e7z, .MacIntel .home-titles-dfjk8e7z{margin-bottom:0}
#otf-video-wrap{width:100%;height:calc(100vh - 187px);height:calc(100svh - 187px);overflow:hidden;position:relative;max-height:inherit}
@media only screen and (min-width:1921px){
.bp_card, .ein-event-media-slide{height:calc((960px / 16) * 9)}
}
@media only screen and (max-width:1920px){
#otf-video-wrap{max-height:inherit}
}
#otf-video{
-webkit-transform:translateX(-50%) translateY(-50%);
-moz-transform:translateX(-50%) translateY(-50%);
-ms-transform:translateX(-50%) translateY(-50%);
-o-transform:translateX(-50%) translateY(-50%);
transform:translateX(-50%) translateY(-50%);
position:absolute;top:50%;left:50%;
min-width:100%;min-height:100%;width:auto;height:auto}
#otf-video-wrap img{
user-select:none;pointer-events:none;
position:absolute;
width:12%;top:3%;right:2%;opacity:1}
.main-event-swiper{position:relative}
.main-event-swiper .swiper-wrapper{}
.main-event-swiper .swiper-wrapper .swiper-slide{background-size:cover;background-position:center center;background-repeat:no-repeat}
.main-event-swiper .card-middle{position:absolute;bottom:0;left:0}
@media only screen and (max-width:1950px){#otf-video-wrap{max-height:calc((100vw / 16) * 9)}}
@media only screen and (max-width:768px){
/* #otf-video-wrap{max-height:calc((100vw / 16) * 9)}*/
 .main-title.home-titles-dfjk8e7z, .home-titles-dfjk8e7z{font-size:6vw;line-height:1.25;padding:4vw 7vw}
 .MacIntel .home-titles-dfjk8e7z{padding:4.5vw 7vw 1.5vw 7vw}
 .MacIntel .main-title.home-titles-dfjk8e7z{padding:3vw 7vw 2vw 7vw}
 .wrap-2021-tickets #box-1{width:100%!important}
 .wrap-2021-tickets #box-2{width:100%!important;padding-bottom:6rem;height:auto}
 .wrap-2021-tickets .days-row .ticket-row-22.not_available.soldout .sold-out-line-through{display:none}
 .event_meta_box .infos-wrap > .txt{margin-bottom:1.5rem;margin-top:3vw}
 .event_meta_box .infos-wrap .title{margin-top:0}
 .event_meta_box .infos-wrap > .txt > p.support-2{margin-top:0}
 .event_meta_box .tickets-btn{right:1.5rem;bottom:1.5rem}
 .page-template-template-event .event_meta_box .tickets-btn{right:1rem;bottom:1rem}
}
@media only screen and (max-width:480px){
 .event_meta_box .tickets-btn a, .event_lineup_infos-container + .tickets-btn a, .event_meta_box .tickets-btn.free-entry-btn, .event_lineup_infos-container + .tickets-btn.free-entry-btn{padding:3vw}
 .event_meta_box .tickets-btn.free-entry-btn img, .event_lineup_infos-container + .tickets-btn.free-entry-btn img, .event_lineup_infos-container + .tickets-btn a img, .event_meta_box .tickets-btn a img{width:16.5vw}
 .home-titles-dfjk8e7z{font-size:7vw}
 .wrap-2021-tickets .days-row{padding:2rem 1rem 1rem 1rem;padding:1rem}
 .wrap-2021-tickets .ticket-order-btn{margin-left:1rem;width:calc(100% - 2rem)}
 .event_meta_box .infos-wrap > a *, .event_lineup_infos-container > *{margin-bottom:.0vw}
 
 .event_meta_box .infos-wrap h1, .event_meta_box .infos-wrap .title, .event_lineup_infos-container .title{margin-bottom:.3rem}
 body.home .event_meta_box .infos-wrap h1, body.home .event_meta_box .infos-wrap .title, body.home .event_lineup_infos-container .title{margin-bottom:0}
 .event_lineup_infos-container + .tickets-btn.event-is-sold-out, .event_meta_box .tickets-btn.event-is-sold-out{font-size:21px}
}











/*

HISTORY

*/

#history-content #year-nav-container{
 display:none}
#history-content #history-all-images{
 width:100%;
 padding:30px 9px 9px 9px;
 height:auto;
 display:none}
#history-content #history-all-images.display-block{
 display:block}
#history-content #history-all-images.position-absolute{
 position:absolute;
 top:57px}
#history-content #history-all-images.opacity-zero{
 opacity:0;
 transition:opacity .15s linear 0s}
#history-content #history-all-images.opacity-zero.opacity-one{
 opacity:1}
#history-content #history-all-images .year-poster-link, #history-content #history-all-images .year-aftermovie-link, #history-content #history-all-images .sep{
 margin-top:11px}
#history-content #history-all-images .history-thumb{
 width:calc(50% - 18px);
 margin:9px}
/*.history-nav-wrap, #history-overlay-poster-nav{height:calc((100vh - 57px) * 3);z-index:1}*/
.history-nav-wrap, #history-overlay-poster-nav{z-index:1;background-color:white}
#history-overlay-poster-nav{
 display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;
 opacity:1;
 transition:opacity 1s ease-in-out 0s;
 position:absolute;
 top:57px;
 left:0;
 width:100%}
#history-overlay-poster-nav.slide-up{
 top:-100vh}
#history-overlay-poster-nav.fade-out{
 opacity:0}
#history-overlay-poster-nav.fade-out.display-none{
 display:none}
#history-overlay-poster-nav .history-poster{
 display:flex;align-items:center;justify-content:center;
 height:calc(100vh - 57px);
 width:33.3333%;
 background:white;
 background:-moz-linear-gradient(-45deg, white 0%, #e7e7e7 100%);
 background:-webkit-linear-gradient(-45deg, white 0%, #e7e7e7 100%);
 background:linear-gradient(135deg, white 0%, #e7e7e7 100%)}
#history-overlay-poster-nav .history-poster .image{
 display:flex;
 justify-content:center;
 align-items:center;width:320px;
 height:auto}
#history-overlay-poster-nav .history-poster .image .image-hover{
 margin:0;
 position:relative;
 cursor:pointer}
#history-overlay-poster-nav .history-poster .image .image-hover img{
 -webkit-box-shadow:0px 20px 50px 0px rgba(0, 0, 0, 0.3);
 -moz-box-shadow:0px 20px 50px 0px rgba(0, 0, 0, 0.3);
 box-shadow:0px 20px 50px 0px rgba(0, 0, 0, 0.3);
 max-width:100%;
 width:auto;
 max-height:calc(100vh - 57px);
}

#history-overlay-poster-nav .history-poster.zoomed .image .image-hover img{
 /*max-height:calc(100vh - 57px);*/
 max-width:100%
}
#history-overlay-poster-nav .history-poster.zoomed .image{width:100%}
#history-overlay-poster-nav .history-poster .image .image-hover span, #history-overlay-poster-nav .history-poster .image, #history-overlay-poster-nav .history-poster .image .image-hover img{
 transition:all .15s ease-out 0s;
}
#history-overlay-poster-nav .history-poster .image .image-hover span{
 position:absolute;
 bottom:-4vw;
 left:0;
 width:100%;
 font-size:2vw;
 text-align:center;
 color:black;
}
#history-overlay-poster-nav .history-poster .image .image-hover span:hover{
 color:#FFB81A;
}
#history-overlay-poster-nav .history-poster.zoomed .image .image-hover span{
 opacity:0;
}
#history-overlay-poster-nav .history-poster .image .image-hover .year-hover{
 position:absolute;
 top:0;
 width:100%;
 height:100%;
 left:0;
 display:none;
 background-color:rgba(0, 0, 0, 0.6);
 color:#fff;
 cursor:pointer;
 font-family:'SoinSansNeue-Black';
 font-size:30px}
#history-overlay-poster-nav .history-poster .image .image-hover:hover .year-hover{
 display:flex;
 align-items:center;
 justify-content:center}
.history-nav-wrap.fade-out-2{
 /*height:calc(100vh - 60px)*/
 /*z-index:-4*/
}
#history-content{
 min-height:calc(100vh - 60px);
 position:absolute;top:60px;left:0;
 width:100%;
 display:flex;
 flex-direction:row;
 flex-wrap:nowrap;

 align-items:stretch}
#history-content p{
 display:block;
 margin:0}
#history-content #year-nav-container{
 height:calc(100vh - 60px);
 overflow-y:scroll;
 width:25%;padding:5% 2%;text-align:center;
 background:white;
 background:-moz-linear-gradient(-45deg, white 0%, #e7e7e7 100%);
 background:-webkit-linear-gradient(-45deg, white 0%, #e7e7e7 100%);
 background:linear-gradient(135deg, white 0%, #e7e7e7 100%);
 display:block;
/* display:flex;
 flex-direction:column;
 align-items:center;
 justify-content:center;*/
}
#history-content #year-nav-container p{
 cursor:pointer;
 color:#404040;
 font-size:27px;
 line-height:1.3}
#history-content #history-all-images{
 width:75%;
 height:calc(100vh - 60px);
 overflow-y:scroll;
 padding:30px 16px 16px 16px}
#history-content #history-all-images .year{
 float:left;
 color:#2B2B2B;
 font-size:27px;
 margin-right:10px;
 margin-left:15px}
#history-content #history-all-images .year-poster-link, #history-content #history-all-images .year-aftermovie-link, #history-content #history-all-images .sep{
 float:left;
 color:#2B2B2B;
 font-size:15px;
 line-height:1.8;
 font-family:"SoinSansNeue-Black";
 font-weight:500;
 margin-top:14px;
 margin-left:2px;
 cursor:pointer}
#history-content #history-all-images .sep{
 font-weight:300;
 font-family:'SoinSansNeue-Roman';
 line-height:1.8;
 cursor:context-menu}
#history-content #history-all-images .history-thumb{
 width:calc(33.3333333% - 32px);
 height:calc(18.45vw - 32px);
 float:left;
 margin:16px;
 cursor:pointer}
#history-content #history-all-images .history-thumb img{
 width:100%}

.MacIntel #history-content #history-all-images .year-poster-link, .MacIntel #history-content #history-all-images .year-aftermovie-link, .MacIntel #history-content #history-all-images .sep{
 margin-top:12px}

.page-template-page-history-2019 .pswp__zoom-wrap{
 text-align:center}
.page-template-page-history-2019 .pswp__zoom-wrap:before{
 content:'';
 display:inline-block;
 height:100%;
 vertical-align:middle}

.page-template-page-history-2019 .history-video-wrapper-outer{
 line-height:0;
 width:100%;
 max-width:900px;
 position:relative;
 display:inline-block;
 vertical-align:middle;
 margin:0 auto;
 text-align:left;
 z-index:1045}

.page-template-page-history-2019 .history-video-wrapper-inner{
 position:relative;
 padding-bottom:56.25%;
 /* 16:9 */
 padding-top:25px;
 height:0;
 width:100%}
.page-template-page-history-2019 .history-video-wrapper-inner iframe{
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:100%}

.page-template-page-history-2019 video{
 width:100%!important;
 height:auto!important}

#history-overlay2-phone-bar{
 display:none}

#history-overlay2-phone-overlay{
 display:none}

.page-template-page-history-2019 button:hover{
 background-color:initial}

.pswp__ui .pswp__share-tooltip a, .pswp__ui .pswp__counter, .pswp__caption div{
 font-family:"Roboto";
 font-weight:400}

#year-hover-poster-overlay{
 display:none;
 flex-direction:column;
 align-items:center;
 justify-content:center;
 z-index:6;
 background-color:rgba(0, 0, 0, 0.8);
 width:75vw;
 height:calc(100vh - 57px);
 position:absolute;
 left:25%;
 top:0;
 padding-top:10vh;
 padding-bottom:10vh;
 opacity:0;
 transition:opacity .15s linear 0s}
#year-hover-poster-overlay .poster{
 display:none;
 max-width:75%;
 max-width:75vw;
 padding:0;
 height:100%;
 background-size:contain;
 background-position:center center;
 background-repeat:no-repeat}
#history-content #year-nav-container p:hover, #history-content #year-nav-container p span.active-jxudrgtsu
{color:#FFB81A}
.page-template-page-history-2019 .swiper-container{
 width:100%;
 width:100vw;
 height:calc(100% - 57px);
 height:calc(100vh - 57px);
 /*height:100%;*/ }

.page-template-page-history-2019 .swiper-slide{
 -webkit-flex-shrink:0;
 -ms-flex-negative:0;
 flex-shrink:0;
 width:100%;
 height:100%;
 position:relative;
 -webkit-transition-property:-webkit-transform;
 transition-property:-webkit-transform;
 -o-transition-property:transform;
 transition-property:transform;
 transition-property:transform, -webkit-transform;
 text-align:center;
 font-size:18px;
 background:#fff;
 /* Center slide text vertically */
 display:-webkit-box;
 display:-ms-flexbox;
 display:-webkit-flex;
 display:flex;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 -webkit-justify-content:center;
 justify-content:center;
 -webkit-box-align:center;
 -ms-flex-align:center;
 -webkit-align-items:center;
 align-items:center}
@media only screen and (orientation:portrait),(max-width:1024px){
 .event_meta_box .tickets-btn a, .event_lineup_infos-container + .tickets-btn a, .event_meta_box .tickets-btn.free-entry-btn, .event_lineup_infos-container + .tickets-btn.free-entry-btn{padding:2vw 3vw}
 .card-row{width:100%}
 .card{min-height:calc((100vw / 16) * 9)}
}
/*@media only screen and (max-width:480px){*/
@media only screen and (max-width:1366px){
 #history-overlay-poster-nav .history-poster{width:50%}
 .history-nav-wrap, #history-overlay-poster-nav{height:calc((100vh - 57px) * 4)}
 #history-overlay-poster-nav .history-poster .image .image-hover span{bottom:-8vw;font-size:4vw}
 #history-overlay-poster-nav .history-poster .image .image-hover img{max-width:60%;margin-left:auto;margin-right:auto}
 #history-content #year-nav-container{display:none}
 #history-content #history-all-images, #history-overlay-poster-nav .history-poster{width:100%}
 #history-overlay-poster-nav .history-poster .image .image-hover span{bottom:-18vw;font-size:7vw}
 #history-content #history-all-images{height:auto;overflow-y:visible}
 .history-nav-wrap, #history-overlay-poster-nav{height:calc((100vh - 57px) * 7)}
 #history-overlay-poster-nav .history-poster .image{width:66.875%}
/* #navigation-overlay #nav-footer #ci-page-links p, #navigation-overlay #nav-footer #additional-page-links > div div{margin-bottom:15px}*/
 .version-2020 .lineup-container .the-date{font-size:3.4vw}
 #history-content #history-all-images .year{margin-left:8px}
 #history-content #history-all-images .history-thumb{height:calc(25.34vw - 32px)}
 #history-overlay2-phone-bar{
 display:none;
 position:fixed;
 top:60px;
 width:100%;
 background-color:#dddddd;
 flex-direction:row;
 flex-wrap:nowrap;
 justify-content:space-between;
 align-items:center;
 padding:7px 15px;
 z-index:5;
 -webkit-box-shadow:0 0 10px 5px rgba(0, 0, 0, 0.5);
 -moz-box-shadow:0 0 10px 5px rgba(0, 0, 0, 0.5);
 box-shadow:0 0 10px 5px rgba(0, 0, 0, 0.5)}
 #history-overlay2-phone-bar.visible{
 display:flex}
 #history-overlay2-phone-bar span.name{
 color:#404040}
 #history-overlay2-phone-bar span.trigger img{
 width:15px;
 transition:transform .1s linear 0s}
 #history-overlay2-phone-bar.opened span.trigger img{
 transform:rotateZ(180deg)}
 body.page-template-page-history-2019 .site-footer{display:none}
 #history-overlay2-phone-overlay{
 display:block;
 width:100%;
 height:0;
 position:fixed;
 top:-100vh;
 transition:top .25s ease-in-out 0s;
 height:calc(100vh - 57px);
 left:0;
 background-color:#303030;
 padding:25px 0 200px 0;
 z-index:3;
 overflow-y:hidden;
 }
 #history-overlay2-phone-overlay.opened{
 top:98px;overflow-y:scroll}
 #history-overlay2-phone-overlay .item{cursor:pointer;
 border:1px solid #979797;
 border-radius:5px;
 padding:5px 13px 11px 13px;
 margin:8px 14px;
 display:block;
 float:left;
 color:white;
 font-family:"SoinSansNeue-Black";
 font-size:19px;
 line-height:1.1;
 }
 .MacIntel #history-overlay2-phone-overlay .item{
 padding:10px 13px 8px 13px;
 }

 .MacIntel #history-overlay2-phone-bar span.name{
 transform:translateY(2px)}

 .scroll-pos-identifier-div{
 margin-bottom:10px!important}

}
@media only screen and (max-width:768px){
 #history-content #history-all-images .history-thumb{height:auto;margin:8px;width:calc(50% - 16px)}
 #history-overlay-poster-nav .history-poster .image .image-hover img{max-width:100%}
}
@media only screen and (max-width:360px){
 #history-overlay2-phone-overlay .item{font-size:13px}}
#contact-overlay .wpcf7-form-control{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center}
#contact-overlay .wpcf7-list-item{display:flex;margin:0 0 0 1em;align-items:center;justify-content:center;margin:10px}
#contact-overlay .wpcf7-list-item input[type=radio]{margin:0 5px 0 0}
#contact-overlay div.wpcf7 input:checked{background-color:black!important;filter:invert(1);background-image:url(svg/check_white.svg);background-repeat:no-repeat;background-position:center}

span.wpcf7-form-control-wrap.kc_captcha{display:block;background-color:antiquewhite}

@media only screen and (min-width:481px){
 .ticketspage-mobile-only-event-image{display:none}
}
@media only screen and (max-width:480px){
 .ticketspage-mobile-only-event-image{}
}


/*Billing Birthdate Overlay*/

#form-billing-birthdate-overlay{
z-index:234;
background-color:white;
width:320px;
min-height:300px;
position:fixed}
#birthdate-overlay-close{
position:absolute;
right:0;top:0;
background-color:black;
color:white;
padding:1px 10px;
cursor:pointer}
#form-billing-birthdate-overlay .frame{
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:center;
align-items:center;
align-content:center}
#form-billing-birthdate-overlay .frame .title{
width:100%;
text-align:center;
margin-bottom:1rem}
#form-billing-birthdate-overlay #overlay-tag{}
#form-billing-birthdate-overlay .btn{
margin:5px 6px;
border:1px solid #ddd;
padding:0 8px;
cursor:pointer}
#form-billing-birthdate-overlay .btn:hover{background-color:#eee}
@media only screen and (max-width:1366px){
 #form-billing-birthdate-overlay{width:100%;min-height:100vh;padding-right:4rem}
 #form-billing-birthdate-overlay .frame{align-content:flex-start;height:100vh;overflow:scroll}
 #form-billing-birthdate-overlay .btn{padding:9px 16px}
 #form-billing-birthdate-overlay #overlay-jahr .btn{padding:4px 8px}
 #overlay-tag{padding-top:10vh}
 #overlay-monat{padding-top:10vh}
 #overlay-jahr{padding-top:10vh}
}
@media only screen and (min-width:768px) and (max-width:1366px){
 #form-billing-birthdate-overlay{padding-left:10vw;padding-right:10vw}
}
@media only screen and (max-width:480px){
 .wrap-2021-tickets .days-row .ticket-row-22{margin-bottom:.5rem}
 .event_meta_box .tickets-btn a, .event_lineup_infos-container + .tickets-btn a, .event_meta_box .tickets-btn.free-entry-btn, .event_lineup_infos-container + .tickets-btn.free-entry-btn{padding:3vw 4vw}
/* .card.card-img, .card.card-img, .card.no-flex, .force_full_width .card, .card-panel .card-row.ungerade_s3g9:last-child .card{height:calc((100vw / 16) * 9)}*/
 #form-billing-birthdate-overlay #overlay-jahr .btn{margin:3px 3px;padding:0 8px}
 #overlay-jahr{padding-top:5vh}
}







.ein-event-info-slide{
width:50vw;height:calc((100vh - 60px) / 2);
background-size:cover;
background-repeat:no-repeat;
background-position:center}
.container-center{
display:flex;
justify-content:flex-end;
flex-direction:column;
position:absolute;
bottom:0;
left:0;
padding:1rem 6rem}
.container-center > *{padding:1rem}
.container-center .titel{
font-size:25px;
margin-bottom:0}
.container-center .text{
background-color:white;
font-family:'SoinSansNeue-Roman';
font-weight:600;
line-height:1.3}
.container-center .text p{margin-bottom:0}
/*.bp_card-row{clip-path:none}*/
.woocommerce-message:has(a.restore-item){display:none}
.vergangene-events-panel .event_meta_box .infos-wrap > .txt > p.support{max-width:100%}
.tickets_section_headline{margin-bottom:0;font-size:1.4rem}
.tickets_section_headline.little-margin-top{margin-top:4rem}

@media only screen and (max-width:1024px){
 /*.event_meta_box .tickets-btn a, .event_lineup_infos-container + .tickets-btn a, .event_meta_box .tickets-btn.free-entry-btn, .event_lineup_infos-container + .tickets-btn.free-entry-btn{padding:2vw 3vw}*/
 .card-row{width:100%}
}
@media (orientation:portrait){
 .card.card-img, .card.no-flex, .force_full_width .card, .card-panel .card-row.ungerade_s3g9:last-child .card{height:calc((100vw / 16) * 9)}
 .card.card-img.main-event-swiper{
 /*height:calc((100vw / 16) * 12);*/
 height:55vw;
 }
 .ein-event-info-slide{background-image:none!important;height:53vw}
 .container-center{position:initial;padding:0}
 .container-center > *{padding:0}
}




.event_lineup_infos-container{background-color:transparent;padding:0 2rem;margin-bottom:1vw}
.ein-event-media-slide{
 width:50vw;
background-size:cover;
background-repeat:no-repeat;
background-position:center;
}
@media (orientation:portrait){
 .ein-event-media-slide{height:70vw}
}





/* Headline Font Styles */

:root{
--fnt-mainact:12px;
}
.date_subpage, .date_homepage--active_event, .date_homepage--archived_event, .einlass{font-family:'SoinSansNeue-Roman'}
.support_homepage--active_event{
 /*max-width:73%*/
}
@media only screen and (min-width:1921px){
 
 .mainact_homepage--active_event{font-size:3.25rem}
 .mainact_homepage--archived_event{font-size:3.25rem}
 .mainact_subpage{font-size:3.25rem}
 
 .support_homepage--active_event{font-size:1.75rem}
 .support_homepage--archived_event{font-size:1.75rem}
 .support_subpage{font-size:1.75rem}
 
 .date_homepage--active_event{font-size:1.25rem}
 .date_homepage--archived_event{font-size:1.25rem}
 .date_subpage{font-size:1.25rem}
 .einlass_subpage{font-size:1.25rem}

 .mainact_homepage--active_event.line1{}
 .mainact_homepage--active_event.line2{}
 .mainact_homepage--active_event.line1 + .mainact_homepage--active_event.line2{}
 .mainact_homepage--archived_event.line1{}
 .mainact_homepage--archived_event.line2{}
 .mainact_homepage--archived_event.line1 + .mainact_homepage--archived_event.line2{}
 .mainact_subpage.line1{}
 .mainact_subpage.line2{}
 .mainact_subpage.line1 + .mainact_subpage.line2{}

 .support_homepage--active_event.support-1{}
 .support_homepage--active_event.support-2{}
 .support_homepage--active_event.support-1 + .support_homepage--active_event.support-2{}
 .support_homepage--archived_event.support-1{}
 .support_homepage--archived_event.support-2{}
 .support_homepage--archived_event.support-1 + .support_homepage--archived_event.support-2{}
 .support_subpage.support-1{}
 .support_subpage.support-2{}
 .support_subpage.support-1 + .support_subpage.support-2{}

 .einlass_subpage.einlass-1{}
 .einlass_subpage.einlass-2{}
 .einlass_subpage.einlass-1 + .einlass_subpage.einlass-2{}
}
@media only screen and (max-width:1920px) and (min-width:1025px) and (orientation:landscape){
 
 .mainact_homepage--active_event{font-size:2.7vw}
 .mainact_homepage--archived_event{font-size:2.7vw}
 .mainact_subpage{font-size:3.7vw}
 
 .support_homepage--active_event{font-size:1.46vw}
 .support_homepage--archived_event{font-size:1.46vw}
 .support_subpage{font-size:2.2vw}
 
 .date_homepage--active_event{font-size:1.04vw}
 .date_homepage--archived_event{font-size:1.04vw}
 .date_subpage{font-size:1.5vw}
 .einlass_subpage{font-size:1.5vw}
 
 
 .mainact_homepage--active_event.line1{}
 .mainact_homepage--active_event.line2{}
 .mainact_homepage--active_event.line1 + .mainact_homepage--active_event.line2{}
 .mainact_homepage--archived_event.line1{}
 .mainact_homepage--archived_event.line2{}
 .mainact_homepage--archived_event.line1 + .mainact_homepage--archived_event.line2{}
 .mainact_subpage.line1{}
 .mainact_subpage.line2{}
 .mainact_subpage.line1 + .mainact_subpage.line2{}

 .support_homepage--active_event.support-1{}
 .support_homepage--active_event.support-2{}
 .support_homepage--active_event.support-1 + .support_homepage--active_event.support-2{}
 .support_homepage--archived_event.support-1{}
 .support_homepage--archived_event.support-2{}
 .support_homepage--archived_event.support-1 + .support_homepage--archived_event.support-2{}
 .support_subpage.support-1{}
 .support_subpage.support-2{}
 .support_subpage.support-1 + .support_subpage.support-2{}

 .einlass_subpage.einlass-1{}
 .einlass_subpage.einlass-2{}
 .einlass_subpage.einlass-1 + .einlass_subpage.einlass-2{}
 
 
 .event_meta_box .tickets-btn a, .event_lineup_infos-container + .tickets-btn a, .event_meta_box .tickets-btn.free-entry-btn, .event_lineup_infos-container + .tickets-btn.free-entry-btn{padding:1.04vw 2.1vw}
 .event_meta_box .tickets-btn.free-entry-btn img, .event_lineup_infos-container + .tickets-btn.free-entry-btn img, .event_lineup_infos-container + .tickets-btn a img, .event_meta_box .tickets-btn a img{width:5.36vw}
}
@media only screen and (max-width:1920px) and (min-width:1025px) and (orientation:portrait){
 
 .mainact_homepage--active_event{font-size:3.7vw}
 .mainact_homepage--archived_event{font-size:3.7vw}
 .mainact_subpage{font-size:3.7vw}
 
 .support_homepage--active_event{font-size:2.2vw;
  /*max-width:73%*/
 }
 .support_homepage--archived_event{font-size:2.2vw}
 .support_subpage{font-size:2.2vw}
 
 .date_homepage--active_event{font-size:1.5vw}
 .date_homepage--archived_event{font-size:1.5vw}
 .date_subpage{font-size:1.5vw}
 .einlass_subpage{font-size:1.5vw}

 .mainact_homepage--active_event.line1{}
 .mainact_homepage--active_event.line2{}
 .mainact_homepage--active_event.line1 + .mainact_homepage--active_event.line2{}
 .mainact_homepage--archived_event.line1{}
 .mainact_homepage--archived_event.line2{}
 .mainact_homepage--archived_event.line1 + .mainact_homepage--archived_event.line2{}
 .mainact_subpage.line1{}
 .mainact_subpage.line2{}
 .mainact_subpage.line1 + .mainact_subpage.line2{}

 .support_homepage--active_event.support-1{}
 .support_homepage--active_event.support-2{}
 .support_homepage--active_event.support-1 + .support_homepage--active_event.support-2{}
 .support_homepage--archived_event.support-1{}
 .support_homepage--archived_event.support-2{}
 .support_homepage--archived_event.support-1 + .support_homepage--archived_event.support-2{}
 .support_subpage.support-1{}
 .support_subpage.support-2{}
 .support_subpage.support-1 + .support_subpage.support-2{}

 .einlass_subpage.einlass-1{}
 .einlass_subpage.einlass-2{}
 .einlass_subpage.einlass-1 + .einlass_subpage.einlass-2{}
 
 
 .event_meta_box .tickets-btn a, .event_lineup_infos-container + .tickets-btn a, .event_meta_box .tickets-btn.free-entry-btn, .event_lineup_infos-container + .tickets-btn.free-entry-btn{padding:2.04vw 3.5vw}
 .event_meta_box .tickets-btn.free-entry-btn img, .event_lineup_infos-container + .tickets-btn.free-entry-btn img, .event_lineup_infos-container + .tickets-btn a img, .event_meta_box .tickets-btn a img{width:14vw}
}
@media only screen and (max-width:1024px) and (min-width:769px){
 
 .mainact_homepage--active_event{font-size:2.75rem}
 .mainact_homepage--archived_event{font-size:2.75rem}
 .mainact_subpage{font-size:2.75rem}
 
 .support_homepage--active_event{font-size:1.65rem;
  /*max-width:73%*/
 }
 .support_homepage--archived_event{font-size:1.65rem}
 .support_subpage{font-size:1.65rem}
 
 .date_homepage--active_event{font-size:1.25rem}
 .date_homepage--archived_event{font-size:1.25rem}
 .date_subpage{font-size:1.25rem}
 .einlass_subpage{font-size:1.25rem}

 .mainact_homepage--active_event.line1{}
 .mainact_homepage--active_event.line2{}
 .mainact_homepage--active_event.line1 + .mainact_homepage--active_event.line2{}
 .mainact_homepage--archived_event.line1{}
 .mainact_homepage--archived_event.line2{}
 .mainact_homepage--archived_event.line1 + .mainact_homepage--archived_event.line2{}
 .mainact_subpage.line1{}
 .mainact_subpage.line2{}
 .mainact_subpage.line1 + .mainact_subpage.line2{}

 .support_homepage--active_event.support-1{}
 .support_homepage--active_event.support-2{}
 .support_homepage--active_event.support-1 + .support_homepage--active_event.support-2{}
 .support_homepage--archived_event.support-1{}
 .support_homepage--archived_event.support-2{}
 .support_homepage--archived_event.support-1 + .support_homepage--archived_event.support-2{}
 .support_subpage.support-1{}
 .support_subpage.support-2{}
 .support_subpage.support-1 + .support_subpage.support-2{}

 .einlass_subpage.einlass-1{}
 .einlass_subpage.einlass-2{}
 .einlass_subpage.einlass-1 + .einlass_subpage.einlass-2{}
 
 .event_meta_box .tickets-btn a, .event_lineup_infos-container + .tickets-btn a, .event_meta_box .tickets-btn.free-entry-btn, .event_lineup_infos-container + .tickets-btn.free-entry-btn{padding:2.04vw 3.5vw}
 .event_meta_box .tickets-btn.free-entry-btn img, .event_lineup_infos-container + .tickets-btn.free-entry-btn img, .event_lineup_infos-container + .tickets-btn a img, .event_meta_box .tickets-btn a img{width:14vw}
 .card.card-img.main-event-swiper{
 /*height:calc((100vw / 16) * 12)*/
 }
}
@media only screen and (max-width:768px) and (min-width:481px){
 
 .mainact_homepage--active_event{font-size:2.25rem}
 .mainact_homepage--archived_event{font-size:2.25rem}
 .mainact_subpage{font-size:2.25rem}
 
 .support_homepage--active_event{font-size:1.3rem}
 .support_homepage--archived_event{font-size:1.3rem}
 .support_subpage{font-size:1.3rem}
 
 .date_homepage--active_event{font-size:1.0rem}
 .date_homepage--archived_event{font-size:1.0rem}
 .date_subpage{font-size:1.0rem}
 .einlass_subpage{font-size:1.0rem}

 .mainact_homepage--active_event.line1{}
 .mainact_homepage--active_event.line2{}
 .mainact_homepage--active_event.line1 + .mainact_homepage--active_event.line2{}
 .mainact_homepage--archived_event.line1{}
 .mainact_homepage--archived_event.line2{}
 .mainact_homepage--archived_event.line1 + .mainact_homepage--archived_event.line2{}
 .mainact_subpage.line1{}
 .mainact_subpage.line2{}
 .mainact_subpage.line1 + .mainact_subpage.line2{}

 .support_homepage--active_event.support-1{}
 .support_homepage--active_event.support-2{}
 .support_homepage--active_event.support-1 + .support_homepage--active_event.support-2{}
 .support_homepage--archived_event.support-1{}
 .support_homepage--archived_event.support-2{}
 .support_homepage--archived_event.support-1 + .support_homepage--archived_event.support-2{}
 .support_subpage.support-1{}
 .support_subpage.support-2{}
 .support_subpage.support-1 + .support_subpage.support-2{}

 .einlass_subpage.einlass-1{}
 .einlass_subpage.einlass-2{}
 .einlass_subpage.einlass-1 + .einlass_subpage.einlass-2{}
 
 .event_meta_box .tickets-btn a, .event_lineup_infos-container + .tickets-btn a, .event_meta_box .tickets-btn.free-entry-btn, .event_lineup_infos-container + .tickets-btn.free-entry-btn{padding:2.04vw 3.5vw}
 .event_meta_box .tickets-btn.free-entry-btn img, .event_lineup_infos-container + .tickets-btn.free-entry-btn img, .event_lineup_infos-container + .tickets-btn a img, .event_meta_box .tickets-btn a img{width:14vw}
 .card.card-img.main-event-swiper{
 /*height:calc((100vw / 16) * 12)*/
 }
}
@media only screen and (max-width:480px) and (min-width:120px){

 .mainact_homepage--active_event{font-size:7.5vw}
 .mainact_homepage--archived_event{font-size:7.5vw}
 .mainact_subpage{font-size:7.5vw}
 
 .support_homepage--active_event{font-size:4.5vw;
  /*width:68%*/
 }
 .support_homepage--archived_event{font-size:4.5vw;width:100%}
 .support_subpage{font-size:4.5vw;width:100%}
 
 .date_homepage--active_event{font-size:4.0vw}
 .date_homepage--archived_event{font-size:4.0vw}
 .date_subpage{font-size:4.0vw}
 .einlass_subpage{font-size:4.0vw}

 .mainact_homepage--active_event.line1{}
 .mainact_homepage--active_event.line2{}
 .mainact_homepage--active_event.line1 + .mainact_homepage--active_event.line2{}
 .mainact_homepage--archived_event.line1{}
 .mainact_homepage--archived_event.line2{}
 .mainact_homepage--archived_event.line1 + .mainact_homepage--archived_event.line2{}
 .mainact_subpage.line1{}
 .mainact_subpage.line2{}
 .mainact_subpage.line1 + .mainact_subpage.line2{}

 .support_homepage--active_event.support-1{}
 .support_homepage--active_event.support-2{}
 .support_homepage--active_event.support-1 + .support_homepage--active_event.support-2{}
 .support_homepage--archived_event.support-1{}
 .support_homepage--archived_event.support-2{}
 .support_homepage--archived_event.support-1 + .support_homepage--archived_event.support-2{}
 .support_subpage.support-1{}
 .support_subpage.support-2{}
 .support_subpage.support-1 + .support_subpage.support-2{}

 .einlass_subpage.einlass-1{}
 .einlass_subpage.einlass-2{}
 .einlass_subpage.einlass-1 + .einlass_subpage.einlass-2{}
 
 
 .event_meta_box .tickets-btn a, .event_lineup_infos-container + .tickets-btn a, .event_meta_box .tickets-btn.free-entry-btn, .event_lineup_infos-container + .tickets-btn.free-entry-btn{padding:2.5vw 4.5vw}
 .event_meta_box .tickets-btn.free-entry-btn img, .event_lineup_infos-container + .tickets-btn.free-entry-btn img, .event_lineup_infos-container + .tickets-btn a img, .event_meta_box .tickets-btn a img{width:17vw}
 .card.card-img.main-event-swiper{
 height:calc((100vw / 16) * 12)
 }
 
 .wrap-2021-tickets .days-row .day > .price-col{min-width:85px}
 .tickets_section_headline.little-margin-top{margin-top:3rem}
 
}
@media only sceen and (orientation:landscape){
 .wrap-2021-tickets #box-2 > div{overflow-y:scroll}
}

@media only sceen and (max-width:320px){
 #account-menu > .title{font-size:15px}
 .right-50 .center-item{min-width:320px;padding:36px 10px;max-width:320px}
 .woocommerce-cart-form__contents .head div div{float:left;font-weight:700;font-size:13px}
}



video.wp-video-shortcode{height:auto}
button.show-password-input{
font-family:'SoinSansNeue-Roman';
margin-top:8px;
font-weight:100;
}
.woocommerce-MyAccount-content .woocommerce-notices-wrapper{margin-top:3rem;margin-bottom:3rem}
@media only screen and (max-width:480px){.woocommerce-MyAccount-content .woocommerce-notices-wrapper{margin-bottom:0}}
.woocommerce-form-login__rememberme{margin-bottom:1rem}
.woocommerce-LostPassword.lost_password{margin-top:1rem}
body.woocommerce-lost-password button.woocommerce-Button.button, body.woocommerce-lost-password button.woocommerce-Button.button:hover, form.woocommerce-form-register.register button.woocommerce-Button
/*, div.my-tickets-section div.std-btn a*/
{
background-color:var(--button-payments-background-color);
font-family:'SoinSansNeue-Black';
color:#fff;
font-weight:100;
line-height:1;
text-transform:uppercase;
padding-top:1rem!important;
padding-bottom:1rem!important;
}
span.woocommerce-terms-and-conditions-checkbox-text.sanapa{line-height:1.2;font-size:15px}