/* DaCapo Webshop */

/* Version: 1.4 */

@font-face {
    font-family:'Raleway';
    font-weight: 400;
    font-display: swap;
    src:
            local('Raleway'),
            url('https://staging-inhousewebshop.derticketservice.de/static/common/fonts/raleway-regular-webfont.woff2') format('woff2'),
            url('https://staging-inhousewebshop.derticketservice.de/static/common/fonts/raleway-regular-webfont.woff') format('woff');
}


@font-face {
    font-family:'Open Sans';
    font-display: swap;
    src:
            local('OpenSans-VariableFont_wdth,wght'),
            url('https://staging-inhousewebshop.derticketservice.de/static/common/fonts/opensans-variablefont_wdthwght-webfont.woff2') format('woff2'),
            url('https://staging-inhousewebshop.derticketservice.de/static/common/fonts/opensans-variablefont_wdthwght-webfont.woff') format('woff');
}


body {
    font-family: 'Raleway', Verdana, Geneva, sans-serif !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 30px !important;
    font-style: normal !important;
    empty-cells: hide !important;
    padding-top: 0 !important;
    color: #303030 !important;
}

@media (max-width: 360px) {
    body {
        margin-top: 0 !important;
    }
}


div {
    text-align: left;
}

.cmsmasters_dynamic_cart .widget_shopping_cart_content .buttons .button,
.cmsmasters_dynamic_cart .cmsmasters_dynamic_cart_button,
.header_mid .search_wrap .search_bar_wrap .search_button button:before,
.header_mid a,
.header_mid .cmsmasters_button:hover,
.header_mid .button:hover,
.header_mid input[type=submit]:hover,
.header_mid input[type=button]:hover,
.header_mid button:hover {
    color: #fff;
}

#ticketshop .webshop .h1,
#ticketshop .page-header h1 {
    color: #303030 !important;
    font-family: 'Open Sans', Verdana, Geneva, 'DejaVu Sans', sans-serif;
    font-size: 32px;
    line-height: 40px;
    font-weight: 600;
    font-style: normal;
    text-decoration: none;
    hyphens: auto;
}

@media (min-width: 768px) {
    #ticketshop .webshop .h1,
    #ticketshop .page-header h1 {
        font-size: 46px;
        line-height: 52px;
    }
}

#ticketshop h2,
#ticketshop .webshop .h2 {
    font-family: 'Open Sans', Verdana, Geneva, 'DejaVu Sans', sans-serif;
    font-size: 20px;
    font-weight: 600;
    font-style: normal;
    color: #303030 !important;
    text-decoration: none;
}

#ticketshop h4, .h4 {
    font-size: 16px !important;
}


#ticketshop .page-header .link-back,
#ticketshop a#nav_tickets,
#ticketshop a#nav_items {
    display: none;
}

#ticketshop .btn.full-width,
#dts .btn-primary {
    display: block;
    background: #b49761 !important;
    color: #fff !important;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600 !important;
    border: solid #b49761 1px !important;
    border-radius: 35px !important;
    transition: 0.3s !important;
    position: relative;
}

#dts .evt-cookie-element-btn-showMore {
    display: block;
    background: transparent !important;
    color: #fff !important;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600 !important;
    border: solid #fff 2px !important;
    border-radius: 35px !important;
    transition: 0.3s !important;
    position: relative;
}

#ticketshop #filter-eventlist p {
    font-weight: 600;
}

#ticketshop .dropup.dropup-language.clearfix .btn.full-width,
#ticketshop a.btn.btn-default.full-width.evt-filter-subscriber,
#ticketshop button#eventlist-filter-reset.dropdown-menu {
    background: transparent;
    color: #303030 !important;
    border-color: #ccc;
    border-radius: 8px;
}

#ticketshop .dropup.dropup-language.clearfix .btn.full-width:focus,
#ticketshop .dropup.dropup-language.clearfix .btn.full-width:hover,
#ticketshop .dropup.dropup-language.clearfix .btn.full-width:active {
    border-color: #ccc !important;
}

#ticketshop .seatList-item .btn-close {
    padding: 0;
    font-size: initial;
    line-height: 0;
    border-radius: 3px;
    margin-left: 0;
    display: flex;
    height: 40px;
    width: 40px;
    justify-content: center;
    align-items: center;
}

#ticketshop #nameSpan {
    font-size: 16px !important;
}

ul#dropup-language-list li {
    padding-left: 0 !important;
}

#ticketshop .form-control:focus {
    box-shadow: none !important;
    border: 1px solid #ccc !important;
}

#ticketshop .btn.full-width:hover,
#ticketshop .btn.full-width:active,
#ticketshop .btn.full-width:focus,
#dts .btn-primary:hover,
#dts .btn-primary:active,
#dts .btn-primary:focus {
    background: #b49761;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    border: solid #b49761 1px;
    border-radius: 35px;
    border-color: #b49761 !important;
}

#ticketshop .hinweis-gebuehr {
    font-family: 'Raleway', Verdana, Geneva, sans-serif !important;
    font-size: 16px;
    font-weight: 400;
}

#ticketshop strong {
    color: #303030;
}

#seatList_placeholder strong {
    font-size: 16px;
}

#ticketshop .evt-seatlist li {
    padding-left: 0 !important;
}

.map-container {
    border-color: #ccc !important;
}

#ticketshop .evt-price-calculator fieldset {
    border-color: #ccc !important;
    border-radius: 0 !important;
}

#ticketshop .evt-price-filter-checkboxes {
    margin-top: 20px;
}

#ticketshop .evt-price-calculator .input-group-addon {
    background: #f7f7f7 !important;
    border-radius: 0 !important;
    color: #303030 !important;
}

.form-control {
    border-color: #ccc !important;
}

input.form-control[type="email"],
input.form-control[type="number"],
input.form-control[type="password"],
input.form-control[type="search"],
input.form-control[type="tel"],
input.form-control[type="text"],
input.form-control[type="url"],
textarea.form-control {
    background: #f7f7f7 !important;
    border-radius: 8px;
    color: #303030 !important;
    font-size: 14px !important;
}

.highlight {
    box-shadow: none !important;
}

.evt-radio-unchecked input[type="checkbox"]:checked + label::before, div.checkbox.evt-checkbox input[type="checkbox"]:checked + label::before, div.radio.evt-radio input[type="checkbox"]:checked + label::before {
    color: #b49761 !important;
}

#ticketshop .checkbox.evt-checkbox.evt-checkbox-multiline a {
    font-size: 16px;
    color: #303030;
}

#ticketshop .evt-dropdown>.evt-select>.btn-default,
#ticketshop .evt-dropdown>.evt-selecter>.btn-default {
    border: 1px solid #ccc;
    background: #f7f7f7;
}

#ticketshop .bootstrap-select.btn-group .dropdown-menu.inner li {
    padding-left: 0 !important;
}

#ticketshop .evt-placeholder-float label,
#ticketshop .evt-placeholder-float-label label,
#ticketshop .evt-placeholder-static label {
    color: #303030 !important;
    background-color: transparent !important;
}

form#customerDetailsForm .form-group,
div#loginFields .form-group {
    margin-bottom: 45px !important;
}

div#loginFields h2,
div#forgottenPassword p{
    margin-bottom: 45px !important;
}

form#customerDetailsForm .checkbox.evt-checkbox.evt-checkbox-multiline.form-group {
    margin-bottom: 0 !important;
}

form#customerDetailsForm .h3 {
    display: none;
}

.evt-placeholder-float label, .evt-placeholder-static label {
    font-weight: 600 !important;
    left: 0 !important;
    top: -25px !important;
    font-family: 'Raleway', Verdana, Geneva, sans-serif;
    text-overflow: initial !important;
    white-space: normal !important;
    overflow: auto !important;
    color: #303030 !important;
}

#ticketshop .evt-vouchers-promo-container .divider {
    border: none !important;
}

#ticketshop .evt-vouchers-promo-container label {
    display: none;
}

.evt-placeholder-float label[for=repeatRegistrationPassword] {
    top: -45px !important;
}

#ticketshop .component {
    font-size: 16px;
}

#ticketshop .component a {
    color: #303030 !important;
}

.component.evt-event.evt-event-detail.m-0 {
    font-family: 'Open Sans', Verdana, Geneva, 'DejaVu Sans', sans-serif;
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
    font-style: normal;
    text-transform: none;
    text-decoration: none;
}

.component.evt-event-container li {
    padding-left: 0 !important;
}


.page-header, .evt-event-container li {
    border-bottom: none !important;
}

.evt-event-container .evt-event {
    border-bottom: 1px dotted #b49761;
    padding-bottom: 20px;
}

.divider {
    border-top: 1px dotted #b49761 !important;
}

.component.evt-event.evt-event-detail.m-0 .col-sm-12.col-lg-8.col-lg-push-2 {
    width: 100%;
    left: 0;
    margin: 20px auto;
}

/* Header */

#header {
    width: 100%;
    position: absolute;
    z-index: 9999;
}

.header_mid {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0));
}

.header_mid_scroll {
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    background-color: #ffffff !important;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, 1)) !important;
}

.header_mid_scroll .sub-menu {
    color: #ffffff !important;
    background-color: #f7f7f7 !important;
    -webkit-box-shadow: 5px 7px 23px -8px rgb(0 0 0 / 30%) !important;
    -moz-box-shadow: 5px 7px 23px -8px rgba(0, 0, 0, 0.3) !important;
    box-shadow: 5px 7px 23px -8px rgb(0 0 0 / 30%) !important;
}

.header_mid_scroll .nav_title {
    color: #000 !important;
}

.header_mid .logo_wrap .logo .logo_retina {
    display: none;
}

.logo_wrap {
    height: 100%;
    position: relative;
    float: left;
    width: 275px !important;
}

.header_mid .header_mid_inner .logo_wrap {
    width: 275px !important;
}

.header_mid .logo_wrap {
    height: 100%;
    position: relative;
    float: left;
}

.header_mid .logo_wrap .logo img {
    background-image: url('https://staging-inhousewebshop.derticketservice.de/static/dacapo/img/logo_dacapo.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    max-height: 100%;
    width: 280px;
    height: auto;
    margin: auto !important;
    position: absolute;
    left: 0;
    right: auto;
    top: 0;
    bottom: 0;
}

@media (max-width: 370px) {
    #header-dacapo .header_mid .logo_wrap,
    .header_mid .logo_wrap .logo img {
        width: 220px !important;
    }

    .header_mid .logo_wrap .logo img {
        margin-bottom: 12px !important;
    }
}

@media (max-width: 280px) {
    #header-dacapo .header_mid .logo_wrap,
    .header_mid .logo_wrap .logo img {
        width: 180px !important;
    }

    .header_mid .logo_wrap .logo img {
        margin-bottom: 22px !important;
    }
}

.navigation li {
    border-color: rgba(255, 255, 255, 0);
}

/* Header CTS */


#ticketshop .navbar-default .navbar-nav > li > a,
#ticketshop .navbar-default .evt-mobile-shortcut-navigation > li > a,
#ticketshop .navbar-default .evt-mobile-shortcut-navigation .evt-mobile-shortcut-navigation-link,
#ticketshop .navbar-default .dropdown-toggle .icons [class*=" icon-"],
#ticketshop .navbar-default .dropdown-toggle .icons [class^=icon-] {
    color: #303030 !important;
}

#ticketshop .navbar-nav .icons,
#ticketshop .evt-mobile-shortcut-navigation .evt-mobile-shortcut-navigation-link .icons {
    padding-right: 5px;
}

#ticketshop .navbar .navbar-nav .icons + .badge, #ticketshop .basket .badge {
    background-color: #b49761;
}

#ticketshop div#mobileShortCut {
    padding-right: 14px !important;
}

@media (max-width: 768px) {
    #ticketshop .basket .badge {
        bottom: 16px;
    }
}

.navbar-fixed-bottom, .navbar-fixed-top {
    position: fixed !important;
    z-index: 9998 !important;
    top: 100px !important;
}

#ticketshop nav > div > ul li {
    display: block;
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 203;
}

#ticketshop #navbar-right {
    text-transform: uppercase;
}

#ticketshop ul#navbar-main li,
#ticketshop ul#navbar-right li {
    padding-left: 0 !important;
}

#ticketshop ul#navbar-right li.divider {
    border: none !important;
    margin: auto;
}

@media (min-width: 1025px) {
    #ticketshop header.navbar.navbar-default.navbar-fixed-top .container {
        padding-right: 0;
        padding-left: 0;
        max-width: 1740px;
        width: 100%;
    }
}
#ticketshop ul#navbar-main li.active {
    padding-left: 0 !important;
}

.navbar-brand {
    display: none !important;
}

/* Header DaCapo */

#header-dacapo {
    width: 100%;
    position: fixed;
    z-index: 9999;
}

#ticketshop .webshop {
    padding-top: 90px;
    padding-bottom: 20px;
}

@media screen and (min-width: 1024px) {
    #ticketshop .webshop {
        padding-top: 250px;
        padding-bottom: 50px;
    }
}

#ticketshop .well {
    padding: 18px 14px 14px 14px;
}

/* Navi Dacapo */

.header_mid .resp_mid_nav_wrap {
    height: 100%;
    margin: 0 0 0 20px;
    position: relative;
    float: right;
    overflow: hidden;
}

.header_mid .resp_mid_nav_wrap .resp_mid_nav_outer {
    height: 100%;
}

.header_mid .resp_mid_nav_wrap .responsive_nav:before,
.header_mid .resp_mid_nav_wrap .responsive_nav:after,
.header_mid .resp_mid_nav_wrap .responsive_nav span,
.header_mid .cmsmasters_button, .header_mid .button,
.header_mid input[type=submit],
.header_mid input[type=button],
.header_mid button {
    background-color: #fff;
}


.responsive_top_nav span, .responsive_nav span {
    -webkit-transition: opacity .3s ease-in-out .1s;
    -moz-transition: opacity .3s ease-in-out .1s;
    -ms-transition: opacity .3s ease-in-out .1s;
    -o-transition: opacity .3s ease-in-out .1s;
    transition: opacity .3s ease-in-out .1s;
}

.header_mid .resp_mid_nav_wrap .resp_mid_nav:hover, .header_mid .resp_mid_nav_wrap .resp_mid_nav.active {
    outline: none;
}

#ticketshop nav > div {
    height: 100%;
}

.navigation li > a:hover, .navigation li.current-menu-item > a {
    background-color: rgba(255, 255, 255, 0);
}

#ticketshop .cmsmasters_dynamic_cart .remove,
.navigation li > a:hover,
.navigation li > a:hover .nav_subtitle,
.navigation li.current-menu-item > a,
.navigation li.current-menu-item > a .nav_subtitle,
.navigation .menu-item-mega-container > ul > li > a .nav_title,
.navigation li a .nav_tag {
    color: #fff;
}

#ticketshop nav > div > ul ul {
    list-style: none;
    width: 184px;
    margin: 20px 0 0;
    padding: 10px 0 10px;
    visibility: hidden;
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 203;
    opacity: 0;
    border-width: 1px;
    border-style: solid;
}

#ticketshop .navigation ul {
    padding-left: 10px;
    padding-right: 10px;
    left: 0;
}

#ticketshop nav > div > ul li:hover > ul {
    margin: 0 0 0;
    visibility: visible;
    opacity: 1;
    text-align: left;
}

#ticketshop nav > div > ul li:hover {
    z-index: 204;
}

.mid_nav_wrap {
    height: 100%;
    position: relative;
    display: inline-block;
    float: right;
}

.mid_nav_wrap nav {
    display: block;
    height: 100%;
    position: relative;
}

#ticketshop .navigation {
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

#ticketshop ul > li {
    font-size: 16px;
    padding-left: 3em;
}

#ticketshop .sub-menu li a {
    display: block;
    position: relative;
    z-index: 204;
}

#ticketshop .navigation > li {
    height: 100%;
    margin: 0;
}

#ticketshop .navigation .menu-item-mega-container > ul > li > a .nav_title,
#ticketshop .navigation > li > a {
    font-family: 'Open Sans', Arial, Helvetica, 'Nimbus Sans L', sans-serif;
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
    font-style: normal;
    text-transform: uppercase;
}

#ticketshop ul li:first-child, #ticketshop ol li:first-child {
    padding-top: 0;
}

#ticketshop nav > div > ul > li {
    float: left;
}

#ticketshop .cmsmasters_dynamic_cart .remove:hover,
#ticketshop .navigation li a {
    color: #8a8a8e;
}

#ticketshop .navigation ul li a {
    padding: 7px 13px;
}

#ticketshop .navigation li > a:hover, #ticketshop .navigation li.current-menu-item > a {
    background-color: rgba(255, 255, 255, 0);
}

#ticketshop .cmsmasters_dynamic_cart .remove,
#ticketshop .navigation li > a:hover, #ticketshop .navigation li > a:hover .nav_subtitle,
#ticketshop .navigation li.current-menu-item > a,
#ticketshop .navigation li.current-menu-item > a .nav_subtitle,
#ticketshop .navigation .menu-item-mega-container > ul > li > a .nav_title,
#ticketshop .navigation li a .nav_tag {
    color: #fff !important;
}

#ticketshop nav > div > ul li:hover > ul:before {
    content: '';
    width: 100%;
    height: 0;
    position: absolute;
    left: 0;
    top: -1;
}

.sub-menu a:link:hover {
    text-decoration: none !important;
}

#ticketshop .navigation > li > a .nav_item_wrap {
    display: inline-block;
    vertical-align: middle;
    padding: 5px 13px;
    position: relative;
}


#ticketshop .navigation > li > a .nav_item_wrap:before {
    content: '';
    height: 9px;
    width: 1px;
    margin: auto 0;
    position: absolute;
    right: 0;
    top: -1px;
    bottom: 0;
}

#ticketshop .header_mid .navigation > li > a .nav_item_wrap:before {
    background-color: rgba(255, 255, 255, .2);
}

#ticketshop .navigation > li > a:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

/* Allgmein */

#ticketshop {
    width: 100%;
    position: relative;
}

.cmsmasters_color_scheme_footer,
html .cmsmasters_color_scheme_footer .cmsmasters_likes a,
html .cmsmasters_color_scheme_footer input:not([type=submit]):not([type=button]):not([type=radio]):not([type=checkbox]),
html .cmsmasters_color_scheme_footer textarea,
html .cmsmasters_color_scheme_footer select,
html .cmsmasters_color_scheme_footer option,
html .cmsmasters_color_scheme_footer .cmsmasters_notice .notice_close,
html .cmsmasters_color_scheme_footer .cmsmasters_stats.stats_mode_circles .cmsmasters_stat_wrap .cmsmasters_stat .cmsmasters_stat_inner:before,
html .cmsmasters_color_scheme_footer .cmsmasters_stats.stats_mode_bars.stats_type_vertical .cmsmasters_stat_wrap .cmsmasters_stat_counter_wrap,
html .cmsmasters_color_scheme_footer .cmsmasters_comments a,
html .cmsmasters_color_scheme_footer .cmsmasters_open_project .project_sidebar .cmsmasters_likes a span,
html .cmsmasters_color_scheme_footer .cmsmasters_open_profile .profile_details .cmsmasters_likes span,
html .cmsmasters_color_scheme_footer .cmsmasters_open_project .project_sidebar .cmsmasters_comments a span,
html .cmsmasters_color_scheme_footer .search_bar_wrap .search_button button:before {
    color: rgba(48, 48, 48, .35);
}


#ticketshop nav > div > ul ul, #ticketshop nav > div > ul div {
    -webkit-transition: opacity .3s ease-in-out .1s, margin-top .3s ease-in-out .1s;
    -moz-transition: opacity .3s ease-in-out .1s, margin-top .3s ease-in-out .1s;
    -ms-transition: opacity .3s ease-in-out .1s, margin-top .3s ease-in-out .1s;
    -o-transition: opacity .3s ease-in-out .1s, margin-top .3s ease-in-out .1s;
    transition: opacity .3s ease-in-out .1s, margin-top .3s ease-in-out .1s;
}

#ticketshop nav > div > ul li a, #ticketshop .cmsmasters_icon_wrap .cmsmasters_simple_icon {
    -webkit-transition: background-color .3s ease-in-out, color .3s ease-in-out, border-color .3s ease-in-out;
    -moz-transition: background-color .3s ease-in-out, color .3s ease-in-out, border-color .3s ease-in-out;
    -ms-transition: background-color .3s ease-in-out, color .3s ease-in-out, border-color .3s ease-in-out;
    -o-transition: background-color .3s ease-in-out, color .3s ease-in-out, border-color .3s ease-in-out;
    transition: background-color .3s ease-in-out, color .3s ease-in-out, border-color .3s ease-in-out;
}


.header_top, .header_top a,
#ticketshop .navigation ul li a,
#ticketshop .navigation > li > a .nav_subtitle,
#ticketshop .navigation > li > a .nav_tag,
.top_line_nav > li > a,
.top_line_nav ul li a {
    font-family: 'Open Sans', Arial, Helvetica, 'Nimbus Sans L', sans-serif;
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
    font-style: normal;
    text-transform: none;
}

#ticketshop a#continue-shopping {
    display: none;
}

/* zweispaltiger Saaplan */

@media (min-width: 768px) {

    #dts #divTicketList .col-lg-12.col-lg-push-0.col-sm-6.col-sm-push-6.col-xs-12 {
        left: auto;
        width: 100%;
    }

}

/* Footer */

.component.footer-logo {
    display: none;
}

#footer {
    overflow: hidden;
}

.cmsmasters_footer_default {
    background-color: rgba(119, 114, 91, .1);
}

.footer_inner {
    text-align: center;
    padding-top: 55px !important;
    padding-bottom: 50px !important;
}

.header_fullwidth .header_mid .header_mid_inner {
    width: 100%;
    padding-left: 2%;
    padding-right: 2%;
    text-align: center;
}

.mid_nav {
    outline: none;
}

.header_fullwidth .header_mid .mid_nav_wrap {
    display: inline-block;
    float: right;
}

.header_mid .header_mid_inner {
    height: 100%;
}

.header_mid .header_mid_outer {
    height: 100%;
    position: relative;
}

.cmsmasters_dynamic_cart .widget_shopping_cart_content .buttons .button,
.header_mid_outer,
.header_mid input:not([type=submit]):not([type=button]):not([type=radio]):not([type=checkbox]),
.header_mid textarea, .header_mid select,
.header_mid option {
    border-color: rgba(255, 255, 255, .2);
}


.post-password-form, .header_top_inner, .header_mid_inner, .header_bot_inner, .content_wrap, .headline_inner, .bottom_outer, .footer_inner, .cmsmasters_row_inner {
    position: relative;
    width: 980px;
    padding: 0 20px;
    margin: 0 auto;
}


#ticketshop nav > div > ul {
    list-style: none;
    display: inline-block;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    position: relative;
    z-index: 202;
    zoom: 1;
}

.cmsmasters_footer_default .footer_inner > div:first-child {
    padding-top: 0;
}

.cmsmasters_footer_default .footer_copyright {
    display: block;
    margin: 15px 0 0;
    text-align: center;
}

.cmsmasters_footer_default .social_wrap {
    margin: 0 0 10px;
    height: auto;
}

.cmsmasters_footer_default .social_wrap .social_wrap_inner {
    text-align: center;
    height: auto;
}

.cmsmasters_footer_default .social_wrap .social_wrap_inner ul > li {
    padding: 0 !important;
    height: 25px;
}

.social_wrap {
    display: block;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.social_wrap a {
    display: block;
    width: 20px;
    height: 20px;
    position: relative;
}

.social_wrap ul {
    list-style: none;
    display: inline-block;
    margin: 0;
    padding: 0;
    vertical-align: middle;
}

.cmsmasters_footer_default .social_wrap li:first-child {
    margin-left: 0;
}

.cmsmasters_footer_default .social_wrap li {
    margin-left: 5px;
    margin-right: 5px;
}

.social_wrap li:first-child {
    padding-top: 4px;
}

ul li:first-child, ol li:first-child {
    padding-top: 0;
}

.social_wrap li {
    display: inline-block;
    margin: 0 2px 0 0;
    padding-top: 4px;
    position: relative;
    vertical-align: middle;
}

#ticketshop .cmsmasters_social_icon,
#ticketshop .edge_only .cmsmasters_but_icon_inverse {
    -webkit-transition: color .3s ease-in-out, background-color .3s ease-in-out;
    -moz-transition: color .3s ease-in-out, background-color .3s ease-in-out;
    -ms-transition: color .3s ease-in-out, background-color .3s ease-in-out;
    -o-transition: color .3s ease-in-out, background-color .3s ease-in-out;
    transition: color .3s ease-in-out, background-color .3s ease-in-out;
    color: #303030;
}

@media only screen and (max-width: 1024px) {

    #ticketshop .navigation > li > a .nav_item_wrap:before {
        display: none;
    }

    #header-dacpo .navigation li li > a {
        padding-left: 50px !important;
    }

    .post-password-form, .header_top_inner, .header_mid_inner, .header_bot_inner, .content_wrap, .headline_inner, .bottom_outer, .footer_inner, .cmsmasters_row_inner {
        width: 100%;
    }

    header.navbar.navbar-default.navbar-fixed-top.navbar-hidden.navbar-fixed-top-scroll,
    header.navbar.navbar-default.navbar-fixed-top.navbar-fixed-top-scroll.navbar--fixed {
        top: 100px !important;
    }

    #ticketshop.fixed_header #header-dacapo {
        position: absolute;
        float: left;
    }

    #header-dacapo .header_mid {
        overflow: hidden;
        clear: both;
    }

    .header_mid .resp_mid_nav_wrap .resp_mid_nav {
        display: inline-block;
        vertical-align: middle;
        position: relative;
    }

    #header-dacapo .header_mid .resp_mid_nav_wrap .resp_mid_nav_outer:after {
        content: '';
        display: inline-block;
        vertical-align: middle;
        height: 100%;
    }

    #header-dacapo .header_mid .resp_mid_nav_wrap .responsive_nav {
        width: 14px;
        height: 16px;
        margin-bottom: 4px;
        overflow: hidden;
    }

    #header-dacapo .header_mid .resp_mid_nav_wrap .responsive_nav:before {
        content: '';
        width: 18px;
        height: 2px;
        position: absolute;
        bottom: 6px;
        right: 0;
    }

    #header-dacapo .header_mid .resp_mid_nav_wrap .responsive_nav:after {
        content: '';
        width: 18px;
        height: 2px;
        position: absolute;
        bottom: 12px;
        left: 0;
    }

    #header-dacapo .header_mid .resp_mid_nav_wrap .responsive_nav:focus {
        border: none !important;
    }

    #header-dacapo .header_mid .resp_mid_nav_wrap .responsive_nav.active:before {
        bottom: 0;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transform-origin: 100% 0;
        -moz-transform-origin: 100% 0;
        -ms-transform-origin: 100% 0;
        -o-transform-origin: 100% 0;
        transform-origin: 100% 0;
    }

    #header-dacapo .header_mid .resp_mid_nav_wrap .responsive_nav.active:after {
        bottom: 0;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transform-origin: 0 0;
        -moz-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        -o-transform-origin: 0 0;
        transform-origin: 0 0;
    }

    #header-dacapo .header_mid .resp_mid_nav_wrap .responsive_nav span {
        display: block;
        height: 2px;
        width: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
    }

    #header-dacapo .header_mid .resp_mid_nav_wrap .responsive_nav.active span {
        opacity: 0;
    }

    #header-dacapo .header_mid .header_mid_outer {
        overflow: hidden;
    }

    #header-dacapo .header_mid .mid_nav_wrap {
        display: block;
        height: auto;
        float: none;
        margin: 20px -20px 0;
        visibility: visible;
        overflow: hidden;
        clear: both;
        opacity: 1;
    }

    .header_mid .header_mid_inner > div:not(.search_wrap) {
        height: 100px;
    }

    #header-dacapo .header_mid .mid_nav_wrap nav {
        display: none;
    }

    #header-dacapo nav {
        height: auto;
    }

    #header-dacapo .navigation .nav_item_wrap {
        display: inline-block !important;
        vertical-align: middle !important;
    }

    #header-dacapo nav div,
    #header-dacapo nav ul,
    #header-dacapo nav li,
    #header-dacapo nav a,
    #header-dacapo nav span {
        background-image: none !important;
        display: block;
        width: auto;
        height: auto;
        float: none !important;
        margin: 0;
        padding: 0 !important;
        visibility: visible;
        position: relative;
        left: auto;
        right: auto;
        top: auto;
        bottom: auto;
        text-align: left;
        border-width: 0;
        border-style: solid;
        clear: both;
        overflow: hidden;
        -webkit-border-radius: 0;
        border-radius: 0;
        opacity: 1 !important;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    #header-dacapo nav ul.sub-menu {
        position: relative !important;
        width: auto !important;
        margin: 0 auto !important;
    }

    #header-dacapo .navigation {
        padding: 0;
    }

    #header-dacapo nav li {
        border-color: rgba(255, 255, 255, .2);
        border-top-width: 1px;
        border-top-style: solid;
    }

    #header-dacapo .navigation a {
        padding: 10px 20px 10px 20px !important;
    }

    #header-dacapo .navigation li li > a {
        padding-left: 50px !important;
    }

    #header-dacapo .navigation .menu-item-has-children > a {
        padding-right: 40px !important;
    }

    #header-dacapo .navigation .nav_title {
        display: inline-block;
        vertical-align: bottom;
    }

    #header-dacapo .navigation .cmsmasters_resp_nav_toggle {
        display: block;
        vertical-align: middle;
        width: 100% !important;
        height: 100%;
        cursor: pointer;
        position: absolute;
        top: 0;
        right: 0;
    }

    ul.navigation {
        background-color: rgba(0, 0, 0, .8);
    }

    #header-dacapo span.cmsmasters_resp_nav_toggle.cmsmasters_theme_icon_resp_nav_slide_down:before,
    #header-dacapo span.cmsmasters_resp_nav_toggle.cmsmasters_theme_icon_resp_nav_slide_up:before {
        position: absolute;
        width: 20px;
        height: 20px;
        font-size: 14px;
        right: 15px;
        top: 50%;
        margin-top: -10px;
        font-family: "Font Awesome 5 Free";
        content:"\f105";
        font-weight: 600;
    }

    #header-dacapo span.cmsmasters_resp_nav_toggle.cmsmasters_theme_icon_resp_nav_slide_up:before {
        content:"\f106" !important;
    }

    .navbar-fixed-bottom, .navbar-fixed-top {
        position: relative !important;
    }

    #header-dacapo .header_mid .header_mid_inner {
        padding: 0 20px;
    }
}

@media only screen and (max-width: 768px) {

    .header_mid .resp_mid_nav_wrap .responsive_nav {
        margin-top: 20px;
    }

    header.navbar.navbar-default.navbar-fixed-top.navbar--fixed,
    header.navbar.navbar-default.navbar-fixed-top {
        top: 77px!important;
    }

    .enable_header_centered #header-dacapo .header_mid .resp_mid_nav_wrap,
    .header_mid .header_mid_inner > div:not(.search_wrap),
    .header_mid .header_mid_inner > div,
    .header_bot .header_bot_inner > div {
        height: auto;
    }

    #header-dacapo .header_mid .logo_wrap {
        width: 380px;
        float: left;
        margin: 0 auto 10px;
        text-align: left;
    }

    .header_mid .logo_wrap .logo img  {
        background-image: url('https://staging-inhousewebshop.derticketservice.de/static/dacapo/img/logo_dacapo_schwarz.png') !important;
    }

    #header-dacapo .header_mid .logo_wrap .logo img {
        position: static;
    }

    a {
        font-family: 'Raleway', Verdana, Geneva, 'DejaVu Sans', sans-serif;
        font-size: 20px;
        font-weight: 400;
        font-style: normal;
        text-transform: none;
        text-decoration: none;
    }

    #header-dacapo .header_mid .resp_mid_nav_wrap {
        display: inline-block;
        vertical-align: middle;
        float: right;
        margin: 0 10px;
    }

    #header-dacapo .header_mid .mid_nav_wrap {
        height: auto;
        float: none;
        margin: 20px -20px 0;
        visibility: visible;
        overflow: hidden;
        clear: both;
        opacity: 1;
    }

    #header-dacapo .header_mid .header_mid_inner {
        padding-top: 10px;
        background-color: #ffffff !important;
        background: linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.9)) !important;
        border-bottom: 1px solid #e6e6e6 !important;
        padding-bottom: 0px;
    }

    .header_mid .resp_mid_nav_wrap .responsive_nav:before,
    .header_mid .resp_mid_nav_wrap .responsive_nav:after,
    .header_mid .resp_mid_nav_wrap .responsive_nav span,
    .header_mid .cmsmasters_button, .header_mid .button,
    .header_mid input[type=submit],
    .header_mid input[type=button],
    .header_mid button {
        background-color: black !important;
    }

}

@media (max-width: 540px) {
    .cmsmasters_footer_default .social_wrap li {
        margin-left: 5px;
        margin-right: 5px;
    }
}

@media screen and (min-width: 0px) and (max-width: 450px) {
    .header_mid .header_mid_inner .logo_wrap {
        width: 250px;
    }
}

@media screen and (min-width: 1025px) and (max-width: 1200px) {
    .header_mid .header_mid_inner .logo_wrap {
        width: 523px;
    }
}

@media screen and (min-width: 1025px) and (max-width: 1170px) {
    .menu-hauptmenue-container {
        margin-top: -95px;
    }
}

header.navbar.navbar-default.navbar-fixed-top.navbar-hidden.navbar-fixed-top-scroll,
header.navbar.navbar-default.navbar-fixed-top.navbar-fixed-top-scroll.navbar--fixed {
    top: 65.66px !important;
}

#ticketshop button.navbar-toggle {
    display: none;
}

ul.dropdown-menu.full-width li {
    padding-left: 0 !important;
}

.evt-mobile-shortcut-navigation ul li {
    padding-left: 0 !important;
}

#ticketshop [class*="icon-"]:before {
    font-family: "Font Awesome 5 Free";
    font-size: 16px;
    font-weight: 600;
}

#ticketshop .icon-calender:before {
    content: '\f783';
}

#ticketshop .icon-alert:before {
    content: '\f05a';
}

#ticketshop .icon-x:before {
    content: '\f00d';
}

#ticketshop .icon-info-circle:before {
    content: '\f05a';
    font-size: 14px;
}

#ticketshop .icon-clock:before {
    content: '\f017';
}

#ticketshop .icon-position:before {
    content: '\f3c5';
}

#ticketshop .icon-arrow-left:before {
    content: '\f104';
    font-size: 19px;
}

#ticketshop .icon-minus:before {
    content: '\f068';
}

#ticketshop .icon-plus:before {
    content: '\f067';
}

#ticketshop .icon-inhouse-eye-show:before,
#ticketshop .icon-eye:before {
    content: '\f06e';
}

#ticketshop .icon-eye:before {
    content: '\f4b8';
}

#ticketshop .icon-person:before {
    content: '\f007';
}

#ticketshop .icon-edit:before {
    content: '\f303';
}

#ticketshop .icon-cart:before {
    content: '\f07a';
}

#ticketshop .icon-trash:before {
    content: '\f2ed';
}

#ticketshop .icon-arrow-down:before {
    content: '\f107';
}

#ticketshop .icon-arrow-up:before {
    content: '\f106';
}

#magicCodeIconSubmit.icon-arrow-right-sharp:before {
    content: '\f105';
    display: inline-block;
    width: 20px;
    font-size: 20px !important;
}

/* Cookie-Banner */

#dts h1.h3.js-CookiesConsentPanelTitle {
    font-weight: 600;
}

#dts .evt-cookie-element a {
    color: #fff;
}

@media (min-width: 1000px) {

    #ticketshop .navbar-default .navbar-nav > li > a,
    #ticketshop .navbar-default .evt-mobile-shortcut-navigation > li > a {
        background: transparent;
    }

    #ticketshop .navbar-right {
        margin-right: 0 !important;
    }

    #ticketshop .navbar {
        min-height: 50px !important;
    }

    #ticketshop .navbar-default {
        background-color: rgba(255,255,255,1) !important;
    }

    #ticketshop .navbar-default .navbar-nav > .active > a,
    #ticketshop .navbar-default .evt-mobile-shortcut-navigation > .active > a,
    #ticketshop .navbar-default .navbar-nav > .active > a:hover,
    #ticketshop.navbar-default .evt-mobile-shortcut-navigation > .active > a:hover,
    #ticketshop .navbar-default .navbar-nav > .active > a:focus,
    #ticketshop .navbar-default .evt-mobile-shortcut-navigation > .active > a:focus {
        color: #303030 !important;
        background-color: transparent !important;
    }
}


@media only screen and (min-width: 1025px) {

    #ticketshop ul.navigation ul, #ticketshop ul.navigation .menu-item-mega-container {
        border-color: rgba(255, 255, 255, 0);
    }

    #ticketshop ul.navigation > li.menu-item.current-menu-item > a,
    #ticketshop ul.navigation > li.menu-item.current-menu-ancestor > a {
        background-color: rgba(255, 255, 255, 0) !important;
    }

    #ticketshop ul.navigation ul, #ticketshop ul.navigation .menu-item-mega-container {
        background-color: rgba(0,0,0,.8);
    }

    ul.navigation > li.menu-item.current-menu-item > a,
    #ticketshop ul.navigation > li.menu-item.current-menu-item > a .nav_subtitle,
    #ticketshop ul.navigation > li.menu-item.current-menu-ancestor > a,
    #ticketshop ul.navigation > li.menu-item.current-menu-ancestor > a .nav_subtitle, ul.navigation > li > a .nav_tag {
        color: rgba(255, 255, 255, .8);
    }

    #ticketshop ul.navigation > li.menu-item.current-menu-ancestor:hover > a,
    #ticketshop ul.navigation > li.menu-item.current-menu-item > a:hover,
    #ticketshop ul.navigation > li > a:hover,
    #ticketshop ul.navigation > li > a:hover .nav_subtitle,
    #ticketshop ul.navigation > li:hover > a,
    #ticketshop ul.navigation > li:hover > a .nav_subtitle {
        color: rgba(255, 255, 255, .65);
    }

    #ticketshop ul.navigation > li > a {
        color: rgba(255, 255, 255, .8);
    }
}

@media only screen and (min-width: 1440px) {

    .header_fullwidth .header_mid .header_mid_inner {
        padding-left: 3%;
        padding-right: 3%;
    }

    .post-password-form, .header_top_inner, .header_mid_inner, .header_bot_inner, .content_wrap, .headline_inner, .bottom_outer, .footer_inner, .cmsmasters_row_inner {
        width: 1200px;
    }

    #ticketshop .navigation ul {
        left: 2px;
    }

    #ticketshop .navigation > li > a .nav_item_wrap {
        padding: 5px 17px;
    }

    #ticketshop .navigation > li > a .nav_item_wrap {
        padding-left: 20px;
        padding-right: 20px;
    }
}

div#setSalesTypesModal.modal {
    z-index: 10000;
}

a#magicCode-Field {
    color: #b49761;
}

a[onclick="popup(this.href,'ticketselection','scrollbars=yes,width=550,height=550');return false;"] {
    display: none;
}