@charset "UTF-8";
.wtk {
--ci: #017BB8;
--gradient: linear-gradient(252deg, #009DE3 0%, #0076B3 100%);
--filter_ci: invert(33%) sepia(92%) saturate(1046%) hue-rotate(171deg) brightness(90%) contrast(99%);
--logoMono: url("/_assets/content/logo-wienticket_mono.svg");
--actionscodeIcon: url("/_assets/css/icon/actionscode_ci_wt.svg");
}
.tat, .tata {
--ci: #D90000;
--gradient: linear-gradient(252deg, #FF0000 0%, #C40000 100%);
--filter_ci: invert(15%) sepia(52%) saturate(6917%) hue-rotate(356deg) brightness(86%) contrast(119%);
--logoMono: url("/_assets/content/TicketAT_LogoMono.svg");
--actionscodeIcon: url("/_assets/css/icon/actionscode_ci_tat.svg");
}
.krone {
--ci: #E21819;
--gradient: linear-gradient(256deg, #E21819 0%, #990E0E 100%);
--filter_ci: invert(29%) sepia(92%) saturate(4618%) hue-rotate(346deg) brightness(85%) contrast(111%);
--logoMono: url("/_assets/content/logo-krone_mono.svg");
--actionscodeIcon: url("/_assets/css/icon/actionscode_ci_krone.svg");
}
.ba {
--ci: #DB291B;
--gradient: linear-gradient(256deg, #DB291B 0%, #91170E 100%);
--filter_ci: invert(29%) sepia(40%) saturate(4197%) hue-rotate(346deg) brightness(84%) contrast(107%);
--logoMono: url("/_assets/content/logo-ba_mono.svg");
--actionscodeIcon: url("/_assets/css/icon/actionscode_ci_ba.svg");
}
.whs {
--ci: #fd1715;
--gradient: linear-gradient(256deg, #fd1715 0%, #b41110 100%);
--filter_ci: invert(29%) sepia(40%) saturate(4197%) hue-rotate(346deg) brightness(84%) contrast(107%);
--logoMono: url("/_assets/content/logo-whsport_mono.svg");
--actionscodeIcon: url("/_assets/css/icon/actionscode_ci_ba.svg");
}
.yellow {
--e2s-color: #fc0;
--e2s-bg-color: #000;
--e2s-filter: invert(82%) sepia(45%) saturate(3216%) hue-rotate(360deg) brightness(104%) contrast(104%);
--e2s-check-icon: url(/_assets/css/icon/check-black.svg);
--e2s-check-active: url(/_assets/css/icon/check-yellow.svg);
--e2s-transparent-gradient: linear-gradient(180deg, transparent 0%, #000 70%);
}
.black {
--e2s-color: #000;
--e2s-bg-color: #fc0;
--e2s-filter: none;
--e2s-check-icon: url(/_assets/css/icon/check-black.svg);
--e2s-check-active: url(/_assets/css/icon/check-black.svg);
--e2s-transparent-gradient: linear-gradient(180deg, transparent 0%, #fc0 70%);
}
.blue {
--e2s-color: #009;
--e2s-bg-color: #fff;
--e2s-filter: invert(11%) sepia(67%) saturate(7494%) hue-rotate(245deg) brightness(64%) contrast(135%);
--e2s-check-icon: url(/_assets/css/icon/check-black.svg);
--e2s-check-active: url(/_assets/css/icon/check-blue.svg);
--e2s-transparent-gradient: linear-gradient(180deg, transparent 0%, #fff 70%);
}
.white {
--e2s-color: #fff;
--e2s-bg-color: #009;
--e2s-filter: invert(100%);
--e2s-check-icon: url(/_assets/css/icon/check-black.svg);
--e2s-check-active: url(/_assets/css/icon/check-white.svg);
--e2s-transparent-gradient: linear-gradient(180deg, transparent 0%, #009 70%);
}
body.size0 {
font-size: calc(10px + 0px);
}
body.size1 {
font-size: calc(10px + 2px);
}
body.size2 {
font-size: calc(10px + 4px);
}
body.size3 {
font-size: calc(10px + 6px);
}
body.size4 {
font-size: calc(10px + 8px);
}
body.size5 {
font-size: calc(10px + 10px);
}
body.size6 {
font-size: calc(10px + 12px);
}
body.size7 {
font-size: calc(10px + 14px);
}
body.size8 {
font-size: calc(10px + 16px);
}
body.size9 {
font-size: calc(10px + 18px);
}
body.size10 {
font-size: calc(10px + 20px);
}
.yellow #e2s-yellow {
border: 1px solid #fc0 !important;
}
.yellow #e2s-yellow::after {
filter: invert(82%) sepia(45%) saturate(3216%) hue-rotate(360deg) brightness(104%) contrast(104%);
content: "";
}
.yellow #e2s-yellow img {
content: url(/_assets/css/icon/e2s/gelb_auf_schwarz_active.svg);
}
.yellow .fa-ticket,
.yellow .fa-shopping-cart,
.yellow .fa-money,
.yellow .form-check .iblock img,
.yellow .sapshopneat a.btn.performanceInfoDateButton::before,
.yellow .sapshopneat button.addtobasket::before {
filter: invert(82%) sepia(45%) saturate(3216%) hue-rotate(360deg) brightness(104%) contrast(104%);
}
.yellow .fa-circle,
.yellow .bubble::after,
.yellow .fa {
color: #fc0 !important;
}
.yellow .facelift-flex-nav {
background: black !important;
}
.yellow .slider .slider-selection {
background: #fc0 !important;
}
.yellow #zoomout rect,
.yellow #zoomin rect {
fill: black !important;
}
.yellow #zoomout text,
.yellow #zoomin text {
fill: #fc0 !important;
}
.yellow .slider-handle.custom::before {
background-color: #fc0 !important;
}
#e2s-yellow {
border-color: black !important;
background-color: black !important;
color: #fc0 !important;
}
.black #e2s-black {
border: 1px solid black !important;
}
.black #e2s-black::after {
filter: none;
content: "";
}
.black #e2s-black img {
content: url(/_assets/css/icon/e2s/schwarz_auf_gelb_active.svg);
}
.black .fa-ticket,
.black .fa-shopping-cart,
.black .fa-money,
.black .form-check .iblock img,
.black .sapshopneat a.btn.performanceInfoDateButton::before,
.black .sapshopneat button.addtobasket::before {
filter: none;
}
.black .fa-circle,
.black .bubble::after,
.black .fa {
color: black !important;
}
.black .facelift-flex-nav {
background: #fc0 !important;
}
.black .slider .slider-selection {
background: black !important;
}
.black #zoomout rect,
.black #zoomin rect {
fill: #fc0 !important;
}
.black #zoomout text,
.black #zoomin text {
fill: black !important;
}
.black .slider-handle.custom::before {
background-color: black !important;
}
#e2s-black {
border-color: #fc0 !important;
background-color: #fc0 !important;
color: black !important;
}
.blue #e2s-blue {
border: 1px solid #009 !important;
}
.blue #e2s-blue::after {
filter: invert(11%) sepia(67%) saturate(7494%) hue-rotate(245deg) brightness(64%) contrast(135%);
content: "";
}
.blue #e2s-blue img {
content: url(/_assets/css/icon/e2s/blau_auf_weiß_active.svg);
}
.blue .fa-ticket,
.blue .fa-shopping-cart,
.blue .fa-money,
.blue .form-check .iblock img,
.blue .sapshopneat a.btn.performanceInfoDateButton::before,
.blue .sapshopneat button.addtobasket::before {
filter: invert(11%) sepia(67%) saturate(7494%) hue-rotate(245deg) brightness(64%) contrast(135%);
}
.blue .fa-circle,
.blue .bubble::after,
.blue .fa {
color: #009 !important;
}
.blue .facelift-flex-nav {
background: white !important;
}
.blue .slider .slider-selection {
background: #009 !important;
}
.blue #zoomout rect,
.blue #zoomin rect {
fill: white !important;
}
.blue #zoomout text,
.blue #zoomin text {
fill: #009 !important;
}
.blue .slider-handle.custom::before {
background-color: #009 !important;
}
#e2s-blue {
border-color: white !important;
background-color: white !important;
color: #009 !important;
}
.white #e2s-white {
border: 1px solid white !important;
}
.white #e2s-white::after {
filter: invert(100%);
content: "";
}
.white #e2s-white img {
content: url(/_assets/css/icon/e2s/weiß_auf_blau_active.svg);
}
.white .fa-ticket,
.white .fa-shopping-cart,
.white .fa-money,
.white .form-check .iblock img,
.white .sapshopneat a.btn.performanceInfoDateButton::before,
.white .sapshopneat button.addtobasket::before {
filter: invert(100%);
}
.white .fa-circle,
.white .bubble::after,
.white .fa {
color: white !important;
}
.white .facelift-flex-nav {
background: #009 !important;
}
.white .slider .slider-selection {
background: white !important;
}
.white #zoomout rect,
.white #zoomin rect {
fill: #009 !important;
}
.white #zoomout text,
.white #zoomin text {
fill: white !important;
}
.white .slider-handle.custom::before {
background-color: white !important;
}
#e2s-white {
border-color: #009 !important;
background-color: #009 !important;
color: white !important;
}
body:not(.default) .closeaccountbox {
background-color: var(--e2s-bg-color);
}
body:not(.default) button:hover, body:not(.default) button:focus, body:not(.default) button.active,
body:not(.default) .button:hover,
body:not(.default) .button:focus,
body:not(.default) .button.active,
body:not(.default) .ticketbtn:hover,
body:not(.default) .ticketbtn:focus,
body:not(.default) .ticketbtn.active,
body:not(.default) .ticketbtn2:hover,
body:not(.default) .ticketbtn2:focus,
body:not(.default) .ticketbtn2.active,
body:not(.default) .ticketbtn3:hover,
body:not(.default) .ticketbtn3:focus,
body:not(.default) .ticketbtn3.active,
body:not(.default) .btn:hover,
body:not(.default) .btn:focus,
body:not(.default) .btn.active {
border-width: 5px;
}
body:not(.default) input,
body:not(.default) #slidenav,
body:not(.default) #nav,
body:not(.default) #toggle-searchfilter,
body:not(.default) .ticketbtn,
body:not(.default) .ticketbtn2,
body:not(.default) .ticketbtn3,
body:not(.default) body,
body:not(.default) #header,
body:not(.default) body > .inner,
body:not(.default) .filterbutton,
body:not(.default) #searchfilter,
body:not(.default) .printathome,
body:not(.default) .cartCount,
body:not(.default) .ticketro,
body:not(.default) .accountbox,
body:not(.default) textarea, body:not(.default) #googlemap {
border: 2px solid;
border-color: var(--e2s-color);
}
body:not(.default) .mywtanchor.active::after,
body:not(.default) .button, body:not(.default) button:not(.no-btn):not(.nobtn) {
border: 1px solid;
border-color: var(--e2s-color);
}
body:not(.default) footer {
border-top: 1px solid;
border-color: var(--e2s-color);
}
body:not(.default) .shoutmsg {
border: 10px solid;
border-color: var(--e2s-color);
}
body:not(.default) span.iconwrap.aktionscode::after {
background-image: url(icon/actionscode_mono.svg);
}
body:not(.default) #e2s {
border-bottom: 2px solid;
border-color: var(--e2s-color);
}
body:not(.default) #e2s .textsize button:not(.e2s-reset) {
border: 1px solid;
border-color: var(--e2s-color);
}
body:not(.default) .bgbanner {
background: none !important;
}
body:not(.default) #logo {
content: var(--logoMono);
filter: var(--e2s-filter);
}
body:not(.default) .adp-list img, body:not(.default) .adp-substep img, body:not(.default) #GDform .iconwrap {
display: none;
}
body:not(.default) #GDirection .error {
color: var(--e2s-color) !important;
}
body:not(.default) .adp-substep > div > img + span {
background-color: var(--e2s-bg-color) !important;
border: 1px solid;
}
#e2s {
background-color: var(--e2s-bg-color, #fff);
position: fixed;
top: 0;
width: 100vw;
padding: 50px 20px;
transform: translateY(-100%);
transition: 0.3s ease;
z-index: 999;
}
#e2s:focus {
transform: translateY(0);
}
#e2s h2 {
text-transform: none;
}
#e2s button {
width: 35px;
height: 35px;
border-radius: 50%;
overflow: hidden;
}
#e2s ul {
margin-top: 30px;
}
#e2s .textsize button:not(.e2s-reset) {
background-color: var(--e2s-bg-color, #000);
}
#e2s .textsize button:not(.e2s-reset) img {
width: 10px;
height: 100%;
filter: var(--e2s-filter, invert(100%));
}
.e2s-item:not(:first-child) {
margin-top: 40px;
}
.e2s-button-wrap {
position: relative;
display: flex;
justify-content: flex-start;
align-items: center;
}
.e2s-button-wrap button:not(.e2s-reset) {
margin-right: 10px;
}
.e2s-close {
position: absolute;
top: 0;
right: 0;
}
.e2s-close::before, .e2s-close::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: var(--e2s-color, #000);
width: 25px;
height: 5px;
}
.e2s-close::before {
transform: translate(-50%, -50%) rotate(45deg);
}
.e2s-close::after {
transform: translate(-50%, -50%) rotate(-45deg);
}
.e2s-title {
color: var(--e2s-color, #6B6B6B);
}
.e2s-reset {
position: absolute;
right: 0;
top: 0;
filter: var(--e2s-filter, invert(41%) sepia(0%) saturate(1%) hue-rotate(90deg) brightness(100%) contrast(93%));
}
.showE2S #e2s {
transform: translateY(0);
}
.default #e2s-blue {
border: 1px solid #009 !important;
}
.e2s-btn {
width: 35px;
height: 35px;
border-radius: 50%;
}
@media screen and (min-width: 1024px) {
#e2s {
right: 0;
height: 100vh;
width: 400px;
padding: 50px;
transform: translateX(100%);
}
.showE2S #e2s {
transform: translateX(0);
}
body:not(.default) #e2s {
border-left: 2px solid;
}
}
body {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
padding: 15px 25px;
}
.prepage #logo {
content: var(--logoMono);
filter: var(--e2s-filter, invert(100%));
}
.prepagecontentpopup {
margin-inline: auto;
background-color: var(--e2s-bg-color, #ECECEC);
min-height: 100vh;
}
.prepagecontentpopup img {
width: 100%;
height: 210px;
-o-object-fit: cover;
object-fit: cover;
}
.bgbanner {
display: block;
}
.prepagetext {
padding: 30px 20px;
}
.prepagetext > *:first-child {
margin-top: 0;
}
.prepagetext > *:last-child {
margin-bottom: 0;
}
#countdown {
display: block;
font-size: 2.2222222222em;
}
.tohomelink.more {
position: relative;
left: 50%;
transform: translateX(-50%);
}
@media screen and (max-width: 719px) {
.prepagecontentpopup {
margin-top: 20px;
}
}
@media screen and (min-width: 720px) {
body {
padding-top: 0;
}
.prepagecontentpopup {
width: min(60vw, 805px);
}
.prepagecontentpopup img {
height: 315px;
}
#logo {
position: absolute;
top: 20px;
left: 20px;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}