/*** Here your custom css modifications ***/
@import url("https://use.typekit.net/vtr1obn.css");
@import url("https://use.typekit.net/vtr1obn.css");
@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 200;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/sourcesanspro/v22/6xKydSBYKcSV-LCoeQqfX1RYOo3i94_AkA.ttf) format('truetype');
}
@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/sourcesanspro/v22/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zAkA.ttf) format('truetype');
}
@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/sourcesanspro/v22/6xK3dSBYKcSV-LCoeQqfX1RYOo3aPw.ttf) format('truetype');
}
@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/sourcesanspro/v22/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rAkA.ttf) format('truetype');
}
@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/sourcesanspro/v22/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vAkA.ttf) format('truetype');
}
@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/sourcesanspro/v22/6xKydSBYKcSV-LCoeQqfX1RYOo3iu4nAkA.ttf) format('truetype');
}
@font-face {
    font-family: 'Bebas Neue';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/bebasneue/v14/JTUSjIg69CK48gW7PXooxW4.ttf) format('truetype');
}
/*** Here your custom css modifications ***/
#ppplus iframe {
    width: 100% !important;
}
.da-share-html a {
    color: #fff;
}
.back-to-top {
    background: #e6007e;
    color: #fff;
    position: fixed;
    bottom: 20px;
    right: 20px;
    padding: 15px;
    z-index: 99999;
    opacity: 0.8;
    border-radius: 4px;
}
.back-to-top:hover {
    opacity: 1;
    color: #fff;
}
.ontopline {
    background-image: url("../img/imgover_footer_magenta.png");
    background-repeat: no-repeat;
    background-size: 100%;
    min-height: 79px;
    padding-top: 60px;
}
.ontopline-white {
    background-image: url("../img/imgover_footer_white.png");
    background-repeat: no-repeat;
    background-size: 100%;
    min-height: 79px;
    padding-top: 60px;
}
.ontopline-black {
    background-image: url("../img/imgover_footer_black.png");
    background-repeat: no-repeat;
    background-size: 100%;
    min-height: 79px;
    padding-top: 60px;
}
.ontopline-dark {
    background-image: url("../img/imgover_footer_dark.png");
    background-repeat: no-repeat;
    background-size: 100%;
    min-height: 79px;
    padding-top: 60px;
}
.futura-heavy {
    font-weight: 700;
    font-style: normal;
}
.futura-normal {
    font-weight: 400;
    font-style: normal;
}
.futura-bold {
    font-weight: 700;
    font-style: normal;
}
.futura-cond {
    font-weight: 400;
    font-style: normal;
}
.futura-cond-bold {
    font-weight: 700;
    font-style: normal;
}
.roundButtonStyle {
    position: relative;
    text-align: center;
    font-weight: 700;
    font-style: normal;
    font-size: 16px;
    line-height: 1;
    letter-spacing: 0.8px;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 250ms linear;
    background-color: #e6007e;
    border: 2px solid transparent;
    padding: 20px 15px 20px 30px;
    color: #fff;
    border-radius: 4px;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    margin-bottom: 20px;
}
.roundButtonStyle .icon {
    transition: all 250ms linear;
    flex: 0 0 auto;
    order: 2;
    width: 0;
    overflow: hidden;
    height: 12px;
    margin: 0 0 0 15px;
}
.roundButtonStyle .bg {
    border-radius: 4px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: #e6007e;
    transition: all 250ms linear;
}
.roundButtonStyle .text {
    order: 1;
    letter-spacing: 0.8px;
    font-weight: 700;
    font-style: normal;
    line-height: 1;
    font-size: 16px;
}
.roundButtonStyle:hover .icon {
    width: 17px;
}
.roundButtonStyle:hover .bg {
    background: #000;
    width: calc(100% + 4px);
    height: calc(100% + 4px);
}
.roundButtonStyle:hover .text {
    color: #fff;
}
.grid-block {
    overflow: inherit !important;
}
#container {
    overflow: hidden;
}
.main-body {
    margin: 0 !important;
}
.mainboxstyle {
    background-color: #000 !important;
    color: #fff !important;
}
:root {
    --swiper-theme-color: #000;
}
a:hover,
--swiper-theme-color {
    color: #000;
}

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
}
body {
    font-family: urbane, sans-serif;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1.47;
    font-size: 16px !important;
    font-weight: 400;
    color: #212121;
    background-color: #fff !important;
}
a {
    color: #000;
}
a:hover {
    color: #e6007e;
}
a:hover,
a:active,
a:focus {
    text-decoration: none;
    -moz-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}
a:active,
a:hover {
    outline: 0;
}
#main {
    background: transparent;
}
.main-body {
    display: block;
    width: 100%;
    float: left;
}
@media only screen and (max-width: 1026px) {
    #mainmenu {
        width: 80% !important;
        text-align: right;
        padding-right: 20px;
    }
    .upmenu-content {
        padding-right: 20px !important;
        padding-left: 20px !important;
    }
    .logomenupart #tbar-logo {
        padding-left: 20px !important;
    }
}
@media only screen and (max-width: 801px) {
    .nav-devices-content {
        box-shadow: -25px 0px 46px #000;
    }
    .nav-devices-inner .moduletable_menu > ul > li > a,
    .nav-devices-inner .moduletable > ul > li > a,
    .nav-devices-inner .moduletable > ul > li span,
    .nav-devices-inner .moduletable_menu > ul > li span {
        color: #222;
        font-weight: 600;
        padding: 0px 0;
    }
    .moduletable_menu > ul > li,
    #mainmenu .moduletable > ul > li,
    .nav-devices-list .moduletable > ul > li {
        padding: 10px 0;
    }
    .nav-devices-inner .moduletable_menu > ul > li.active > a,
    .nav-devices-inner .moduletable > ul > li.active > a,
    .nav-devices-inner .moduletable_menu > ul > li.active > a > span,
    .nav-devices-inner .moduletable > ul > li.active > a > span {
        background: transparent;
        color: #000;
    }
    .nav-devices-inner .moduletable_menu > ul > li.active > a::after,
    .nav-devices-inner .moduletable > ul > li.active > a::after,
    .nav-devices-inner .moduletable_menu > ul > li.active > a > span::after,
    .nav-devices-inner .moduletable > ul > li.active > a > span::after {
        content: " ";
        display: block;
        height: 1px;
        background: #e6007e;
        width: 30%;
        position: relative;
        top: 4px;
    }
    .nav-devices-inner {
        background: #fff;
    }
    #tbar-logo {
        width: 180px !important;
    }
    .menumob-btn {
        margin: 0px 20px 0px 20px !important;
    }
    .menumob-btn #menutitlemob {
        margin: 0 !important;
        width: 35px !important;
        height: 35px !important;
        background: none !important;
        padding: 0 !important;
    }
    .menumob-btn .menu {
        background-color: transparent;
        border: none;
        cursor: pointer;
        display: flex;
        padding: 0;
    }
    .menumob-btn .line {
        fill: none;
        stroke: #000;
        stroke-width: 6;
        transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1), stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
    }
    .menumob-btn .line1 {
        stroke-dasharray: 60 207;
        stroke-width: 6;
    }
    .menumob-btn .line2 {
        stroke-dasharray: 60 60;
        stroke-width: 6;
    }
    .menumob-btn .line3 {
        stroke-dasharray: 60 207;
        stroke-width: 6;
    }
    .menumob-btn .opened .line1 {
        stroke-dasharray: 90 207;
        stroke-dashoffset: -134;
        stroke-width: 6;
    }
    .menumob-btn .opened .line2 {
        stroke-dasharray: 1 60;
        stroke-dashoffset: -30;
        stroke-width: 6;
    }
    .menumob-btn .opened .line3 {
        stroke-dasharray: 90 207;
        stroke-dashoffset: -134;
        stroke-width: 6;
    }
    .main-body {
        margin: 0 !important;
        padding: 15px 15px !important;
    }
}
.cookies-policy-display-bottom {
    height: auto !important;
    text-align: center !important;
}
#cookies-policy-btn {
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 0.0625rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-sizing: border-box;
    display: block;
    width: auto;
    margin: 15px auto;
    min-width: 100px;
    padding: 0.625rem 1.25rem;
    border: 0.25rem solid #e6007e !important;
    border-radius: 0;
    box-shadow: none;
    outine: none;
    transition: all 0.2s ease-out 0s;
    cursor: pointer;
    color: #fff !important;
    background: #e6007e !important;
    text-shadow: none !important;
}
#cookies-policy-btn:hover,
#cookies-policy-btn.is-checked {
    color: #fff !important;
    border-color: #e6007e !important;
    background: #000 !important;
}
@media screen and (max-width: 3200px) {
    .upmenu-content,
    #lmpart,
    main,
    #foot-cont,
    .module-fullwidth-cont {
        width: 1280px;
    }
    .main-body {
        padding: 0 !important;
    }
}
@media screen and (max-width: 1400px) {
    .upmenu-content,
    #lmpart,
    main,
    #foot-cont,
    .module-fullwidth-cont {
        width: 1200px;
    }
    .site-header-inner {
        padding: 0 0 0 20px !important;
    }
}
@media screen and (max-width: 1200px) {
    .upmenu-content,
    #lmpart,
    main,
    #foot-cont,
    .module-fullwidth-cont {
        padding: 0 20px;
    }
}
@media screen and (max-width: 1024px) {
    .upmenu-content,
    #lmpart,
    main,
    #foot-cont,
    .module-fullwidth-cont {
        width: 980px;
    }
}
@media screen and (max-width: 799px) {
    .site-header-inner .logo-menu-wrapper #logo .custom-logo-link {
        height: 35px !important;
        margin: 20px 0 !important;
    }
}
.material-icons,
.material-icons-outlined {
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    /* Preferred icon size */
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;
    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;
    /* Support for IE. */
    font-feature-settings: 'liga';
}
.material-icons-outlined,
.material-icons.material-icons--outlined {
    font-family: 'Material Icons Outlined';
}
.material-icons-two-tone,
.material-icons.material-icons--two-tone {
    font-family: 'Material Icons Two Tone';
}
.material-icons-round,
.material-icons.material-icons--round {
    font-family: 'Material Icons Round';
}
.material-icons-sharp,
.material-icons.material-icons--sharp {
    font-family: 'Material Icons Sharp';
}
/* Rules for sizing the icon. */
.material-icons.md-18 {
    font-size: 18px;
}
.material-icons.md-24 {
    font-size: 24px;
}
.material-icons.md-36 {
    font-size: 36px;
}
.material-icons.md-48 {
    font-size: 48px;
}
/* Rules for using icons as black on a light background. */
.material-icons.md-dark {
    color: rgba(0, 0, 0, 0.54);
}
.material-icons.md-dark.md-inactive {
    color: rgba(0, 0, 0, 0.26);
}
/* Rules for using icons as white on a dark background. */
.material-icons.md-light {
    color: #ffffff;
}
.material-icons.md-light.md-inactive {
    color: rgba(255, 255, 255, 0.3);
}
.login-icon span,
.logout-icon span {
    /* Preferred icon size */
    /* Support for all WebKit browsers. */
    /* Support for Safari and Chrome. */
    /* Support for Firefox. */
    /* Support for IE. */
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    /* Preferred icon size */
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;
    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;
    /* Support for IE. */
    font-feature-settings: 'liga';
    font-family: 'Material Icons Outlined';
}
#tbar-upmenu {
    background-color: #fafafa;
}
#tbar-upmenu .upmenu-content h3 .e4j-menutitle {
    color: rgba(0, 0, 0, 0.8);
}
#tbar-upmenu .upmenu-content .moduletable {
    margin: 0px 15px 0px 0;
}
#tbar-upmenu .upmenu-content .moduletable:last-child {
    margin: 0px 0px 0px 0;
}
.logomenupart {
    box-shadow: 0 0 1rem rgba(0, 24, 51, 0.1);
}
.logomenupart #tbar-logo {
    margin: 15px 0 0 0;
}
.logomenupart #tbar-logo > p,
.logomenupart #mainmenu .l-inline {
    margin: 0;
}
.logomenupart #lmpart {
    margin: 0px auto 15px auto;
}
.logomenupart #mainmenu {
    margin-top: 19px;
}
.logomenupart .moduletable_menu > ul,
.logomenupart #mainmenu .moduletable > ul,
.logomenupart .nav-devices-list .moduletable > ul {
    margin: 0;
    text-transform: none;
}
.logomenupart .moduletable_menu > ul a,
.logomenupart #mainmenu .moduletable > ul a,
.logomenupart .nav-devices-list .moduletable > ul a {
    -webkit-appearance: none;
    -moz-appearance: none;
    position: relative;
    display: inline-block;
    cursor: pointer;
    text-decoration: none;
    -webkit-transition: all 150ms ease-in;
    transition: all 150ms ease-in;
    border: none;
    padding: 10px;
    margin-right: 10px;
    font-size: 15px;
    font-weight: 600;
    line-height: 17px;
    color: #000;
    text-align: right;
}
.logomenupart .moduletable_menu > ul li:last-child a,
.logomenupart #mainmenu .moduletable > ul li:last-child a,
.logomenupart .nav-devices-list .moduletable > ul li:last-child a {
    margin-right: 0;
    padding-right: 0;
}
/* common */
.ribbon {
    width: 150px;
    height: 150px;
    overflow: hidden;
    position: absolute;
    z-index: 9;
}
.ribbon::before,
.ribbon::after {
    position: absolute;
    z-index: -1;
    content: '';
    display: block;
    border: 5px solid #2980b9;
}
.ribbon span {
    position: absolute;
    display: block;
    width: 225px;
    padding: 15px 0;
    background-color: #e6007e;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    color: #fff;
    font: 700 16px/1;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    text-transform: uppercase;
    text-align: center;
}
/* top left*/
.ribbon-top-left {
    top: -10px;
    left: -10px;
}
.ribbon-top-left::before,
.ribbon-top-left::after {
    border-top-color: transparent;
    border-left-color: transparent;
}
.ribbon-top-left::before {
    top: 0;
    right: 0;
}
.ribbon-top-left::after {
    bottom: 0;
    left: 0;
}
.ribbon-top-left span {
    right: -25px;
    top: 30px;
    transform: rotate(-45deg);
}
/* top right*/
.ribbon-top-right {
    top: -10px;
    right: -10px;
}
.ribbon-top-right::before,
.ribbon-top-right::after {
    border-top-color: transparent;
    border-right-color: transparent;
}
.ribbon-top-right::before {
    top: 0;
    left: 0;
}
.ribbon-top-right::after {
    bottom: 0;
    right: 0;
}
.ribbon-top-right span {
    left: -25px;
    top: 30px;
    transform: rotate(45deg);
}
/* bottom left*/
.ribbon-bottom-left {
    bottom: -10px;
    left: -10px;
}
.ribbon-bottom-left::before,
.ribbon-bottom-left::after {
    border-bottom-color: transparent;
    border-left-color: transparent;
}
.ribbon-bottom-left::before {
    bottom: 0;
    right: 0;
}
.ribbon-bottom-left::after {
    top: 0;
    left: 0;
}
.ribbon-bottom-left span {
    right: -25px;
    bottom: 30px;
    transform: rotate(225deg);
}
/* bottom right*/
.ribbon-bottom-right {
    bottom: -10px;
    right: -10px;
}
.ribbon-bottom-right::before,
.ribbon-bottom-right::after {
    border-bottom-color: transparent;
    border-right-color: transparent;
}
.ribbon-bottom-right::before {
    bottom: 0;
    left: 0;
}
.ribbon-bottom-right::after {
    top: 0;
    right: 0;
}
.ribbon-bottom-right span {
    left: -25px;
    bottom: 30px;
    transform: rotate(-225deg);
}
@media only screen and (max-width: 700px) {
    .ribbon {
        display: none;
    }
}
.sidebar .moduletable {
    border-right: 4px solid #e9edf2;
    margin: 0 70px 0 0;
    padding: 0;
    background-color: unset !important;
}
.sidebar .moduletable h3 {
    border-bottom: 3px solid #e9edf2;
    font-weight: 700 !important;
    font-size: 16px !important;
    padding-bottom: 15px;
    margin-right: 25px;
    margin-bottom: 22px;
}
.sidebar .moduletable .menu li {
    position: relative;
    list-style-type: none;
    transition: all 400ms ease-in-out 0s;
    -moz-transition: all 400ms ease-in-out 0s;
    -webkit-transition: all 400ms ease-in-out 0s;
    -o-transition: all 400ms ease-in-out 0s;
    line-height: 1.5em;
}
.sidebar .moduletable .menu li a {
    color: #969a9e;
    font-size: 16px;
    font-weight: 500;
    display: block;
    margin-right: 1.5rem;
    padding: 0.5em 0;
    text-align: left;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
    will-change: color;
}
.sidebar .moduletable .menu li.active ::before {
    height: 100%;
    right: -4px;
    width: 4px;
    background: #e6007e;
    content: "";
    opacity: 1;
    pointer-events: none;
    position: absolute;
    bottom: 0;
}
.fx-menu-slide {
    height: auto;
    box-shadow: 0 0 1rem rgba(0, 24, 51, 0.1);
    border: 0;
}
.site-header {
    background-color: #fff;
    box-shadow: 0 0 1rem rgba(0, 24, 51, 0.1);
}
.site-header-inner {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    display: flex;
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    -webkit-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    max-width: 1280px;
    margin: 0 auto;
    height: 100px;
    z-index: 1001;
}
.site-header-inner:hover {
    opacity: 1;
}
.site-header-inner .logo-menu-wrapper {
    display: flex;
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 185px;
}
.site-header-inner .logo-menu-wrapper #logo {
    padding: 0px;
    background-color: #fff;
    margin-right: 0px;
    overflow: visible;
    display: block;
    width: 100%;
}
.site-header-inner .logo-menu-wrapper #logo .custom-logo-link {
    background-image: url("../img/itf-logo-magenta.png");
    background-repeat: no-repeat;
    background-position: left center;
    background-size: contain;
    display: block;
    height: 70px;
    width: 100%;
}
.site-header-inner .logo-menu-wrapper #logo img {
    display: block;
    width: auto;
    height: auto;
    max-height: 40px;
}
.site-header-inner #menu-primary {
    margin: 0px;
    position: relative;
    display: flex;
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    height: 100%;
    width: 100%;
}
.site-header-inner #menu-primary .moduletable_menu {
    display: flex;
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    margin-bottom: 0px;
    width: 100%;
}
.site-header-inner #menu-primary ul {
    list-style: none;
    padding: 0;
    margin: 0 0 15px;
    position: relative;
    z-index: 999;
    display: flex;
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    width: 100%;
}
.site-header-inner #menu-primary ul li {
    line-height: 1;
    text-transform: uppercase;
    white-space: nowrap;
    display: block;
    position: relative;
    padding: 0 0px;
    z-index: 9999;
}
.site-header-inner #menu-primary ul li a {
    position: relative;
    z-index: 2;
    display: block;
    transition: all 0.3s ease-out 0s;
    font-weight: 600 !important;
    color: #000 !important;
    padding: 5px 0px;
    text-decoration: none;
    font-family: urbane, sans-serif;
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 1;
    text-transform: uppercase;
    margin: 0 15px;
    border-bottom: 3px solid transparent;
}
.site-header-inner #menu-primary ul li a:hover {
    border-color: #E40D7E !important;
}
.site-header-inner #menu-primary ul li ul.l-block {
    display: none !important;
    position: absolute;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0px 0px 50px 3px rgba(0, 0, 0, 0.05) !important;
    padding: 15px 10px;
    z-index: 99999999;
    width: auto;
}
.site-header-inner #menu-primary ul li ul.l-block li {
    width: 170px;
    float: none;
    display: list-item;
    position: relative;
}
.site-header-inner #menu-primary ul li ul.l-block li a {
    font-size: 14px !important;
    font-weight: 500 !important;
    text-transform: none !important;
}
.site-header-inner #menu-primary ul li:hover ul.l-block {
    display: inherit !important;
}
.site-header-inner #menu-primary ul li.current a {
    border-color: #E40D7E !important;
}
.site-header-inner #menu-primary ul li.current ul.l-block li a {
    border-color: #fff !important;
}
.site-header-inner #menu-primary ul li.current ul.l-block li a:hover {
    border-color: #E40D7E !important;
}
.site-header-inner #menu-service {
    margin: 0px;
}
.site-header-inner #menu-service .moduletable {
    display: flex;
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    margin-bottom: 0px;
}
.site-header-inner #menu-service .moduletable ul {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin: 10px 0px 10px 15px;
}
.site-header-inner #menu-service .moduletable ul li {
    margin: 0 15px;
}
.site-header-inner #menu-service .moduletable ul li a {
    color: #aaaaaa !important;
    font-size: 13px;
}
.site-header-inner #menu-service .moduletable > h3 {
    margin: 0;
    padding: 0;
}
.site-header-inner #menu-service #menu-servicemenu {
    display: flex;
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0;
}
.site-header-inner #menu-service #menu-servicemenu li {
    line-height: 1;
    text-transform: uppercase;
    white-space: nowrap;
    display: block;
    position: relative;
}
.site-header-inner #menu-service #menu-servicemenu li a {
    font-size: 25px;
    position: relative;
    z-index: 2;
    display: block;
    padding: 10px 20px;
    transition: all 0.3s ease-out 0s;
}
.site-header-inner #menu-service #menu-servicemenu li::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #212121;
    opacity: 0;
    transform: scale(0.5);
    transition: all 0.4s ease-out 0s;
    z-index: 1;
}
.site-header-inner #menu-service #menu-servicemenu li:hover::before {
    opacity: 1;
    transform: scale(1);
}
.site-header-inner #menu-service #menu-servicemenu li:hover a {
    color: #fff !important;
}
.site-header-inner .menu-wrapper {
    display: flex;
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    width: 100%;
    height: 100%;
}
.site-header-inner .menu-wrapper .menu-top {
    width: 100%;
}
.site-header-inner .menu-wrapper .menu-bottom {
    width: 100%;
    height: 100%;
}
.topline-menu {
    background: #eaeaea;
}
.topline-menu .topline-inner {
    max-width: 1280px;
    margin: 0 auto;
}
.topline-menu #menu-service {
    margin: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
    float: right;
}
.topline-menu #menu-service .moduletable.loginmenu #login-form > div,
.topline-menu #menu-service .moduletable.modopen > div {
    transform: none !important;
}
.topline-menu #menu-service .moduletable {
    display: flex;
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    margin-bottom: 0px;
}
.topline-menu #menu-service .moduletable .e4j-menutitle-cnt {
    display: inline-block;
    margin-top: 8px;
    margin-left: 8px;
}
.topline-menu #menu-service .moduletable #login-form {
    left: inherit !important;
    background: #fff !important;
    right: 0 !important;
    border-radius: 4px;
    box-shadow: 0px 0px 50px 3px rgba(0, 0, 0, 0.05) !important;
}
.topline-menu #menu-service .moduletable #login-form .unstyled {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.topline-menu #menu-service .moduletable #login-form .input-prepend label {
    color: #000 !important;
    font-size: 14px !important;
}
.topline-menu #menu-service .moduletable #login-form input,
.topline-menu #menu-service .moduletable #login-form input:hover,
.topline-menu #menu-service .moduletable #login-form input:active {
    -webkit-appearance: none;
    -moz-appearance: none;
    outline: none;
    background: #fff !important;
    border-radius: 0 !important;
    border-top: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-bottom: 1px solid #eaeaea !important;
    color: #000 !important;
    margin: 0 !important;
    font-size: 14px !important;
    padding: 10px 0px !important;
    font-weight: 500;
    box-shadow: none !important;
    text-align: left !important;
}
.topline-menu #menu-service .moduletable h3 {
    color: #aaaaaa !important;
    font-size: 13px !important;
    line-height: 1.5em !important;
}
.topline-menu #menu-service .moduletable ul {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin: 5px 0px;
}
.topline-menu #menu-service .moduletable ul li {
    margin: 0 10px;
}
.topline-menu #menu-service .moduletable ul li a {
    color: #aaaaaa !important;
    font-size: 13px;
}
.topline-menu #menu-service .moduletable > h3 {
    margin: 0;
    padding: 0;
}
.topline-menu #menu-service #menu-servicemenu {
    display: flex;
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0;
}
.topline-menu #menu-service #menu-servicemenu li {
    line-height: 1;
    text-transform: uppercase;
    white-space: nowrap;
    display: block;
    position: relative;
}
.topline-menu #menu-service #menu-servicemenu li a {
    font-size: 25px;
    position: relative;
    z-index: 2;
    display: block;
    padding: 10px 20px;
    transition: all 0.3s ease-out 0s;
}
.topline-menu #menu-service #menu-servicemenu li::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #212121;
    opacity: 0;
    transform: scale(0.5);
    transition: all 0.4s ease-out 0s;
    z-index: 1;
}
.topline-menu #menu-service #menu-servicemenu li:hover::before {
    opacity: 1;
    transform: scale(1);
}
.topline-menu #menu-service #menu-servicemenu li:hover a {
    color: #fff !important;
}
@media only screen and (max-width: 900px) {
    .site-header #menu-primary {
        margin: 0;
    }
    .site-header #menu-primary a {
        padding: 10px 10px;
        font-size: 14px;
    }
    .topline-menu #menu-service .moduletable ul {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .topline-menu #menu-service .moduletable ul li {
        margin: 0 5px;
    }
    .topline-menu #menu-service .moduletable ul li a {
        font-size: 12px;
    }
}
@media only screen and (max-width: 800px) {
    .site-header #menu-primary {
        display: none;
    }
    .site-header .logo-menu-wrapper {
        width: 100%;
        position: relative;
    }
    .site-header-inner {
        height: inherit !important;
    }
    .topline-menu #menu-service .moduletable > h3 {
        font-size: 12px !important;
    }
    .topline-menu #menu-service .moduletable .e4j-menutitle-cnt {
        margin-top: 9px !important;
    }
    .topline-menu #menu-service {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        float: none;
    }
    .nav-devices-inner .moduletable_menu > ul > li.active > .l-block {
        border-color: transparent !important;
    }
    .nav-devices-inner .moduletable_menu > ul > li > .l-block li span {
        font-weight: 600;
        font-size: 14px;
    }
    .nav-devices-inner .moduletable_menu > ul > li > .l-block,
    .nav-devices-inner .moduletable > ul > li > .l-block {
        padding: 15px 10px 8px 0;
    }
    .item-page {
        padding: 0 !important;
    }
}
.table-responsive {
    overflow-x: inherit;
    background: #fff;
    padding: 20px;
}
.table-responsive .vevmonthday {
    font-size: 18px !important;
}
.table > tbody > tr > td {
    border-top: 0 !important;
}
.vevdays td {
    text-align: right !important;
    font-weight: 300 !important;
    border-bottom: 1px solid #C7C7CC !important;
    border-left: 0 !important;
    background: #fff !important;
    color: #212121 !important;
}
.vevnumdays td {
    border-color: #E5E5E5 !important;
}
.vevnumdays td span {
    color: #2C2C2C;
}
.vevcalev > a {
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 0.0625rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-sizing: border-box;
    display: inline-block;
    width: auto;
    margin: 0;
    margin-bottom: 0px;
    padding: 0.625rem 1.25rem;
    border: 0.25rem solid #fff;
    border-radius: 0 !important;
    box-shadow: none;
    outine: none;
    transition: all 0.2s ease-out 0s;
    cursor: pointer;
    color: #e6007e !important;
    background-color: #fff !important;
}
.vevcalev > a span {
    color: #fff !important;
}
.vevcalev > a:hover {
    border-color: #e6007e !important;
    background-color: #e6007e !important;
}
.vevcalev > a:hover span {
    color: #fff !important;
}
.vev-calendar-maintable .vevnumdays td:last-child,
.vev-calendar-maintable .vevnumdays td:nth-last-child(2) {
    background-color: #F5F5F5 !important;
}
.vev-calendar-maintable .vevnumdays td:last-child .vevmonthday,
.vev-calendar-maintable .vevnumdays td:nth-last-child(2) .vevmonthday {
    color: #7E7E7E;
}
.vevmonth {
    background-color: #fff !important;
}
.table-responsive .vevmonth form {
    text-align: center !important;
}
.table-responsive .vevmonth form select {
    /* styling */
    background-color: white;
    border: 0.25rem solid #fff;
    border-radius: 0px;
    display: inline-block;
    font: inherit;
    line-height: 1.5em;
    padding: 0.5em 3.5em 0.5em 1em;
    /* reset */
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
}
.table-responsive .vevmonth form select {
    background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%), linear-gradient(to right, #ccc, #ccc);
    background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), calc(100% - 2.5em) 0.5em;
    background-size: 5px 5px, 5px 5px, 1px 1.5em;
    background-repeat: no-repeat;
}
.table-responsive .vevmonth form select:focus {
    background-image: linear-gradient(45deg, #fff 50%, transparent 50%), linear-gradient(135deg, transparent 50%, #fff 50%), linear-gradient(to right, #ccc, #ccc);
    background-position: calc(100% - 15px) 1em, calc(100% - 20px) 1em, calc(100% - 2.5em) 0.5em;
    background-size: 5px 5px, 5px 5px, 1px 1.5em;
    background-repeat: no-repeat;
    border-color: #fff;
    outline: 0;
}
.table-responsive .vevmonth form select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}
.vev-horiz-timeline {
    display: block;
    float: left;
    width: 100%;
}
.vev-horiz-timeline-bottom::after {
    display: none;
}
.vev-timeline-year,
.vev-horiz-timeline-year {
    display: none !important;
}
.vev-horiz-timeline-monyear {
    width: 200px !important;
    border-radius: 0 !important;
    background: #fdfdfd !important;
    border-top: 1px solid #f8f8f8 !important;
    border-right: 1px solid #f8f8f8 !important;
    border-bottom: 1px solid #f8f8f8 !important;
    border-left: 0 !important;
    color: #373737 !important;
    font-weight: 200;
}
.vev-horiz-timeline-monyear.vev-ht-cur-mon {
    color: #fff !important;
    background: #e6007e !important;
    border-top: 1px solid #e6007e !important;
    border-right: 1px solid #e6007e !important;
    border-bottom: 1px solid #e6007e !important;
    border-left: 0 !important;
    -webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1) !important;
    -moz-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1) !important;
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1) !important;
    z-index: 999;
}
.vev-horiz-timeline-monyear .vev-horiz-timeline-mon {
    font-weight: 700 !important;
    font-size: 14px;
}
.vev-horiz-timeline-monyear:hover {
    color: #373737 !important;
    background: #fff !important;
    border-top: 1px solid #f8f8f8 !important;
    border-right: 1px solid #f8f8f8 !important;
    border-bottom: 1px solid #f8f8f8 !important;
    border-left: 0 !important;
    -webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1) !important;
    -moz-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1) !important;
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1) !important;
    z-index: 999;
}
.vev-timeline-ev-events-item-inner {
    border-radius: 0 !important;
    background: #fff !important;
    border: 0 !important;
    color: #373737 !important;
    box-shadow: none !important;
}
.vev-timeline-outer {
    background: transparent !important;
    padding: 5px 30px;
}
.vev-timeline-outer .vev-timeline-ev-title {
    font-size: 12px;
    color: #373737;
    font-weight: 700;
}
.vev-timeline-outer .vev-timeline-day-sp {
    font-size: 24px;
    font-weight: 700;
}
.vev-timeline-outer .vev-timeline-weekday-sp {
    font-size: 12px;
    color: #373737;
    letter-spacing: 0.1em;
}
.vev-timeline-outer .vev-timeline-ev-time {
    font-size: 24px;
    color: #373737;
    font-weight: 300;
    border: 0 !important;
}
.vev-timeline-outer .vev-timeline-ev-mday-inner {
    background-color: #f8f8f8;
    border-bottom: 1px solid #fff !important;
    padding: 10px 40px !important;
    text-align: left !important;
}
.vev-timeline-outer .vev-timeline-evcontainer {
    display: block !important;
    width: 100% !important;
    float: left !important;
}
.vev-timeline-outer .vev-timeline-evcontainer::after,
.vev-timeline-outer .vev-timeline-ev-events::before {
    display: none;
}
.vev-timeline-outer .vev-timeline-ev-time span {
    font-size: 10px;
    color: #fff;
    background: #e6007e;
    padding: 5px 15px;
    float: right;
    display: inline-block;
    border-radius: 50px;
    text-transform: uppercase;
    font-weight: 700;
    text-align: center;
    margin: 0 0 15px;
}
.vev-horiz-timeline-mday {
    padding: 10px 0px;
    width: 100px !important;
    font-size: 30px !important;
    height: inherit !important;
    font-weight: 200;
    line-height: inherit !important;
    text-align: center !important;
    display: inline-block !important;
    color: #b3b3b3;
    border: none !important;
    background: #fdfdfd !important;
    border-top: 1px solid #f8f8f8 !important;
    border-right: 1px solid #f8f8f8 !important;
    border-bottom: 1px solid #f8f8f8 !important;
    border-radius: 0 !important;
    margin: 0 0 3px 0;
    text-transform: uppercase;
}
.vev-horiz-timeline-mday .tt-timeline-block-wochentag {
    display: block;
    font-size: 12px;
    margin: 0;
    color: #b3b3b3;
    font-weight: 700;
    letter-spacing: 0.1em;
}
.vev-horiz-timeline-mday .tt-timeline-block-wochentagzahl {
    font-weight: 300;
}
.vev-horiz-timeline-mday .tt-timeline-block-monat {
    display: block;
    font-size: 12px;
    margin: 0;
    font-weight: 300;
    color: #b3b3b3;
}
.vev-horiz-timeline-mday:hover {
    color: #373737;
    background: #fff;
    -webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1);
    z-index: 999;
}
.vev-horiz-timeline-mday:hover .tt-timeline-block-wochentag,
.vev-horiz-timeline-mday:hover .tt-timeline-block-monat {
    color: #373737;
}
.vev-timeline-evsblock {
    display: flex !important;
    flex-wrap: wrap;
    width: 100% !important;
    float: left;
}
.vev-timeline-ev-mday {
    flex: 100% !important;
    width: 100% !important;
    display: block !important;
}
.vev-timeline-outer {
    padding: 0 !important;
    float: left;
    width: 100%;
    display: block;
}
.vev-timeline-ev-events {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}
.vev-horiz-timeline-contbottom {
    margin-bottom: 30px !important;
}
.tt-timeline-event-btn {
    width: 100%;
    float: left;
    padding: 15px 40px 10px 80px;
    background: #fff;
    position: relative;
    cursor: pointer;
}
.tt-timeline-event-btn:hover {
    background: #f8f8f8;
}
.tt-timeline-event-btn .tt-timeline-event-btn-zeit {
    display: block;
    font-size: 24px;
    color: #373737;
    font-weight: 300;
    margin: 0 0 10px;
}
.tt-timeline-event-btn .tt-timeline-event-btn-zeit span {
    display: inline-block;
    font-size: 12px;
    color: #373737;
    font-weight: 700;
    letter-spacing: 0.1em;
}
.tt-timeline-event-btn .tt-timeline-evnt-btn-title {
    display: block;
    font-size: 12px;
    color: #373737;
    font-weight: 700;
    margin: 0 0 5px;
}
.tt-timeline-event-btn .tt-timeline-evnt-btn-ticketanzahl {
    display: inline-block;
    font-size: 10px;
    color: #fff;
    background: #e6007e;
    font-weight: 700;
    padding: 5px 15px;
    border-radius: 50px;
    text-transform: uppercase;
    margin-bottom: 15px;
}
.active .tt-timeline-event-btn {
    background: #f8f8f8;
    /* border-bottom: 3px solid #ccc; */
}
.tt-timeline-event-btn:before {
    content: " ";
    width: 30px;
    height: 26px;
    background: url("../img/zeit.svg");
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0.5 !important;
    display: block;
    position: absolute;
    top: 20px;
    left: 40px;
}
.tt-timeline-event-btn:after {
    content: " ";
    width: 30px;
    height: 30px;
    background: url("../img/pfeil.svg");
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    position: absolute;
    top: 35%;
    right: 40px;
}
.vev-timeline-monyear {
    display: block;
    float: left;
    text-align: left;
    margin: 25px 0 0px !important;
    padding: 10px 0 0px 40px !important;
}
.tt-timeline-event-details {
    width: 100%;
    float: left;
}
.tt-timeline-event-details .tt-timeline-event-details-toggle .vev-timeline-ev-image {
    width: 100%;
    display: block;
}
.tt-timeline-event-details .tt-timeline-event-details-toggle .tt-timeline-event-details-info {
    padding: 45px;
    display: block;
    float: left;
    width: 100%;
}
.tt-timeline-event-details .tt-timeline-event-details-toggle .tt-timeline-event-details-info .tt-timeline-event-details-info-title {
    float: none;
    display: block;
    text-align: center;
    margin: 0 0 15px;
    font-size: 22px;
    color: #373737;
}
.tt-timeline-event-details .tt-timeline-event-details-toggle .tt-timeline-event-details-info .tt-timeline-event-details-info-desc {
    color: #373737;
    line-height: 25px;
    font-size: 13px;
    margin: 0 0 15px;
}
.tt-timeline-event-details .tt-timeline-event-details-toggle .tt-timeline-event-details-info .tt-timeline-event-details-info-btn a {
    font-size: 16px;
    color: #fff;
    padding: 10px 20px;
    text-transform: none;
    background: #e6007e;
    border-radius: 50px;
    float: right;
    margin: 25px 0 0;
    display: inline-block;
}
.tt-timeline-evsblock-zeiten {
    float: left;
    width: 33.33333333%;
    border-right: 1px solid #f8f8f8;
}
.tt-timeline-evsblock-veranstaltungen {
    float: left;
    width: 66.66666667%;
}
@media only screen and (max-width: 768px) {
    .tt-timeline-evsblock-zeiten {
        float: left;
        width: 100%;
        border-right: 0px solid #f8f8f8;
    }
    .tt-timeline-evsblock-veranstaltungen {
        float: left;
        width: 100%;
    }
}
/* Style the tab content */
.tabcontent {
    display: none;
    -moz-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}
.vev-timeline-ev-image img {
    width: 100%;
    height: auto;
}
.tt-timeline-evsblock-veranstaltungenbig .vev-timeline-ev-events .tt-event-item {
    background-color: #e6007e;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    border-bottom: 25px solid #000;
}
.tt-timeline-evsblock-veranstaltungenbig .vev-timeline-ev-events .tt-event-item .tt-event-item-date {
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%;
    width: 20%;
    max-width: 20%;
    padding-right: 1.25rem;
    padding-left: 40px;
    position: relative;
    padding-top: 40px;
}
.tt-timeline-evsblock-veranstaltungenbig .vev-timeline-ev-events .tt-event-item .tt-event-item-date .tt-event-item-date-month {
    font-family: urbane, sans-serif;
    font-weight: 700;
    color: #fff;
    display: block;
    font-size: 17px;
    line-height: 24.9833px;
}
.tt-timeline-evsblock-veranstaltungenbig .vev-timeline-ev-events .tt-event-item .tt-event-item-date .tt-event-item-date-daynr {
    font-family: urbane, sans-serif;
    font-weight: 700;
    color: #fff;
    font-size: 35px;
    line-height: 35px;
    display: block;
}
.tt-timeline-evsblock-veranstaltungenbig .vev-timeline-ev-events .tt-event-item .tt-event-item-date .tt-event-item-date-day {
    font-family: urbane, sans-serif;
    font-weight: 700;
    color: #fff;
    display: block;
    font-size: 50px;
    line-height: 50px;
}
.tt-timeline-evsblock-veranstaltungenbig .vev-timeline-ev-events .tt-event-item .tt-event-item-date .tt-event-item-date-time {
    font-family: urbane, sans-serif;
    font-weight: 700;
    color: #fff;
    display: block;
    font-size: 20px;
    line-height: 40px;
}
.tt-timeline-evsblock-veranstaltungenbig .vev-timeline-ev-events .tt-event-item .tt-event-item-info {
    position: relative;
    -ms-flex-preferred-size: 80%;
    flex-basis: 80%;
    width: 80%;
    max-width: 80%;
    padding-right: 200px;
    padding-left: 0;
    border-top: 2px solid #e6007e;
    padding-top: 40px;
    padding-bottom: 40px;
}
.tt-timeline-evsblock-veranstaltungenbig .vev-timeline-ev-events .tt-event-item .tt-event-item-info .tt-event-item-flag {
    position: absolute;
    right: 50px;
    top: 85px;
    background-color: #fff;
    font-size: 25px;
    padding: 15px 25px;
    color: #e6007e;
    text-align: center;
    text-transform: uppercase;
    font-family: urbane, sans-serif;
    font-weight: 700;
}
.tt-timeline-evsblock-veranstaltungenbig .vev-timeline-ev-events .tt-event-item .tt-event-item-info .tt-event-item-cats {
    font-family: urbane, sans-serif;
    font-weight: 700;
    color: #fff;
    font-size: 30px;
    line-height: 30px;
    text-transform: uppercase;
}
.tt-timeline-evsblock-veranstaltungenbig .vev-timeline-ev-events .tt-event-item .tt-event-item-info .tt-event-item-title h2 {
    text-transform: uppercase;
    font-family: urbane, sans-serif;
    font-weight: 700;
    color: #fff;
    margin-top: 10px;
    margin-bottom: 0px;
    padding-bottom: 0px;
    font-size: 60px;
    line-height: 60px;
}
.tt-timeline-evsblock-veranstaltungenbig .vev-timeline-ev-events .tt-event-item .tt-event-item-info .tt-event-item-info-details-infobar {
    margin-bottom: 15px;
    font-weight: 600;
}
.tt-timeline-evsblock-veranstaltungenbig .vev-timeline-ev-events .tt-event-item .tt-event-item-info .tt-event-item-info-details-infobar .uhrzeit {
    font-weight: 700;
}
.tt-timeline-evsblock-veranstaltungenbig .vev-timeline-ev-events .tt-event-item .tt-event-item-info .tt-event-item-info-details-infobar-start {
    text-transform: uppercase;
    font-family: urbane, sans-serif;
    font-weight: 700;
    color: #fff;
    font-size: 40px;
    line-height: 40px;
}
.tt-timeline-evsblock-veranstaltungenbig .vev-timeline-ev-events .tt-event-item .tt-event-item-info .tt-event-item-info-details-desc {
    text-transform: uppercase;
    font-family: urbane, sans-serif;
    font-weight: 700;
    color: #fff;
    font-size: 30px;
    line-height: 30px;
}
.tt-timeline-evsblock-veranstaltungenbig .vev-timeline-ev-events .tt-event-item .tt-event-item-info .tt-event-item-info-btn {
    position: absolute;
    left: 0;
    bottom: 40px;
}
.tt-timeline-evsblock-veranstaltungenbig .vev-timeline-ev-events .tt-event-item .tt-event-item-info .tt-event-item-info-btn a {
    -webkit-appearance: none;
    -moz-appearance: none;
    position: relative;
    display: inline-block;
    cursor: pointer;
    min-width: 160px;
    padding: 13px 40px 13px 24px;
    border: 3px solid #000;
    font-weight: 500;
    background-color: transparent;
    color: #000;
    text-decoration: none;
    font-size: 14px;
    line-height: 14px;
    text-align: left;
    -webkit-transition: all 150ms ease-in;
    transition: all 150ms ease-in;
}
.tt-timeline-evsblock-veranstaltungenbig .vev-timeline-ev-events .tt-event-item .tt-event-item-info .tt-event-item-info-btn a::after {
    position: absolute;
    display: block;
    content: " ";
    right: 0;
    top: 0;
    height: 100%;
    width: 40px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 20px;
    -webkit-transition: all 150ms ease-in;
    transition: all 150ms ease-in;
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 31.49 31.49%27%3E%3Cpath d=%27M21.205 5.007c-.429-.444-1.143-.444-1.587 0-.429.429-.429 1.143 0 1.571l8.047 8.047H1.111C.492 14.626 0 15.118 0 15.737c0 .619.492 1.127 1.111 1.127h26.554l-8.047 8.032c-.429.444-.429 1.159 0 1.587.444.444 1.159.444 1.587 0l9.952-9.952c.444-.429.444-1.143 0-1.571l-9.952-9.953z%27 fill=%27%23000%27/%3E%3C/svg%3E");
}
.tt-timeline-evsblock-veranstaltungenbig .vev-timeline-ev-events .tt-event-item .tt-event-item-info .tt-event-item-info-btn a:hover {
    background-color: #000;
    color: #fff;
    box-shadow: 0 0 0.25rem 0.0625rem rgba(255, 255, 255, 0.33);
}
.tt-timeline-evsblock-veranstaltungenbig .vev-timeline-ev-events .tt-event-item .tt-event-item-info .tt-event-item-info-btn a:hover::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 31.49 31.49%27%3E%3Cpath d=%27M21.205 5.007c-.429-.444-1.143-.444-1.587 0-.429.429-.429 1.143 0 1.571l8.047 8.047H1.111C.492 14.626 0 15.118 0 15.737c0 .619.492 1.127 1.111 1.127h26.554l-8.047 8.032c-.429.444-.429 1.159 0 1.587.444.444 1.159.444 1.587 0l9.952-9.952c.444-.429.444-1.143 0-1.571l-9.952-9.953z%27 fill=%27%23fff%27/%3E%3C/svg%3E");
}
.tt-timeline-evsblock-veranstaltungenbig .vev-timeline-ev-events .tt-event-item .tt-event-item-info .tt-event-item-info-btn a.ausverkauftbtn {
    background-color: transparent;
    border-color: #b4b4b4;
    color: #b4b4b4;
    text-align: center;
    cursor: not-allowed;
    opacity: 0.5;
    pointer-events: none;
    padding: 13px 24px;
}
.tt-timeline-evsblock-veranstaltungenbig .vev-timeline-ev-events .tt-event-item .tt-event-item-info .tt-event-item-info-btn a.ausverkauftbtn::after {
    display: none;
}
@media only screen and (max-width: 801px) {
    .filter-bar .filter-bar-inner #timeline-search {
        flex: 2 !important;
    }
    .tt-timeline-evsblock-veranstaltungenbig .vev-timeline-ev-events .tt-event-item .tt-event-item-info .tt-event-item-title h2 {
        line-height: 26px;
        font-size: 26px;
    }
    .tt-timeline-evsblock-veranstaltungenbig .vev-timeline-ev-events .tt-event-item .tt-event-item-info .tt-event-item-cats {
        font-weight: 400;
        font-size: 18px;
        line-height: 18px;
    }
    .tt-timeline-evsblock-veranstaltungenbig .vev-timeline-ev-events .tt-event-item .tt-event-item-info .tt-event-item-info-details-infobar-start {
        font-weight: 400;
        font-size: 18px;
        line-height: 18px;
        display: none;
    }
    .tt-timeline-evsblock-veranstaltungenbig .vev-timeline-ev-events .tt-event-item .tt-event-item-info .tt-event-item-flag {
        position: absolute;
        right: 25px;
        top: 85px;
        font-size: 20px;
        padding: 5px 10px;
        font-weight: 400;
    }
    .tt-timeline-evsblock-veranstaltungenbig .vev-timeline-ev-events .tt-event-item .tt-event-item-info {
        padding-top: 25px;
        padding-bottom: 25px;
        padding-right: 125px;
    }
    .tt-timeline-evsblock-veranstaltungenbig .vev-timeline-ev-events .tt-event-item .tt-event-item-date {
        padding-top: 25px;
        padding-bottom: 25px;
        padding-left: 25px;
    }
    .tt-timeline-evsblock-veranstaltungenbig .vev-timeline-ev-events .tt-event-item .tt-event-item-date .tt-event-item-date-daynr,
    .tt-timeline-evsblock-veranstaltungenbig .vev-timeline-ev-events .tt-event-item .tt-event-item-date .tt-event-item-date-day {
        font-size: 35px;
        line-height: 35px;
    }
    .tt-timeline-evsblock-veranstaltungenbig .vev-timeline-ev-events .tt-event-item .tt-event-item-date .tt-event-item-date-time {
        font-size: 14px;
        line-height: 20px;
        font-weight: 400;
    }
}
#filters,
#cat-filters {
    padding-top: 10px;
    display: block;
}
#filters button,
#cat-filters button {
    font-weight: 400;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 0.0625rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-sizing: border-box;
    display: inline-block;
    width: auto;
    margin: 0 10px;
    margin-bottom: 3px;
    padding: 0.625rem 0;
    border-top: 0;
    border-right: 0;
    border-left: 0;
    border-bottom: 3px solid transparent;
    border-radius: 0;
    box-shadow: none;
    outine: none;
    transition: all 0.2s ease-out 0s;
    cursor: pointer;
    color: #000;
    background-color: transparent;
}
#filters button:hover,
#cat-filters button:hover,
#filters button.is-checked,
#cat-filters button.is-checked {
    border-color: #e6007e;
    background-color: transparent;
}
.filter-bar {
    margin-bottom: 40px;
}
.filter-bar .filter-bar-inner {
    display: flex;
}
.filter-bar .filter-bar-inner #timeline-search {
    flex: 8;
    line-height: 55px;
    height: 55px;
}
.filter-bar .filter-bar-inner #timeline-search input {
    width: 100% !important;
    color: #000;
    outline: none;
    border: 0;
    height: 55px;
    padding-left: 0px;
    border-bottom: 3px solid #eaeaea;
    background-color: #fff;
    transition: all 0.5s;
}
.filter-bar .filter-bar-inner #timeline-search input:focus,
.filter-bar .filter-bar-inner #timeline-search input:active,
.filter-bar .filter-bar-inner #timeline-search input:hover {
    background-color: #e6007e;
    color: #fff;
    padding-left: 15px;
}
.filter-bar .filter-bar-inner .filter-toggle {
    cursor: pointer;
    flex: 2;
    line-height: 55px;
    text-align: right;
    padding-right: 60px;
    position: relative;
}
.filter-bar .filter-bar-inner .filter-toggle .material-icons-outlined {
    position: absolute;
    top: 15px;
    right: 30px;
}
/* ---- isotope ---- */
/* clear fix */
.grid:after {
    content: '';
    display: block;
    clear: both;
}
/* ---- .element-item ---- */
.element-item {
    position: relative;
    float: left;
    width: 100%;
    min-height: 100px;
}
.vev-ev-det-block .vev-ev-det-widerblock {
    flex: 1;
    background: #fff;
    padding: 10px 20px !important;
}
.vev-ev-det-block .vev-ev-det-narrowerblock {
    flex: 0 0 25%;
    margin-left: 30px !important;
    background: #fff;
    padding: 10px 20px !important;
}
div.vevsharep {
    display: none !important;
}
.vev-ev-det-dinfo-inner > div {
    padding: 7px 0 !important;
    border: 0 !important;
}
.vev-ev-det-book-cont {
    border: 0 !important;
}
.vev-ev-det-book-cont .vev-ev-det-hbook {
    padding: 0px 0 10px !important;
    font-weight: 500 !important;
    font-size: 17px !important;
    margin: 0 0 5px !important;
    border-bottom: 0 !important;
    background: transparent !important;
}
.vev-ev-det-forfaitprice-par {
    color: #e6007e !important;
    display: block;
    font-size: 13px !important;
    font-weight: 400 !important;
    text-align: left !important;
    margin-top: 0 !important;
    margin-bottom: 5px !important;
}
.vev-ev-det-singleprice-details,
.vev-ev-det-multiprice-details {
    padding: 10px 0 !important;
}
.vev-ev-det-singleprice-name {
    font-size: 14px !important;
    font-weight: 600 !important;
}
.vev-ev-det-multiprice-cost,
.vev-ev-det-singleprice-cost {
    font-size: 25px !important;
    color: #fff;
    font-family: urbane, sans-serif;
    font-weight: 700 !important;
    padding: 10px 0 !important;
}
.vev-ev-det-multiprice-contleft {
    font-size: 20px !important;
}
.vev-ev-det-multiprice-cont {
    padding: 5px 0 !important;
    border: 0 !important;
}
.viewseatmaps,
.loginorreg {
    padding: 0 !important;
}
.viewseatmaps a,
.loginorreg a {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    position: relative !important;
    display: inline-block;
    cursor: pointer !important;
    min-width: 160px !important;
    padding: 13px 40px 13px 24px !important;
    border: 3px solid #000 !important;
    font-weight: 500 !important;
    background-color: transparent !important;
    color: #000 !important;
    text-decoration: none;
    font-size: 14px !important;
    line-height: 14px !important;
    text-align: left !important;
    -webkit-transition: all 150ms ease-in;
    transition: all 150ms ease-in;
}
.viewseatmaps a::after,
.loginorreg a::after {
    position: absolute;
    display: block;
    content: " ";
    right: 0;
    top: 0;
    height: 100%;
    width: 40px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 20px;
    -webkit-transition: all 150ms ease-in;
    transition: all 150ms ease-in;
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 31.49 31.49%27%3E%3Cpath d=%27M21.205 5.007c-.429-.444-1.143-.444-1.587 0-.429.429-.429 1.143 0 1.571l8.047 8.047H1.111C.492 14.626 0 15.118 0 15.737c0 .619.492 1.127 1.111 1.127h26.554l-8.047 8.032c-.429.444-.429 1.159 0 1.587.444.444 1.159.444 1.587 0l9.952-9.952c.444-.429.444-1.143 0-1.571l-9.952-9.953z%27 fill=%27%23000%27/%3E%3C/svg%3E") !important;
}
.viewseatmaps a:hover,
.loginorreg a:hover {
    background-color: #000 !important;
    color: #fff !important;
    box-shadow: 0 0 0.25rem 0.0625rem rgba(255, 255, 255, 0.33) !important;
}
.viewseatmaps a:hover::after,
.loginorreg a:hover::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 31.49 31.49%27%3E%3Cpath d=%27M21.205 5.007c-.429-.444-1.143-.444-1.587 0-.429.429-.429 1.143 0 1.571l8.047 8.047H1.111C.492 14.626 0 15.118 0 15.737c0 .619.492 1.127 1.111 1.127h26.554l-8.047 8.032c-.429.444-.429 1.159 0 1.587.444.444 1.159.444 1.587 0l9.952-9.952c.444-.429.444-1.143 0-1.571l-9.952-9.953z%27 fill=%27%23fff%27/%3E%3C/svg%3E") !important;
}
.vevcountdown span {
    background: #fafafa !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: #555 !important;
    font-size: 18px !important;
    margin: 0 3px 0 0;
    padding: 0px 10px !important;
    text-align: center;
    border: 2px solid #fafafa !important;
    font-weight: 600;
    margin-bottom: 5px;
    display: block;
}
#vevcdwnto {
    display: none;
}
.vevresnoavail {
    color: #ff0000;
    font-weight: 500 !important;
    font-size: 14px !important;
}
.vev-ev-det-htitle {
    font-size: 25px !important;
    font-weight: 700 !important;
}
.vev-ev-det-map-cont {
    display: none;
}
.vev-ev-det-htitle {
    color: #000;
}
.vev-ev-det-booking-box,
.vev-ev-det-donation-box {
    background: transparent !important;
    border: 0 !important;
    display: inline-block;
    padding: 0px !important;
    width: 100%;
    box-sizing: border-box;
    margin: 15px 0 !important;
}
.rl_tabs > ul.nav-tabs > li > a {
    color: #555 !important;
}
.rl_tabs > ul.nav-tabs > li > a span {
    font-weight: 500 !important;
    font-size: 14px;
    padding: 0 0 5px 0;
    display: inline-block;
}
.rl_tabs > .nav > li > a:hover {
    color: #000 !important;
    background-color: transparent !important;
}
.rl_tabs.top > ul.nav-tabs > li.active a,
.rl_tabs.top > ul.nav-tabs > li.active a:hover {
    border-bottom: 3px solid #000 !important;
}
.rl_tabs.top > ul.nav-tabs > li.active > a:focus,
.rl_tabs.top > ul.nav-tabs > li > a:focus {
    border-bottom-color: transparent;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}
.rl_tabs.outline_content > .tab-content {
    border: 0 !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}
.rl_tabs .nav-tabs {
    border-bottom: 0 !important;
}
.rl_tabs.outline_content > .tab-content > .tab-pane {
    padding: 15px 0 20px 0 !important;
}
.vev-ev-det-donation-box {
    padding: 0 !important;
    background: transparent !important;
}
.vevdonationmess {
    padding: 0px 0 5px !important;
    font-weight: 700 !important;
    font-size: 18px !important;
    margin: 0 0 5px !important;
    border-bottom: 0 !important;
    background: transparent !important;
    color: #fff !important;
}
.vev-ev-det-booking-box label {
    font-size: 18px;
}
.vevdonationlab {
    display: none;
}
.vevdonationinp {
    margin: 0 !important;
    padding: 10px 20px !important;
    width: 100%;
    background: #fff;
    border: 0 !important;
    outline: none;
    color: #fff;
}
.vevdonationboxeuro {
    position: relative;
}
.vevdonationboxeuro .eurosign {
    position: absolute;
    right: 20px;
    top: 12px;
    color: #fff;
}

.single-event-tt::after,
.single-event-tt::before {
    clear: both;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    content: " ";
    display: table;
}
.single-event-tt {
    margin-top: -25px;
}
.single-event-tt .event-image {
    position: relative;
}
.single-event-tt .event-image .event-bg-image {
    width: 100%;
    position: relative;
    height: 670px;
    margin-top: 0px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
}
.single-event-tt .event-image .event-bg-image-title {
    font-family: urbane, sans-serif;
    font-weight: 700;
    font-size: 90px;
    line-height: 100px;
    color: #fff;
    text-align: center;
    width: 100%;
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    text-shadow: 0px 0px 15px #000;
}
.single-event-tt .event-image img {
    margin-bottom: 18px;
    width: 100%;
    height: auto;
    max-width: 100%;
    display: none;
}
/*
.single-event-tt {

  margin-top: -40px;


  .event-content-left {
    width: 100%;
    float: left;
    display: block;
    margin-top: 100px;

    .event-content {
      .mainboxstyle();

      h2.event-name {
        margin-top: 0 !important;
        font-size: 30px;
        font-weight: 800;
        color: #fff;
      }
    }
  }

  .event-content-inner {
    max-width: 70%;
    margin: 0 auto;
  }

  .event-content-right {
    display: block;
    float: left;
    width: 100%;

    .event-content-right-inner {
      width: 70%;
      display: block;
      padding: 30px;
      margin: 50px auto;
      background-color: @akzent-color;

    }
  }

  .single-event-bar-seperator {
    display: block;
    width: 1px;
    height: 31px;
    background-color: @akzent-color-contra;
  }

  .headline-sidebar {

    background-color: transparent !important;
    display: block;
    padding: 0;
    margin:0 0 20px 0;
    display: -webkit-box;
    display: flex;


    i {
      color: #fff;
      font-size: 39px;
      display: inline-block;
      margin-right: 12px;
    }
    .event-bar-inner {
      display: -webkit-box;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      flex-direction: column;

      h3 {
        font-size: 18px;
        font-weight: 700;
        line-height: 23px;
        color: @akzent-color-contra;
        padding: 0;
        margin: 0;
        margin-top: -2px;
      }

      .event-bar-inner-content {
        color: @akzent-color-contra;
        font-size: 14px;
        font-weight:700;
        line-height: 14px;
        margin-top: 3px;

        a {
          color: @akzent-color-contra !important;
        }
      }

    }

    .event-bar-inner-price {
      display: -webkit-box;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      flex-direction: column;

      h3 {
        font-size: 30px;
        font-weight: 700;
        line-height: 30px;
        color: @akzent-color-contra;
        font-family: @fontvariant;
        padding: 0;
        margin: 0;
        margin-top: -2px;
      }

      .event-bar-inner-content {
        display: none;
      }
    }



    }

  .event-image {

    position: relative;


    .event-bg-image {
      width: 100vw;
      position: relative;
      margin-left: -50vw;
      height: 80vh;
      margin-top: 0px;
      left: 50%;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center center;
    }


    .event-bg-image-title {
      font-family: @fontvariant;
      font-weight: 700;
      font-size: 90px;
      line-height: 100px;
      color: #fff;
      text-align: center;
      width: 100%;
      margin: 0;
      position: absolute;
      top: 50%;
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      text-shadow: 0px 0px 15px #000;
    }


    img {
      margin-bottom: 18px;
      width: 100%;
      height: auto;
      max-width: 100%;
      display: none;
    }

  } // event image

  .event-bar {
    background: @akzent-color;
    color: @akzent-color-contra;
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    min-height: 110px;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    padding: 30px 60px 30px 40px;

    bottom: -55px;
    width: 100%;
    position: absolute;

    .event-bar-item {
      background-color: transparent !important;
      display: block;
      padding: 0;
      margin: 0;
      display: -webkit-box;
      display: flex;
    }


    i, .material-icons-outlined {
      color: @akzent-color-contra;
      font-size: 39px;
      display: inline-block;
      margin-right: 12px;
    }

    .event-bar-inner {
      display: -webkit-box;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      flex-direction: column;

      h3 {
        font-size: 18px;
        font-weight: 700;
        line-height: 23px;
        color: @akzent-color-contra;
        padding: 0;
        margin: 0;
        margin-top: -2px;
      }

      .event-bar-inner-content {
        color: @akzent-color-contra;
        font-size: 14px;
        font-weight:700;
        line-height: 14px;
        margin-top: 3px;

        a {
          color: @akzent-color-contra;
        }
      }
    }

  }

} // single event tt

*/
.quantitybtns {
    display: flex;
}
.quantitybtns #numpeople {
    flex: 3;
    text-align: center;
    border-right: 3px solid #E5E5E5 !important;
    border-left: 3px solid #E5E5E5 !important;
    font-weight: 800;
    font-size: 18px;
    background-color: #f2f2f2;
    color: #000;
}
.quantitybtns .plus,
.quantitybtns .minus {
    flex: 1;
    font-weight: 800;
    color: #000;
    background-color: #f2f2f2;
    font-size: 20px;
}
.quantitybtns .plus:hover,
.quantitybtns .minus:hover {
    background-color: #212121;
    color: #fff;
}
@media only screen and (max-width: 900px) {
    .single-event-tt .event-content-left,
    .single-event-tt .event-content-right {
        width: 100%;
    }
    .single-event-tt .event-bar,
    .single-event-tt .event-content-left .event-content {
        margin-right: 0 !important;
    }
    .single-event-tt .event-content-inner {
        max-width: 100%;
    }
    .single-event-tt .event-content-right .event-content-right-inner {
        width: 100%;
    }
}
.eventpage-image {
    position: relative;
    margin-top: -25px;
    width: 100vw;
    margin-left: -50vw;
    height: 85vh;
    left: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.eventpage-image .event-bg-image {
    width: 100vw;
    position: relative;
    height: 85vh;
    margin-top: 0px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.eventpage-image .event-bg-image-title {
    font-family: urbane, sans-serif;
    font-weight: 700;
    font-size: 90px;
    line-height: 100px;
    color: #fff;
    text-align: center;
    width: 100%;
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    text-shadow: 0px 0px 15px #000;
}
.eventpage-image img {
    margin-bottom: 18px;
    width: 100%;
    height: auto;
    max-width: 100%;
    display: none;
}
.eventpage-image .heading-on-image {
    position: absolute;
    bottom: 150px;
    left: 20px;
    background: rgba(255, 255, 255, 0.8);
    box-shadow: 0 0 1rem rgba(0, 24, 51, 0.1);
}
.eventpage-image .heading-on-image .title {
    font-weight: 700;
    color: #000;
    margin: 0;
    padding: 10px 15px;
}
.eventpage-image .heading-on-image .promotion-text {
    padding: 0px 15px 10px;
}
@media only screen and (max-width: 570px) {
    .single-event-tt .event-image .event-bg-image-title {
        font-size: 45px;
        line-height: 45px;
    }
    .single-event-tt .event-bar,
    .single-event-tt .event-content {
        padding: 20px !important;
    }
    .single-event-tt .event-bar .event-bar-item {
        width: 100%;
        margin-top: 20px;
    }
    .single-event-tt .event-bar .event-bar-date {
        margin-top: 0 !important;
    }
    .single-event-tt .single-event-bar-seperator {
        display: none;
    }
}
.event-content-wrap {
    margin-top: -105px;
    position: relative;
    z-index: 9;
}
.event_detail_col {
    zoom: 1;
    position: relative;
    width: 1400px;
    max-width: calc(100% - 40px);
    margin: 30px auto 0 auto;
}
.event_detail_col ul li,
.event_detail_col ol li {
    list-style: none;
}
.event_detail_col .leftColumn {
    float: left;
    width: calc(100% - 360px) !important;
    background: #fff;
    padding: 40px 30px;
}
.event_detail_col .leftColumn .event_heading {
    margin: 0 0 60px 0;
    position: relative;
}
.event_detail_col .leftColumn .event_heading .promotion-text {
    font-style: normal;
    font-size: 30px;
    font-weight: 700;
    color: #e6007e;
    line-height: 1.2;
    letter-spacing: 0.5px;
    margin: 0 0 15px 0;
}
.event_detail_col .leftColumn .event_heading .title {
    font-style: normal;
    color: #000;
    font-size: 49px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0px;
    text-transform: uppercase;
    margin: 0 0 15px;
}
.event_detail_col .leftColumn .right_side_wrapper {
    position: absolute;
    top: 0;
    right: 0;
    width: 300px;
    height: 100%;
}
.event_detail_col .leftColumn .right_side_wrapper .rightBreakout.sticky_item {
    position: static;
    position: -webkit-sticky;
    position: sticky;
    top: 80px;
    margin-top: 0px;
    margin-bottom: 0px;
}
.event_detail_col .leftColumn .right_side_wrapper .rightBreakout.sticky_item .buttonWrapper {
    background: #fff;
    padding: 20px 18px 10px;
}
.event_detail_col .leftColumn .right_side_wrapper .rightBreakout.sticky_item .buttonWrapper .buttons a {
    position: relative;
    text-align: center;
    font-weight: 700;
    font-style: normal;
    font-size: 16px;
    line-height: 1;
    letter-spacing: 0.8px;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 250ms linear;
    background-color: #fff;
    border: 2px solid transparent;
    padding: 20px 15px 20px 30px;
    color: #000;
    border-radius: 30px;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    margin-bottom: 20px;
}
.event_detail_col .leftColumn .right_side_wrapper .rightBreakout.sticky_item .buttonWrapper .buttons a .icon {
    transition: all 250ms linear;
    flex: 0 0 auto;
    order: 2;
    width: 0;
    overflow: hidden;
    height: 12px;
    margin: 0 0 0 15px;
}
.event_detail_col .leftColumn .right_side_wrapper .rightBreakout.sticky_item .buttonWrapper .buttons a .bg {
    border-radius: 30px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: #000;
    transition: all 250ms linear;
}
.event_detail_col .leftColumn .right_side_wrapper .rightBreakout.sticky_item .buttonWrapper .buttons a .text {
    order: 1;
    letter-spacing: 0.8px;
    font-weight: 700;
    font-style: normal;
    line-height: 1;
    font-size: 16px;
}
.event_detail_col .leftColumn .right_side_wrapper .rightBreakout.sticky_item .buttonWrapper .buttons a:hover .icon {
    width: 17px;
}
.event_detail_col .leftColumn .right_side_wrapper .rightBreakout.sticky_item .buttonWrapper .buttons a:hover .bg {
    background: #e6007e;
    width: calc(100% + 4px);
    height: calc(100% + 4px);
}
.event_detail_col .leftColumn .right_side_wrapper .rightBreakout.sticky_item .buttonWrapper .buttons a:hover .text {
    color: #fff;
}
.event_detail_col .leftColumn .right_side_wrapper .rightBreakout.sticky_item .details {
    background: #fff;
    padding: 20px 15px 25px;
}
.event_detail_col .leftColumn .right_side_wrapper .rightBreakout.sticky_item .details .premiere-hinweis {
    margin-left: 10px;
}
.event_detail_col .leftColumn .right_side_wrapper .rightBreakout.sticky_item .details .eventDetailListheading {
    font-weight: 700;
    font-style: normal;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #000 !important;
    line-height: 1.2 !important;
    letter-spacing: 0px !important;
    text-transform: uppercase !important;
}
.event_detail_col .leftColumn .right_side_wrapper .rightBreakout.sticky_item .details .eventDetailListContent {
    font-weight: 400;
    font-style: normal;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #231F20 !important;
    line-height: 1.6 !important;
    letter-spacing: 0px !important;
}
.event_detail_col .leftColumn .right_side_wrapper .rightBreakout.sticky_item .details .eventDetailList .item {
    padding: 0 10px 5px;
    margin: 0 0 20px;
    border-bottom: 1px solid #d9d9d9;
}
.event_detail_col .leftColumn .right_side_wrapper .rightBreakout.sticky_item .details .eventDetailList .item .item_label {
    font-style: normal;
    font-size: 16px;
    font-weight: 700;
    color: #000;
    line-height: 1.2;
    letter-spacing: 0px;
    text-transform: uppercase;
    margin: 0 0 10px;
}
.event_detail_col .leftColumn .right_side_wrapper .rightBreakout.sticky_item .details .eventDetailList .item span {
    font-size: 16px;
    font-weight: 600;
    color: #333;
    line-height: 1.6;
    letter-spacing: 0px;
    margin: 0;
}
.event_detail_col .leftColumn .right_side_wrapper .rightBreakout.sticky_item .details .eventDetailList .item .vevcountdown {
    float: none !important;
    font-size: 16px;
    margin: 0 !important;
}
.event_detail_col .leftColumn .right_side_wrapper .rightBreakout.sticky_item .details .eventDetailList .item .vevcountdown div {
    float: none !important;
    display: inline-block !important;
    color: #000;
    text-align: left;
    font-size: 16px;
    margin-right: 5px;
}
.event_detail_col .leftColumn .right_side_wrapper .rightBreakout.sticky_item .details .eventDetailList .item .vevcountdown span {
    background: transparent !important;
    border: 0 !important;
    padding: 0px 0px !important;
    color: #000 !important;
    font-size: 16px !important;
    display: inline;
    margin-right: 3px;
}
.event_detail_col .leftColumn .right_side_wrapper .rightBreakout.sticky_item .details .eventDetailList .item.item-freieauswahl {
    border-bottom: 0 !important;
}
.event_detail_col .leftColumn .right_side_wrapper .rightBreakout.sticky_item .details .eventDetailList .item.item-freieauswahl .item_label {
    background: #e6007e;
    color: #fff !important;
    font-weight: 500 !important;
    border-radius: 4px !important;
    padding: 3px 10px !important;
    display: inline;
    font-size: 13px !important;
    text-transform: none !important;
}
.event_detail_col .leftColumn .right_side_wrapper .rightBreakout.sticky_item .details .eventDetailList .item:last-child {
    border-bottom: none;
    margin: 0;
    padding: 0 10px 0;
}
.event_detail_col .leftColumn .right_side_wrapper .rightBreakout.sticky_item .details .event_reservationForm {
    font-size: 16px;
}
.event_detail_col .leftColumn .right_side_wrapper .rightBreakout.sticky_item .details .event_reservationForm .headline-sidebar {
    margin-top: 20px;
}
.event_detail_col .leftColumn .right_side_wrapper .rightBreakout.sticky_item .details .event_reservationForm .event-bar-inner-price {
    padding: 0 10px 5px;
    margin: 0 0 0px;
}
.event_detail_col .leftColumn .right_side_wrapper .rightBreakout.sticky_item .details .event_reservationForm .event-bar-inner-price h3 {
    font-weight: 700;
    font-style: normal;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #000 !important;
    line-height: 1.2 !important;
    letter-spacing: 0px !important;
    text-transform: uppercase !important;
    margin: 0 0 0;
}
.event_detail_col .leftColumn .right_side_wrapper .rightBreakout.sticky_item .details .event_reservationForm .event-bar-inner-price .event-bar-inner-content {
    display: none;
}
.event_detail_col .leftColumn .right_side_wrapper .rightBreakout.sticky_item .details .event_reservationForm .vev-ev-det-multiprices {
    font-weight: 400;
    font-style: normal;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #231F20 !important;
    line-height: 1.6 !important;
    letter-spacing: 0px !important;
    padding: 0 10px 5px;
    margin: 0 0 10px;
}
.event_detail_col .leftColumn .right_side_wrapper .rightBreakout.sticky_item .details .event_reservationForm .vev-ev-det-multiprices .vev-ev-det-multiprice-cont {
    padding: 2px 0 !important;
}
.event_detail_col .leftColumn .right_side_wrapper .rightBreakout.sticky_item .details .event_reservationForm .vev-ev-det-multiprice-earlybird {
    top: inherit;
    display: block;
    padding: 0;
    background-color: transparent;
    background: transparent;
}
.event_detail_col .leftColumn .right_side_wrapper .rightBreakout.sticky_item .details .event_reservationForm .vev-ev-det-multiprice-earlybird span {
    display: inline-block;
    background-color: #e6007e;
    padding: 2px 6px;
    margin-bottom: 8px;
    font-weight: 600;
    border-radius: 4px;
}
.event_detail_col .leftColumn .right_side_wrapper .rightBreakout.sticky_item .details .event_reservationForm .vev-ev-det-multiprice-name .material-icons-outlined {
    vertical-align: bottom;
    font-size: 18px;
    line-height: 23px;
}
.event_detail_col .leftColumn .right_side_wrapper .rightBreakout.sticky_item .details .event_reservationForm .vev-ev-det-multiprice-contleft,
.event_detail_col .leftColumn .right_side_wrapper .rightBreakout.sticky_item .details .event_reservationForm .vev-ev-det-multiprice-name,
.event_detail_col .leftColumn .right_side_wrapper .rightBreakout.sticky_item .details .event_reservationForm .vev-ev-det-singleprice-name {
    font-weight: 400;
    font-style: normal;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #231F20 !important;
    line-height: 1.6 !important;
    letter-spacing: 0px !important;
}
.event_detail_col .leftColumn .right_side_wrapper .rightBreakout.sticky_item .details .event_reservationForm .vev-ev-det-multiprice-cost {
    font-weight: 400;
    font-style: normal;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #231F20 !important;
    line-height: 1.6 !important;
    letter-spacing: 0px !important;
}
.event_detail_col .leftColumn .right_side_wrapper .rightBreakout.sticky_item .details .event_reservationForm .vev-ev-det-multiprice-cost,
.event_detail_col .leftColumn .right_side_wrapper .rightBreakout.sticky_item .details .event_reservationForm .vev-ev-det-singleprice-cost,
.event_detail_col .leftColumn .right_side_wrapper .rightBreakout.sticky_item .details .event_reservationForm .vev-ev-det-singleprice-details,
.event_detail_col .leftColumn .right_side_wrapper .rightBreakout.sticky_item .details .event_reservationForm .vev-ev-det-multiprice-details {
    padding: 0 !important;
}
.event_detail_col .leftColumn .right_side_wrapper .rightBreakout.sticky_item .details .event_reservationForm .vev-ev-det-donation-box {
    border-top: 1px solid #d9d9d9 !important;
    padding: 20px 10px 10px 10px !important;
}
.event_detail_col .leftColumn .right_side_wrapper .rightBreakout.sticky_item .details .event_reservationForm .vev-ev-det-donation-box .vevdonationmess {
    font-weight: 700;
    font-style: normal;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #000 !important;
    line-height: 1.2 !important;
    letter-spacing: 0px !important;
    text-transform: uppercase !important;
    padding: 0px 0 10px !important;
}
.event_detail_col .leftColumn .right_side_wrapper .rightBreakout.sticky_item .details .event_reservationForm .vev-ev-det-donation-box .vevdonationboxeuro .vevdonationinp {
    background-color: #f2f2f2 !important;
    color: #000;
}
.event_detail_col .leftColumn .right_side_wrapper .rightBreakout.sticky_item .details .event_reservationForm .vev-ev-det-donation-box .vevdonationboxeuro .eurosign {
    color: #000;
}
.event_detail_col .leftColumn .right_side_wrapper .rightBreakout.sticky_item .details .event_reservationForm .vev-ev-det-booking-box {
    padding: 0px 10px !important;
}
.event_detail_col .leftColumn .right_side_wrapper .rightBreakout.sticky_item .details .event_reservationForm .vev-ev-det-booking-box .vev-ev-det-participants label {
    font-weight: 700;
    font-style: normal;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #000 !important;
    line-height: 1.2 !important;
    letter-spacing: 0px !important;
    text-transform: uppercase !important;
}
.event_detail_col .leftColumn .right_side_wrapper .rightBreakout.sticky_item .details .event_reservationForm .vev-ev-det-booking-box .roundButtonStyle {
    width: 100%;
    margin-top: 20px;
}
.event_detail_col .leftColumn .event_showings {
    margin: 0 0 20px 0;
}
.event_detail_col .leftColumn .event_showings .list {
    position: relative;
    list-style-type: none;
}
.event_detail_col .leftColumn .event_showings .list .listItem {
    margin: 0 0 20px 0;
    padding: 0;
    transition: all 250ms linear;
}
.event_detail_col .leftColumn .event_showings .list .listItem .top-row {
    display: flex;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start;
    width: 100%;
}
.event_detail_col .leftColumn .event_showings .list .listItem .top-row .date-time-additional {
    width: calc(100% - 159px);
    width: 100%;
    margin: 0;
    display: block;
    flex: 1 1 auto;
    transition: all 250ms linear;
}
.event_detail_col .leftColumn .event_showings .list .listItem .top-row .date-time-additional .showings_date {
    margin: 0 0 3px 0;
    padding: 12px 5px 3px 0;
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: space-between;
    align-content: center;
    align-items: center;
}
.event_detail_col .leftColumn .event_showings .list .listItem .top-row .date-time-additional .showings_date .showings_date_inner {
    min-width: 260px;
    margin: 0 5px 0 0;
    display: block;
}
.event_detail_col .leftColumn .event_showings .list .listItem .top-row .date-time-additional .showings_date .showings_date_inner .m-date__singleDate {
    position: relative;
    z-index: 1;
    font-size: 15px;
    line-height: 15px;
    margin: 0 0 2px;
    padding: 0 40px 0 0;
}
.event_detail_col .leftColumn .event_showings .list .listItem .top-row .date-time-additional .showings_date .showings_date_inner .m-date__singleDate::before {
    width: 100%;
    height: 3px;
    position: absolute;
    z-index: 1;
    content: "";
    bottom: -3px;
    left: 0;
    transition: all 250ms linear;
    background: #e6007e;
}
.event_detail_col .leftColumn .event_showings .list .listItem .top-row .date-time-additional .showings_date .showings_date_inner .m-date__singleDate .m-date__month,
.event_detail_col .leftColumn .event_showings .list .listItem .top-row .date-time-additional .showings_date .showings_date_inner .m-date__singleDate .m-date__day,
.event_detail_col .leftColumn .event_showings .list .listItem .top-row .date-time-additional .showings_date .showings_date_inner .m-date__singleDate .m-date__year {
    font-weight: 700;
    font-style: normal;
    font-size: 20px;
    color: #000;
    line-height: 20px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}
.event_detail_col .leftColumn .event_showings .list .listItem .top-row .date-time-additional .showings_date .showings_date_inner .m-date__singleDate .m-date__weekday {
    font-weight: 700;
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    color: #000;
}
.event_detail_col .leftColumn .event_showings .list .listItem .top-row .date-time-additional .showings_date .time {
    margin: 0 auto;
    order: 2;
    min-width: 223px;
    font-size: 20px;
    font-weight: 700;
    color: #000;
    line-height: 22px;
    letter-spacing: 0px;
}
.event_detail_col .leftColumn .event_showings .list .listItem .top-row .date-time-additional .showings_date::after {
    width: 100%;
    height: 1px;
    position: absolute;
    z-index: -1;
    content: "";
    bottom: 0;
    left: 0;
    transition: all 250ms linear;
    background: #D9D9D9;
}
.event_detail_col .leftColumn .event_showings .list .listItem .top-row:hover .m-date__singleDate::before {
    width: calc(100% - 40px) !important;
}
.event_detail_col .leftColumn .event_showings .list .listItem .top-row .buttons a.tickets {
    display: flex;
    position: relative;
    background-color: #e6007e;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    font-style: normal;
    cursor: pointer;
    line-height: 1;
    letter-spacing: 0.8px;
    text-decoration: none;
    border-radius: 4px;
    text-transform: uppercase;
    transition: all 250ms linear;
    padding: 15px 15px 15px 30px;
    color: #fff;
    z-index: 1;
    justify-content: center;
    align-content: center;
    align-items: center;
    padding-right: 27px;
    margin: 0 0 0 10px;
}
.event_detail_col .leftColumn h2.detail {
    position: relative;
    z-index: 1;
    padding: 0;
    text-transform: uppercase;
    color: #000;
    font-weight: 700;
    font-style: normal;
    font-size: 30px;
}
.event_detail_col .leftColumn .description_wrapper {
    margin: 0 0 60px 0;
    line-height: 1.6;
    letter-spacing: 0px;
    font-size: 16px;
    color: #000;
}
.event_detail_col .leftColumn .description_wrapper p {
    line-height: 1.6;
    letter-spacing: 0px;
}
.hinweis {
    font-size: 11px;
    padding: 0 10px;
}
.info-login-text {
    background: #e6007e;
    padding: 10px;
    border-radius: 4px;
    color: #fff;
    margin-top: 10px;
    font-size: 14px;
}
.vev-ev-det-participants input,
.vev-ev-det-participants input:focus {
    padding: 5px 20px !important;
}
.rl_tabs > ul.nav-tabs > li > a span {
    font-weight: 600 !important;
    color: #000 !important;
    text-transform: uppercase !important;
}
.rl_tabs.top > ul.nav-tabs > li.active a,
.rl_tabs.top > ul.nav-tabs > li.active a:hover {
    border-bottom-color: #e6007e !important;
    border: 0 !important;
}
.rl_tabs.outline_handles ul.nav-tabs > li a {
    background: #fafafa;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 10px 15px !important;
    border: 0 !important;
    margin-right: 10px;
    color: #999999;
}
.rl_tabs.outline_handles ul.nav-tabs > li a:hover {
    background: #f6f6f6;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border: 0 !important;
    margin-right: 10px;
    color: #777;
}
.rl_tabs.outline_handles ul.nav-tabs > li.active a,
.rl_tabs.outline_handles ul.nav-tabs > li.active a:hover {
    color: #000;
    background: #f6f6f6;
}
.rl_tabs.outline_content > .tab-content {
    background: #f6f6f6;
    padding: 10px 20px;
}
@media only screen and (max-width: 700px) {
    .event-content-wrap {
        margin: 0 !important;
    }
    .event_detail_col .leftColumn {
        width: 100% !important;
        background-color: #fff;
        padding: 0;
    }
    .event_detail_col {
        width: 100%;
        max-width: 100%;
    }
    .event_detail_col .leftColumn .right_side_wrapper {
        margin: 0 0 30px 0;
        position: relative;
        top: 0;
        right: 0;
        width: 100%;
        height: auto;
    }
    .event_detail_col .leftColumn .right_side_wrapper .rightBreakout.sticky_item {
        position: relative;
        top: 0;
        margin-bottom: 0;
    }
    .single-event-tt .event-image .event-bg-image {
        height: 330px;
    }
    .single-event-tt .heading-on-image {
        left: 0;
        bottom: 0;
    }
    .single-event-tt .heading-on-image .title {
        font-size: 22px;
    }
    .event_detail_col .leftColumn .event_showings .list .listItem .top-row .date-time-additional .showings_date {
        display: block;
        width: 100%;
    }
    .event_detail_col .leftColumn .event_showings .list .listItem .top-row .date-time-additional .showings_date .showings_date_inner {
        margin: 0 0 10px 0;
    }
    .event_detail_col .leftColumn .event_showings .list .listItem .top-row {
        display: block;
    }
    .event_detail_col .leftColumn .event_showings .list .listItem .top-row .date-time-additional .showings_date::after,
    .event_detail_col .leftColumn .event_showings .list .listItem .top-row .buttons a.tickets {
        display: none;
    }
    .event_detail_col .leftColumn .event_showings,
    .event_detail_col .leftColumn h2.detail,
    .event_detail_col .leftColumn .description_wrapper {
        padding: 0 15px;
    }
    .event_detail_col .leftColumn h2.detail {
        font-size: 22px;
    }
    .event_detail_col .leftColumn .right_side_wrapper .rightBreakout.sticky_item .details {
        padding: 20px 7px 25px;
    }
}
::after,
::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#module-box2 {
    background: transparent;
    background-color: transparent;
}
.tt-startseite-container {
    max-width: 1400px;
    /*
  .tt-startseite-upcoming {

    .clearfix::before {
      display: table;
      content: " ";
    }

    .clearfix::after {
      display: table;
      content: " ";
    }

    .tt-startseite-list {

      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      grid-gap: 30px;


      .tt-startseite-listitem {
        width: 100%;
        float: left;
        position: relative;
        display: inline-block;
        background-repeat: no-repeat;
        background-size: cover;
        background-color: @akzent-color-contra;

        img {
          -ms-interpolation-mode: bicubic;
          border: 0;
          height: auto;
          max-width: 100%;
          vertical-align: middle;
          display: none;
        }


        .tt-startseite-listitem-img {
          display: block;
          height: 250px;
          background-repeat: no-repeat;
          background-size: cover;
          width: 100%;
          background-position: center center;
          position: relative;

          .tt-startseite-listitem-date {
            background-color: @akzent-color;
            display: inline-block;
            padding: 5px 10px;
            border-radius: 10px;
            color: @akzent-color-contra;
            position: absolute;
            left: 20px;
            bottom: 10px;
            font-size: 15px;
            font-weight: 700;

            .material-icons-outlined {
              font-size: 14px;
              margin-right: 5px;
            }
          }
        }


        .tt-startseite-listitem-info {
          position: relative;
          padding: 10px 20px;


          .tt-startseite-listitem-title a {
            font-family: @fontvariant;
            font-weight: 700 !important;
            color: #fff !important;
            font-size: 25px !important;
          }


        }




        .date {
          padding: 15px;
          background: rgba(36,36,36, 0.8);
          position: absolute;
          top: 0;
          left: 20px;
          text-align: center;
          text-transform: uppercase;
          color: #fff;

          a {
            color: #fff;

            .day {
              font-size: 30px;
              line-height: 30px;
              display: block;
              margin: 0;
              font-weight: 700;
            }
            .month {
              font-size: 14px;
              display: block;
              margin: 0;
              font-weight: 500;
            }
            .year {
              font-size: 14px;
              display: block;
            }
          }
        }

        .info {
          padding: 20px;
          position: absolute;
          bottom: 0;
          left: 0;
          right: 0;
          background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(253,253,253,0) 1%, rgba(28,28,28,1) 100%);
          background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(253,253,253,0) 1%,rgba(28,28,28,1) 100%);
          background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(253,253,253,0) 1%,rgba(28,28,28,1) 100%);
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#1c1c1c',GradientType=0 );

          a {
            width: 65%;
            margin: 0 0 5px;
            font-size: 16px;
            color: #fff;
            float: left;
            display: inline-block;

            span {
              display: block;
              color: #b3b3b3;
              font-size: 11px;
            } // END SPAN
          } // END P

          .get-ticket {
            font-size: 12px;
            line-height: 12px;
            color: #fff;
            padding: 10px 15px;
            background: transparent;
            text-transform: uppercase;
            border-radius: 0px;
            font-weight: 700;
            display: inline-block;
            width: 30%;
            float: right;
            text-align: center;
            border: 2px solid #fff;

            &:hover {
              color: #000;
              background: #fff;
            }

          }

        }  // END INFO


      } // End LI
    } // END UL
  } // END tt-startseite-upcoming


 */
}
.tt-startseite-container .tt-startseite-list {
    display: grid;
    grid-column: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 20px;
}
.tt-startseite-container .tt-startseite-listitem {
    position: relative;
    height: 400px;
}
.tt-startseite-container .tt-startseite-listitem .visual-overlay {
    opacity: 1;
    color: #ffffff;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
    -webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
}
.tt-startseite-container .tt-startseite-listitem .visual-overlay .visual-overlay-gradient {
    width: 100%;
    height: 100%;
    background: linear-gradient(top, #000000 32%, #1e1e1c 69%);
    background: -o-linear-gradient(top, #000000 32%, #1e1e1c 69%);
    background: -ms-linear-gradient(top, #000000 32%, #1e1e1c 69%);
    background: -moz-linear-gradient(top, #000000 32%, #1e1e1c 69%);
    background: -webkit-linear-gradient(top, #000000 32%, #1e1e1c 69%);
}
.tt-startseite-container .tt-startseite-listitem:hover .visual-overlay {
    opacity: 0 !important;
}
.tt-startseite-container .tt-startseite-listitem .visual-overlay-wrap {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
}
.tt-startseite-container .tt-startseite-listitem .visual-overlay-wrap .visual-overlay-wrap-inner {
    display: table;
    table-layout: fixed;
    position: absolute;
    width: 100%;
    height: 100%;
    color: #ffffff;
}
.tt-startseite-container .tt-startseite-listitem .visual-overlay-wrap .visual-overlay-wrap-inner .visual-overlay-content {
    padding: 27px 80px 18px 18px;
}
.tt-startseite-container .tt-startseite-listitem .visual-overlay-wrap .visual-overlay-wrap-inner .visual-overlay-content h3 {
    font-weight: 700;
    font-style: normal;
    margin: 0px 0 6px 0;
    font-size: 22px;
    word-break: break-word;
}
.tt-startseite-container .tt-startseite-listitem .visual-overlay-wrap .visual-overlay-wrap-inner .visual-overlay-content h3 a {
    color: #fff;
}
.tt-startseite-container .tt-startseite-listitem .visual-overlay-wrap .visual-overlay-wrap-inner .visual-overlay-content .visual-overlay-content-dates {
    font-weight: 700 !important;
    font-size: 22px;
}
.tt-startseite-container .tt-startseite-listitem .visual-overlay-wrap .visual-overlay-wrap-inner .visual-overlay-content .visual-overlay-content-dates .premiere-hinweis {
    display: inline-block;
    font-size: 12px;
    padding: 3px 4px 4px;
    border-radius: 4px;
    line-height: 1em;
    border: 2px solid #e6007e;
    color: #e6007e;
}
.tt-startseite-container .tt-startseite-listitem .visual-overlay-wrap .visual-overlay-wrap-inner .visual-overlay-content .visual-overlay-content-readmore {
    position: absolute;
    bottom: 27px;
}
.tt-startseite-container .tt-startseite-listitem .visual-overlay-wrap .visual-overlay-wrap-inner .visual-overlay-content .visual-overlay-content-readmore a {
    margin: 0;
    background-color: #e6007e !important;
    border-color: #e6007e !important;
    color: #fff !important;
    padding: 4px 15px !important;
    border-radius: 4px !important;
    font-size: 14px;
    text-transform: none;
    font-weight: 600;
    cursor: pointer;
}
.tt-startseite-container .tt-startseite-listitem .visual-overlay-wrap .visual-overlay-wrap-inner .visual-overlay-content .visual-overlay-content-readmore a.btn-termine {
    background-color: #b6a387 !important;
    border-color: #b6a387 !important;
}
.tt-startseite-container .tt-startseite-listitem .visual-overlay-wrap .visual-overlay-wrap-inner .date-header {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 1;
    background: #e6007e;
    width: 70px;
    height: 70px;
    padding: 17px 0;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    color: #FFFFFF;
    font-weight: 700;
    text-align: center;
    -webkti-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.tt-startseite-container .tt-startseite-listitem .visual-overlay-wrap .visual-overlay-wrap-inner .date-header .date-day {
    font-size: 24px;
    font-weight: 700;
    line-height: 17px;
}
.tt-startseite-container .tt-startseite-listitem .visual-overlay-wrap .visual-overlay-wrap-inner .date-header .date-month {
    font-size: 14px;
    text-transform: uppercase;
}
.tt-startseite-container .tt-startseite-listitem .overlay-background {
    width: 100%;
    height: 100%;
    display: block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
#upcontent {
    background: #f7f9fa;
}
#upcontent .moduletableintro-startseite {
    padding: 45px 0 0px 0;
    max-width: 850px;
    margin: 0 auto;
}
#upcontent .moduletableintro-startseite h2 {
    font-size: 22px;
    font-weight: 600;
}
@media only screen and (max-width: 1026px) {
    .tt-startseite-container .tt-startseite-upcoming .tt-startseite-list {
        display: grid;
        grid-template-columns: 1fr 1fr !important;
    }
}
@media only screen and (max-width: 760px) {
    .tt-startseite-container .tt-startseite-upcoming .tt-startseite-list {
        display: grid;
        grid-template-columns: 1fr !important;
        grid-row-gap: 20px;
    }
}
.vikgm_cnt_container {
    background: #000 !important;
}
.vikgm_cnt_container blockquote {
    padding: 0 !important;
    margin: 20px 0 !important;
    border-left-color: #e6007e !important;
}
.vikgm_cnt_item.vikgm_cnt_title > h2 {
    font-family: urbane, sans-serif;
}
@media only screen and (max-width: 760px) {
    .vikcnt_left .vikgm_cnt_container,
    .vikcnt_right .vikgm_cnt_container {
        display: block;
        width: 100% !important;
        position: inherit !important;
    }
}
.hinweis_message {
    display: inline;
    background: #000;
    color: #fff;
    padding: 3px 10px;
    border-radius: 3px;
    font-weight: 600;
    margin-right: 15px;
}
.event_stroke_class {
    text-decoration: line-through solid 3px;
    text-decoration-color: #000;
}
.event_deactive_class {
    opacity: 0.6;
}
.icon-round {
    display: inline-block;
    padding: 5px 10px;
    background: #eaeaea;
    border-radius: 4px;
    font-size: 12px;
}
.event_list_grid .event_list_wrapper {
    display: flex;
    justify-content: flex-start;
    align-content: stretch;
    align-items: stretch;
    flex-wrap: wrap;
    text-align: left;
    width: 1400px;
    max-width: calc(100% - 0px);
    margin: 0 auto 40px;
}
.event_list_grid .event_list_wrapper .event_item::after {
    width: calc(100% - 12px);
    height: 1px;
    position: absolute;
    z-index: 1;
    content: "";
    bottom: 0;
    right: 6px;
    transition: all 250ms linear;
    background: #D9D9D9;
    visibility: visible;
}
.event_list_grid .event_list_wrapper .event_item {
    background: transparent;
    text-align: left;
    width: calc(1/4*(100% - 80px));
    display: flex;
    justify-content: flex-start;
    align-content: stretch;
    align-items: stretch;
    flex-direction: column;
    position: relative;
    z-index: 1;
    min-height: 0;
    margin: 0 20px 40px 0;
    transition: box-shadow 200ms linear;
    padding: 0 0 1px;
}
.event_list_grid .event_list_wrapper .event_item .thumb {
    width: 100%;
    margin: 0;
    position: relative;
    z-index: 1;
    flex: 0 0 auto;
}
.event_list_grid .event_list_wrapper .event_item .thumb a {
    display: block;
    position: relative;
    z-index: 2;
    box-shadow: 0 5px 15px -3px rgba(0, 0, 0, 0.4);
    transition: box-shadow 250ms linear;
    height: 250px;
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
}
.event_list_grid .event_list_wrapper .event_item .thumb a img {
    width: 100%;
    display: block;
    border: 0;
}
.event_list_grid .event_list_wrapper .event_item .thumb a::before {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 2;
    content: "";
    top: 0;
    left: 0;
    transition: all 200ms linear;
    border: 0px solid #fff;
}
.event_list_grid .event_list_wrapper .event_item .thumb a::after {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    content: "";
    top: 0;
    left: 0;
    transition: all 200ms linear;
    background: rgba(35, 31, 32, 0.4);
    opacity: 0;
}
.event_list_grid .event_list_wrapper .event_item .thumb a:hover {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.4);
}
.event_list_grid .event_list_wrapper .event_item .thumb a:hover::before {
    border-width: 5px;
}
.event_list_grid .event_list_wrapper .event_item .thumb a:hover::after {
    opacity: 1;
}
.event_list_grid .event_list_wrapper .event_item .thumb .thumb_buttons {
    z-index: 3;
    max-height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    max-width: calc(100% - 30px);
    display: flex;
    justify-content: flex-start;
    align-content: flex-end;
    align-items: flex-end;
    width: 100%;
}
.event_list_grid .event_list_wrapper .event_item .thumb .thumb_buttons .more_info {
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0.8px;
    text-decoration: none;
    border-radius: 25px;
    text-transform: uppercase;
    transition: all 250ms linear;
    background-color: transparent;
    border: 2px solid transparent;
    font-size: 14px;
    padding: 15px 15px 15px 30px;
    color: #fff;
    position: relative;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex: 0 0 auto;
    order: 2;
    margin: 0 auto;
    opacity: 0;
    z-index: 1;
    max-width: 100%;
}
.event_list_grid .event_list_wrapper .event_item .thumb a:hover + .thumb_buttons .more_info {
    opacity: 1;
}
.event_list_grid .event_list_wrapper .event_item .event_info {
    width: 100%;
    padding: 19px 6px 20px;
    position: relative;
    z-index: 2;
    display: flex;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 228px;
    line-height: 1;
    font-size: 16px;
}
.event_list_grid .event_list_wrapper .event_item .event_info .event_info_wrapper {
    max-width: 100%;
    width: 100%;
}
.event_list_grid .event_list_wrapper .event_item .event_info .event_info_wrapper .promotion_text {
    font-size: 14px;
    font-weight: 400;
    color: #e6007e;
    line-height: 1.2;
    letter-spacing: 0.5px;
    margin: 0 0 5px 0;
}
.event_list_grid .event_list_wrapper .event_item .event_info .event_info_wrapper h3 a {
    color: #000;
    line-height: 1.2;
    letter-spacing: 0px;
    font-weight: 700;
    border: none;
    text-decoration: none;
    cursor: pointer;
    transition: all 250ms linear;
}
.event_list_grid .event_list_wrapper .event_item .event_info .event_info_wrapper h4.tagline {
    margin: 0 0 20px 0;
    font-size: 16px;
    font-weight: 400;
    color: #000;
    line-height: 1.6;
    letter-spacing: 0px;
}
.event_list_grid .event_list_wrapper .event_item .event_info .meta_buttons {
    margin: auto 0 0 0;
    max-width: 100%;
    width: 100%;
}
.event_list_grid .event_list_wrapper .event_item .event_info .meta_buttons .event_button_wrap {
    display: none;
}
.event_list_grid .event_list_wrapper .event_item .event_info .meta_buttons .event_date {
    padding: 0 45px 5px 0;
    display: inline-block;
    position: relative;
    z-index: 1;
    text-transform: uppercase;
    margin: 0 0 15px;
    font-size: 18px;
    line-height: 1.2;
    font-weight: 500;
    color: #000;
    letter-spacing: 0.5px;
}
.event_list_grid .event_list_wrapper .event_item .event_info .meta_buttons .event_date::after {
    width: 100%;
    height: 3px;
    position: absolute;
    z-index: 1;
    content: "";
    bottom: 0;
    left: 0;
    transition: all 250ms linear;
    background: #e6007e;
}
.event_list_grid .event_list_wrapper .event_item .event_info .meta_buttons .event_date.event_date_old::after {
    display: none !important;
}
.event_list_grid .event_list_wrapper .event_item .event_info .meta_buttons .event_date .event_single_date {
    font-size: 18px;
    line-height: 1.2;
    font-weight: 700;
    color: #000;
    letter-spacing: 0.5px;
}
.event_list_grid .event_list_wrapper .event_item .event_info .meta_buttons .event_date .event_single_date .event_date_jahr {
    font-size: 16px;
    line-height: 16px;
    letter-spacing: 0;
    font-weight: 400 !important;
}
.event_list_grid .event_list_wrapper .event_item:hover .meta_buttons .event_date::after {
    width: calc(100% - 45px);
}
.event_list_grid .event_list_wrapper .event_item:hover .meta_buttons .event_date_old::after {
    display: none !important;
}
.event_list_list .event_list_wrapper {
    display: flex;
    justify-content: flex-start;
    align-content: stretch;
    align-items: stretch;
    flex-wrap: wrap;
    text-align: left;
    width: 1400px;
    max-width: calc(100% - 0px);
    margin: 0 auto 40px;
}
.event_list_list .event_list_wrapper .event_item::after {
    width: 100%;
    height: 1px;
    position: absolute;
    z-index: 1;
    content: "";
    bottom: -5px;
    right: 0px;
    transition: all 250ms linear;
    background: #D9D9D9;
    visibility: visible;
    margin-top: 25px;
}
.event_list_list .event_list_wrapper .event_item {
    display: flex;
    justify-content: flex-start;
    align-content: stretch;
    align-items: stretch;
    position: relative;
    flex-direction: row;
    z-index: 1;
    margin: 15px 0;
    padding: 0;
    width: 100%;
    text-align: left;
    transition: box-shadow 200ms linear;
    background-color: transparent;
}
.event_list_list .event_list_wrapper .event_item .thumb {
    width: 300px;
    height: 200px;
    flex: 0 0 auto;
    margin: 0;
    overflow: visible;
    position: relative;
    z-index: 1;
}
.event_list_list .event_list_wrapper .event_item .thumb a {
    display: block;
    position: relative;
    z-index: 2;
    box-shadow: 0 5px 15px -3px rgba(0, 0, 0, 0.4);
    transition: box-shadow 250ms linear;
    height: 100%;
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
}
.event_list_list .event_list_wrapper .event_item .thumb a img {
    width: 100%;
    display: block;
    border: 0;
}
.event_list_list .event_list_wrapper .event_item .thumb a::before {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 2;
    content: "";
    top: 0;
    left: 0;
    transition: all 200ms linear;
    border: 0px solid #fff;
}
.event_list_list .event_list_wrapper .event_item .thumb a::after {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    content: "";
    top: 0;
    left: 0;
    transition: all 200ms linear;
    background: rgba(35, 31, 32, 0.4);
    opacity: 0;
}
.event_list_list .event_list_wrapper .event_item .thumb a:hover {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.4);
}
.event_list_list .event_list_wrapper .event_item .thumb a:hover::before {
    border-width: 5px;
}
.event_list_list .event_list_wrapper .event_item .thumb a:hover::after {
    opacity: 1;
}
.event_list_list .event_list_wrapper .event_item .thumb .thumb_buttons {
    z-index: 3;
    max-height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    max-width: calc(100% - 30px);
    display: flex;
    justify-content: flex-start;
    align-content: flex-end;
    align-items: flex-end;
    width: 100%;
}
.event_list_list .event_list_wrapper .event_item .thumb .thumb_buttons .more_info {
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0.8px;
    text-decoration: none;
    border-radius: 25px;
    text-transform: uppercase;
    transition: all 250ms linear;
    background-color: transparent;
    border: 2px solid transparent;
    font-size: 14px;
    padding: 15px 15px 15px 30px;
    color: #fff;
    position: relative;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex: 0 0 auto;
    order: 2;
    margin: 0 auto;
    opacity: 0;
    z-index: 1;
    max-width: 100%;
}
.event_list_list .event_list_wrapper .event_item .thumb a:hover + .thumb_buttons .more_info {
    opacity: 1;
}
.event_list_list .event_list_wrapper .event_item .event_info {
    width: 100%;
    max-width: calc(100% - 202px);
    display: flex;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 220px;
    padding: 20px 20px 20px 30px;
    position: relative;
    z-index: 2;
}
.event_list_list .event_list_wrapper .event_item .event_info .event_info_wrapper {
    max-width: 100%;
    width: 100%;
}
.event_list_list .event_list_wrapper .event_item .event_info .event_info_wrapper .promotion_text {
    font-size: 14px;
    font-weight: 400;
    color: #e6007e;
    line-height: 1.2;
    letter-spacing: 0.5px;
    margin: 0 0 5px 0;
}
.event_list_list .event_list_wrapper .event_item .event_info .event_info_wrapper h3 {
    margin: 0;
}
.event_list_list .event_list_wrapper .event_item .event_info .event_info_wrapper h3 a {
    color: #000;
    line-height: 1.2;
    letter-spacing: 0px;
    font-size: 30px;
    font-weight: 700;
    border: none;
    text-decoration: none;
    cursor: pointer;
    transition: all 250ms linear;
}
.event_list_list .event_list_wrapper .event_item .event_info .event_info_wrapper h4.tagline {
    margin: 0 0 20px 0;
    font-size: 16px;
    font-weight: 400;
    color: #232323;
    line-height: 1.6;
    letter-spacing: 0px;
}
.event_list_list .event_list_wrapper .event_item .event_info .event_spacer {
    flex: 1 1 auto;
    width: 100%;
    max-width: 100%;
    height: 0;
    display: block;
}
.event_list_list .event_list_wrapper .event_item .event_info .meta_buttons {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-content: flex-end;
    align-items: flex-end;
}
.event_list_list .event_list_wrapper .event_item .event_info .meta_buttons .left_side {
    flex: 1 1 auto;
    margin: 0 30px 2px 0;
    width: 100%;
    max-width: calc(100% - 204px);
}
.event_list_list .event_list_wrapper .event_item .event_info .meta_buttons .event_date {
    padding: 0 45px 5px 0;
    display: inline-block;
    position: relative;
    z-index: 1;
    text-transform: uppercase;
    margin: 0 0 15px;
    font-size: 18px;
    line-height: 1.2;
    font-weight: 500;
    color: #000;
    letter-spacing: 0.5px;
}
.event_list_list .event_list_wrapper .event_item .event_info .meta_buttons .event_date::after {
    width: 100%;
    height: 3px;
    position: absolute;
    z-index: 1;
    content: "";
    bottom: 0;
    left: 0;
    transition: all 250ms linear;
    background: #e6007e;
}
.event_list_list .event_list_wrapper .event_item .event_info .meta_buttons .event_date.event_date_old::after {
    display: none;
}
.event_list_list .event_list_wrapper .event_item .event_info .meta_buttons .event_date .event_single_date {
    font-size: 18px;
    line-height: 1.2;
    font-weight: 700;
    color: #000;
    letter-spacing: 0.5px;
}
.event_list_list .event_list_wrapper .event_item .event_info .meta_buttons .event_date .event_single_date .event_date_jahr {
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0;
    font-weight: 400 !important;
}
.event_list_list .event_list_wrapper .event_item .event_info .meta_buttons .event_button_wrap {
    position: relative;
    z-index: 1;
    margin: 0 0 0 auto;
    display: block;
    width: auto;
    flex: 0 0 auto;
    max-width: 240px;
}
.event_list_list .event_list_wrapper .event_item .event_info .meta_buttons .event_button_wrap .ticket_button {
    cursor: pointer;
    text-align: center;
    line-height: 1;
    letter-spacing: 0.8px;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 250ms linear;
    background-color: #e6007e;
    border: 2px solid transparent;
    font-size: 14px;
    font-weight: 700;
    padding: 15px 15px 15px 30px;
    color: #fff;
    border-radius: 4px;
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex: 0 0 auto;
    margin: 0 0 0 auto;
}
.event_list_list .event_list_wrapper .event_item .event_info .meta_buttons .event_button_wrap .ticket_button .ticket_btn_icon {
    transition: all 250ms linear;
    flex: 0 0 auto;
    order: 2;
    width: 0;
    overflow: hidden;
    height: 12px;
    margin: 0 0 0 15px;
}
.event_list_list .event_list_wrapper .event_item .event_info .meta_buttons .event_button_wrap .ticket_button .ticket_btn_icon svg {
    display: block;
}
.event_list_list .event_list_wrapper .event_item .event_info .meta_buttons .event_button_wrap .ticket_button .ticket_btn_bg {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    background: #e6007e;
    transition: all 250ms linear;
}
.event_list_list .event_list_wrapper .event_item .event_info .meta_buttons .event_button_wrap .ticket_button .ticket_btn_text {
    font-size: 14px;
    order: 1;
    letter-spacing: 0.8px;
    font-weight: 700;
    line-height: 1;
}
.event_list_list .event_list_wrapper .event_item .event_info .meta_buttons .event_button_wrap .ticket_button:hover {
    background-color: transparent;
    padding-right: 25px;
    padding-left: 25px;
}
.event_list_list .event_list_wrapper .event_item .event_info .meta_buttons .event_button_wrap .ticket_button:hover .ticket_btn_icon {
    width: 17px;
}
.event_list_list .event_list_wrapper .event_item .event_info .meta_buttons .event_button_wrap .ticket_button:hover .ticket_btn_bg {
    background: #000;
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    border-radius: 4px;
}
.event_list_list .event_list_wrapper .event_item .event_info .meta_buttons .event_button_wrap .ticket_button:hover .ticket_btn_text {
    color: #fff;
}
.event_list_list .event_list_wrapper .event_item:hover .meta_buttons .event_date::after {
    width: calc(100% - 45px);
}
.event_list_header {
    margin: 0 0 50px;
    padding: 0;
}
.event_list_header .event_overview {
    width: 1400px;
    max-width: calc(100% - 0px);
    color: #231F20;
    margin: 0 auto;
    display: flex;
    justify-content: flex-start;
    align-content: flex-end;
    align-items: flex-end;
    flex-wrap: wrap;
    position: relative;
}
.event_list_header .event_overview h1 {
    order: 1;
    font-size: 35px;
    flex-grow: 2;
    font-weight: 500;
    margin: 0 10px 0px 0;
    line-height: 1.2;
    letter-spacing: 0px;
    color: #000;
    text-transform: uppercase;
    font-weight: 700;
    font-style: normal;
}
.event_list_header .event_overview .event_filters {
    order: 3;
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start;
}
.event_list_header .event_overview .accessible-hidden {
    margin: 0;
    padding: 0;
    width: 0;
    height: 0;
    border: none;
    background: none;
    overflow: hidden;
}
.event_list_header .event_overview .event_list_toggles {
    display: none;
    order: 2;
    align-self: flex-end;
    margin: 0 0px 10px auto;
}
.event_list_header .event_overview .event_list_toggles button {
    background: none;
    border: none;
    padding: 0px;
}
.event_list_header .event_overview .event_list_toggles .toggle {
    color: #000;
    font-weight: 700;
    margin-left: 30px;
    position: relative;
    z-index: 1;
    outline-offset: 2px;
    display: flex;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    transition: all 250ms linear;
    opacity: 0.65;
}
.event_list_header .event_overview .event_list_toggles .toggle span {
    order: 1;
    display: block;
    width: 100%;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    font-style: normal;
    text-transform: uppercase;
    color: #000;
    line-height: 1.2;
    letter-spacing: 0.5px;
}
.event_list_header .event_overview .event_list_toggles .toggle .icon {
    order: 2;
    width: 44px;
    height: 35px;
    flex: 0 0 auto;
    margin: 0 0 0 11px;
    position: relative;
    z-index: 1;
    display: block;
    transition: all 250ms linear;
    border: 3px solid rgba(226, 18, 25, 0);
}
.event_list_header .event_overview .event_list_toggles .toggle .icon svg {
    display: block;
    top: 50%;
    left: 50%;
    position: absolute;
    z-index: 1;
    transform: translate(-50%, -50%);
}
.event_list_header .event_overview .event_list_toggles .toggle.is-active {
    opacity: 1;
}
.event_list_header .event_overview .event_list_toggles .toggle.is-active .icon {
    border-color: #e6007e;
}
.filter-bar {
    width: 1400px;
    max-width: calc(100% - 0px);
    margin: 0 auto;
}
.filter-bar #filters {
    text-align: center !important;
    width: 100%;
}
.premiere-flag {
    display: inline-block;
    padding: 10px 15px;
    background: #e6007e;
    color: #fff;
    border-radius: 4px;
}
.premiere-hinweis {
    display: inline-block;
    font-size: 12px;
    padding: 3px 4px 4px;
    border-radius: 4px;
    line-height: 1em;
    border: 2px solid #e6007e;
    color: #e6007e;
    margin-bottom: 10px;
}
.cafelitera-hinweis {
    display: inline-block;
    font-size: 12px;
    padding: 3px 4px 4px;
    border-radius: 4px;
    line-height: 1em;
    border: 2px solid #BF9169;
    background: #BF9169;
    color: #fff;
    margin-bottom: 10px;
}
.cafelitera_filterbar {
    text-align: right;
}
#cafelitera_filter {
    display: inline-block;
    font-size: 12px;
    padding: 3px 4px 4px !important;
    border-radius: 4px !important;
    line-height: 1em;
    border: 2px solid #eaeaea !important;
    background: #eaeaea !important;
    color: #000 !important;
    margin-bottom: 10px;
}
#cafelitera_filter.is-checked,
#cafelitera_filter:hover {
    border: 2px solid #BF9169 !important;
    background: #BF9169 !important;
    color: #fff !important;
}
.ensamble_info {
    padding: 0 0 15px 0;
}
.ensamble_info .ensamble_txt {
    display: inline-block;
    padding: 5px 10px;
    background: #eaeaea;
    border-radius: 4px;
    font-size: 12px;
}
.smallstage,
.bigstage {
    float: right;
    display: none;
}
.event_info_premiere {
    background-image: url("../images/premiere_bg.png");
    background-position: right top;
    background-repeat: no-repeat;
    background-size: 50%;
}
@media only screen and (max-width: 700px) {
    .event_list .event_list_wrapper {
        margin: 0 auto 10px;
        max-width: 100%;
        width: 100%;
    }
    .event_list_list .event_list_wrapper .event_item {
        width: 100%;
        max-width: 100%;
        margin: 10px 0 30px 0;
    }
    .event_list_list .event_list_wrapper .event_item .thumb {
        top: 0;
        right: 0;
        position: absolute;
        z-index: 3;
        width: 65px;
        height: 65px;
    }
    .event_list_list .event_list_wrapper .event_item .thumb a {
        display: block;
        position: relative;
        z-index: 2;
        box-shadow: 0 5px 15px -3px rgba(0, 0, 0, 0.4);
        transition: box-shadow 250ms linear;
    }
    .event_list_list .event_list_wrapper .event_item .thumb .buttons {
        display: none;
    }
    .event_list_list .event_list_wrapper .event_item .event_info {
        padding: 1px 1px 15px 0;
        width: 100%;
        max-width: 100%;
        min-height: 0;
    }
    .event_list_list .event_list_wrapper .event_item .event_info .event_info_wrapper h3 a {
        font-size: 18px;
        font-weight: 600;
    }
    .event_list_list .event_list_wrapper .event_item .event_info .meta_buttons .event_date {
        padding: 0 0px 5px 0 !important;
        display: block !important;
        width: 100% !important;
    }
    .event_single_date.event_single_date_new {
        display: block;
        width: 100%;
        margin-top: 12px;
    }
    .event_list_list .event_list_wrapper .event_item .event_info .event_info_wrapper .promotion_text,
    .event_list_list .event_list_wrapper .event_item .event_info .meta_buttons .event_date .event_single_date .event_date_jahr {
        font-size: 12px;
    }
    .event_list_list .event_list_wrapper .event_item .event_info .event_info_wrapper h4.tagline {
        font-size: 14px;
    }
    .event_list_list .event_list_wrapper .event_item .event_info .meta_buttons .event_date .event_single_date {
        font-size: 16px;
    }
    .event_list_list .event_list_wrapper .event_item .event_info .event_info_wrapper {
        padding: 0 80px 0 0;
        min-height: 80px;
    }
    .filter-bar #filters {
        text-align: center !important;
    }
    #filters button,
    #cat-filters button {
        font-weight: 700;
        font-style: normal;
        font-size: 12px;
    }
    .event_list_header .event_overview h1 {
        font-size: 25px;
        text-align: center;
        margin: 0;
    }
    .event_list_list .event_list_wrapper .event_item .event_info .meta_buttons {
        display: block;
    }
    .event_list_list .event_list_wrapper .event_item .event_info .meta_buttons .left_side,
    .event_list_list .event_list_wrapper .event_item .event_info .meta_buttons .event_button_wrap {
        width: 100%;
        max-width: 100%;
    }
    .event_list_grid .event_list_wrapper .event_item {
        width: 100% !important;
    }
}
.loginregistercont > div {
    background-color: #f7f9fa !important;
    border-radius: 0 !important;
}
#tbar-upmenu {
    font-size: 14px;
    color: #555 !important;
}
#tbar-upmenu .loginmenu #login-form > div,
.modopen > div {
    background: #fff !important;
    box-shadow: 0px 12px 13px #999 !important;
}
#tbar-upmenu .loginmenu #login-form {
    top: 15px !important;
}
#tbar-upmenu .loginmenu #login-form .control-group .input-prepend input.inputbox {
    -webkit-appearance: none;
    -moz-appearance: none;
    outline: none;
    background: transparent !important;
    border-radius: 0 !important;
    border-top: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-bottom: 1px solid #000 !important;
    color: #000;
    width: 99%;
    margin: 0 !important;
    font-size: 14px !important;
    padding: 10px 0px;
    font-weight: 500;
}
#tbar-upmenu .loginmenu #login-form .add-on {
    display: none;
}
#tbar-upmenu .loginmenu #login-form .input-prepend {
    margin: 0 0 15px 0 !important;
}
#tbar-upmenu .loginmenu #login-form .input-prepend label {
    font-size: 13px !important;
    margin: 0 5px 5px 0 !important;
    color: #555 !important;
}
#login-form .unstyled {
    border-top: 0 !important;
    border-bottom: 0 !important;
}
#login-form .unstyled li a {
    color: #555 !important;
}
#form-login-remember {
    display: none;
}
.mod_vevcart-empty-wrapper h4 {
    font-size: 14px !important;
    font-weight: 500 !important;
}
.btn-primary,
.loginregistercont .registerblock input.button,
.loginregistercont .loginblock input.button {
    -webkit-appearance: none;
    -moz-appearance: none;
    position: relative;
    display: inline-block;
    cursor: pointer;
    min-width: 160px;
    padding: 13px 40px 13px 24px !important;
    border: 3px solid #000 !important;
    font-weight: 500 !important;
    background-color: transparent !important;
    color: #000 !important;
    text-decoration: none;
    font-size: 14px !important;
    line-height: 14px !important;
    text-align: left !important;
    -webkit-transition: all 150ms ease-in;
    transition: all 150ms ease-in;
    border-radius: 0 !important;
}
.btn-primary::after,
.loginregistercont .registerblock input.button::after,
.loginregistercont .loginblock input.button::after {
    position: absolute;
    display: block;
    content: " ";
    right: 0;
    top: 0;
    height: 100%;
    width: 40px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 20px;
    -webkit-transition: all 150ms ease-in;
    transition: all 150ms ease-in;
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 31.49 31.49%27%3E%3Cpath d=%27M21.205 5.007c-.429-.444-1.143-.444-1.587 0-.429.429-.429 1.143 0 1.571l8.047 8.047H1.111C.492 14.626 0 15.118 0 15.737c0 .619.492 1.127 1.111 1.127h26.554l-8.047 8.032c-.429.444-.429 1.159 0 1.587.444.444 1.159.444 1.587 0l9.952-9.952c.444-.429.444-1.143 0-1.571l-9.952-9.953z%27 fill=%27%23000%27/%3E%3C/svg%3E");
}
.btn-primary:hover,
.loginregistercont .registerblock input.button:hover,
.loginregistercont .loginblock input.button:hover {
    background-color: #000 !important;
    color: #fff !important;
    box-shadow: 0 0 0.25rem 0.0625rem rgba(255, 255, 255, 0.33) !important;
}
.btn-primary:hover::after,
.loginregistercont .registerblock input.button:hover::after,
.loginregistercont .loginblock input.button:hover::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 31.49 31.49%27%3E%3Cpath d=%27M21.205 5.007c-.429-.444-1.143-.444-1.587 0-.429.429-.429 1.143 0 1.571l8.047 8.047H1.111C.492 14.626 0 15.118 0 15.737c0 .619.492 1.127 1.111 1.127h26.554l-8.047 8.032c-.429.444-.429 1.159 0 1.587.444.444 1.159.444 1.587 0l9.952-9.952c.444-.429.444-1.143 0-1.571l-9.952-9.953z%27 fill=%27%23fff%27/%3E%3C/svg%3E");
}
.loginregistercont .registerblock input.button,
.loginregistercont .loginblock input.button {
    width: 100% !important;
}
#login-form-e4j {
    border: 0 !important;
    padding: 30px !important;
    background: #f7f9fa !important;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
#login-form-e4j .option-fields .label-field {
    display: block;
    float: left;
    color: #444;
    width: 35%;
    text-align: right;
    padding: 8px 0 0;
    margin-right: 2%;
}
.profile-edit input,
.option-fields input,
.registration input,
input.inputbox:hover,
input.inputbox:focus,
.profile-edit input:focus,
.option-fields input:focus,
.vevconfirmation form .inputdet input,
.vevconfirmation form .inputdet textarea,
.loginregistercont .registerblock input,
.loginregistercont .loginblock input {
    -webkit-appearance: none;
    -moz-appearance: none;
    outline: none;
    background: #fff !important;
    border-radius: 0 !important;
    border-top: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-bottom: 1px solid #eaeaea !important;
    color: #000 !important;
    margin: 0 !important;
    font-size: 14px !important;
    padding: 10px 10px !important;
    font-family: urbane, sans-serif !important;
    font-weight: 500;
    box-shadow: none !important;
    text-align: left !important;
}
.loginremb li,
#login-form-e4j button.button,
.profile .mod-profile a {
    width: inherit !important;
    background: transparent !important;
    border: 3px solid #000 !important;
    padding: 10px 20px !important;
    margin: 5px 10px !important;
    border-radius: 0 !important;
    min-width: 120px !important;
    float: left !important;
    font-size: 14px !important;
    color: #000 !important;
    font-weight: 500 !important;
    box-shadow: 0 0 0.25rem 0.0625rem rgba(255, 255, 255, 0.33) !important;
}
.loginremb li a,
#login-form-e4j button.button a,
.profile .mod-profile a a {
    color: #000 !important;
}
.loginremb li:hover,
#login-form-e4j button.button:hover,
.profile .mod-profile a:hover {
    background-color: #000 !important;
    color: #fff !important;
    box-shadow: 0 0 0.25rem 0.0625rem rgba(255, 255, 255, 0.33) !important;
}
.loginremb li:hover a,
#login-form-e4j button.button:hover a,
.profile .mod-profile a:hover a {
    color: #fff !important;
}
.login form .login-fields-rem {
    display: none;
}
#login-form-e4j button.button {
    margin-top: 20px !important;
}
.registerblock h3,
.loginblock h3 {
    text-align: center;
    font-size: 18px !important;
    font-weight: 500 !important;
    color: #000 !important;
}
.modvev-cart-reservation-event a {
    color: #000 !important;
}
.modvev-cart-reservation-event a span {
    font-weight: 500;
}
.modopen.cart > div .modvev-cart-reservations-list .modvev-cart-reservation-block {
    padding: 10px 20px;
    border: 0 !important;
    margin-bottom: 10px !important;
}
.modopen.cart > div .modvev-cart-totalamount {
    background: #fafafa !important;
}
.vevroom {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    position: relative;
}
.vevchangeroomblock a {
    background: transparent !important;
    border: 3px solid #000 !important;
    border-radius: 0 !important;
    padding: 7px 15px !important;
    color: #000 !important;
    display: inline-block;
    text-decoration: none;
    font-weight: 500 !important;
}
.vevroomtitle {
    font-size: 16px;
    margin-bottom: 5px !important;
    font-weight: 600 !important;
    color: #000 !important;
}
.showseatmapav,
.vevmakeres a,
.vev-ev-det-booking-box .vevinputbox,
.vevinputbox,
.vevconfirmation input.vevinputbox,
.vev-cart-proceed-continue a,
.vev-cart-reservation-details a,
#vev-subm-res {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    position: relative !important;
    display: inline-block;
    cursor: pointer !important;
    min-width: 160px !important;
    padding: 13px 40px 13px 24px !important;
    border: 3px solid #000 !important;
    font-weight: 500 !important;
    background-color: transparent !important;
    color: #000 !important;
    text-decoration: none;
    font-size: 14px !important;
    line-height: 14px !important;
    text-align: left !important;
    border-radius: 0 !important;
    -webkit-transition: all 150ms ease-in;
    transition: all 150ms ease-in;
}
.showseatmapav::after,
.vevmakeres a::after,
.vev-ev-det-booking-box .vevinputbox::after,
.vevinputbox::after,
.vevconfirmation input.vevinputbox::after,
.vev-cart-proceed-continue a::after,
.vev-cart-reservation-details a::after,
#vev-subm-res::after {
    position: absolute;
    display: block;
    content: " ";
    right: 0;
    top: 0;
    height: 100%;
    width: 40px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 20px;
    -webkit-transition: all 150ms ease-in;
    transition: all 150ms ease-in;
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 31.49 31.49%27%3E%3Cpath d=%27M21.205 5.007c-.429-.444-1.143-.444-1.587 0-.429.429-.429 1.143 0 1.571l8.047 8.047H1.111C.492 14.626 0 15.118 0 15.737c0 .619.492 1.127 1.111 1.127h26.554l-8.047 8.032c-.429.444-.429 1.159 0 1.587.444.444 1.159.444 1.587 0l9.952-9.952c.444-.429.444-1.143 0-1.571l-9.952-9.953z%27 fill=%27%23000%27/%3E%3C/svg%3E") !important;
}
.showseatmapav:hover,
.vevmakeres a:hover,
.vev-ev-det-booking-box .vevinputbox:hover,
.vevinputbox:hover,
.vevconfirmation input.vevinputbox:hover,
.vev-cart-proceed-continue a:hover,
.vev-cart-reservation-details a:hover,
#vev-subm-res:hover {
    background-color: #000 !important;
    color: #fff !important;
    box-shadow: 0 0 0.25rem 0.0625rem rgba(255, 255, 255, 0.33) !important;
}
.showseatmapav:hover::after,
.vevmakeres a:hover::after,
.vev-ev-det-booking-box .vevinputbox:hover::after,
.vevinputbox:hover::after,
.vevconfirmation input.vevinputbox:hover::after,
.vev-cart-proceed-continue a:hover::after,
.vev-cart-reservation-details a:hover::after,
#vev-subm-res:hover::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 31.49 31.49%27%3E%3Cpath d=%27M21.205 5.007c-.429-.444-1.143-.444-1.587 0-.429.429-.429 1.143 0 1.571l8.047 8.047H1.111C.492 14.626 0 15.118 0 15.737c0 .619.492 1.127 1.111 1.127h26.554l-8.047 8.032c-.429.444-.429 1.159 0 1.587.444.444 1.159.444 1.587 0l9.952-9.952c.444-.429.444-1.143 0-1.571l-9.952-9.953z%27 fill=%27%23fff%27/%3E%3C/svg%3E") !important;
}
.map-buttons {
    float: right;
}
.vevmapbutton {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    position: relative !important;
    display: inline-block;
    cursor: pointer !important;
    min-width: 160px !important;
    padding: 13px 24px 13px 24px !important;
    border: 3px solid #000 !important;
    font-weight: 500 !important;
    background-color: transparent !important;
    color: #000 !important;
    text-decoration: none;
    font-size: 14px !important;
    line-height: 14px !important;
    text-align: left !important;
    border-radius: 0 !important;
    -webkit-transition: all 150ms ease-in;
    transition: all 150ms ease-in;
}
.vevgoback {
    padding: 13px 24px 13px 47px !important;
}
.vevgoback::before {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    position: absolute;
    display: block;
    content: " ";
    left: 0;
    top: 0;
    height: 100%;
    width: 40px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 20px;
    -webkit-transition: all 150ms ease-in;
    transition: all 150ms ease-in;
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 31.49 31.49%27%3E%3Cpath d=%27M21.205 5.007c-.429-.444-1.143-.444-1.587 0-.429.429-.429 1.143 0 1.571l8.047 8.047H1.111C.492 14.626 0 15.118 0 15.737c0 .619.492 1.127 1.111 1.127h26.554l-8.047 8.032c-.429.444-.429 1.159 0 1.587.444.444 1.159.444 1.587 0l9.952-9.952c.444-.429.444-1.143 0-1.571l-9.952-9.953z%27 fill=%27%23000%27/%3E%3C/svg%3E") !important;
}
.vev-ev-det-booking-box .vevinputbox {
    color: #000 !important;
    font-weight: 700 !important;
    text-align: center !important;
    font-size: 16px !important;
}
.vevreihe,
.vevsitzplatz {
    color: #fff;
    font-size: 12px;
    padding: 3px 5px;
    border-radius: 4px;
    background-color: #e6007e;
}
.vevcancelres a,
#vev-subm-res {
    border: 3px solid #e6007e !important;
}
.vevcancelres a:hover,
#vev-subm-res:hover {
    background: #e6007e !important;
    color: #000 !important;
}
.vev-ev-det-booking-box label {
    display: block;
    font-weight: 600;
    margin: 0 0 10px 0 !important;
}
.vev-ev-det-participants input,
.vev-ev-det-participants input:focus {
    border: 0;
    padding: 10px 20px !important;
    width: 100%;
    background: #fafafa;
    border: 0 !important;
    outline: none;
}
.vevconfirmation {
    border-bottom: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    padding: 0 !important;
    position: relative;
}
.vevconfirmation .vev-ev-det-dinfo,
.vevconfirmation .veventercoupon {
    background-color: #f7f9fa;
    margin: 0;
    margin-bottom: 0px;
    margin-bottom: 20px;
    border-radius: 3px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.14);
    padding: 30px;
}
.vevconfirmation .vevconfirmnumpeople {
    background: #e6007e;
    position: absolute;
    right: 0;
    top: 0;
    width: inherit !important;
    margin: 0 !important;
    border: 0 !important;
}
.vevconfirmation .vevconfirmnumpeople .numpeople {
    color: #fff !important;
    padding: 5px 10px !important;
    font-weight: 500 !important;
}
.itemtitle a {
    display: inline-block;
    font-size: 30px !important;
    text-transform: none !important;
    font-weight: 700 !important;
    color: #000 !important;
    font-family: urbane, sans-serif;
}
h4.vev-ev-det-hbook {
    font-weight: 500 !important;
    font-size: 16px !important;
}
.vev-ev-det-hdetails {
    color: #000 !important;
    font-size: 16px !important;
    margin: 0px 0 10px !important;
    font-weight: 500 !important;
}
.vev-ev-det-hdescr,
.vev-ev-det-hlocation,
.vevchooseroomh,
.vev-reservation-title {
    color: #fff !important;
    font-size: 16px !important;
    margin: 0px 0 10px !important;
    font-weight: 500 !important;
}
.vevconfirmation .vev-ev-det-dinfo-inner > div {
    margin: 0px 5px 0 0 !important;
}
.vevconfirmation .vev-ev-det-multiprices {
    background: #fff !important;
    padding: 5px 15px !important;
    margin: 20px 0 !important;
}
.vevconfirmation .vevroom-map .vevroomtitle {
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #222222;
}
.vevconfirmation .vevinputblock {
    background-color: #f7f9fa;
    margin: 0;
    margin-bottom: 20px;
    border-radius: 3px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.14);
    padding: 30px;
}
.vevconfirmation .vevpurchinfo {
    border-bottom: 0 !important;
    font-size: 22px !important;
    color: #000 !important;
    font-weight: 700 !important;
    font-family: urbane, sans-serif;
    margin: 0 0 18px;
    padding: 10px 0 !important;
    text-transform: none !important;
    background: transparent !important;
}
.vevconfirmation .vev-oconfirm-paym-block {
    border-left: 7px solid #e6007e;
    background-color: #f7f9fa;
    margin: 0;
    margin-bottom: 20px;
    border-radius: 3px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.14);
    padding: 30px;
}
.vevconfirmation .vev-multip-part-block {
    border-color: #f7f9fa !important;
    border-radius: 0 !important;
    margin: 10px 0 30px 0 !important;
}
.vevconfirmation .vev-multip-part-sectseat {
    background: #f7f9fa;
}
.vevconfirmation span.vevpartnumprice {
    color: #000;
    font-weight: 600;
}
.vevconfirmation .vev-part-fields-block {
    padding: 0px !important;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}
.vevconfirmation .vev-part-field-cont {
    width: inherit !important;
}
.vevconfirmation .vev-part-field-cont > .vev-part-field-input input {
    background: #fff;
    border-bottom: 3px solid #eaeaea;
    border-top: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    padding: 10px !important;
    font-size: 14px;
}

.vev-oconfirm-paym-block .vevul {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    margin: 0;
    padding: 0;
    list-style: none;
}

.vevconfirmation .vevul li {
    background: rgb(255,255,255);
    background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 40%);
    border: 1px solid #fafafa !important;
    display: flex;
    align-items: center;
    font-size: 18px !important;
    font-weight: 500 !important;
    margin: 3px 5px 3px 0;
    color: #000;
    padding: 0 10px !important;
    height: 60px;
}
.vevconfirmation .vevul li.vev-gpay-licont input {
    margin-top: 0 !important;
}
.vevconfirmation .vevul li label {
    margin-top: 0 !important;
}
.vevconfirmation .vevul li .vev-payment-image img {
    height: 50px;
    width: auto;
}
.vevconfirmation .vev-res-totprice-cont {
    background: #f7f9fa;
    display: flex;
    flex-wrap: wrap;
    margin: 5px 0;
    position: relative;
    width: 100%;
    border: 0 !important;
}
.vevconfirmation .vev-res-totprice-totname {
    font-size: 20px !important;
    font-weight: 500 !important;
    color: #000 !important;
}
.vevconfirmation .vev-res-totprice-contright {
    border: 0 !important;
    background: transparent !important;
}
.vevconfirmation .vevinputbox,
.vevconfirmation .vevconfirmation input.vevinputbox {
    background: #000 !important;
    color: #fff !important;
    padding: 13px 25px !important;
}
.vevconfirmation .vev-cart-container h3 {
    font-weight: 600 !important;
    font-size: 18px !important;
}
.vevconfirmation .vev-cart-reservation-event {
    font-weight: 700 !important;
    margin: 0px 0 10px !important;
}
.vevconfirmation .vev-cart-totalamount .vev-ev-det-singleprice-cont {
    background: #fff !important;
    display: inline-block;
    margin: 20px 0;
    min-height: inherit !important;
    position: relative;
    width: 100%;
    border: 0 !important;
    padding: 20px !important;
}
.vevconfirmation .vev-ev-det-singleprice-details,
.vevconfirmation .vev-ev-det-multiprice-details {
    padding: 10px 20px !important;
}
.vev-cart-totalamount .vev-ev-det-singleprice-cont .vev-ev-det-singleprice-contright .vev-ev-det-singleprice-cost {
    display: block;
    font-size: 18px !important;
    height: inherit !important;
    line-height: inherit !important;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    padding: 0 !important;
}
.vev-cart-totalamount .vev-ev-det-singleprice-cont .vev-ev-det-singleprice-contright {
    background: none repeat scroll 0 0 #fff;
    border: 0 !important;
    float: right;
    height: inherit !important;
}
.vev-cart-totalamount .vev-ev-det-singleprice-cont .vev-ev-det-singleprice-contleft {
    display: inline-block !important;
    float: left;
    font-size: 16px;
    height: inherit !important;
}
.vev-cart-totalamount .vev-ev-det-singleprice-cont .vev-ev-det-singleprice-contleft .vev-ev-det-singleprice-details {
    display: block !important;
    height: inherit !important;
    padding: inherit !important;
}
.vev-cart-totalamount .vev-ev-det-singleprice-cont .vev-ev-det-singleprice-contleft .vev-ev-det-singleprice-details .vev-ev-det-singleprice-name {
    font-size: 18px !important;
}
.vev-cart-reservation-block {
    border: 0 !important;
}
.vev-cart-reservation-last {
    flex-basis: 25% !important;
    text-align: right !important;
}
.vev-cart-totalamount {
    margin-top: 50px !important;
}
.hidecheckout {
    display: none !important;
}
.veventercoupon {
    border-bottom: 0 !important;
    border-top: 0 !important;
    display: block !important;
}
.veventercoupon p {
    display: block !important;
    color: #333 !important;
    font-size: 16px !important;
    margin: 0px 0 10px !important;
    font-weight: 500 !important;
}
.veventercoupon form {
    display: block;
}
.veventercoupon form div {
    display: flex;
    flex-wrap: nowrap;
}
.veventercoupon form div input,
.veventercoupon form div input:focus,
.veventercoupon form div input:hover {
    width: 300px !important;
    outline: none !important;
    border: 0 !important;
    line-height: 30px !important;
    background: #fff;
    color: #000;
    margin-right: 1px;
    border-bottom: 3px solid #eaeaea !important;
}
.veventercoupon form div .vev-coupon-submit,
.veventercoupon form div .vev-coupon-submit:hover,
.veventercoupon form div .vev-coupon-submit:focus {
    width: 150px !important;
    border-radius: 0 !important;
    color: #fff;
    background: #000;
    font-weight: 700 !important;
}
.vevdetconf.vevdetconfheader {
    display: grid;
    grid-template-columns: 3fr 1fr;
    grid-gap: 30px;
}
#vev-subm-res {
    min-width: 150px !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    padding: 13px 24px 13px 24px !important;
    background: #e6007e !important;
    color: #fff !important;
    border-radius: 4px !important;
}
#vev-subm-res:hover {
    color: #fff !important;
    background: #000 !important;
}
/*
.vev-cart-container {
  h3 {
    color: #fff;
  }

  .vev-cart-reservation-block {
    color: #fff;
  }

  .vev-cart-reservation-details a {
    min-width: 150px !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    padding: 13px 24px 13px 24px !important;
    background:@akzent-color !important;
    color: @akzent-color-contra !important;

    &::after {
      display: none !important;
    }
  }
  .vev-cart-totalamount {
    padding: 30px 30px 0 30px;
    background: #fff;
  }

  .vev-cart-totalamount .vev-ev-det-singleprice-cont {
    background: #fff !important;
    border: 0 !important;
  }
}

*/
@media only screen and (max-width: 750px) {
    .vevdetconf.vevdetconfheader {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 40px;
    }
}
@media only screen and (max-width: 570px) {
    .separateblock {
        margin-top: 45px;
    }
    .vevdetconf.vevdetconfheader {
        display: flex;
        flex-wrap: wrap;
        flex-flow: column;
    }
    .veventercoupon form div input {
        width: 160px !important;
    }
    #vev-subm-res,
    .vevcancelres a {
        width: 100% !important;
        text-align: center !important;
    }
}
.vevorder .vev-order-date {
    margin-top: 10px;
    text-align: center;
    font-weight: 500 !important;
    font-size: 14px !important;
}
.itemtitleint {
    font-weight: 600 !important;
}
.vev-orderdet-main h3 {
    color: #000 !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    border: 0 !important;
}
.vev-orderdet-main-inner > div {
    margin-bottom: 15px !important;
}
.vev-orderdet-main > div {
    font-size: 14px !important;
}
.vevdateorder > div {
    background: #fff !important;
    margin: 10px !important;
    padding: 20px !important;
}
.vevdateorder > div .vev-ev-det-multiprice-cost,
.vevdateorder > div .vev-ev-det-singleprice-cost {
    color: #000 !important;
}
.vevdateorder > div .vev-res-title-h,
.vevdateorder > div .vev-res-title-h {
    color: #000 !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    border: 0 !important;
}
.vev-orderdet-costs .vev-ev-det-multiprice-name,
.vev-orderdet-costs .vev-ev-det-singleprice-name,
.vev-orderdet-costs .vev-ev-det-multiprice-cost,
.vev-orderdet-costs .vev-ev-det-singleprice-cost {
    font-weight: 400 !important;
    font-size: 14px !important;
}
.event_showings {
    margin: 0 0 20px 0;
}
.event_showings .list {
    position: relative;
    list-style-type: none;
}
.event_showings .list .listItem {
    margin: 0 0 20px 0;
    padding: 0;
    transition: all 250ms linear;
}
.event_showings .list .listItem .top-row {
    display: flex;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start;
    width: 100%;
}
.event_showings .list .listItem .top-row .date-time-additional {
    width: calc(100% - 159px);
    width: 100%;
    margin: 0;
    display: block;
    flex: 1 1 auto;
    transition: all 250ms linear;
}
.event_showings .list .listItem .top-row .date-time-additional .showings_date {
    margin: 0 0 3px 0;
    padding: 12px 5px 3px 0;
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: space-between;
    align-content: center;
    align-items: center;
}
.event_showings .list .listItem .top-row .date-time-additional .showings_date .showings_date_inner {
    min-width: 260px;
    margin: 0 5px 0 0;
    display: block;
}
.event_showings .list .listItem .top-row .date-time-additional .showings_date .showings_date_inner .m-date__singleDate {
    position: relative;
    z-index: 1;
    font-size: 15px;
    line-height: 15px;
    margin: 0 0 2px;
    padding: 0 40px 0 0;
}
.event_showings .list .listItem .top-row .date-time-additional .showings_date .showings_date_inner .m-date__singleDate::before {
    width: 100%;
    height: 3px;
    position: absolute;
    z-index: 1;
    content: "";
    bottom: -3px;
    left: 0;
    transition: all 250ms linear;
    background: #e6007e;
}
.event_showings .list .listItem .top-row .date-time-additional .showings_date .showings_date_inner .m-date__singleDate .m-date__month,
.event_showings .list .listItem .top-row .date-time-additional .showings_date .showings_date_inner .m-date__singleDate .m-date__day,
.event_showings .list .listItem .top-row .date-time-additional .showings_date .showings_date_inner .m-date__singleDate .m-date__year {
    font-weight: 700;
    font-style: normal;
    font-size: 20px;
    color: #000;
    line-height: 20px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}
.event_showings .list .listItem .top-row .date-time-additional .showings_date .showings_date_inner .m-date__singleDate .m-date__weekday {
    font-weight: 700;
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    color: #000;
}
.event_showings .list .listItem .top-row .date-time-additional .showings_date .time {
    margin: 0 auto;
    order: 2;
    min-width: 223px;
    font-size: 14px;
    font-weight: 400;
    color: #000;
    line-height: 22px;
    letter-spacing: 0px;
}
.event_showings .list .listItem .top-row .date-time-additional .showings_date::after {
    width: 100%;
    height: 1px;
    position: absolute;
    z-index: -1;
    content: "";
    bottom: 0;
    left: 0;
    transition: all 250ms linear;
    background: #D9D9D9;
}
.event_showings .list .listItem .top-row:hover .m-date__singleDate::before {
    width: calc(100% - 40px) !important;
}
.event_showings .list .listItem .top-row .buttons a.tickets {
    display: flex;
    position: relative;
    background-color: #000;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    font-style: normal;
    cursor: pointer;
    line-height: 1;
    letter-spacing: 0.8px;
    text-decoration: none;
    border-radius: 4px;
    text-transform: uppercase;
    transition: all 250ms linear;
    padding: 15px 15px 15px 30px;
    color: #fff;
    z-index: 1;
    justify-content: center;
    align-content: center;
    align-items: center;
    padding-right: 27px;
    margin: 0 0 0 10px;
}
.conf-footer-btns {
    display: flex;
    justify-content: space-between;
}
.conf-footer-btns .vevcancelres a {
    background: #fff !important;
    color:#000 !important;
    border-radius: 4px !important;
}
.conf-footer-btns .vevcancelres a:hover {
    color: #fff !important;
    background: #000 !important;
    border-color: #000 !important;
}
.conf-footer-btns .vevcancelres,
.conf-footer-btns #vev-subm-res {
    margin-top: 0 !important;
}
@media only screen and (max-width: 700px) {
    .conf-footer-btns {
        flex-wrap: wrap;
    }
    .conf-footer-btns .vevcancelres,
    .conf-footer-btns #vev-subm-res {
        margin-bottom: 10px !important;
        width: 100% !important;
    }
    .conf-footer-btns .vevcancelres a {
        display: block !important;
        padding: 0px 10px !important;
        width: 100%;
    }
}
.vev-part-field-cont.cnfrm-select-10 {
    float: left;
    width: 100% !important;
    margin-top: 20px !important;
}
.vev-part-field-cont.cnfrm-select-10 select {
    background: #fff;
    border-bottom: 3px solid #eaeaea;
    border-top: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    padding: 10px !important;
    font-size: 14px;
}
.vev-part-field-cont.cnfrm-input-1,
.vev-part-field-cont.cnfrm-input-2,
.vev-part-field-cont.cnfrm-input-3,
.vev-part-field-cont.cnfrm-input-8 {
    width: 50% !important;
    float: left;
}
.vev-part-field-cont.cnfrm-input-1 input,
.vev-part-field-cont.cnfrm-input-2 input,
.vev-part-field-cont.cnfrm-input-3 input,
.vev-part-field-cont.cnfrm-input-8 input {
    width: 100% !important;
}
.vev-part-field-cont.cnfrm-checkbox-5,
.vev-part-field-cont.cnfrm-textarea-9,
.vev-part-field-cont.cnfrm-input-9 {
    width: 100% !important;
}
.vev-part-field-cont.cnfrm-checkbox-5 input,
.vev-part-field-cont.cnfrm-textarea-9 input,
.vev-part-field-cont.cnfrm-input-9 input {
    width: 100% !important;
}
.vevtableseats td {
    border: 1px solid #cccccc;
    line-height: 1.3em;
    min-width: 25px !important;
    padding: 2px 5px;
    text-align: center;
    height: 22px !important;
    font-size: 11px !important;
}
.vevitseatscontainer {
    background-color: #f7f9fa;
    border-left: 7px solid #e6007e;
    border-radius: 3px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.14);
}
.vevouterdiv {
    border: 0 !important;
}
.vevsectname {
    display: none !important;
}
/*
#vevouterdiv {
  overflow: inherit !important;
}

 */
.item-page {
    padding: 20px;
    background: transparent;
    color: #000;
}
.item-page h2,
.blog-featured h2,
.blog h2,
.item-page h2 a,
.blog-featured h2 a,
.blog h2 a {
    color: #000;
    font-size: 22px !important;
    font-weight: 600;
    margin-top: 0 !important;
}
.e4j-actions .category-name {
    display: none;
}
.pager li > a,
.pager li > span {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    position: relative !important;
    display: inline-block;
    cursor: pointer !important;
    min-width: 160px !important;
    padding: 13px 40px 13px 24px !important;
    border: 3px solid #000 !important;
    font-weight: 500 !important;
    background-color: transparent !important;
    color: #000 !important;
    text-decoration: none;
    font-size: 14px !important;
    line-height: 14px !important;
    text-align: left !important;
    border-radius: 0 !important;
    -webkit-transition: all 150ms ease-in;
    transition: all 150ms ease-in;
}
.pager li > a::after,
.pager li > span::after {
    position: absolute;
    display: block;
    content: " ";
    right: 0;
    top: 0;
    height: 100%;
    width: 40px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 20px;
    -webkit-transition: all 150ms ease-in;
    transition: all 150ms ease-in;
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 31.49 31.49%27%3E%3Cpath d=%27M21.205 5.007c-.429-.444-1.143-.444-1.587 0-.429.429-.429 1.143 0 1.571l8.047 8.047H1.111C.492 14.626 0 15.118 0 15.737c0 .619.492 1.127 1.111 1.127h26.554l-8.047 8.032c-.429.444-.429 1.159 0 1.587.444.444 1.159.444 1.587 0l9.952-9.952c.444-.429.444-1.143 0-1.571l-9.952-9.953z%27 fill=%27%23000%27/%3E%3C/svg%3E") !important;
}
.pager li > a:hover,
.pager li > span:hover {
    background-color: #000 !important;
    color: #fff !important;
    box-shadow: 0 0 0.25rem 0.0625rem rgba(255, 255, 255, 0.33) !important;
}
.pager li > a:hover::after,
.pager li > span:hover::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 31.49 31.49%27%3E%3Cpath d=%27M21.205 5.007c-.429-.444-1.143-.444-1.587 0-.429.429-.429 1.143 0 1.571l8.047 8.047H1.111C.492 14.626 0 15.118 0 15.737c0 .619.492 1.127 1.111 1.127h26.554l-8.047 8.032c-.429.444-.429 1.159 0 1.587.444.444 1.159.444 1.587 0l9.952-9.952c.444-.429.444-1.143 0-1.571l-9.952-9.953z%27 fill=%27%23fff%27/%3E%3C/svg%3E") !important;
}
#foot-cont .module,
footer #module-box1 .module,
footer #module-box2 .module {
    float: left;
    display: block;
    width: 100%;
    padding-bottom: 10px;
}
footer #footer-menu-1 li,
footer #footer-menu-2 li {
    display: inline-block;
    text-align: right;
    margin-bottom: 10px;
    padding: 0 10px;
}
footer #footer-menu-1,
footer #footer-menu-2 {
    text-align: right;
    margin: 0;
    max-width: 650px;
}
footer .grid-module > .moduletable {
    margin: 0 !important;
    font-weight: 400 !important;
    padding: 0 !important;
}
#foot-cont .module,
footer #module-box1 .module,
footer #module-box2 .module {
    float: left;
    display: block;
    width: 100%;
    padding-bottom: 10px;
}
footer {
    color: #fff;
    background: #000;
    padding: 40px 0 10px;
    margin-top: 50px;
}
footer a,
footer .moduletable li.active a {
    color: #fff !important;
}
footer .menu li {
    line-height: 1;
    text-transform: uppercase;
    white-space: nowrap;
    display: block;
    position: relative;
}
footer .menu li a {
    font-size: 14px;
    font-weight: 800;
    position: relative;
    z-index: 2;
    display: block;
    padding: 10px 0px;
    transition: all 0.3s ease-out 0s;
}
footer .menu li a span {
    transition: color 0.15s ease-out, border-bottom-color 0.35s ease-out, opacity 0.15s ease-out, background-color 0.15s ease-out;
    border-bottom: 2px solid #fff;
    border-bottom-color: rgba(255, 255, 255, 0);
    background-color: transparent;
    padding: 0;
}
footer .menu li:hover a {
    color: #fff !important;
}
footer .menu li:hover a span {
    border-bottom-color: #fff;
}
footer .custom,
footer .footer-social-links .custom {
    font-family: urbane, sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 18px;
    font-size: 14px;
    text-align: left;
    color: #fff;
}
footer .custom .higlight,
footer .footer-social-links .custom .higlight {
    color: #e6007e;
    text-transform: uppercase;
    display: block;
    margin: 3px 0;
}
.footer-smallnav .custom {
    font-size: 14px;
    margin: 10px 10px;
    color: #777;
}
.topoffooter {
    display: flex;
    justify-content: space-between;
}
.topoffooter .menu li a {
    font-family: urbane, sans-serif;
    font-weight: 400;
    font-size: 14px;
    position: relative;
    z-index: 2;
    display: block;
    padding: 0;
    transition: all 0.3s ease-out 0s;
}
.slim-highlight {
    margin-left: 15px;
}
@media only screen and (max-width: 870px) {
    #foot-cont {
        padding: 0 20px;
    }
    .topoffooter {
        display: block;
    }
    #foot-cont p {
        text-align: center !important;
    }
    footer #footer-menu-1,
    footer #footer-menu-2,
    footer .custom,
    footer .footer-social-links .custom {
        text-align: center;
    }
}
.newsletter-footer {
    background-color: #efeff0;
}
.newsletter-footer .acymailing_module form {
    padding-left: calc(50vw - 608px);
    padding-right: calc(50vw - 608px);
    padding-top: 24px;
    padding-bottom: 24px;
}
.newsletter-footer .acymailing_module form .acymailing_module_form {
    padding-top: 24px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    max-width: none;
}
.newsletter-footer .acymailing_module form .acymailing_module_form .acymailing_introtext {
    flex-basis: 41.66667%;
    max-width: 41.66667%;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 24px !important;
}
.newsletter-footer .acymailing_module form .acymailing_module_form .acymailing_form {
    flex-basis: 58.33333%;
    max-width: 58.33333%;
    padding: 24px 64px !important;
    background-color: #fff !important;
}
.newsletter-footer .acymailing_module form .acymailing_module_form .acymailing_form input {
    -webkit-appearance: none;
    -moz-appearance: none;
    outline: none;
    background: #fff !important;
    border-radius: 0 !important;
    border-top: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-bottom: 1px solid #eaeaea !important;
    color: #000 !important;
    margin: 0 !important;
    font-size: 14px !important;
    padding: 10px 10px !important;
    font-weight: 500;
    box-shadow: none !important;
    text-align: left !important;
}
.newsletter-footer .acymailing_module form .acymailing_module_form .acymailing_form .acysubbuttons {
    text-align: right !important;
}
.newsletter-footer .acymailing_module form .acymailing_module_form .acymailing_form .button.subbutton.btn.btn-primary {
    cursor: pointer !important;
    text-align: center !important;
    line-height: 1 !important;
    letter-spacing: 0.8px !important;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 250ms linear;
    background: #e6007e !important;
    border: 2px solid transparent;
    font-size: 14px !important;
    font-weight: 700 !important;
    padding: 15px 15px 15px 15px !important;
    color: #fff !important;
    position: relative;
    z-index: 1;
    display: inline-block;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex: 0 0 auto;
    margin: 0 0 0 auto;
    order: 1;
    border-radius: 4px !important;
}
.newsletter-footer .acymailing_module form .acymailing_module_form .acymailing_form .button.subbutton.btn.btn-primary:hover {
    background: #000 !important;
    color: #fff !important;
}
.newsletter-footer .acymailing_module form .acymailing_introtext .newsletter-head {
    font-weight: 700;
    font-style: normal;
    margin: 0px 0 6px 0;
    font-size: 22px;
    word-break: break-word;
    color: #1a1a1a;
    margin-bottom: 0;
    margin-top: 0;
    line-height: 28px;
    letter-spacing: -0.24px;
}
.newsletter-footer .acymailing_module form .acymailing_introtext .newsletter-sub {
    font-style: normal;
    margin: 0px 0 6px 0;
    font-size: 22px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: -0.24px;
}
.newsletter-footer .acymailing_module form .acymailing_introtext .newsletter-body {
    font-size: 16px;
    margin-top: 16px !important;
}
@media only screen and (max-width: 800px) {
    .newsletter-footer .acymailing_module form .acymailing_module_form .acymailing_form,
    .newsletter-footer .acymailing_module form .acymailing_module_form .acymailing_introtext {
        flex-basis: 100%;
        max-width: 100%;
    }
    .newsletter-footer .acymailing_module form .acymailing_module_form .acymailing_introtext {
        padding-bottom: 20px !important;
    }
    .newsletter-footer .acymailing_module form .acymailing_module_form .acymailing_form {
        padding: 20px !important;
    }
    .newsletter-footer .acymailing_module form .acymailing_module_form {
        padding: 20px !important;
    }
    .newsletter-footer .acymailing_module form .acymailing_module_form .acymailing_form .acysubbuttons {
        text-align: center !important;
        margin-top: 20px;
    }
}
.skew {
    position: relative;
    overflow: hidden;
    padding-top: 0;
    padding-bottom: 0;
}
.skew.skew-footer {
    padding-top: 80px;
}
.skew .skew-container {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: hidden;
}
.skew .skew-container .skew-layer {
    position: absolute;
    z-index: 2;
    left: 0;
    right: 0;
    height: 0;
    background-color: #fff;
}
.skew .skew-container .skew-layer-black {
    position: absolute;
    z-index: 2;
    left: 0;
    right: 0;
    height: 0;
    background-color: #000;
}
.skew .skew-container .skew-layer-top {
    -webkit-transform: skew(0deg, -2deg);
    transform: skew(0deg, -2deg);
    height: 11vw;
    top: -11vw;
    -webkit-transform-origin: right;
    transform-origin: right;
}
.skew .skew-container .skew-layer-top.skew-invert {
    -webkit-transform-origin: left;
    transform-origin: left;
}
.skew .skew-container .skew-layer-bottom {
    height: 11vw;
    bottom: -11vw;
    -webkit-transform-origin: left;
    transform-origin: left;
    -webkit-transform: skew(0deg, -2deg);
    transform: skew(0deg, -2deg);
}
.skew .skew-container .skew-layer-bottom.skew-invert {
    -webkit-transform-origin: right;
    transform-origin: right;
}
.skew .skew-container .skew-invert {
    transform: skew(0deg, 2deg) !important;
    -webkit-transform: skew(0deg, 2deg) !important;
}
#ppplus iframe {
    width: 100% !important;
}
.da-share-html a {
    color: #fff;
}
.back-to-top {
    background: #e6007e;
    color: #fff;
    position: fixed;
    bottom: 20px;
    right: 20px;
    padding: 15px;
    z-index: 99999;
    opacity: 0.8;
    border-radius: 4px;
}
.back-to-top:hover {
    opacity: 1;
    color: #fff;
}
.ontopline {
    background-image: url("../img/imgover_footer_magenta.png");
    background-repeat: no-repeat;
    background-size: 100%;
    min-height: 79px;
    padding-top: 60px;
}
.ontopline-white {
    background-image: url("../img/imgover_footer_white.png");
    background-repeat: no-repeat;
    background-size: 100%;
    min-height: 79px;
    padding-top: 60px;
}
.ontopline-black {
    background-image: url("../img/imgover_footer_black.png");
    background-repeat: no-repeat;
    background-size: 100%;
    min-height: 79px;
    padding-top: 60px;
}
.ontopline-dark {
    background-image: url("../img/imgover_footer_dark.png");
    background-repeat: no-repeat;
    background-size: 100%;
    min-height: 79px;
    padding-top: 60px;
}
.futura-heavy {
    font-weight: 700;
    font-style: normal;
}
.futura-normal {
    font-weight: 400;
    font-style: normal;
}
.futura-bold {
    font-weight: 700;
    font-style: normal;
}
.futura-cond {
    font-weight: 400;
    font-style: normal;
}
.futura-cond-bold {
    font-weight: 700;
    font-style: normal;
}
.roundButtonStyle {
    position: relative;
    text-align: center;
    font-weight: 700;
    font-style: normal;
    font-size: 16px;
    line-height: 1;
    letter-spacing: 0.8px;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 250ms linear;
    background-color: #e6007e;
    border: 2px solid transparent;
    padding: 20px 15px 20px 30px;
    color: #fff;
    border-radius: 4px;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    margin-bottom: 20px;
}
.roundButtonStyle .icon {
    transition: all 250ms linear;
    flex: 0 0 auto;
    order: 2;
    width: 0;
    overflow: hidden;
    height: 12px;
    margin: 0 0 0 15px;
}
.roundButtonStyle .bg {
    border-radius: 4px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: #e6007e;
    transition: all 250ms linear;
}
.roundButtonStyle .text {
    order: 1;
    letter-spacing: 0.8px;
    font-weight: 700;
    font-style: normal;
    line-height: 1;
    font-size: 16px;
}
.roundButtonStyle:hover .icon {
    width: 17px;
}
.roundButtonStyle:hover .bg {
    background: #000;
    width: calc(100% + 4px);
    height: calc(100% + 4px);
}
.roundButtonStyle:hover .text {
    color: #fff;
}
.grid-block {
    overflow: inherit !important;
}
#container {
    overflow: hidden;
}
.main-body {
    margin: 0 !important;
}
.mainboxstyle {
    background-color: #000 !important;
    color: #fff !important;
}
:root {
    --swiper-theme-color: #000;
}
a:hover,
--swiper-theme-color {
    color: #000;
}

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
}
body {
    font-family: urbane, sans-serif;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1.47;
    font-size: 16px !important;
    font-weight: 400;
    color: #212121;
    background-color: #fff !important;
}
a {
    color: #000;
}
a:hover {
    color: #e6007e;
}
a:hover,
a:active,
a:focus {
    text-decoration: none;
    -moz-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}
a:active,
a:hover {
    outline: 0;
}
#main {
    background: transparent;
}
.main-body {
    display: block;
    width: 100%;
    float: left;
}
@media only screen and (max-width: 1026px) {
    #mainmenu {
        width: 80% !important;
        text-align: right;
        padding-right: 20px;
    }
    .upmenu-content {
        padding-right: 20px !important;
        padding-left: 20px !important;
    }
    .logomenupart #tbar-logo {
        padding-left: 20px !important;
    }
}
@media only screen and (max-width: 801px) {
    .nav-devices-content {
        box-shadow: -25px 0px 46px #000;
    }
    .nav-devices-inner .moduletable_menu > ul > li > a,
    .nav-devices-inner .moduletable > ul > li > a,
    .nav-devices-inner .moduletable > ul > li span,
    .nav-devices-inner .moduletable_menu > ul > li span {
        color: #222;
        font-weight: 600;
        padding: 0px 0;
    }
    .moduletable_menu > ul > li,
    #mainmenu .moduletable > ul > li,
    .nav-devices-list .moduletable > ul > li {
        padding: 10px 0;
    }
    .nav-devices-inner .moduletable_menu > ul > li.active > a,
    .nav-devices-inner .moduletable > ul > li.active > a,
    .nav-devices-inner .moduletable_menu > ul > li.active > a > span,
    .nav-devices-inner .moduletable > ul > li.active > a > span {
        background: transparent;
        color: #000;
    }
    .nav-devices-inner .moduletable_menu > ul > li.active > a::after,
    .nav-devices-inner .moduletable > ul > li.active > a::after,
    .nav-devices-inner .moduletable_menu > ul > li.active > a > span::after,
    .nav-devices-inner .moduletable > ul > li.active > a > span::after {
        content: " ";
        display: block;
        height: 1px;
        background: #e6007e;
        width: 30%;
        position: relative;
        top: 4px;
    }
    .nav-devices-inner {
        background: #fff;
    }
    #tbar-logo {
        width: 180px !important;
    }
    .menumob-btn {
        margin: 0px 20px 0px 20px !important;
    }
    .menumob-btn #menutitlemob {
        margin: 0 !important;
        width: 35px !important;
        height: 35px !important;
        background: none !important;
        padding: 0 !important;
    }
    .menumob-btn .menu {
        background-color: transparent;
        border: none;
        cursor: pointer;
        display: flex;
        padding: 0;
    }
    .menumob-btn .line {
        fill: none;
        stroke: #000;
        stroke-width: 6;
        transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1), stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
    }
    .menumob-btn .line1 {
        stroke-dasharray: 60 207;
        stroke-width: 6;
    }
    .menumob-btn .line2 {
        stroke-dasharray: 60 60;
        stroke-width: 6;
    }
    .menumob-btn .line3 {
        stroke-dasharray: 60 207;
        stroke-width: 6;
    }
    .menumob-btn .opened .line1 {
        stroke-dasharray: 90 207;
        stroke-dashoffset: -134;
        stroke-width: 6;
    }
    .menumob-btn .opened .line2 {
        stroke-dasharray: 1 60;
        stroke-dashoffset: -30;
        stroke-width: 6;
    }
    .menumob-btn .opened .line3 {
        stroke-dasharray: 90 207;
        stroke-dashoffset: -134;
        stroke-width: 6;
    }
    .main-body {
        margin: 0 !important;
        padding: 15px 15px !important;
    }
}
.cookies-policy-display-bottom {
    height: auto !important;
    text-align: center !important;
}
#cookies-policy-btn {
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 0.0625rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-sizing: border-box;
    display: block;
    width: auto;
    margin: 15px auto;
    min-width: 100px;
    padding: 0.625rem 1.25rem;
    border: 0.25rem solid #e6007e !important;
    border-radius: 0;
    box-shadow: none;
    outine: none;
    transition: all 0.2s ease-out 0s;
    cursor: pointer;
    color: #fff !important;
    background: #e6007e !important;
    text-shadow: none !important;
}
#cookies-policy-btn:hover,
#cookies-policy-btn.is-checked {
    color: #fff !important;
    border-color: #e6007e !important;
    background: #000 !important;
}
/*# sourceMappingURL=style_black.css.map */


.vev-cart-totalamount .vev-ev-det-singleprice-cost {
    color:#000 !important;
}


.btn-primary, .loginregistercont .registerblock input.button, .loginregistercont .loginblock input.button {
    -webkit-appearance: none;
    -moz-appearance: none;
    position: relative;
    display: inline-block;
    cursor: pointer;
    min-width: 160px;
    padding: 13px 40px 13px 24px !important;
    border: 3px solid #000 !important;
    font-weight: 500 !important;
    background-color: transparent !important;
    color: #000 !important;
    text-decoration: none;
    font-size: 14px !important;
    line-height: 14px !important;
    text-align: left !important;
    -webkit-transition: all 150ms ease-in;
    transition: all 150ms ease-in;
    border-radius: 0 !important;
}

#form-login-submit .btn-primary {
    background: #000 !important;
    color: #fff !important;
    border-color: #000 !important;
}


.vev-form-field-wrap-10 select {
    padding: 5px;
    border: 3px solid #eaeaea;
    background: #fff;
}


.vevconfirmation .vevdetconf h4.vev-ev-det-hbook,
.vevconfirmation .vevdetconf .vev-ev-det-multiprices.vev-confirmres-multiprices  {
    display: none !important;
}