@charset "UTF-8"; /*fbf8f8;*/ .link { color: #e00036; } .link:hover { text-decoration: underline !important; } .noScroll { overflow: hidden; } .schedule .paymentFeeLink { text-decoration: underline !important; } /* arabic */ @font-face { font-family: "Amiri"; font-style: normal; font-weight: 400; font-display: swap; src: url(/font/J7aRnpd8CGxBHpUrtLMA7w.woff2) format("woff2"); unicode-range: U+0600-06FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE80-FEFC; } /* latin-ext */ @font-face { font-family: "Amiri"; font-style: normal; font-weight: 400; font-display: swap; src: url(/font/J7aRnpd8CGxBHpUgtLMA7w.woff2) format("woff2"); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: "Amiri"; font-style: normal; font-weight: 400; font-display: swap; src: url(../font/J7aRnpd8CGxBHpUutLM.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: "Oswald"; font-style: normal; font-weight: 400; font-display: swap; src: url(../font/TK3_WkUHHAIjg75cFRf3bXL8LICs1_FvsUhiZTaR.woff2) format("woff2"); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: "Oswald"; font-style: normal; font-weight: 400; font-display: swap; src: url(../font/TK3_WkUHHAIjg75cFRf3bXL8LICs1_FvsUZiZQ.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } * { font-family: Oswald, Arial, "Helvetica Neue", sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; color: #62566d; font-size: 13px; } .imgOverlay { position: absolute; z-index: 1000; opacity: 0.3; margin-left: -127px; } h1 { color: #e00036 !important; font-weight: normal; } h1 { font-size: 30px; font-family: Oswald, Arial, serif; padding: 20px 0; letter-spacing: 0.03em; } h2 { font-size: 26px; font-family: Oswald, Arial, serif; padding: 15px 0; color: black; } h3 { font-size: 18px; font-family: Oswald, Arial, serif; padding: 10px 0; color: black; } p, span, p a, span a, li, label, select, select option, textarea { font-size: 16px; font-family: Arial, serif; } p a, span a { color: #e00036; text-decoration: underline; } .clear { clear: both; height: 0; line-height: 0; } .cc-window { z-index: 99999999 !important; border-top: 1px solid #5d5c58; } .btn-primary { background-color: #5898e4; color: white; font-weight: bold; height: 30px; padding-top: 0.2em; border: none; } .btn-primary.focus, .btn-primary:focus, .btn-primary.hover, .btn-primary:hover, .btn-primary.active, .btn-primary:active { box-shadow: 0 0 0 0.2rem rgba(88, 152, 228, 0.5); } .container img { max-width: 100%; height: auto; } a { color: #736580 !important; transition: all 0.5s; text-decoration: none; } a:hover { color: #927da3; text-decoration: none; } .container .inner.all, .container .inner { background: #fff; padding-bottom: 20px; padding-left: 15px; padding-right: 15px; } .alert { margin-bottom: 0 !important; font-size: 16px; } .alert * { font-size: 16px; } .cc-window { background-color: #efefef !important; border-top: 1px solid #ced4da; } .cc-window .cc-compliance .cc-btn:hover { color: #fff; background-color: #0069d9; border-color: #0062cc; } .cc-window .cc-compliance .cc-btn:focus, .cc-window .cc-compliance .cc-compliance:hover { text-decoration: none; } .cc-window .cc-compliance .cc-btn { background-color: #5898e4; color: white !important; font-weight: bold; height: 30px; padding-top: 0.2em; border: none; color: #fff; background-color: #007bff; border-color: #007bff; cursor: pointer; display: inline-block; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; -webkit-user-select: none; user-select: none; border: 1px solid transparent; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5; border-radius: 0.25rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .s-icon { display: inline-block; width: 1em; height: 1em; stroke-width: 0; stroke: currentColor; fill: currentColor; } body { background-size: 100% auto !important; } body .bg-primary { background: #e00036 !important; } body .navbar-brand { display: none; } .mobilecart { display: none; } .btn-bordered { background: none; color: #9f8f8f !important; font-size: 20px !important; border: 1px solid #9f8f8f !important; padding: 5px 15px 2px 15px !important; line-height: 1 !important; border-radius: 0; font-family: Amiri, Arial, serif !important; } .btn-proceed { background: #9f8f8f; font-size: 20px !important; color: #ffffff !important; padding: 5px 5px 2px 5px; line-height: 1; border-radius: 0; font-family: Amiri, Arial, serif !important; } a[href^=tel] { font-size: 16px !important; text-align: left !important; padding-left: 0 !important; margin-left: 0 !important; } .alert-success { font-size: 16px; font-family: Arial, serif !important; } .container[class*=col-] { margin-left: 0; margin-right: 0; } .thLink span { font-size: 12px; font-weight: bold; color: #155c8f !important; } .thLink:hover { text-decoration: none !important; } .fade-enter-active, .fade-leave-active { transition: opacity 0.15s linear; } .fade-enter, .fade-leave-to { opacity: 0; } .input-group > .input-group-append:last-child > .b-dropdown:not(:last-child):not(.dropdown-toggle) > .btn, .input-group > .input-group-append:not(:last-child) > .b-dropdown > .btn, .input-group > .input-group-prepend > .b-dropdown > .btn { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .input-group-append > .b-dropdown > .btn, .input-group > .input-group-prepend:first-child > .b-dropdown:not(:first-child) > .btn, .input-group > .input-group-prepend:not(:first-child) > .b-dropdown > .btn { border-top-left-radius: 0; border-bottom-left-radius: 0; } input.form-control[type=range], input.form-control[type=color] { height: 2.25rem; } input.form-control.form-control-sm[type=range], input.form-control.form-control-sm[type=color] { height: 1.9375rem; } input.form-control.form-control-lg[type=range], input.form-control.form-control-lg[type=color] { height: 3rem; } input.form-control[type=color] { padding: 0.25rem; } input.form-control.form-control-sm[type=color] { padding: 0.125rem; } table.b-table.b-table-fixed { table-layout: fixed; } table.b-table[aria-busy=false] { opacity: 1; } table.b-table[aria-busy=true] { opacity: 0.6; } table.b-table > tfoot > tr > th, table.b-table > thead > tr > th { position: relative; } table.b-table > tfoot > tr > th.sorting, table.b-table > thead > tr > th.sorting { padding-right: 1.5em; cursor: pointer; } table.b-table > tfoot > tr > th.sorting::after, table.b-table > tfoot > tr > th.sorting::before, table.b-table > thead > tr > th.sorting::after, table.b-table > thead > tr > th.sorting::before { position: absolute; bottom: 0; display: block; opacity: 0.4; padding-bottom: inherit; font-size: inherit; line-height: 180%; } table.b-table > tfoot > tr > th.sorting::before, table.b-table > thead > tr > th.sorting::before { right: 0.75em; content: "↑"; } table.b-table > tfoot > tr > th.sorting::after, table.b-table > thead > tr > th.sorting::after { right: 0.25em; content: "↓"; } table.b-table > tfoot > tr > th.sorting_asc::after, table.b-table > tfoot > tr > th.sorting_desc::before, table.b-table > thead > tr > th.sorting_asc::after, table.b-table > thead > tr > th.sorting_desc::before { opacity: 1; } table.b-table.b-table-stacked { width: 100%; } table.b-table.b-table-stacked, table.b-table.b-table-stacked > caption, table.b-table.b-table-stacked > tbody, table.b-table.b-table-stacked > tbody > tr, table.b-table.b-table-stacked > tbody > tr > td, table.b-table.b-table-stacked > tbody > tr > th { display: block; } table.b-table.b-table-stacked > tbody > tr.b-table-bottom-row, table.b-table.b-table-stacked > tbody > tr.b-table-top-row, table.b-table.b-table-stacked > tfoot, table.b-table.b-table-stacked > thead { display: none; } table.b-table.b-table-stacked > tbody > tr > :first-child { border-top-width: 0.4rem; } table.b-table.b-table-stacked > tbody > tr > [data-label] { display: grid; grid-template-columns: 40% auto; grid-gap: 0.25rem 1rem; } table.b-table.b-table-stacked > tbody > tr > [data-label]::before { content: attr(data-label); display: inline; text-align: right; overflow-wrap: break-word; font-weight: 700; font-style: normal; } @media all and (max-width: 575.99px) { table.b-table.b-table-stacked-sm { width: 100%; } table.b-table.b-table-stacked-sm, table.b-table.b-table-stacked-sm > caption, table.b-table.b-table-stacked-sm > tbody, table.b-table.b-table-stacked-sm > tbody > tr, table.b-table.b-table-stacked-sm > tbody > tr > td, table.b-table.b-table-stacked-sm > tbody > tr > th { display: block; } table.b-table.b-table-stacked-sm > tbody > tr.b-table-bottom-row, table.b-table.b-table-stacked-sm > tbody > tr.b-table-top-row, table.b-table.b-table-stacked-sm > tfoot, table.b-table.b-table-stacked-sm > thead { display: none; } table.b-table.b-table-stacked-sm > tbody > tr > :first-child { border-top-width: 0.4rem; } table.b-table.b-table-stacked-sm > tbody > tr > [data-label] { display: grid; grid-template-columns: 40% auto; grid-gap: 0.25rem 1rem; } table.b-table.b-table-stacked-sm > tbody > tr > [data-label]::before { content: attr(data-label); display: inline; text-align: right; overflow-wrap: break-word; font-weight: 700; font-style: normal; } } @media all and (max-width: 767.99px) { table.b-table.b-table-stacked-md { width: 100%; } table.b-table.b-table-stacked-md, table.b-table.b-table-stacked-md > caption, table.b-table.b-table-stacked-md > tbody, table.b-table.b-table-stacked-md > tbody > tr, table.b-table.b-table-stacked-md > tbody > tr > td, table.b-table.b-table-stacked-md > tbody > tr > th { display: block; } table.b-table.b-table-stacked-md > tbody > tr.b-table-bottom-row, table.b-table.b-table-stacked-md > tbody > tr.b-table-top-row, table.b-table.b-table-stacked-md > tfoot, table.b-table.b-table-stacked-md > thead { display: none; } table.b-table.b-table-stacked-md > tbody > tr > :first-child { border-top-width: 0.4rem; } table.b-table.b-table-stacked-md > tbody > tr > [data-label] { display: grid; grid-template-columns: 40% auto; grid-gap: 0.25rem 1rem; } table.b-table.b-table-stacked-md > tbody > tr > [data-label]::before { content: attr(data-label); display: inline; text-align: right; overflow-wrap: break-word; font-weight: 700; font-style: normal; } } @media all and (max-width: 991.99px) { table.b-table.b-table-stacked-lg { width: 100%; } table.b-table.b-table-stacked-lg, table.b-table.b-table-stacked-lg > caption, table.b-table.b-table-stacked-lg > tbody, table.b-table.b-table-stacked-lg > tbody > tr, table.b-table.b-table-stacked-lg > tbody > tr > td, table.b-table.b-table-stacked-lg > tbody > tr > th { display: block; } table.b-table.b-table-stacked-lg > tbody > tr.b-table-bottom-row, table.b-table.b-table-stacked-lg > tbody > tr.b-table-top-row, table.b-table.b-table-stacked-lg > tfoot, table.b-table.b-table-stacked-lg > thead { display: none; } table.b-table.b-table-stacked-lg > tbody > tr > :first-child { border-top-width: 0.4rem; } table.b-table.b-table-stacked-lg > tbody > tr > [data-label] { display: grid; grid-template-columns: 40% auto; grid-gap: 0.25rem 1rem; } table.b-table.b-table-stacked-lg > tbody > tr > [data-label]::before { content: attr(data-label); display: inline; text-align: right; overflow-wrap: break-word; font-weight: 700; font-style: normal; } } @media all and (max-width: 1199.99px) { table.b-table.b-table-stacked-xl { width: 100%; } table.b-table.b-table-stacked-xl, table.b-table.b-table-stacked-xl > caption, table.b-table.b-table-stacked-xl > tbody, table.b-table.b-table-stacked-xl > tbody > tr, table.b-table.b-table-stacked-xl > tbody > tr > td, table.b-table.b-table-stacked-xl > tbody > tr > th { display: block; } table.b-table.b-table-stacked-xl > tbody > tr.b-table-bottom-row, table.b-table.b-table-stacked-xl > tbody > tr.b-table-top-row, table.b-table.b-table-stacked-xl > tfoot, table.b-table.b-table-stacked-xl > thead { display: none; } table.b-table.b-table-stacked-xl > tbody > tr > :first-child { border-top-width: 0.4rem; } table.b-table.b-table-stacked-xl > tbody > tr > [data-label] { display: grid; grid-template-columns: 40% auto; grid-gap: 0.25rem 1rem; } table.b-table.b-table-stacked-xl > tbody > tr > [data-label]::before { content: attr(data-label); display: inline; text-align: right; overflow-wrap: break-word; font-weight: 700; font-style: normal; } } table.b-table > tbody > tr.b-table-details > td { border-top: none; } @font-face { font-family: "FontAwesome"; src: url("../font/fontawesome-webfont.eot?v=3.2.1"); src: url("../font/fontawesome-webfont.eot?#iefix&v=3.2.1") format("embedded-opentype"), url("../font/fontawesome-webfont.woff?v=3.2.1") format("woff"), url("../font/fontawesome-webfont.ttf?v=3.2.1") format("truetype"), url("../font/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1") format("svg"); font-weight: normal; font-style: normal; } [class^=icon-], [class*=" icon-"] { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; *margin-right: 0.3em; } [class^=icon-]:before, [class*=" icon-"]:before { text-decoration: inherit; display: inline-block; speak: none; } .icon-large:before { vertical-align: -10%; font-size: 1.3333333333em; } a [class^=icon-], a [class*=" icon-"] { display: inline; } [class^=icon-].icon-fixed-width, [class*=" icon-"].icon-fixed-width { display: inline-block; width: 1.1428571429em; text-align: right; padding-right: 0.2857142857em; } [class^=icon-].icon-fixed-width.icon-large, [class*=" icon-"].icon-fixed-width.icon-large { width: 1.4285714286em; } .icons-ul { margin-left: 2.1428571429em; list-style-type: none; } .icons-ul > li { position: relative; } .icons-ul .icon-li { position: absolute; left: -2.1428571429em; width: 2.1428571429em; text-align: center; line-height: inherit; } [class^=icon-].hide, [class*=" icon-"].hide { display: none; } .icon-muted { color: #eeeeee; } .icon-light { color: #ffffff; } .icon-dark { color: #333333; } .icon-border { border: solid 1px #eeeeee; padding: 0.2em 0.25em 0.15em; border-radius: 3px; } .icon-2x { font-size: 2em; } .icon-2x.icon-border { border-width: 2px; border-radius: 4px; } .icon-3x { font-size: 3em; } .icon-3x.icon-border { border-width: 3px; border-radius: 5px; } .icon-4x { font-size: 4em; } .icon-4x.icon-border { border-width: 4px; border-radius: 6px; } .icon-5x { font-size: 5em; } .icon-5x.icon-border { border-width: 5px; border-radius: 7px; } .pull-right { float: right; } .pull-left { float: left; } [class^=icon-].pull-left, [class*=" icon-"].pull-left { margin-right: 0.3em; } [class^=icon-].pull-right, [class*=" icon-"].pull-right { margin-left: 0.3em; } [class^=icon-], [class*=" icon-"] { display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none; background-position: 0% 0%; background-repeat: repeat; margin-top: 0; } .icon-white, .nav-pills > .active > a > [class^=icon-], .nav-pills > .active > a > [class*=" icon-"], .nav-list > .active > a > [class^=icon-], .nav-list > .active > a > [class*=" icon-"], .navbar-inverse .nav > .active > a > [class^=icon-], .navbar-inverse .nav > .active > a > [class*=" icon-"], .dropdown-menu > li > a:hover > [class^=icon-], .dropdown-menu > li > a:hover > [class*=" icon-"], .dropdown-menu > .active > a > [class^=icon-], .dropdown-menu > .active > a > [class*=" icon-"], .dropdown-submenu:hover > a > [class^=icon-], .dropdown-submenu:hover > a > [class*=" icon-"] { background-image: none; } .btn [class^=icon-].icon-large, .nav [class^=icon-].icon-large, .btn [class*=" icon-"].icon-large, .nav [class*=" icon-"].icon-large { line-height: 0.9em; } .btn [class^=icon-].icon-spin, .nav [class^=icon-].icon-spin, .btn [class*=" icon-"].icon-spin, .nav [class*=" icon-"].icon-spin { display: inline-block; } .nav-tabs [class^=icon-], .nav-pills [class^=icon-], .nav-tabs [class*=" icon-"], .nav-pills [class*=" icon-"], .nav-tabs [class^=icon-].icon-large, .nav-pills [class^=icon-].icon-large, .nav-tabs [class*=" icon-"].icon-large, .nav-pills [class*=" icon-"].icon-large { line-height: 0.9em; } .btn [class^=icon-].pull-left.icon-2x, .btn [class*=" icon-"].pull-left.icon-2x, .btn [class^=icon-].pull-right.icon-2x, .btn [class*=" icon-"].pull-right.icon-2x { margin-top: 0.18em; } .btn [class^=icon-].icon-spin.icon-large, .btn [class*=" icon-"].icon-spin.icon-large { line-height: 0.8em; } .btn.btn-small [class^=icon-].pull-left.icon-2x, .btn.btn-small [class*=" icon-"].pull-left.icon-2x, .btn.btn-small [class^=icon-].pull-right.icon-2x, .btn.btn-small [class*=" icon-"].pull-right.icon-2x { margin-top: 0.25em; } .btn.btn-large [class^=icon-], .btn.btn-large [class*=" icon-"] { margin-top: 0; } .btn.btn-large [class^=icon-].pull-left.icon-2x, .btn.btn-large [class*=" icon-"].pull-left.icon-2x, .btn.btn-large [class^=icon-].pull-right.icon-2x, .btn.btn-large [class*=" icon-"].pull-right.icon-2x { margin-top: 0.05em; } .btn.btn-large [class^=icon-].pull-left.icon-2x, .btn.btn-large [class*=" icon-"].pull-left.icon-2x { margin-right: 0.2em; } .btn.btn-large [class^=icon-].pull-right.icon-2x, .btn.btn-large [class*=" icon-"].pull-right.icon-2x { margin-left: 0.2em; } .nav-list [class^=icon-], .nav-list [class*=" icon-"] { line-height: inherit; } .icon-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: -35%; } .icon-stack [class^=icon-], .icon-stack [class*=" icon-"] { display: block; text-align: center; position: absolute; width: 100%; height: 100%; font-size: 1em; line-height: inherit; *line-height: 2em; } .icon-stack .icon-stack-base { font-size: 2em; *line-height: 1em; } .icon-spin { display: inline-block; animation: spin 2s infinite linear; } a .icon-stack, a .icon-spin { display: inline-block; text-decoration: none; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } } .icon-rotate-90:before { transform: rotate(90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); } .icon-rotate-180:before { transform: rotate(180deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); } .icon-rotate-270:before { transform: rotate(270deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); } .icon-flip-horizontal:before { transform: scale(-1, 1); } .icon-flip-vertical:before { transform: scale(1, -1); } a .icon-rotate-90:before, a .icon-rotate-180:before, a .icon-rotate-270:before, a .icon-flip-horizontal:before, a .icon-flip-vertical:before { display: inline-block; } .icon-glass:before { content: "\f000"; } .icon-music:before { content: "\f001"; } .icon-search:before { content: "\f002"; } .icon-envelope-alt:before { content: "\f003"; } .icon-heart:before { content: "\f004"; } .icon-star:before { content: "\f005"; } .icon-star-empty:before { content: "\f006"; } .icon-user:before { content: "\f007"; } .icon-film:before { content: "\f008"; } .icon-th-large:before { content: "\f009"; } .icon-th:before { content: "\f00a"; } .icon-th-list:before { content: "\f00b"; } .icon-ok:before { content: "\f00c"; } .icon-remove:before { content: "\f00d"; } .icon-zoom-in:before { content: "\f00e"; } .icon-zoom-out:before { content: "\f010"; } .icon-power-off:before, .icon-off:before { content: "\f011"; } .icon-signal:before { content: "\f012"; } .icon-gear:before, .icon-cog:before { content: "\f013"; } .icon-trash:before { content: "\f014"; } .icon-home:before { content: "\f015"; } .icon-file-alt:before { content: "\f016"; } .icon-time:before { content: "\f017"; } .icon-road:before { content: "\f018"; } .icon-download-alt:before { content: "\f019"; } .icon-download:before { content: "\f01a"; } .icon-upload:before { content: "\f01b"; } .icon-inbox:before { content: "\f01c"; } .icon-play-circle:before { content: "\f01d"; } .icon-rotate-right:before, .icon-repeat:before { content: "\f01e"; } .icon-refresh:before { content: "\f021"; } .icon-list-alt:before { content: "\f022"; } .icon-lock:before { content: "\f023"; } .icon-flag:before { content: "\f024"; } .icon-headphones:before { content: "\f025"; } .icon-volume-off:before { content: "\f026"; } .icon-volume-down:before { content: "\f027"; } .icon-volume-up:before { content: "\f028"; } .icon-qrcode:before { content: "\f029"; } .icon-barcode:before { content: "\f02a"; } .icon-tag:before { content: "\f02b"; } .icon-tags:before { content: "\f02c"; } .icon-book:before { content: "\f02d"; } .icon-bookmark:before { content: "\f02e"; } .icon-print:before { content: "\f02f"; } .icon-camera:before { content: "\f030"; } .icon-font:before { content: "\f031"; } .icon-bold:before { content: "\f032"; } .icon-italic:before { content: "\f033"; } .icon-text-height:before { content: "\f034"; } .icon-text-width:before { content: "\f035"; } .icon-align-left:before { content: "\f036"; } .icon-align-center:before { content: "\f037"; } .icon-align-right:before { content: "\f038"; } .icon-align-justify:before { content: "\f039"; } .icon-list:before { content: "\f03a"; } .icon-indent-left:before { content: "\f03b"; } .icon-indent-right:before { content: "\f03c"; } .icon-facetime-video:before { content: "\f03d"; } .icon-picture:before { content: "\f03e"; } .icon-pencil:before { content: "\f040"; } .icon-map-marker:before { content: "\f041"; } .icon-adjust:before { content: "\f042"; } .icon-tint:before { content: "\f043"; } .icon-edit:before { content: "\f044"; } .icon-share:before { content: "\f045"; } .icon-check:before { content: "\f046"; } .icon-move:before { content: "\f047"; } .icon-step-backward:before { content: "\f048"; } .icon-fast-backward:before { content: "\f049"; } .icon-backward:before { content: "\f04a"; } .icon-play:before { content: "\f04b"; } .icon-pause:before { content: "\f04c"; } .icon-stop:before { content: "\f04d"; } .icon-forward:before { content: "\f04e"; } .icon-fast-forward:before { content: "\f050"; } .icon-step-forward:before { content: "\f051"; } .icon-eject:before { content: "\f052"; } .icon-chevron-left:before { content: "\f053"; } .icon-chevron-right:before { content: "\f054"; } .icon-plus-sign:before { content: "\f055"; } .icon-minus-sign:before { content: "\f056"; } .icon-remove-sign:before { content: "\f057"; } .icon-ok-sign:before { content: "\f058"; } .icon-question-sign:before { content: "\f059"; } .icon-info-sign:before { content: "\f05a"; } .icon-screenshot:before { content: "\f05b"; } .icon-remove-circle:before { content: "\f05c"; } .icon-ok-circle:before { content: "\f05d"; } .icon-ban-circle:before { content: "\f05e"; } .icon-arrow-left:before { content: "\f060"; } .icon-arrow-right:before { content: "\f061"; } .icon-arrow-up:before { content: "\f062"; } .icon-arrow-down:before { content: "\f063"; } .icon-mail-forward:before, .icon-share-alt:before { content: "\f064"; } .icon-resize-full:before { content: "\f065"; } .icon-resize-small:before { content: "\f066"; } .icon-plus:before { content: "\f067"; } .icon-minus:before { content: "\f068"; } .icon-asterisk:before { content: "\f069"; } .icon-exclamation-sign:before { content: "\f06a"; } .icon-gift:before { content: "\f06b"; } .icon-leaf:before { content: "\f06c"; } .icon-fire:before { content: "\f06d"; } .icon-eye-open:before { content: "\f06e"; } .icon-eye-close:before { content: "\f070"; } .icon-warning-sign:before { content: "\f071"; } .icon-plane:before { content: "\f072"; } .icon-calendar:before { content: "\f073"; } .icon-random:before { content: "\f074"; } .icon-comment:before { content: "\f075"; } .icon-magnet:before { content: "\f076"; } .icon-chevron-up:before { content: "\f077"; } .icon-chevron-down:before { content: "\f078"; } .icon-retweet:before { content: "\f079"; } .icon-shopping-cart:before { content: "\f07a"; } .icon-folder-close:before { content: "\f07b"; } .icon-folder-open:before { content: "\f07c"; } .icon-resize-vertical:before { content: "\f07d"; } .icon-resize-horizontal:before { content: "\f07e"; } .icon-bar-chart:before { content: "\f080"; } .icon-twitter-sign:before { content: "\f081"; } .icon-facebook-sign:before { content: "\f082"; } .icon-camera-retro:before { content: "\f083"; } .icon-key:before { content: "\f084"; } .icon-gears:before, .icon-cogs:before { content: "\f085"; } .icon-comments:before { content: "\f086"; } .icon-thumbs-up-alt:before { content: "\f087"; } .icon-thumbs-down-alt:before { content: "\f088"; } .icon-star-half:before { content: "\f089"; } .icon-heart-empty:before { content: "\f08a"; } .icon-signout:before { content: "\f08b"; } .icon-linkedin-sign:before { content: "\f08c"; } .icon-pushpin:before { content: "\f08d"; } .icon-external-link:before { content: "\f08e"; } .icon-signin:before { content: "\f090"; } .icon-trophy:before { content: "\f091"; } .icon-github-sign:before { content: "\f092"; } .icon-upload-alt:before { content: "\f093"; } .icon-lemon:before { content: "\f094"; } .icon-phone:before { content: "\f095"; } .icon-unchecked:before, .icon-check-empty:before { content: "\f096"; } .icon-bookmark-empty:before { content: "\f097"; } .icon-phone-sign:before { content: "\f098"; } .icon-twitter:before { content: "\f099"; } .icon-facebook:before { content: "\f09a"; } .icon-github:before { content: "\f09b"; } .icon-unlock:before { content: "\f09c"; } .icon-credit-card:before { content: "\f09d"; } .icon-rss:before { content: "\f09e"; } .icon-hdd:before { content: "\f0a0"; } .icon-bullhorn:before { content: "\f0a1"; } .icon-bell:before { content: "\f0a2"; } .icon-certificate:before { content: "\f0a3"; } .icon-hand-right:before { content: "\f0a4"; } .icon-hand-left:before { content: "\f0a5"; } .icon-hand-up:before { content: "\f0a6"; } .icon-hand-down:before { content: "\f0a7"; } .icon-circle-arrow-left:before { content: "\f0a8"; } .icon-circle-arrow-right:before { content: "\f0a9"; } .icon-circle-arrow-up:before { content: "\f0aa"; } .icon-circle-arrow-down:before { content: "\f0ab"; } .icon-globe:before { content: "\f0ac"; } .icon-wrench:before { content: "\f0ad"; } .icon-tasks:before { content: "\f0ae"; } .icon-filter:before { content: "\f0b0"; } .icon-briefcase:before { content: "\f0b1"; } .icon-fullscreen:before { content: "\f0b2"; } .icon-group:before { content: "\f0c0"; } .icon-link:before { content: "\f0c1"; } .icon-cloud:before { content: "\f0c2"; } .icon-beaker:before { content: "\f0c3"; } .icon-cut:before { content: "\f0c4"; } .icon-copy:before { content: "\f0c5"; } .icon-paperclip:before, .icon-paper-clip:before { content: "\f0c6"; } .icon-save:before { content: "\f0c7"; } .icon-sign-blank:before { content: "\f0c8"; } .icon-reorder:before { content: "\f0c9"; } .icon-list-ul:before { content: "\f0ca"; } .icon-list-ol:before { content: "\f0cb"; } .icon-strikethrough:before { content: "\f0cc"; } .icon-underline:before { content: "\f0cd"; } .icon-table:before { content: "\f0ce"; } .icon-magic:before { content: "\f0d0"; } .icon-truck:before { content: "\f0d1"; } .icon-pinterest:before { content: "\f0d2"; } .icon-pinterest-sign:before { content: "\f0d3"; } .icon-google-plus-sign:before { content: "\f0d4"; } .icon-google-plus:before { content: "\f0d5"; } .icon-money:before { content: "\f0d6"; } .icon-caret-down:before { content: "\f0d7"; } .icon-caret-up:before { content: "\f0d8"; } .icon-caret-left:before { content: "\f0d9"; } .icon-caret-right:before { content: "\f0da"; } .icon-columns:before { content: "\f0db"; } .icon-sort:before { content: "\f0dc"; } .icon-sort-down:before { content: "\f0dd"; } .icon-sort-up:before { content: "\f0de"; } .icon-envelope:before { content: "\f0e0"; } .icon-linkedin:before { content: "\f0e1"; } .icon-rotate-left:before, .icon-undo:before { content: "\f0e2"; } .icon-legal:before { content: "\f0e3"; } .icon-dashboard:before { content: "\f0e4"; } .icon-comment-alt:before { content: "\f0e5"; } .icon-comments-alt:before { content: "\f0e6"; } .icon-bolt:before { content: "\f0e7"; } .icon-sitemap:before { content: "\f0e8"; } .icon-umbrella:before { content: "\f0e9"; } .icon-paste:before { content: "\f0ea"; } .icon-lightbulb:before { content: "\f0eb"; } .icon-exchange:before { content: "\f0ec"; } .icon-cloud-download:before { content: "\f0ed"; } .icon-cloud-upload:before { content: "\f0ee"; } .icon-user-md:before { content: "\f0f0"; } .icon-stethoscope:before { content: "\f0f1"; } .icon-suitcase:before { content: "\f0f2"; } .icon-bell-alt:before { content: "\f0f3"; } .icon-coffee:before { content: "\f0f4"; } .icon-food:before { content: "\f0f5"; } .icon-file-text-alt:before { content: "\f0f6"; } .icon-building:before { content: "\f0f7"; } .icon-hospital:before { content: "\f0f8"; } .icon-ambulance:before { content: "\f0f9"; } .icon-medkit:before { content: "\f0fa"; } .icon-fighter-jet:before { content: "\f0fb"; } .icon-beer:before { content: "\f0fc"; } .icon-h-sign:before { content: "\f0fd"; } .icon-plus-sign-alt:before { content: "\f0fe"; } .icon-double-angle-left:before { content: "\f100"; } .icon-double-angle-right:before { content: "\f101"; } .icon-double-angle-up:before { content: "\f102"; } .icon-double-angle-down:before { content: "\f103"; } .icon-angle-left:before { content: "\f104"; } .icon-angle-right:before { content: "\f105"; } .icon-angle-up:before { content: "\f106"; } .icon-angle-down:before { content: "\f107"; } .icon-desktop:before { content: "\f108"; } .icon-laptop:before { content: "\f109"; } .icon-tablet:before { content: "\f10a"; } .icon-mobile-phone:before { content: "\f10b"; } .icon-circle-blank:before { content: "\f10c"; } .icon-quote-left:before { content: "\f10d"; } .icon-quote-right:before { content: "\f10e"; } .icon-spinner:before { content: "\f110"; } .icon-circle:before { content: "\f111"; } .icon-mail-reply:before, .icon-reply:before { content: "\f112"; } .icon-github-alt:before { content: "\f113"; } .icon-folder-close-alt:before { content: "\f114"; } .icon-folder-open-alt:before { content: "\f115"; } .icon-expand-alt:before { content: "\f116"; } .icon-collapse-alt:before { content: "\f117"; } .icon-smile:before { content: "\f118"; } .icon-frown:before { content: "\f119"; } .icon-meh:before { content: "\f11a"; } .icon-gamepad:before { content: "\f11b"; } .icon-keyboard:before { content: "\f11c"; } .icon-flag-alt:before { content: "\f11d"; } .icon-flag-checkered:before { content: "\f11e"; } .icon-terminal:before { content: "\f120"; } .icon-code:before { content: "\f121"; } .icon-reply-all:before { content: "\f122"; } .icon-mail-reply-all:before { content: "\f122"; } .icon-star-half-full:before, .icon-star-half-empty:before { content: "\f123"; } .icon-location-arrow:before { content: "\f124"; } .icon-crop:before { content: "\f125"; } .icon-code-fork:before { content: "\f126"; } .icon-unlink:before { content: "\f127"; } .icon-question:before { content: "\f128"; } .icon-info:before { content: "\f129"; } .icon-exclamation:before { content: "\f12a"; } .icon-superscript:before { content: "\f12b"; } .icon-subscript:before { content: "\f12c"; } .icon-eraser:before { content: "\f12d"; } .icon-puzzle-piece:before { content: "\f12e"; } .icon-microphone:before { content: "\f130"; } .icon-microphone-off:before { content: "\f131"; } .icon-shield:before { content: "\f132"; } .icon-calendar-empty:before { content: "\f133"; } .icon-fire-extinguisher:before { content: "\f134"; } .icon-rocket:before { content: "\f135"; } .icon-maxcdn:before { content: "\f136"; } .icon-chevron-sign-left:before { content: "\f137"; } .icon-chevron-sign-right:before { content: "\f138"; } .icon-chevron-sign-up:before { content: "\f139"; } .icon-chevron-sign-down:before { content: "\f13a"; } .icon-html5:before { content: "\f13b"; } .icon-css3:before { content: "\f13c"; } .icon-anchor:before { content: "\f13d"; } .icon-unlock-alt:before { content: "\f13e"; } .icon-bullseye:before { content: "\f140"; } .icon-ellipsis-horizontal:before { content: "\f141"; } .icon-ellipsis-vertical:before { content: "\f142"; } .icon-rss-sign:before { content: "\f143"; } .icon-play-sign:before { content: "\f144"; } .icon-ticket:before { content: "\f145"; } .icon-minus-sign-alt:before { content: "\f146"; } .icon-check-minus:before { content: "\f147"; } .icon-level-up:before { content: "\f148"; } .icon-level-down:before { content: "\f149"; } .icon-check-sign:before { content: "\f14a"; } .icon-edit-sign:before { content: "\f14b"; } .icon-external-link-sign:before { content: "\f14c"; } .icon-share-sign:before { content: "\f14d"; } .icon-compass:before { content: "\f14e"; } .icon-collapse:before { content: "\f150"; } .icon-collapse-top:before { content: "\f151"; } .icon-expand:before { content: "\f152"; } .icon-euro:before, .icon-eur:before { content: "\f153"; } .icon-gbp:before { content: "\f154"; } .icon-dollar:before, .icon-usd:before { content: "\f155"; } .icon-rupee:before, .icon-inr:before { content: "\f156"; } .icon-yen:before, .icon-jpy:before { content: "\f157"; } .icon-renminbi:before, .icon-cny:before { content: "\f158"; } .icon-won:before, .icon-krw:before { content: "\f159"; } .icon-bitcoin:before, .icon-btc:before { content: "\f15a"; } .icon-file:before { content: "\f15b"; } .icon-file-text:before { content: "\f15c"; } .icon-sort-by-alphabet:before { content: "\f15d"; } .icon-sort-by-alphabet-alt:before { content: "\f15e"; } .icon-sort-by-attributes:before { content: "\f160"; } .icon-sort-by-attributes-alt:before { content: "\f161"; } .icon-sort-by-order:before { content: "\f162"; } .icon-sort-by-order-alt:before { content: "\f163"; } .icon-thumbs-up:before { content: "\f164"; } .icon-thumbs-down:before { content: "\f165"; } .icon-youtube-sign:before { content: "\f166"; } .icon-youtube:before { content: "\f167"; } .icon-xing:before { content: "\f168"; } .icon-xing-sign:before { content: "\f169"; } .icon-youtube-play:before { content: "\f16a"; } .icon-dropbox:before { content: "\f16b"; } .icon-stackexchange:before { content: "\f16c"; } .icon-instagram:before { content: "\f16d"; } .icon-flickr:before { content: "\f16e"; } .icon-adn:before { content: "\f170"; } .icon-bitbucket:before { content: "\f171"; } .icon-bitbucket-sign:before { content: "\f172"; } .icon-tumblr:before { content: "\f173"; } .icon-tumblr-sign:before { content: "\f174"; } .icon-long-arrow-down:before { content: "\f175"; } .icon-long-arrow-up:before { content: "\f176"; } .icon-long-arrow-left:before { content: "\f177"; } .icon-long-arrow-right:before { content: "\f178"; } .icon-apple:before { content: "\f179"; } .icon-windows:before { content: "\f17a"; } .icon-android:before { content: "\f17b"; } .icon-linux:before { content: "\f17c"; } .icon-dribbble:before { content: "\f17d"; } .icon-skype:before { content: "\f17e"; } .icon-foursquare:before { content: "\f180"; } .icon-trello:before { content: "\f181"; } .icon-female:before { content: "\f182"; } .icon-male:before { content: "\f183"; } .icon-gittip:before { content: "\f184"; } .icon-sun:before { content: "\f185"; } .icon-moon:before { content: "\f186"; } .icon-archive:before { content: "\f187"; } .icon-bug:before { content: "\f188"; } .icon-vk:before { content: "\f189"; } .icon-weibo:before { content: "\f18a"; } .icon-renren:before { content: "\f18b"; } #mainMenue * { font-family: Amiri, Arial, serif !important; } #mainMenue .navbar { padding: 3px 0px 0 7px !important; } #mainMenue .nav-item.b-nav-dropdown.dropdown:hover > div { display: block; } #mainMenue .icon-home:before { font-size: 20px; margin-right: 30px; } #mainMenue .nav-item a, #mainMenue .menuitem a, #mainMenue .nav-item span, #mainMenue .menuitem span { font-size: 22px; text-decoration: none; color: white !important; } #mainMenue .nav-item a, #mainMenue .menuitem a { margin-right: 32px; } #mainMenue .nav-link { padding: 0; } #mainMenue .navbar-dark .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); } #mainMenue .navbar-nav li:before { content: ""; position: absolute; font-size: 16px; color: white !important; } #mainMenue a:hover, #mainMenue a:focus, #mainMenue span:hover:not(.navbar-toggler-icon), #mainMenue span:focus, #mainMenue a:active, #mainMenue .dropdown-item:hover, #mainMenue .dropdown-item:active { color: white !important; border: 0 !important; background: none !important; } #mainMenue .dropdown-menu { background: rgba(171, 171, 171, 0.8); } #mainMenue .b-nav-dropdown:hover > ul { display: block; } #mainMenue .dropdown-toggle::after { display: none; } .menueRow { margin-left: 0; margin-right: 0; margin-bottom: 11px; background: #e00036; } .menueRow .col-lg-9 { z-index: 1; } .menueRow .col-9 { padding-right: 0; } .menueRow .col-3 { padding-left: 0; } .menueRow .icon-search { font-size: 25px; } .menueRow input[name=search]::placeholder { color: #ccc; font-size: 16px; fill: white; } .menueRow .socialBar * { color: white !important; font-size: 22px; } #footerMenue .inner { background: #5a5a5a; padding: 0 20px 0 20px; } #footerMenue * { color: #fff; font-family: Amiri, Arial, serif; } #footerMenue a { color: #fff !important; font-size: 14px; text-decoration: none; text-transform: uppercase; max-width: 100%; width: 100%; display: block; padding-right: 10px; } #footerMenue .col-4 { padding: 0; } #footerMenue .row { padding-top: 6px; } #footerMenue .copyright { color: #fff; font-size: 16px; text-align: left; } .headerRow { margin: 20px 0; } .headerRow .col-sm-5 { padding: 0; } .openingHours { font-size: 30px; color: #fff; text-shadow: 1px 1px 2px #000; text-align: right; } .nav { background-color: #fafafa; } /** überarbeiten **/ #header .shopping_cart { position: absolute; bottom: 50px; right: 37px; width: 201px; text-align: left; float: right; } #header .shopping_cart * { color: #9f8f8f !important; } #header .shopping_cart a, #header .shopping_cart span { font-size: 15px; font-family: Arial, serif; } #header .shopping_cart .icon-large { font-size: 15px; margin-right: 6px; } .header_links { float: left; position: relative; list-style-type: none; margin: 20px 0 20px -14px; overflow: hidden; } .header_links a { font: 400 15px/18px "Roboto", sans-serif; letter-spacing: 2px; } .logo img { max-height: 108px; margin-top: 33px; } .headerLogoRow .col-12 .innerContainer { background: white; width: 100%; position: relative; float: left; } .search_block_top { position: absolute !important; bottom: 15px; right: 21px; } .search_block_top input { width: 100%; height: 100%; padding: 5px 3px 5px 8px; box-sizing: border-box; border: none; border: 1px solid #9f908d; max-width: 201px; font-family: arial, serif; font-size: 15px; } .search_block_top input::placeholder { color: #c9c9c9; } .search_block_top span { position: absolute; cursor: pointer; right: 16px; top: 1px; background: #9f908d; padding: 4px; padding-bottom: 5px; margin: 0; color: white; } .search_block_top .icon-search { padding-bottom: 4px; top: 0; } .header-container { background: white; padding-left: 15px; padding-right: 15px; } .header-container .topContainer { min-height: 145px; } .header-container .topContainer .languageSwitcher { float: right; margin-right: 21px; } .header-container .topContainer .languageSwitcher * { font-size: 15px; } .header-container .topContainer .languageSwitcher span { cursor: pointer; } .artistblock { /*margin-left: 20px;*/ padding-bottom: 30px; } .artistblock .card { float: left; width: 200px; height: 200px; margin-right: 16px; margin-top: 15px; border: 0; position: relative; max-width: 45%; } .artistblock .card .card-text { height: 80px; overflow: hidden; } .artistblock .card .btn { color: white; } .artistblock .card img { max-height: 100%; } .artistblock .card.letterBox { background: #9f8f8f; } .artistblock .card.letterBox span { font-size: 125px; line-height: 0.65em; position: absolute; color: white; right: 10px; bottom: 10px; font-family: Oswald, Arial, serif !important; } .artistblock .card .card-body { margin-top: -24px; background: #e00036; padding: 4px 0 3px 10px; color: white; font-family: Oswald, Arial, serif !important; position: absolute; bottom: 0; width: 100%; } .artistblock .card .card-body h5 { margin: 0; padding: 0; overflow: hidden; position: relative; } .letters { padding: 23px 0 0 7px; } .letters a { color: #e00036 !important; font-size: 28px; padding-right: 7px; font-family: Oswald, Arial, serif !important; } .container.artistDetails .inner { background: white; } .container.artistDetails .inner .btn-tickets { font-family: Amiri, Arial, serif !important; } .container.artistDetails .inner .artistBack { margin: -30px 0 30px 0; display: block; font-size: 13px; color: black !important; font-family: Arial, serif; position: relative; float: left; } .container.artistDetails .inner .artistimg { width: 300px; height: 300px; min-width: 300px; border: 1px solid #5c5c5c; } .container.artistDetails .inner h2 { font-family: Arial, serif; margin-bottom: 0; padding-bottom: 0; margin-top: 0; padding-top: 0; font-size: 24px; font-weight: bold; } .container.artistDetails .inner h3 { font-family: Arial, serif; margin-top: 0; padding-top: 0; font-size: 24px; } .container.artistDetails .inner h1 { font-family: Arial, serif; font-weight: normal !important; } .container.artistDetails .inner .artistTicket { position: absolute; top: 0; right: 0; cursor: pointer; } .container.artistDetails .inner .artistTicket.soldout { cursor: default; } .container.artistDetails .inner .artistTicket * { font-family: Oswald, Arial, serif; } #slideshow { min-height: 300px; margin-bottom: 15px; } #slideshow * { color: #fff; } #slideshow .carousel-indicators li { width: 12px; height: 12px; border-radius: 12px; } @media not all and (min-resolution: 0.001dpcm) { @supports (-webkit-appearance: none) and (stroke-color: transparent) { #slideshow .carousel-inner a { -webkit-transform: translateZ(0); } } } #slideshow .carousel-inner a { text-align: center; } #slideshow .carousel-control-prev, #slideshow .carousel-control-next { height: 100%; } #slideshow .carousel-control-next-icon { right: 10px; position: absolute; top: 50%; filter: contrast(0.5); } #slideshow .carousel-control-prev-icon { left: 10px; position: absolute; top: 50%; filter: contrast(0.5); } #slideshow .carousel-indicators { bottom: 0; } #slideshow .carousel-item { min-height: 338px; } #slideshow .carousel-indicators .active { background-color: #e00036; } #slideshow .carousel-caption { left: 20px; bottom: 0; height: 100%; background: none; padding: 0; } #slideshow .carousel-caption h3 { left: 0; position: absolute; font-size: 75px; max-width: 400px; text-align: left; margin-left: 22px; line-height: 68px; bottom: 92px; letter-spacing: -1px; } #slideshow .carousel-caption p { left: 0; position: absolute; font-size: 32px; text-align: left; margin-left: 26px; line-height: 68px; bottom: 32px; letter-spacing: -1px; color: black; text-shadow: none; font-family: Amiri, Arial, serif; } #slideshow .allWhite .carousel-caption p { color: white; } #slideshow .allBlack .carousel-caption h3 { color: black; } #slideshow .inverse .carousel-caption h3 { color: black; } #slideshow .inverse .carousel-caption p { color: white; } #tabnav.bookingTabs { margin-top: 50px; padding-bottom: 100px; } .nav-tabs.buyabo .nav-link { font-size: 18px; } .countdownBox { font-size: 24px; } .container.book .inner { background: #fff; padding: 0 40px 0 20px; } .container.book #tabnav li { width: 35%; height: 60px; text-align: center; } .container.book #tabnav li a { height: 100%; background: white; font-weight: normal; } .container.book #tabnav li:nth-child(1), .container.book #tabnav li:nth-child(3), .container.book #tabnav li:nth-child(5) { width: 10%; } .container.book #tabnav li.nav-item a { border-top: 0; border-left: 0; border-right: 0; border-bottom: 1px solid #ced4da; } .container.book #tabnav li.nav-item a.active { border: 1px solid #ced4da; border-bottom: 0; } .container.book #tabnav.freeSeating .nav-item { width: 300px; } .container.book #tabnav.freeSeating .seatTab { display: none; } .container.book #tabnav.freeSeating .nav { background: white; } .container.book .container.schedule a { border-top: 0; } .container.book .container.schedule .notInEvent .rowDetails { } .buyVoucher .singleVoucher { border: 1px solid #ced4da; padding: 15px 0; position: relative; } .buyVoucher .singleVoucher select { min-width: 200px; height: 36px; padding-left: 6px; } .buyVoucher .singleVoucher .buyVoucherValueAlternative { min-width: 200px; height: 36px; padding-left: 6px; } .buyVoucher .singleVoucher .euroSign { content: "€"; color: lightgrey; margin-left: -38px; } .buyVoucher .singleVoucher textarea { min-width: 200px; width: 100%; min-height: 80px; padding: 6px; } .buyVoucher .singleVoucher .removeVoucher { border: 1px solid #ced4da; padding: 0 6px; position: absolute; right: 6px; top: 6px; font-weight: bold; cursor: pointer; z-index: 10000; } .buyVoucher .singleVoucher:nth-child(1) .removeVoucher { display: none; } .buyVoucher .addSlingleVoucher { cursor: pointer; } .buyVoucher .addSlingleVoucher .icon { font-size: 22px; } .container.cart .inner { background: white; padding-left: 20px; padding-bottom: 200px; } .container.cart h1 { padding-bottom: 0; } .container.cart .icon-large, .container.cart .btn *, .container.cart .btn { color: white; } .container.cart .eventrow { border-top: 0; } .container.cart .eventrow .playdate { margin-top: -5px; } .container.cart .row { margin-right: 0; } .container.cart .artist { font-weight: bold; } .container.cart .footerrow * { font-weight: bold; } .container.cart .border-bottom { border-bottom: 1px solid #ced4da !important; margin-bottom: 15px; padding-bottom: 15px; } @media (min-width: 996px) { .container.cart .border-bottom-lg { border-bottom: 1px solid #ced4da !important; margin-bottom: 15px; padding-bottom: 15px; } } .container.cart .price { width: 70px; display: inline-block; } .card-carousel-wrapper { display: flex; align-items: center; justify-content: center; margin: 20px 0 40px; color: #666a73; } .card-carousel { display: flex; justify-content: center; width: 870px; } .card-carousel--overflow-container { overflow: hidden; } .card-carousel--nav__left, .card-carousel--nav__right { display: inline-block; width: 15px; height: 15px; padding: 10px; box-sizing: border-box; border-top: 2px solid #e00036; border-right: 2px solid #e00036; cursor: pointer; margin: 0 10px; transition: transform 150ms linear; } .card-carousel--nav__left[disabled], .card-carousel--nav__right[disabled] { opacity: 0.2; border-color: black; } .card-carousel--nav__left { transform: rotate(-135deg); } .card-carousel--nav__left:active { transform: rotate(-135deg) scale(0.9); } .card-carousel--nav__right { transform: rotate(45deg); } .card-carousel--nav__right:active { transform: rotate(45deg) scale(0.9); } .card-carousel-cards { transition: transform 150ms ease-out; transform: translatex(0px); width: 99000px; } .card-carousel-cards .card-carousel--card { margin: 0 10px; cursor: pointer; box-shadow: 0 4px 15px 0 rgba(40, 44, 53, 0.06), 0 2px 2px 0 rgba(40, 44, 53, 0.08); background-color: #fff; border-radius: 4px; z-index: 3; margin-bottom: 2px; float: left; max-width: 250px; } .card-carousel-cards .card-carousel--card:first-child { margin-left: 0; } .card-carousel-cards .card-carousel--card:last-child { margin-right: 0; } .card-carousel-cards .card-carousel--card img { vertical-align: bottom; border-top-left-radius: 4px; border-top-right-radius: 4px; transition: opacity 150ms linear; -webkit-user-select: none; user-select: none; } .card-carousel-cards .card-carousel--card img:hover { opacity: 0.5; } .card-carousel-cards .card-carousel--card--footer { border-top: 0; padding: 7px 15px; } .card-carousel-cards .card-carousel--card--footer p { padding: 3px 0; margin: 0; margin-bottom: 2px; font-size: 19px; font-weight: 500; color: #2c3e50; -webkit-user-select: none; user-select: none; /*&:nth-of-type(2) { font-size: 12px; font-weight: 300; padding: 6px; background: rgba(40,44,53,.06); display: inline-block; position: relative; margin-left: 4px; color: $gray; &:before { content:""; float:left; position:absolute; top:0; left: -12px; width:0; height:0; border-color:transparent rgba(40,44,53,.06) transparent transparent; border-style:solid; border-width:12px 12px 12px 0; } &:after { content:""; position:absolute; top:10px; left:-1px; float:left; width:4px; height:4px; border-radius: 2px; background: white; box-shadow:-0px -0px 0px #004977; } }*/ } .card-carousel-cards .card-carousel--card--footer p:nth-of-type(2) { font-size: 14px; font-weight: normal; } .container.thankyou .inner { background: white; padding: 0 20px; } #redeemVoucher { margin-top: 10px; padding-bottom: 3px; } select.additionalPackage { max-width: 200px; width: 100%; } .container.checkout .shippingDetails { max-width: 358px; } .container.checkout .inner { background: white; padding: 0 20px; } .container.checkout .btn { margin: 10px 0; } .container.checkout h1 { padding-bottom: 0; } .container.checkout .artist { font-weight: bold; } .container.checkout .eventrow { border-top: 0; } .container.checkout .eventrow .playdate { margin-top: -5px; } .container.checkout .border-bottom { border-bottom: 1px solid #ced4da !important; margin-bottom: 5px; padding-bottom: 15px; } @media (min-width: 996px) { .container.checkout .border-bottom-lg { border-bottom: 1px solid #ced4da !important; margin-bottom: 5px; padding-bottom: 15px; } } .container.checkout .price { width: 70px; display: inline-block; } .container.checkout .paymentMethod { float: left; margin-right: 10px; } .container.checkout .paymentMethod input { display: none; } .container.checkout .paymentMethodsError, .container.checkout .agbError { display: none; } .container.checkout .agbLabel { padding-left: 10px; cursor: pointer; } .container.checkout .pI { width: 80px; height: 45px; background: url("/images/paymentIcons.png"); cursor: pointer; } .container.checkout .pI.paypal { background-position: -93px 0; } .container.checkout .pI.visa { background-position: -185px 0; } .container.checkout .pI.mastercard { background-position: -93px -61px; } .container.checkout .pI.klarna { background-position: -280px 0; } .container.checkout .pI.wire { background-position: 0px 0; } .container.checkout .pI.pickup { background-position: 0px 0; } .container.checkout .pI.stripe { background: url("/images/ccIcon.png"); background-repeat: no-repeat; background-position: 16px 4px; position: relative; background-size: 60%; } .container.checkout .pI.eps { background-image: url("/images/payment_eps.svg"); background-repeat: no-repeat; background-position: 9px -2px; background-size: 90%; } .container.checkout .pI.maestro { background-image: url("/images/payment_maestro.svg"); background-repeat: no-repeat; background-position: 12px 0px; background-size: 70%; } .container.checkout .pI.googlePay { background-image: url("/images/payment_google.svg"); background-repeat: no-repeat; background-position: 5px 8px; background-size: 90%; } .container.checkout .pI.applePay { background-image: url("/images/payment_apple.svg"); background-repeat: no-repeat; background-position: 5px 8px; background-size: 90%; } .container.checkout .pI.selected { border: 1px solid #ced4da; border-radius: 4px; box-shadow: 1px 1px 7px 2px #858585; } .container.checkout .pI.banktransfer { background: #eaeaea; position: relative; border-radius: 4px; overflow: hidden; text-align: center; } .container.checkout .pI.banktransfer svg { height: 19px; padding-top: 1px; fill: #62566d; } .container.checkout .pI.banktransfer:after { content: "Überweisung"; position: absolute; background: #9f8f8f; color: white; text-align: center; height: 20px; font-weight: bold; bottom: 0; font-size: 12px; width: 100%; display: block; } .container.checkout .pI.debitCharge { background: #eaeaea; position: relative; border-radius: 4px; overflow: hidden; } .container.checkout .pI.debitCharge:before { content: "€"; position: absolute; width: 100%; text-align: center; font-size: 24px; font-weight: bold; top: -5px; font-family: arial, sans-serif; } .container.checkout .pI.debitCharge:after { content: "Lastschrift"; position: absolute; background: #9f8f8f; color: white; text-align: center; height: 20px; font-weight: bold; bottom: 0; font-size: 12px; width: 100%; display: block; } .container.checkout .pI.stripe:after { content: "Kreditkarte"; position: absolute; background: #9f8f8f; color: white; text-align: center; height: 20px; font-weight: bold; bottom: 0; font-size: 12px; width: 100%; display: block; } .container.checkout .pI.reservation { background: #eaeaea; position: relative; border-radius: 4px; overflow: hidden; } .container.checkout .pI.reservation:before { content: "€"; position: absolute; width: 100%; text-align: center; font-size: 24px; font-weight: bold; top: -5px; font-family: arial, sans-serif; } .container.checkout .pI.reservation:after { content: "Reservierung"; position: absolute; background: #9f8f8f; color: white; text-align: center; height: 20px; font-weight: bold; bottom: 0; font-size: 12px; width: 100%; display: block; } .container.checkout .pickupStation { padding: 5px; } .container.checkout .checkoutForm { padding-bottom: 200px; } .container.checkout .checkoutForm *:not(i) { font-family: Arial, serif; font-size: 14px; } .container.checkout .checkoutForm select { width: 100%; padding: 7px; margin-top: 5px; border: 1px solid #595959; border-radius: 0; max-width: 358px; } .container.checkout .checkoutForm input[type=text], .container.checkout .checkoutForm input[type=email] { border: 1px solid #595959; border-radius: 0; margin-top: 10px; max-width: 358px; } .container.checkout .checkoutForm input[type=text]::placeholder { color: #9f8f8f; } .container.checkout .checkoutForm input[type=radio] { margin-left: 20px; margin-right: 2px; } .container.checkout .checkoutForm input, .container.checkout .checkoutForm select { touch-action: none; } .container.checkout .checkoutForm label { font-size: 16px; padding-bottom: 0; line-height: 1; display: inline; } .container.checkout .checkoutForm .btn-proceed { background: #9f8f8f; font-size: 18px !important; padding: 6px; } .container.checkout .checkoutForm label.col-form-label { font-weight: bold; } .container.checkout .checkoutForm .small { font-size: 12px; margin-top: 20px; } .container.checkout .checkoutForm h3 { font-size: 16px; font-weight: bold; } .container.checkout .checkoutForm .zip { max-width: 75px !important; float: left; } .container.checkout .checkoutForm .city { max-width: 273px !important; float: left; margin-left: 10px; } .container.checkout h2 { font-size: 30px; font-weight: normal; letter-spacing: 0.03em; margin-top: 20px; } .container.checkout .deleteVoucher i, .container.checkout .deleteBuyVoucher i { color: white; } .container.checkout .footerrow { margin-top: 10px; } .container.checkout .footerrow * { font-weight: bold; } .container.checkout .footerrow input { font-weight: normal; margin-top: 0; position: relative; float: left; } .container.checkout .footerrow input[name=voucher] { padding: 7px 0 7px 6px; font-family: Arial, serif; font-size: 15px; width: 222px; margin-right: 10px; } .container.checkout .footerrow .loading { display: none; position: absolute; margin-left: -30px; width: 27px; margin-top: 1px; } .container.checkout .footerrow .noVoucher { color: red; font-size: 15px; margin-top: -5px; display: block; float: left; } .container.checkout input[name=salesCode] { padding: 7px 0 7px 6px; font-family: Arial, serif; font-size: 15px; width: 222px; margin-right: 10px; } .container.contact { background: #fff; padding-bottom: 10px; margin-bottom: 20px; padding-top: 10px; } .container.contact #contactform * { font-family: arial, serif; } .container.contact #contactform textarea { height: 200px; } .container.contest { background: #fff; padding-bottom: 10px; margin-bottom: 20px; padding-top: 10px; } .container.contest .contestForm .wrongAnswer { display: none; } .container.contest .contestForm input[type=text], .container.contest .contestForm input[type=email], .container.contest .contestForm input[type=tel] { width: 300px; margin: 5px 0; padding-left: 5px; } .container.contest .contestForm label.answer { display: block; padding-left: 10px; margin-top: -5px; float: left; font-size: 16px; } .container.contest .contestForm .question { font-size: 16px; margin-bottom: 10px; font-weight: bold; } .container.contest .contestForm .terms { float: left; padding-left: 10px; } .container.contest .contestForm .answerrow, .container.contest .contestForm .termsrow { margin-bottom: 5px; float: left; } .container.contest .contestForm .termsrow { margin: 5px 0 12px 0; } .container.contest .contestForm .termsrow input[type=checkbox] { margin-top: 3px; } .container.contest .contestForm input[type=radio], .container.contest .contestForm input[type=checkbox] { float: left; } @media (max-width: 768px) { .container.contest .contestForm input[type=text], .container.contest .contestForm input[type=email], .container.contest .contestForm input[type=tel] { width: 100%; margin: 5px 5px; padding-left: 5px; font-size: 24px; height: 40px; } .container.contest .contestForm input[type=radio], .container.contest .contestForm input[type=checkbox] { width: 20px; height: 20px; } } .container.event .inner { background: white; padding-left: 40px; } .container.event .eventimg { border: 1px solid #ced4da; padding: 3px; border-radius: 3px; } .container.event .artistimg { padding-right: 8px; padding-bottom: 8px; } .container.event .container.schedule { padding-left: 0; } .container.event .container.schedule .inner { padding-left: 0; } .container.event .container.schedule .inner .row-striped .btn-primary { bottom: 40%; width: 100px; } .newsletter { border-top: 1px solid rgb(209, 202, 184); border-bottom: 1px solid rgb(209, 202, 184); background: #fff; color: #807e81; padding: 10px 20px; margin-top: 20px; } .newsletter .headline { color: #807e81; font-size: 13px; font-weight: bold; letter-spacing: 0.04em; padding-top: 5px; } .newsletter input { margin-bottom: 5px; font-family: arial, serif; font-size: 16px; } .newsletter input::placeholder { color: #807e81; } .newsletter .needed { font-family: arial, serif; } .nlOnlineVersion { display: none; } .row.headline { background: #fff; margin-top: 10px; } .row.headline h2 { padding-left: 20px; } .container.textblock { padding-bottom: 10px; margin-bottom: 10px; padding-top: 10px; margin-top: 10px; } .container.textblock div { background: #fff; } .container.textblock ul { padding-left: 0px; } .container.textblock li { padding: 3px 0; padding-left: 3px; margin-left: 20px; } .container.partnerLogos a:hover { text-decoration: none !important; } .container.partnerLogos div { background: white; } .icon-search { cursor: pointer; } .pressSearchHighlight { background-color: #f1ed6a; } .pressSearchfield { min-width: 300px; max-width: 100%; } .offerbox { padding-left: 5px !important; float: left; position: relative; } .offerbox .introimg { border: 1px solid #fef5c4; width: 100%; max-width: 464px; height: auto; } .offerbox .innerBox { background: #fff !important; margin: 10px 0px 0 0px; float: left; min-height: 400px; box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.3); padding: 0 20px; line-height: 18px; } .offerbox .offerimgBox { position: relative; float: left; } .offerbox .offerimg { float: left; } .offerbox .galleryLogoMini { width: 30px; position: absolute; border: 0 !important; left: 0px; top: 0; } .offerbox .galleryLogoMini img { width: 30px; } .offerbox .preis { font-family: "Times New Roman", Times, serif; font-size: 35px; font-style: italic; color: #ccb98f; text-shadow: 1px 1px 2px #ccb98f; position: absolute; right: 25px; bottom: 27px; } .offerbox h2 { margin-bottom: 0; } .offerbox h2 a.title { font-family: "Times New Roman", Times, serif; font-size: 20px; letter-spacing: -0.001em; font-weight: bold; font-style: italic; text-decoration: none; color: #bfa873; display: block; line-height: 28px; height: 84px; word-break: break-word; overflow: hidden; } .offerbox .readmore { display: block; float: right; margin: 20px 0 60px 0; text-decoration: underline; } .offerbox a:hover { text-decoration: none; } .offerbox img { margin: 0 0 10px 0; } .offerbox p, .offerbox span { color: #807e81; } .container.article { background: #fff; position: relative; } .container.article .galleryLogoMini { position: absolute; z-index: 1000; max-height: 60px; } .container.article ul { padding-left: 10px; } .container.article li { background: url(../images/list_icon.png) no-repeat 7px 3px; padding: 3px 0; padding-left: 30px; list-style: none; } .container.article #slideshow { width: 920px; margin: 0 auto; max-width: 100%; } .container.article #gallery { margin-top: 20px; } .container.article #gallery img { margin: 0px 10px 10px 0px; padding: 3px; border: 1px solid #cccccc; max-height: 88px; } .container.article #gallery img:hover { border-color: #ffffff; } .container.article #gallery span { position: relative; text-decoration: none; float: left; cursor: pointer; } .container.article .carousel-caption { background: none !important; } .container.article .priceTable { margin-top: 20px; } .container.article .priceTable .headline { font-size: 14px; padding-bottom: 5px; display: inline-block; } .container.article .main .item-page h3 { float: left; width: 100%; } .container.article .bokkingrow { z-index: 1000; text-align: right; } .container.article .bokkingrow .buchenbutton { margin-bottom: 20px; } .container.article .bokkingrow.first .buchenbutton { margin-top: 10px; margin-bottom: 0; } .container.article h4 { font-weight: bold; font-size: 13px; margin: 25px 0 8px 0; } .container.article .additionalDates { padding-top: 5px; display: inline-block; } .container.article .additionalDate { padding-top: 2px; display: inline-block; } .container.article .p20 { padding-left: 20px; } .container.article .finaldesc { margin-bottom: 20px; } .container.article #tocLogo { position: absolute; top: 10px; width: 220px; height: 120px; background-repeat: no-repeat; } .container.article .pricerow .price, .container.article .additional.price { display: inline-block; width: 72px; text-align: right; } .container.article .expired:after { content: "ABGELAUFEN"; position: absolute; top: 290px; left: 140px; z-index: 1; font-family: Arial, sans-serif; /* Safari */ /* Firefox */ /* IE */ /* Opera */ transform: rotate(-25deg); font-size: 120px; color: #c00; background: #fff; border: solid 4px #c00; padding: 5px; border-radius: 5px; zoom: 1; filter: alpha(opacity=20); opacity: 0.2; -webkit-text-shadow: 0 0 2px #c00; text-shadow: 0 0 2px #c00; box-shadow: 0 0 2px #c00; } .container.linkblock { text-align: center; min-height: 56px; background: #489bff; margin-bottom: 20px; margin-top: 20px; } .container.linkblock a { width: 100%; height: 100%; font-size: 38px; color: #fff; } .abo ul li a { color: #e00036 !important; } .abo select { min-width: 200px; height: 36px; padding-left: 6px; } .abo .chooseAboCount { min-width: 50px; } .abo .btn-proceed { height: 36px; } .individualFormBlock textarea { width: 100%; height: 250px; } .individualFormBlock input:not([type=checkbox]), .individualFormBlock select { width: 100%; } .bookingTabs { overflow-x: hidden; } .bookingTabs .hideBestplace { display: none; } .bookingTabs li.nav-item a { font-weight: bold; text-align: center; font-size: 32px; } .bookingTabs #bestSeats { padding-bottom: 250px; margin-top: 38px; } .bookingTabs #bestSeats *:not(.icon-large) { font-size: 16px; font-family: Arial, serif; } .bookingTabs #bestSeats .row { margin-top: 15px; } .bookingTabs #bestSeats .row select { max-width: 58px; height: 40px; } .bookingTabs #bestSeats .topRow { margin-top: 35px; } .bookingTabs #bestSeats .topRow * { font-weight: bold; } .bookingTabs #bestSeats .btn-primary { font-family: Amiri, Arial, serif; } .bookingTabs #bestSeats .btn-primary span { color: white !important; } .bookingTabs #bestSeats .btn[disabled] { background: #9a8c8b; } .bookingTabs #bestSeats .tickettype { font-weight: normal; } #seatmap { overflow: hidden; position: relative; max-width: 100%; } #seatmap .innermap { width: 100%; height: 100%; position: absolute; transform-origin: center; } #seatmap .seatbox { color: #fff; width: 150px; font-size: 1.2em; border-radius: 4px; touch-action: none; position: absolute; box-sizing: border-box; padding-top: 10px; z-index: 10; pointer-events: none; } #seatmap .seatbox::before { content: attr(data-block); display: none; } #seatmap .seatbox[data-addlabeling]:not([data-addlabeling="0"])::before { color: #62566d; font-weight: bold; margin-top: -45px; display: block; margin-left: auto; position: absolute; font-size: 20px; width: 70%; text-align: center; } #seatmap .seatbox.flipSeats .seat:after { transform: rotate(180deg); } #seatmap .seatbox.flipSeats .seatrow:after { transform: rotate(180deg); } #seatmap .seatbox.rotateMinus90 .seat:after { transform: rotate(90deg); } #seatmap .seatbox.rotate90 .seat:after { transform: rotate(-90deg); } #seatmap .seatbox .seat:not(.nonExistent) { pointer-events: visible; } #seatmap .seatbox .seatrow { float: left; width: 100%; margin: 0 20px 0 40px; } #seatmap .seatbox .seatrow .seat:hover { cursor: pointer; } #seatmap .seatbox .seatrow:not(.hideRowNumber):after { position: absolute; content: attr(data-after); margin: 0px 0 0 0px; font-weight: bold; font-size: 15px; left: var(--after-left-var); margin-top: var(--after-bezier-var); } #seatmap .standbox, #seatmap .stage, #seatmap .object.stageelement { border: 1px solid #ced4da; border-radius: 4px; } #seatmap .standbox *, #seatmap .stage *, #seatmap .object.stageelement * { text-align: center; } #seatmap .standbox .name, #seatmap .stage .name, #seatmap .object.stageelement .name { font-weight: bold; } #seatmap .standbox .type, #seatmap .stage .type, #seatmap .object.stageelement .type { margin: 10px 0; } #seatmap .object.stageelement { border: none; font-size: 20px !important; z-index: 1; pointer-events: none; } #seatmap .object.stageelement .name { font-size: 20px !important; } #seatmap .object.stageelement.objectBorder { border: 1px solid #ced4da; } #seatmap .standbox { cursor: pointer; z-index: 10; } #seatmap .standbox .soldout { display: none; } #seatmap .standbox.sold { cursor: default; background: #ced4da; } #seatmap .standbox.sold .soldout { display: block; } #seatmap .table { border: 1px solid #ced4da; z-index: 100; } #seatmap .table .name { text-align: center; } #seatmap .table.rect.edges { border-radius: 0 !important; } #seatmap .table.rect.lightEdges { border-radius: 12px !important; } #seatmap .table.rect.round { border-radius: 100% !important; } #seatmap .table.round.edges { border-radius: 0 !important; } #seatmap .table.round.lightEdges { border-radius: 12px !important; } #seatmap .table.round.round { border-radius: 100% !important; } #seatmap .zoomPlus, #seatmap .zoomMinus { position: absolute; left: 0; top: 0; border: 1px solid #ced4da; padding: 6px; font-weight: bold; font-size: 40px; line-height: 14px; height: 30px; width: 30px; cursor: pointer; background: white; z-index: 1002; overflow: hidden; user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; } #seatmap .zoomPlus.deactivated, #seatmap .zoomMinus.deactivated { color: #ced4da; cursor: unset; } #seatmap .zoomMinus { top: 32px; padding-top: 0px; font-size: 53px; line-height: 12px; z-index: 1001; } #seatmap .hoverbox { position: absolute; left: 20px; top: 20px; background: white; border: 1px solid #ced4da; border-radius: 5px; z-index: 1000; min-width: 140px; padding: 10px; } #seatmap .hoverbox.posLeft { left: -120px; } #seatmap .standbox .hoverbox { top: 30px; text-align: left; } .seat { width: 28px; height: 22px; margin: 2px; float: left; border: 1px solid #ced4da; } .makeSeatSmaller .seat { width: 18px !important; height: 18px !important; } .tabSeat { width: 24px; height: 22px; margin: 2px; float: left; border: 1px solid #ced4da; cursor: pointer; position: absolute; } .tabSeat.selected:before { content: " "; height: 17px; background: #b8ffa7; display: block; position: absolute; width: 22px; } .seat:after, .tabSeat:after { position: absolute; content: attr(data-after); font-size: 13px; font-family: Arial, serif; width: 28px; text-align: center; padding-left: 0px; } .seat.nonExistent:after { display: none; } .seat.standard { background: white; } .seat.disabled { background: #c10000 !important; color: white !important; } .seat.disabled.sold { background: #ced4da !important; color: #ced4da !important; } .seat.childOnly { background: #ff0; } .seat.corona { border-color: #0003c0 !important; } .seat.nonExistent { border: none !important; background: none !important; border-bottom: none !important; cursor: default !important; } .seat.price1, .price1 .seat, .tabSeat.price1, .standbox[data-price="1"] { background: #73c070; } .seat.price2, .price2 .seat, .tabSeat.price2, .standbox[data-price="2"] { background: #ff8000; } .seat.price3, .price3 .seat, .tabSeat.price3, .standbox[data-price="3"] { background: #ff0; } .seat.price4, .price4 .seat, .tabSeat.price4, .standbox[data-price="4"] { background: #0080ff; } .seat.price5, .price5 .seat, .tabSeat.price5, .standbox[data-price="5"] { background: #0ff; } .seat.price6, .price6 .seat, .tabSeat.price6, .standbox[data-price="6"] { background: #bf90ff; } .seat.price7, .price7 .seat, .tabSeat.price7, .standbox[data-price="7"] { background: #00f; } .seat.price8, .price8 .seat, .tabSeat.price8, .standbox[data-price="8"] { background: #21ff00; } .seat.price9, .price9 .seat, .tabSeat.price9, .standbox[data-price="9"] { background: #f0f; } .seat.price10, .price10 .seat, .tabSeat.price10, .standbox[data-price="10"] { background: #ad9f5a; } .seat.sold, .tabSeat.sold { border-bottom: 0 !important; background: #ced4da; cursor: default !important; color: #ced4da; } /*.seat.price1, .price1 .seat, .tabSeat.price1 { border-bottom: 6px solid #73c070; } .seat.price2, .price2 .seat, .tabSeat.price2 { border-bottom: 6px solid #ff8000; } .seat.price3, .price3 .seat, .tabSeat.price3 { border-bottom: 6px solid #ff0; } .seat.price4, .price4 .seat, .tabSeat.price4 { border-bottom: 6px solid #0080ff; } .seat.price5, .price5 .seat, .tabSeat.price5 { border-bottom: 6px solid #0ff; } .seat.price6, .price6 .seat, .tabSeat.price6 { border-bottom: 6px solid #bf90ff; } .seat.price7, .price7 .seat, .tabSeat.price7 { border-bottom: 6px solid #00f; } .seat.price8, .price8 .seat, .tabSeat.price8 { border-bottom: 6px solid #21ff00; } .seat.price9, .price9 .seat, .tabSeat.price9 { border-bottom: 6px solid #f0f; } .seat.price10, .price10 .seat, .tabSeat.price10 { border-bottom: 6px solid #808080; }*/ .seat.selected:before { content: " "; height: 17px; background: #b8ffa7; display: block; position: absolute; width: 26px; } .seatmapLegend { width: 100%; position: relative; float: left; padding-bottom: 10px; } .seatmapLegend .pricebox { float: left; margin-right: 20px; } .seatmapLegend .pricebox .seatDesc { padding-left: 8px; font-size: 14px; padding-top: 4px; display: inline-block; } .seatmapLegend .pricebox.childOnlyPricebox { display: none; } @media (max-width: 768px) { .seatmapLegend .pricebox { float: left; margin-right: 0; max-width: 50%; padding-right: 10px; } } .hoverbox.show { opacity: 1; position: absolute; z-index: 10000; background: white; padding: 5px; } .hoverbox { transition: opacity 0.2s ease-in-out; opacity: 0; } .hoverbox div[class^=category] { width: 14px; height: 14px; display: inline-block; } .hoverbox .category1 { background: #73c070; } .hoverbox .category2 { background: #ff8000; } .hoverbox .category3 { background: #ff0; } .hoverbox .category4 { background: #0080ff; } .hoverbox .category5 { background: #0ff; } .hoverbox .category6 { background: #bf90ff; } .hoverbox .category7 { background: #00f; } .hoverbox .category8 { background: #21ff00; } .hoverbox .category9 { background: #f0f; } .hoverbox .category10 { background: #ad9f5a; } @media (max-width: 768px) { .mobilecart { z-index: 10000 !important; } } .selectedSeats { position: absolute; right: 0; width: 250px; border: 2px solid #ced4da; height: 100%; margin: 0px; padding: 5px; box-sizing: border-box; padding-bottom: 20px; background: white; z-index: 100; max-height: 700px; } @media (min-width: 769px) { .selectedSeats { margin-right: -248px; transition: margin-right 0.4s ease-in-out; } .selectedSeats.show { margin-right: 0; } .selectedSeats.show .toggleTicketbox::before { content: ">"; } .selectedSeats .toggleTicketbox { cursor: pointer; content: "<"; position: absolute; left: -20px; border: 2px solid #ced4da; padding: 5px; border-radius: 4px; border-right: 0; margin-top: 100%; background: white; margin-left: -2px; } .selectedSeats .toggleTicketbox::before { content: "<"; font-size: 20px; font-weight: bold; color: #ced4da; } } @media (max-width: 768px) { .selectedSeats { position: fixed !important; bottom: 47px; height: inherit; z-index: 10000; transition: all 0.4s ease-in-out; } .selectedSeats.showMobile { margin-right: 0; } .selectedSeats.showMobile .toggleTicketbox::before { content: ">"; } .selectedSeats.showMobile .noTickets, .selectedSeats.showMobile .selectedTicket, .selectedSeats.showMobile .total { height: initial; } .selectedSeats .noTickets, .selectedSeats .selectedTicket, .selectedSeats .total { height: 0; overflow: hidden; } .selectedSeats .btn { display: none; } .selectedSeats .ticketTotalBox { border-top: 0 !important; margin-top: 0 !important; } .selectedSeats .toggleTicketbox { cursor: pointer; content: "<"; position: absolute; left: -20px; border: 2px solid #ced4da; padding: 5px; border-radius: 4px; border-right: 0; background: white; margin-left: -22px; left: 50%; top: -34px; transform: rotate(90deg); } .selectedSeats .toggleTicketbox::before { content: "<"; font-size: 20px; font-weight: bold; color: #ced4da; } .selectedSeats .toggleLink { font-size: 16px; text-decoration: underline !important; text-align: center; font-family: Arial, sans-serif; } .selectedSeats .ticketBox { max-height: 200px; } } .selectedSeats h3 { font-size: 20px; font-weight: bold; letter-spacing: 0.03em; padding-bottom: 3px; } .selectedSeats .category1 { background: #73c070; } .selectedSeats .category2 { background: #ff8000; } .selectedSeats .category3 { background: #ff0; } .selectedSeats .category4 { background: #0080ff; } .selectedSeats .category5 { background: #0ff; } .selectedSeats .category6 { background: #bf90ff; } .selectedSeats .category7 { background: #00f; } .selectedSeats .category8 { background: #21ff00; } .selectedSeats .category9 { background: #f0f; } .selectedSeats .category10 { background: #ad9f5a; } .selectedSeats .ticketBox { height: 80%; overflow-y: scroll; } .selectedSeats .ticketBox .noTickets { font-size: 16px; font-family: arial, serif; } .selectedSeats .ticketTotalBox { display: none; position: relative; border-top: 1px solid #ced4da; margin-top: 5px; } .selectedSeats .ticketTotalBox .ticketamount { font-size: 15px; white-space: normal; line-height: 15px; } .selectedSeats .ticketTotalBox .btn { width: 100%; min-height: 36px; height: initial; padding-top: 9px; } .selectedSeats .ticketTotalBox .btn.disabled { background: grey; } .selectedSeats .ticketTotalBox .btn * { color: white; } .selectedSeats .ticketTotalBox .icon-large { padding-right: 5px; } .selectedSeats .ticketTotalBox .total { font-weight: bold; font-size: 14px; padding: 5px 0; } .selectedSeats .ticketTotalBox .error { font-size: 14px; color: #ff312a; position: absolute; top: -60px; display: none; background: white; padding: 5px; border: 1px solid rgba(200, 200, 200, 0.8); } .selectedSeats .ticket { border: 1px solid rgba(200, 200, 200, 0.8); padding: 7px; margin-bottom: 10px; position: relative; font-size: 15px; } .selectedSeats .ticket span[class^=category] { width: 15px; height: 15px; float: left; margin-right: 10px; } .selectedSeats .ticket * { font-size: 15px; } .selectedSeats .ticket .remove { cursor: pointer; position: absolute; right: 5px; font-size: 16px; font-family: Arial, serif; color: #ff312a; } .tab-content { position: relative; } .schedule div { background: #fff; } .schedule * { text-decoration: none !important; } .schedule .inner { padding-left: 20px; } .schedule .locationLabel { font-size: 14px; } .schedule .locationContent { padding-left: 4px; padding-right: 15px; font-size: 15px; } .schedule .dateSeperator { width: 20px; height: 5px; background: #9f8f8f; margin: 10px 25px; } .schedule .additionalImage { max-width: 150px; } @media (max-width: 768px) { .schedule .showRowDetails { margin-left: 0 !important; } } .schedule h2 { font-size: 30px; margin-left: 3px; letter-spacing: 0.04em; padding-top: 0; margin-bottom: 0; padding-bottom: 10px; } .schedule .row-striped:nth-of-type(odd) { background-color: #efefef; border-left: 4px #efefef solid; } .schedule .row-striped:nth-of-type(even) { background-color: #ffffff; border-left: 4px #efefef solid; } .schedule .row-striped { padding: 15px 0; transition: all 0.5s; } .schedule .row-striped .btn-sm { float: right; border: 1px solid #ced4da; margin-top: 20px; } .schedule .row-striped .btn-primary { position: absolute; bottom: 10px; right: 14px; } .schedule .row-striped:hover { border-left: 4px #909090 solid; } .schedule .btn-primary { float: right; padding: 0.375rem 0.75rem; } .schedule div.expandable { display: none; } .schedule h2.expandable { cursor: pointer; } .schedule .eventrow { border-top: 1px solid #ced4da; padding-top: 12px; margin-bottom: 12px; } .schedule .eventrow * { font-family: Arial, serif; } .schedule .eventrow .playdate { background: #9f8f8f; width: 70px; } .schedule .eventrow .playdate * { color: #ffffff; width: 100%; display: block; text-align: center; font-family: Arial, serif; } .schedule .eventrow .playdate .day { font-size: 38px; line-height: 54px; } .schedule .eventrow .playdate .month { font-size: 15px; margin-top: -7px; } .schedule .eventrow .playdate.early { background: #c7bebe; } .schedule .eventrow .playdate.late { background: #723031; } .schedule .eventrow .playdate.external { background: black; } .schedule .eventrow .eventname, .schedule .eventrow .artistname { font-size: 20px; font-weight: bold; font-family: Arial, serif; } .schedule .eventrow .eventSubtext { font-size: 18px; display: block; font-family: Arial, serif; } .schedule .eventrow .artistname { font-weight: bold; } .schedule .eventrow .date { padding-top: 10px; display: block; } .schedule .eventrow .date .info { font-family: Oswald, Arial, serif; font-size: 20px; font-weight: bold; text-transform: uppercase; } .schedule .eventrow .date .info.late { color: #723031; } .schedule .eventrow .date .info.external { color: black; } .schedule .eventrow .additionalText { display: block; color: #e00036; font-size: 16px; } .schedule .eventrow .location { display: block; font-size: 16px; } .schedule .schedulenav { border-bottom: none !important; background: none; margin-top: 30px; margin-bottom: 25px; } .schedule .schedulenav li a { border: none; background: none; font-size: 22px; color: black !important; } .schedule .schedulenav li a.active, .schedule .schedulenav li a:hover { border-bottom: 1px solid #9f8f8f; color: #9f8f8f !important; } .schedule .notInEvent { padding: 0; } .schedule .notInEvent a:nth-child(2) { /*border-top: 0;*/ } .schedule .notInEvent .eventrow { margin-left: 6px; } .schedule .notInEvent .rowDetails { clear: both; margin-top: 10px; display: none; } .schedule .notInEvent .rowDetails .artistimg { border: 1px solid #5c5c5c; width: 150px; height: 150px; margin-right: 10px; margin-bottom: 10px; } .schedule .inEvent h2 { margin-bottom: 0; padding-bottom: 0; margin-top: 0; padding-top: 0; font-size: 24px; font-weight: bold; } .schedule .abo { padding: 7px; background: #9f8f8f; display: inline-block; margin-right: 5px; color: white; float: left; } .schedule .aboAdditionalText { font-size: 12px; max-width: 325px; padding-left: 20px; display: inline-block; float: left; } @media (max-width: 505px) { .schedule .aboAdditionalText { padding-left: 0; padding-top: 10px; } } .btn-tickets { color: white; background: #9f8f8f; width: 115px; display: block; text-align: center; font-size: 20px; } .soldout { cursor: default; } .soldout .btn-tickets { background: #e00036; } .startPrice { display: block; width: 115px; text-align: center; font-size: 23px; } .startPrice.smaller { font-size: 21px; } .container.noResult { background: #fff; } .container.search { background: #fff; } .container.search .calendar-root { position: relative; } .container.search .calendar-root * { -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; } .container.search .calendar-root .calendar { width: 612px; } .container.search li.calendar_days--disabled[data-v-5e837f70] { opacity: 0.3; } .container.search .calendar-range { display: none; } .container.search .calendar-wrap[data-v-5e837f70] { width: 100%; } .container.search .input-date[data-v-5e837f70] { width: 100%; background: white; } .container.search select { color: #62566d; } .container.search .countries button { margin: 0 10px 10px 0; } .container.search .countries button b { color: white; font-size: 18px; padding-left: 10px; line-height: 10px; } .container.search #searchresults { position: absolute; border: 1px solid #ced4da; background: white; z-index: 1000; width: 1111px; max-width: 100%; margin-top: -13px; } .container.search #searchresults .result { display: block; } .container.search #searchresults .result:nth-child(even) { background: #aaa7a0; } .container.search #searchbutton { margin-bottom: 10px; width: 100%; height: 40px; } h1.topSchedule { padding-left: 9px; } .topEvents .event { height: 260px; width: 340px; overflow: hidden; padding: 0; padding-left: 22px; position: relative; } @media (max-width: 576px) { .topEvents .event { height: 220px !important; } } .topEvents .caption { position: absolute; bottom: 0; width: 100%; background-color: #e00036 !important; padding-right: 40px; } .topEvents .caption * { font-family: Oswald, Arial, serif; color: white; } .topEvents .caption .artist { margin: 0px 0 -8px 12px; font-size: 20px; letter-spacing: 0.04em; } .topEvents .caption .program { font-size: 19px; margin: 4px 0 6px 12px; letter-spacing: 0.02em; font-family: Amiri, Arial, serif; } @media (max-width: 576px) { .topEvents .caption .artist, .topEvents .caption .program { height: 20px !important; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding-right: 10px; } } .checkVoucherValue .voucherCheckCode { width: 200px; height: 29px; float: left; } .collapseBox .card { border: none; } .collapseBox .card-header { background: none; } .collapseBox .card-header span { font-weight: bold; cursor: pointer; } .collapseBox .card-header span[aria-expanded=false]:before { display: inline-block; width: 20px; height: 20px; content: "\f0da"; font-family: FontAwesome; float: left; } .collapseBox .card-header span[aria-expanded=true]:before { display: inline-block; width: 20px; height: 20px; content: "\f0d7"; font-family: FontAwesome; float: left; } .collapseBox .card-header .colapsHeadline { display: block; float: left; width: 90%; } .collapseBox .card-body { padding-left: 30px; } .paymentDetailsBox { max-width: 600px; } #infobox { position: fixed; left: 5px; bottom: 20px; z-index: 10000; border: 3px solid #a98c45; padding: 10px 5px; background: white; cursor: pointer; transition: left 1s; } #infobox .arrowDown { width: 0px; height: 0px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 9px solid #a98c45; display: block; float: right; margin-left: 10px; } #infobox * { color: #7f492a !important; } #infobox p { font-weight: bold; margin: 0; } #infobox .closebox { font-weight: bold; float: right; font-size: 20px; margin-top: -9px; margin-right: -7px; padding: 5px; } #infobox .details li { background: url(../images/list_icon.png) no-repeat 7px 3px; padding: 3px 0; padding-left: 30px; } #infobox .innerbox { position: relative; left: 0%; } #infobox.hidden { left: -100% !important; } #nlreg, #idle { width: 105%; height: 1200px; position: fixed; top: 0; left: 0; z-index: 5000; background: rgba(113, 105, 34, 0.34); } #nlreg .inner, #idle .inner { left: 50% !important; margin: 100px 0 0 -40% !important; position: fixed !important; } #nlreg .newsletter_mail, #idle .newsletter_mail { border: 1px solid #ccc; padding: 10px; font-size: 20px; color: #666; margin-left: -190px; } #nlreg .mailform, #idle .mailform { margin-top: 10px; } #nlreg .submitNewsletter, #idle .submitNewsletter { display: inline-block; margin-top: 10px; text-align: center; background: #b58f50; color: #fff; border: 1px solid rgba(0, 0, 0, 0.2); cursor: pointer; font-size: 20px; width: 200px !important; padding: 6px; } #nlreg .href, #idle .href { color: #736580; cursor: pointer; } #nlreg h3, #idle h3 { font-weight: bold; color: #005ba1; font-size: 28px; margin-bottom: -40px; } #nlreg img, #idle img { max-width: 100%; height: auto; } #nlreg .support, #idle .support { display: block; width: 100%; position: relative; margin: 30px 0 0 80px; } #nlreg div.inner, #idle div.inner { border: 6px solid #c3bcaa; width: 80%; margin: 0 auto; height: 500px; text-align: center; padding-top: 20px; margin-top: 100px; font-size: 22px; font-weight: bold; position: relative; background: #fff; } #nlreg .close, #idle .close { cursor: pointer; background: #c3bcaa; background-image: linear-gradient(#c3bcaa 0%, #fff 100%); position: absolute; right: 5px; top: 5px; padding: 3px 5px !important; border: 1px solid #ccc; display: block; } #nlreg .onefield input, #idle .onefield input { padding: 12px; } #nlreg .onefield, #idle .onefield { width: 200px; display: inline-block; } #idle div.inner { position: relative !important; margin: 0 auto !important; left: 0 !important; margin-top: 100px !important; } #idle div.inner p { font-size: 14px; line-height: 22px; color: #62566d; } #idle div.inner b { font-size: 14px; line-height: 22px; color: #62566d; } @media (max-width: 1200px) { .container.article .expired:after { left: 90px; } .container.search #searchresults { width: 930px; } a[href^=tel] { color: inherit; font-size: inherit; text-decoration: none; } } @media (max-width: 992px) { .search_block_top { position: relative !important; display: flex; bottom: auto; right: auto; } .search_block_top input { max-width: inherit; } .searchHolder { order: 1; display: flex; } .logoHolder { order: 2; display: flex; } .logoHolder .logo img { margin-top: 0; } #mainMenue .navbar { min-width: 300px; } .container.article .expired:after { font-size: 80px; top: 270px; } .container.search #searchresults { width: 690px; } #header .shopping_cart { position: relative; right: initial; bottom: initial; text-align: right; } .searchHolder { display: flex; flex-wrap: wrap; } .languageSwitcher, .shopping_cart { flex: 0 0 50%; margin-right: 0 !important; } .shopping_cart { padding-top: 5px; } .search_block_top { padding: 0 !important; margin-bottom: 5px; } .search_block_top .icon-search { right: 0; } .topEvents .event { height: 171px; width: 314px; overflow: hidden; padding: 0; margin-left: 5px; position: relative; margin-bottom: 5px; display: flex; align-items: center; justify-content: center; } .eventrow { position: relative; } .container.schedule { padding: 8px; } .container.schedule .pricebox { position: absolute; right: 0; top: 10px; } .selectedSeats .ticketTotalBox .error { position: relative; font-size: 16px; font-family: arial, serif; margin-top: 10px; top: 0; } #footerMenue { padding: 0; } } @media (max-width: 768px) { .openingHours { font-size: 20px; } .container.article .expired:after { font-size: 50px; left: 40px; } .container.search #searchresults { width: 510px; } .container.book .inner { padding: 0; } .container.search .calendar-root .calendar { width: 512px; } #slideshow { max-width: 100%; overflow: hidden; } #slideshow .carousel-item { min-height: 0px; } #slideshow .carousel-caption h3 { bottom: -28px; font-size: 25px; } .selectedSeats { position: relative; margin-top: 0 !important; width: 100%; } .tab-pane { overflow: hidden; } #tabnav li { width: 50% !important; height: 40px; } #tabnav li a { font-size: 20px; } #tabnav li:nth-child(1), #tabnav li:nth-child(3), #tabnav li:nth-child(5) { display: none; } .container.artistDetails { padding: 0; } .container.artistDetails .inner .artistTicket { top: -25px !important; } } @media (max-width: 576px) { .topEvents .event { width: 100%; } .topEvents .caption .program { margin-left: 6px; } .artistblock .card { float: left; height: 165px; margin-right: 11px; } .topEvents .caption .artist { margin: 0px 0 -1px 6px; font-size: 18px; line-height: 19px; } #mainMenue .dropdown-menu { margin-top: 0; padding-top: 0; background: none; } .artistimg { width: 100% !important; height: auto !important; } .navbar-collapse { margin-left: 14px; } #mainMenue .dropdown-toggle[aria-expanded=true] span:after { content: "-"; } #mainMenue .dropdown-toggle span:after { content: "+"; position: absolute; font-size: 30px; padding-left: 10px; top: -7px; } .nav-item.b-nav-dropdown.dropdown ul { display: none; } .nav-item.b-nav-dropdown.dropdown.show ul { display: block; } .calendar-wrap[data-v-5e837f70] .calendar_month_left { width: 94%; } .calendar-wrap[data-v-5e837f70] .calendar_month_right ul { display: none; } .calendar-wrap[data-v-5e837f70] .calendar_month_right { width: 20px; margin: -24px 0 0 -22px; padding: 0; } .calendar-wrap[data-v-5e837f70] .calendar_month_right .months-text { visibility: collapse; } .calendar-wrap[data-v-5e837f70] .calendar_month_right .months-text i { visibility: visible; } .container.search #searchresults { width: 433px; } .container.search .calendar-root .calendar { width: 345px; } #slideshow { min-height: auto; } #slideshow .carousel-caption { bottom: 24px; height: 46px !important; } #slideshow .carousel-caption p { width: 100%; text-align: center; margin-top: 0 !important; padding-top: 0 !important; } #slideshow .carousel-caption h3 { text-align: center; width: 100%; padding-bottom: 0 !important; margin-bottom: 0; padding-top: 0 !important; } #slideshow img { width: 200% !important; max-width: 200% !important; margin-left: -50%; height: auto !important; } .container.linkblock a { font-size: 26px; } .offerbox { padding-left: 15px !important; } } @media (max-width: 350px) { .artistblock .card { height: 120px; } } .s-icon { fill: white; } .s-icon.insta { fill: white; font-size: 30px; margin: 6px 3px 0 0; } .s-icon.twitter { margin: 8px -37px -21px 1px; font-size: 52px; } .s-icon.youtube { font-size: 29px; margin: 5px 4px 0px 18px; } .artistIcon { max-height: 50px !important; height: 50px !important; } #cookieConsentModal *:not(.btn) { color: #333 !important; } #cookieConsentModal input[type=checkbox] { width: 22px; height: 22px; float: left; margin-right: 7px; } #cookieConsentModal .btn-primary { font-weight: normal; } .linethrough { text-decoration: line-through !important; } .cursor-pointer { cursor: pointer; } .modal-mask { position: fixed; z-index: 9998; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); display: table; transition: opacity 0.3s ease; } .modal-wrapper { display: table-cell; vertical-align: middle; }