/* Version: 1.6 */

/* Fonts */
@font-face {
    font-family:'LuciferSans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src:
            local('LuciferSans-Regular'),  /* beim Besucher schon installiert ist */
            url('https://staging-inhousewebshop.derticketservice.de/static/common/fonts/LuciferSans-Regular.woff2') format('woff2'),
            url('https://staging-inhousewebshop.derticketservice.de/static/common/fonts/LuciferSans-Regular.woff') format('woff');
}

/* GENERAL */

body {
    font-family: 'LuciferSans', sans-serif !important;
    font-size: 16px !important;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: left;
}

a {
    color: #ed6ea7;
}

a:hover,a:focus,a:active {
    text-decoration: none;
    color: #333;
}

#dts .webshop a:not(.btn,.link-back) {
    text-decoration: none;
    color: #ed6ea7;
}

/* Heading */

#dts .webshop .h2,
#dts .webshop .h3,
#dts .webshop h2,
#dts .webshop h3 {
    font-family: 'LuciferSans', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
}

#dts .page-header h1
#dts .webshop .h1, #dts .webshop h1 {
    margin-top: 10px;
    text-transform: uppercase;
    font-family: 'LuciferSans', sans-serif;
    font-weight: 600;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -ms-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 36px;
    color: #000;
    letter-spacing: 1px;
    width: 100%;
    border-bottom: 2px solid #000;
    margin-bottom: 30px;
    word-break: break-word;
}

#dts .text-small {
    font-size: 14px;
}

#dts .page-header {
    border-bottom: none;
    padding-bottom: 0;
    margin: 0;
}

#dts .page-header .link-back {
    font-size: 16px;
}

/* hide elements */
#dts .component.footer-logo {
    display: none !important;
}

#dts a[href^="/wtt.webshop/infos/de/popup_ticketauswahl.html"] {
    display: none;
}

#dts .divider {
    display: none;
}

#dts button#dropup-language {
    display: none;
}

#dts a#nav_series {
    display: none;
}

/* Buttons */

#dts .btn-primary {
    background: #ed6ea7;
    border: 0px solid #ed6ea7;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    line-height: 1.5;
    font-weight: 600;
    text-align: center;
    padding: 0.5em 1.5em;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
}

#dts .btn-primary:hover, #dts .btn-primary:active, #dts .btn-primary:focus  {
    background: #ed6ea7;
    border: 0px solid #ed6ea7;
    border-radius: 5px;
    color: #fff;
}

#dts .btn-default {
    color: #ed6ea7;
    background-color: #fff;
    border-color: #ed6ea7;
    border-radius: 5px;
    border-width: 2px;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    padding: 0.5em 1.5em;
}

#dts .shopping-cart > .well > .row > .col-sm-4 > .pull-right > .evt-icon-btn {
    width: 50px;
    height: 50px;
    padding: 0;
    line-height: normal;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Content */
#dts .webshop.container {
    margin-top: 60px;
}

@media print, screen and (max-width: 991px) {
    #dts .webshop.container {
        margin-top: 20px;
    }
}

#dts .evt-event-detail .p-b-small {
    margin-bottom: 25px !important;
}

#dts .evt-event-container li,
#dts .evt-price-calculator-item:not(.last) {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

#dts .evt-price-calculator fieldset {
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
}

#dts .evt-price-calculator-item.highlight {
    box-shadow: none;
}

#dts .evt-price-filter-checkboxes span {
    font-size: 16px;
}

#dts .evt-price-filter-checkboxes label .text-left[min-height~="24px"]+* {
    text-align: left !important;
}

#dts .input-group-addon {
    color: #fff;
    text-align: center;
    background-color: #343a40;
    border: 1px solid #343a40;
    border-radius: 5px;
}

#dts .input-group-addon a {
    color: #fff !important;
}

#dts .well:not(.well-light) {
    background: #ededed;
}

/* zweispaltiger Saalplan */

#dts #seatList .seatList-item > .row > .m-b-sm:first-child,
#dts .evt-seatlist .seatList-item > .row > .m-b-sm:first-child {
    display: inline-block;
    width: 100%;
}

#dts .evt-seatlist .seatList-item > .row > .m-b-sm strong {
    padding-left: 5px;
}

#dts #seatList .seatList-item > .row,
#dts .evt-seatlist .seatList-item > .row {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}

#dts #seatList .seatList-item > .row > .m-b-sm,
#dts .evt-seatlist .seatList-item > .row > .m-b-sm {
    display: flex;
    flex-wrap: wrap;
    width: auto;
}

@media only screen and (min-width: 1180px) and (max-width: 1180px) {
    #dts .webshop .evt-seatlist .seatList-item > .row > .text-right {
        display: flex;
        width: 100%;
        justify-content: flex-start;
        padding-left: 0;
    }

    #dts #seatList .seatList-item > .row > .m-b-sm,
    #dts .evt-seatlist .seatList-item > .row > .m-b-sm {
        width: auto;
    }
}


@media (max-width: 1198px) {
    #dts a.btn.btn-default.btn-close.button-delete {
        padding: 10px 10px;
    }
}

@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%;
    }
}

@media (min-width: 992px) {
    #dts #seatList .seatList-item > .row, .webshop .evt-seatlist .seatList-item > .row {
        justify-content: space-between;
    }
}

@media (min-width: 1199px) {
    #dts .seatList-item .btn-close {
        margin-left: -15px;
    }
}

/* Navi */

#dts .nav {
    display: block !important;
}

#dts .navbar-default .evt-mobile-shortcut-navigation .evt-mobile-shortcut-navigation-link,
#dts .navbar-default .dropdown-toggle .icons [class*=" icon-"], .navbar-default .dropdown-toggle .icons [class^=icon-] {
    color: #333 !important;
}
#dts .navbar-default {
    background-color: #fff;
    border: none;
    font-size: 19px;
    font-weight: 600;
    text-transform: uppercase;
}

#dts .navbar .navbar-nav .icons + .badge, #dts .basket .badge {
    background-color: #ed6ea7;
}

#dts .navbar-default .navbar-nav > li > a, #dts .navbar-default .evt-mobile-shortcut-navigation > li > a {
    color: #000;
    font-family: 'LuciferSans', sans-serif;
    font-size: 19px;
    font-weight: 600;
}

#dts .navbar-default .navbar-nav > li.open > a:hover, #dts .navbar-default .navbar-nav > li > a:hover {
    background: #fff;
    color: rgba(0,0,0,.7);
}

#dts .navbar-default .navbar-nav > li > a:focus,
#dts .navbar-default .evt-mobile-shortcut-navigation > li > a:focus,
#dts .navbar-default .navbar-nav > li > a:hover,
#dts .navbar-default .evt-mobile-shortcut-navigation > li > a:hover {
    color: #000;
    background-color: #fff;
}

#dts .navbar-default .navbar-nav > li > a:focus {
    border-left: solid 1px #000 !important;
}

#dts .navbar .navbar-nav>li.open>a, .navbar .navbar-nav>li>a {
    border-left: none !important;
}

#dts .navbar .navbar-nav {
    border-right: none;
}

#dts .navbar-default .navbar-nav > .active > a, .navbar-default .evt-mobile-shortcut-navigation > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .evt-mobile-shortcut-navigation > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .evt-mobile-shortcut-navigation > .active > a:focus {
    font-family: 'LuciferSans', sans-serif;
    font-weight: 600;
    color: #ed6ea7;
    background-color: #fff;
    border: none;
    font-size: 19px;
}

#dts .navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border: none;
}

#dts .navbar-brand {
    max-width: 258px;
    height: auto;
    margin-top: 9px;
}



@media print, screen and (max-width: 992px) {
    #dts .navbar-brand {
        margin-left: 15px;
    }
}

@media print, screen and (max-width: 480px) {
    #dts .navbar-brand {
        max-width: 170px;
        height: 84px;
    }
}

#dts .navbar-default .navbar-toggle, #dts .navbar-default .navbar-toggle:focus {
    border-color: rgba(0,0,0,.1);
    background-color: #fff;
    height: 40px;
}

#dts .navbar-default .navbar-toggle .icon-bar,
#dts .navbar-default .navbar-toggle:focus .icon-bar {
    background-color: rgba(0,0,0,.5);
    width: 28px;
}

#dts .navbar-toggle {
    float: right !important;
}

@media print, screen and (min-width: 1140px) {
    #dts header .container {
        width: auto;
        margin: 0 100px;
    }

    #dts .navbar-right {
        float: none !important;
    }

    #dts .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        display: flex !important;
        justify-content: flex-end;
    }
}

/* Icons */

#dts [class*="icon-"]:before {
    font-family: "Font Awesome 5 Free", sans-serif;
    font-size: 16px;
}

#dts .icon-arrow-right-sharp:before {
    content: '\f061';
}

#dts .icon-x:before {
    content: '\f00d';
}

#dts .icon-calender:before {
    content: '\f783';
}

#dts .icon-info-circle:before {
    content: '\f05a';
    font-size: 14px;
}

#dts .icon-clock:before {
    content: '\f017';
}

#dts .icon-position:before {
    content: '\f3c5';
}

#dts .icon-arrow-left:before {
    content: '\f104';
    font-size: 19px;
}

#dts .icon-minus:before {
    content: '\f068';
}

#dts .icon-plus:before {
    content: '\f067';
}

#dts .icon-inhouse-eye-show:before,
#dts .icon-eye:before {
    content: '\f06e';
}

#dts .icon-eye:before {
    content: '\f4b8';
}

#dts .icon-person:before {
    content: '\f007';
}

#dts .icon-edit:before {
    content: '\f303';
}

#dts .icon-cart:before {
    content: '\f07a';
}

#dts .icon-trash:before {
    content: '\f2ed';
}

#dts .icon-arrow-down:before {
    content: '\f107';
}

#dts .icon-arrow-up:before {
    content: '\f106';
}

/* Forms */

#dts .evt-dropdown>.evt-select>.btn-default:after, #dts .evt-dropdown>.evt-selecter>.btn-default:after {
    font-family: "Font Awesome 5 Free";
    content: "\f107";
    font-size: 24px;
    color: #333;
}

#dts input.form-control[type="email"],
#dts input.form-control[type="number"],
#dts input.form-control[type="password"],
#dts input.form-control[type="search"],
#dts input.form-control[type="tel"],
#dts input.form-control[type="text"],
#dts input.form-control[type="url"],
#dts textarea.form-control
#dts .evt-placeholder-float label,
#dts .evt-placeholder-float-label label,
#dts .evt-placeholder-static label {
    color: #333;
    border-radius: 5px;
}

#dts .form-control {
    border: 1px solid rgba(0, 0, 0, 0.1);
}

#dts .bootstrap-select.btn-group .btn-default {
    color: inherit;
    font-size: 14px;
    font-weight: 400;
    height: 48px;
    padding-right: 16px;
    padding-left: 16px;
    border: none;
}

#dts .evt-help-block.filled .error {
    padding-left: 0;
}

/* Footer */

.footer .col-xs-12.col-sm-4.col-sm-push-8 {
    width: 100%;
    left: 0;
    float: none;
}

.footer .col-xs-12.col-sm-8.col-sm-pull-4 {
    width: 100%;
    right: 0;
    float: none;
}

.footer .component {
    display: flex;
    justify-content: center;
}

footer .component div a {
    padding-right: 10px;
    color: #666;
    font-size: 12px;
    font-weight: 700;
}