* {margin:0;padding:0;}
html,body {height:100%;}

.desktopOnly {display: block;}
.mobileOnly {display: none;}
.tabletOnly {display: none;}
.smartphoneOnly {display: none;}


.wysiwygEditable:hover, .wysiwygEditableText:hover {outline:1px dashed red;}
.wysiwygImageUploadMsg {position:fixed;z-index:9999;top:50%;left:50%;width:300px;height:40px;background:rgba(255, 80, 80, 0.8);color:#000;border:2px solid #ff0000;text-align:center;line-height:1.3;font-family:arial;font-weight:bold;margin-left:-150px;padding:5px;font-size:16px;}
#wysiwygTools {position:fixed;z-index:9999;bottom:0;right:0;background:#fff;border:1px solid #ff0000;color:#000;line-height:1.3;font-family:arial;font-weight:normal;font-size:14px;padding:3px;}

.left{float:left;}
.right{float:right;}

*::-moz-selection {background-color:#6E2381;color:#fff;;}
*::selection {background-color:#6E2381;color:#fff;-webkit-text-fill-color:#fff}

.clearingItem {clear:both;float:none;}
.width_1 {margin:0;}
.width_2 {float:left;width:50%;margin:0;box-sizing:border-box;}
.width_3 {float:left;width:33.333%;margin:0;box-sizing:border-box;}
.width_2.leftColumn {padding:0 10px 0 0;}
.width_2.rightColumn {padding:0 0 0 10px;}
.width_3.leftColumn {padding:0 10px 0 0;}
.width_3.middleColumn {padding:0 5px;}
.width_3.rightColumn {padding:0 0 0 10px;}


/* ERRORPAGE */
.Success, .success {color:green;}
.error, .Error, .errorText {color:red;}
#errorContainer {width:600px;margin:auto;margin-top:10px;border:0;text-align:center;font-family:Arial;}
#errorContainer h1 {font-size:35px;color:#142F5D;text-align:center;font-family:Arial;}
#errorContainer #footerError {margin:15px;font-size:small;color:#fff;font-family:Arial;}
#errorContainer .error {color:#142F5D;font-family:Arial;}

/* BODY-CONTAINERS */
#main {position:relative;width:100%;max-width:1440px;margin:0 auto;padding:0;}
#main2 {position:relative;width:100%;max-width:1440px;margin:0 auto;padding:0;}
#nav {padding:25px 0;position:relative;z-index:5;height:99px;}
#logobox {position:absolute;width:121px;height:121px;top:13px;border-radius:121px;display:block;transform:rotate(0deg);transition:ease-out transform 0.5s;-webkit-tap-highlight-color:transparent;outline:0;}
#logobox:hover {transform:rotate(359.9deg);}
#logo {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);max-height:100%;max-width:100%;}
#header {position:relative;width:100%;margin:-60px 0 30px 0;padding:0;box-sizing:border-box;z-index:4;}
.startpage #header {margin-top:-110px;}
#header-content {position:relative;width:100%;padding:0;box-sizing:border-box;}
#content {position:relative;width:100%;max-width:1100px;margin:0 auto;padding:40px 10px 40px 10px;box-sizing:border-box;}

/* NAVIGATIONS */
#menuButton {display:none;position:absolute;right:10px;top:20px;height:30px;color:#000;background:#fff url('./../../images/2021/menu-24px.svg') no-repeat right 5px center;padding:6px 35px 5px 10px;line-height:1;text-transform:uppercase;box-sizing:border-box;}
#navigation li .rightColNavi {display:none;}
#navigation li .mobilenavigationitem {display:none;}
#navigation {position:absolute;top:20px;left:160px;list-style:none;margin:0;padding:0;}
#navigation li {position:relative;float:left;margin:0 0 0 20px;padding:5px;box-sizing:border-box;}
#navigation li.first {margin-left:0;}
#navigation li a {position:relative;display:block;font-weight:bold;font-size:16px;letter-spacing:2px;text-transform:uppercase;color:#000;padding:0;}
#navigation li.active > a {color:#000;}
#navigation li:hover > a {text-decoration:none;color:#000;}
/* SUBNAVIGATIONS */
#navigation li ul {display:none;}
#navigation li ul {position:absolute;list-style:none;margin:0;padding:0;background:#fff;min-width:200px;}
#navigation li ul li {float:none;margin:0;width:100%;padding:0;}
#navigation li ul li a {font-size:16px;font-weight:normal;text-transform:none;color:#000;display:block;padding:8px 5px;letter-spacing:1px;}
#navigation li ul li ul {left:100%;top:0;padding:0;}
#navigation li:hover > ul {display:block;}

#header-image {position:relative;text-align:center;margin:0 120px 0 80px;min-height:370px;}
#header-image img {max-width:100%;}
#header-content-bx1 {position:absolute;left:55px;top:50%;}
#header-content-bx2 {position:absolute;width:290px;transform:translateX(-50%) translateY(-50%) rotate(-90deg);top:50%;left:50%;}
#header-content-bx2 a {color:#000;text-decoration:none;font-weight:bold;letter-spacing:2px;text-transform:uppercase;}
#header-content-bx2 span {display:inline-block;width:20px;}
#header-content-bx3 {position:absolute;right:90px;top:50%;display:none;}
.startpage #header-content-bx3 {display:block;}
#header-date {position:absolute;width:490px;text-align:center;transform:translateX(-50%) translateY(-50%) rotate(-90deg);top:50%;left:50%;color:#000;text-decoration:none;font-weight:bold;letter-spacing:0;text-transform:uppercase;font-size:72px;}
.startpage #content {padding: 0px 10px 0px 10px;}

#partner-towns {border-top:10px solid #fff;border-bottom:10px solid #fff;padding:30px 60px;position:relative;margin:0 0 80px 0; background: #fff;}
#partner-towns-content {position:relative;}
#partner-towns-text {width:250px;float:left;text-align:right;font-size:23px;font-weight:900;text-transform:uppercase;padding:23px 25px 0 0;box-sizing:border-box;}
#partner-towns-wappen {float:left;width:calc(100% - 250px);}
.wappen-box {float:left;width:calc(100% / 12);box-sizing:border-box;padding:10px;}
.wappen {display:block;padding:5px;box-sizing:border-box;}
.wappen-img {position:relative;height:70px;background:no-repeat center center;background-size:contain;}

#home-boxes {position:relative;max-width:1180px;margin:30px auto;}
.home-box-outer {position:relative;float:left;width:calc(100% / 4);}
.home-box {position:relative;display:block;margin:17px;border:5px solid #000;height:235px;}
.home-box:hover {background:#fff;}
.home-box-img {position:absolute;width:100%;left:0;top:18%;height:45%;background:no-repeat center center;background-size:contain; filter: invert(1);}
.home-box-title {position:absolute;bottom:12%;left:5px;right:5px;font-size:23px;font-weight:900;text-align:center;text-transform:uppercase;hyphens: auto;}

#footer-image {position:relative;margin:50px 0 0 0;background:url('./../../images/2021/footer.jpg') no-repeat center center;background-size:cover;border-top:10px solid #fff;border-bottom:10px solid #fff;height:300px; display: none;}
.startpage #footer-image {margin-bottom:50px;}

#footer-support {position:relative;background-size:100% auto;padding:50px 10px 150px 10px;}

#support-buttons {position:relative;max-width:830px;margin:0 auto;}
#support-buttons a {float:left;display:block;width:calc(50% - 14px);height:60px;color:#fff;text-decoration:none;text-align:center;text-transform:uppercase;font-size:23px;font-weight:900;border-radius:30px;line-height:60px;}
#support-buttons a:hover {box-shadow:0 0 20px rgba(255,255,255,0.5);}
#support-buttons #sb1 {margin-right:28px;background:linear-gradient(90deg, #E30613, #F18815, #FFED00);}
#support-buttons #sb2 {background:linear-gradient(90deg, #028137, #2E57A4, #6E2381);}

#footer-sponsoring {position:relative;background:#fff url('./../../images/2021/sponsoren-top.svg') no-repeat center top;background-size:100% auto;}
#footer-sponsoring1 {position:relative;background:url('./../../images/2023/Kooperationen-Banner.png') no-repeat center bottom;background-size:cover;padding:75px 0;}
#footer-sponsoringItems {position:relative;width:80%;margin:0 auto;height:200px;}
.sponsoring-box {position:relative;float:left;width:calc(100% / 4);height:100%;}
.sponsoring-img {position:absolute;width:80%;height:80%;transform:translate(-50%, -50%);left:50%;top:50%;background:no-repeat center center;background-size:contain;}


#footer {position:relative;width:100%;margin:0;padding:80px 0;z-index:5;}
#footer-content {position:relative;width:100%;padding:0 10px;box-sizing:border-box;}
#footer-content-text {text-align:center;font-size:20px;}
#footer-content-text span {margin:0 25px 0 0;}
#footer-content-text span:after {content:'|';position:absolute;margin-left:12px;}
#footer-content-text span:last-child:after {display:none;}


/*FOOTERNAVIGATION*/
#footer-navigation {position: relative;margin:40px 0 0;display:block;text-align:center;}
#footer-navigation .rightColNavi {display:none;}
#footer-navigation li {display:inline-block; list-style-type: none;margin:0 10px;}
#footer-navigation li a {color: #000; text-transform: uppercase;font-size:16px;}


/*BACKTOTOP*/
#backtotop {position:absolute;right:10px;top:0;cursor:pointer;width:100px;height:80px;background:url('./../../images/2021/back-to-top.svg') no-repeat center center;}


/* NEWS */
.newsContainer {position:relative;border-top:2px solid #fff;margin:0;padding:45px 0;}
.newsContainer.first {margin:30px 0 0 0;border-top:0;}
.newsContainer.detailpage {border-top:0;}
.newsContentThumbnail {position:relative;float:left;width:290px;min-height:196px;overflow:hidden;margin:0 30px 0 0;padding:0; text-align: center;}
.newsContentText {position:relative;float:left;width:calc(100% - 320px);font-size:16px;margin:0;padding:0;}
.newsContentText h2 a {font-style:normal;text-decoration:none;color:#fff;}
.newsContentText p a {font-style:normal;text-decoration:none;color:#fff;}
.newsDate {line-height:18px;font-size:18px;letter-spacing:1px;padding:0 0 10px 0;}
.newsDate a {font-style:normal;text-decoration:none;color:#fff;}


/* GALLERIES */
.galleryalbumimage {position:relative;width:calc(100% / 5);box-sizing:border-box;padding:15px;float:left;}
.galleryalbumimage a {position:relative;display:block;border:2px solid #fff;text-decoration:none;}
.galleryalbumimage a:hover {border-color:#2E57A4;}
.galleryalbumimage img {width:100%;height:auto;background:no-repeat center center;background-size:cover;}

.galleryalbum {position:relative;width:calc(100% / 4);box-sizing:border-box;padding:15px;float:left;}
.galleryalbum a {position:relative;display:block;border:2px solid #fff;text-decoration:none;}
.galleryalbum img {width:100%;height:auto;background:no-repeat center center;background-size:cover;margin-bottom:35px;}
.galleryalbum .mask {position:absolute;min-height:35px;bottom:0;left:0;right:0;text-align:center;padding:5px 0;background:#000;box-sizing:border-box;}
.galleryalbum a:hover {border-color:#2E57A4;}
.galleryalbum a:hover .mask {background:#2E57A4;}

/* CONTACTFORM */
.formRow {clear:both;float:none;}
.formRow label,
.buttonRow label {position:relative;float:left;width:220px;margin:0;padding:0;}
.formRow input[type=text],
.formRow input[type=email],
.formRow input[type=password],
.formRow select,
.formRow textarea {position:relative;float:left;width:300px;color:#fff;background:transparent;border:2px solid #fff;margin:0 0 15px 0;padding:7px 10px;box-sizing:border-box;border-radius:0;-webkit-appearance:none;}
.formRow textarea {height:105px;}
/* BUTTONROW */
.buttonRow input,
.buttonRow a.button {position:relative;float:left;font-size: 16px;height: 35px;width:300px;cursor:pointer;text-align:center;color:#fff;background:#666;border:none;margin:0;padding:7px 10px;box-sizing:border-box;border-radius:0;-webkit-appearance:none;}
.buttonRow input:hover,
.buttonRow a.button:hover {color:#fff;background:#2E57A4;text-decoration: none;}
/* RECAPTCHA */
.formRow.reCaptchaRow .formRecaptchaContainer {float:left;margin-bottom:15px;}
.g-recaptcha-required-text {color:red;}



/* COOKIE BANNER */
#cmsCookieChoiceBannerModal {position:fixed;left:0;top:0;right:0;bottom:0;background:rgba(0, 0, 0, 0.01);opacity:0.01;z-index:9999;}
#cmsCookieChoiceBanner {position:fixed;top:0;left:0;right:0;background:rgba(240,240,240,0.9);color:#000;font-size:14px;font-family:Arial,sans-serif;line-height:1.2;z-index:10000;box-shadow:0 0 15px rgba(0,0,0,0.2);max-height:300px;overflow:auto;}
#cmsCookieChoiceBannerInner {position:relative;margin:0 auto;max-width:1500px;padding:20px 10px 10px 10px;box-sizing:border-box;text-align:left;}
#cmsCookieChoiceBannerTitle {font-size:18px;font-weight:bold;margin-bottom:3px;}
#cmsCookieChoiceBannerText {margin-bottom:5px;}
#cmsCookieChoiceBanner {-webkit-filter:unset;filter:unset;}

.cmsCookieChoiceBannerToolbox {color:#000;font-size:14px;font-family:Arial,sans-serif;line-height:1.2;}
.cmsCookieChoiceBannerGroup {float:left;margin:10px 20px 10px 0;width:220px;}
.cmsCookieChoiceBannerGroupTitle {font-weight:bold;margin-bottom:5px;}
.cmsCookieChoiceBannerChoice {margin:5px 0 0;}
.cmsCookieChoiceBannerChoice input[type=checkbox] {margin:0 5px 0 0;background:unset;padding:unset;vertical-align:middle;}
.cmsCookieChoiceBannerChoice label {vertical-align:middle;}
.cmsCookieChoiceBannerChoice label.marked {font-weight:bold;}
.cmsCookieChoiceBannerChoiceInfoIcon {display:inline-block;margin:0 0 0 5px;opacity:0.6;cursor:pointer;padding:0 2px;vertical-align:middle;}
.cmsCookieChoiceBannerChoiceInfo {margin:3px 0 0;font-size:12px;opacity:0.8;}
.cmsCookieChoiceBannerToolboxButtons {margin:10px 0 0;}
.cmsCookieChoiceBannerToolboxButtons button {border:0;background:#999;color:#fff;margin:0 5px 5px 0;padding:5px 10px;font-size:14px;line-height:1.2;border-radius:0;-webkit-appearance:none;cursor:pointer;outline:0;}
.cmsCookieChoiceBannerToolboxButtons button.default {background: #098014;}
.cmsCookieChoiceBannerToolboxButtons button:hover {background:#444;}
.cmsCookieChoiceBannerToolboxButtons button.default:hover {background: #075e0f;}
.cmsCookieChoiceBannerToolboxButtons button.transparentButton {background: transparent;color:#000000;opacity:0.6;font-size:12px;padding:5px 5px;}
.cmsCookieChoiceBannerToolboxButtons button.transparentButton:hover {background: transparent;}


@media screen and (max-width:1100px) {
    .home-box {margin:10px;}
    .wappen-box {padding:7px;}
}


.bprogramm tr td{padding-right: 40px;}








/* TICKETSHOP HEADER CART ROW */
#ticketshopHeaderCartRow {position:relative;margin-bottom:15px;}
#ticketshopHeaderCartRow .ticketshopShowCart {float:right;font-weight:normal;background:#6E2381;color:#fff;display:inline-block;padding:5px 10px;text-decoration:none;}
#ticketshopHeaderCartRow .ticketshopShowCart:hover {background:#2E57A4;color:#fff;text-decoration:none;}
#ticketshopHeaderBreadcrumbs {display:block;position:relative;margin-bottom:15px;}
#ticketshopHeaderBreadcrumbs .item {padding-left:10px;margin-left:10px;display:inline;border-left:1px solid #ddd;}
#ticketshopHeaderBreadcrumbs .item:first-child {padding-left:0;margin-left:0;border-left:0;}

/* EVENT-ÜBERSICHT */
a.ticketshopEventsContainerEvent,
.ticketshopEventsContainerEvent {display:block;margin:0 0 30px 0;text-decoration:none;color:#fff;}
.ticketshopEventsContainerEventImage {position:relative;float:left;width:400px;height:300px;background:no-repeat center center;background-size:cover;}
.ticketshopEventsContainerEventContent {position:relative;float:left;width:calc(100% - 420px);margin-left:20px;color:#fff;}
.ticketshopEventsContainerEventContentTitle {position:relative;margin-bottom:10px;font-size:28px;color:#fff;}
.ticketshopEventsContainerEventContentDate {position:relative;margin-bottom:10px;font-size:12px;color:#aaa;}
.ticketshopEventsContainerEventContentText {position:relative;}

/* EVENT-DETAILANSICHT */
#ticketshopEventDetailImage {position:relative;float:left;width:400px;height:300px;background:no-repeat center center;background-size:cover;}
#ticketshopEventDetailDescription {position:relative;float:left;width:calc(100% - 420px);margin-left:20px;}
.ticketshopEventDetailDate {position:relative;margin-bottom:10px;font-size:12px;color:#aaa;}
.ticketshopEventDetailLocation {position:relative;margin-bottom:10px;font-size:12px;color:#aaa;}
.ticketshopEventDetailSaleStartDate {position:relative;margin-bottom:10px;font-size:12px;color:#aaa;font-weight:bold;}
.ticketshopEventDetailInfos {margin-top:20px;}
.ticketshopEventDetailInfosTitle {font-weight:bold;font-size:20px;margin-bottom:10px;}
.ticketshopEventDetailInfoField {margin:0 0 10px 0;font-size:14px;}
.ticketshopEventDetailInfoFieldLabel {float:left;width:30%;font-weight:bold;}
.ticketshopEventDetailInfoFieldValue {float:left;width:70%;}
#ticketshopEventDetailContents {margin-top:20px;}
.ticketshopEventDetailAmountSelectContainer select {height:30px;}
.ticketshopEventDetailContentsPleaseSelect {font-size:20px;font-weight:bold;margin-bottom:10px;}

/* TICKETSHOP SAALPLAN */
#ticketshopSeatmapContainer {position:relative;overflow-x:auto;-webkit-overflow-scrolling:touch; width: 100%;}
#ticketshopSeatmapContainer .ticketshopSeatmap {overflow:hidden;position:relative;}
#ticketshopSeatmapContainer .ticketshopSeatmapEllipse {position:absolute;border-radius:50% 50%;}
#ticketshopSeatmapContainer #ticketshopSeatmapLabels {position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;pointer-events:none;line-height:1.3;}
#ticketshopSeatmapContainer #ticketshopSeatmapLabels .ticketshopSeatmapLabel {position:absolute;overflow:visible;}
#ticketshopSeatmapContainer #ticketshopSeatmapLabels .ticketshopSeatmapLabelCenter {position:absolute;width:1px;height:1px;left:50%;top:50%;}
#ticketshopSeatmapContainer #ticketshopSeatmapLabels .ticketshopSeatmapLabelInner {position:absolute;display:none;width:100px;transform:translate(-50%,-50%);background:#AC8E46;color:#fff;border-radius:5px;padding:5px;box-sizing:border-box;font-size:10px;text-align:center;}
#ticketshopSeatmapContainer #ticketshopSeatmapLabels .ticketshopSeatmapLabel .ticketshopSeatmapLabelHint {display:block;position:absolute;width:32px;transform:translate(-50%,-50%);padding:1px;border-radius:5px;box-sizing:border-box;background:#AC8E46;font-size:9px;text-align:center;line-height:1;color:#fff;}
#ticketshopSeatmapContainer #ticketshopSeatmapLabels .ticketshopSeatmapLabel.hover .ticketshopSeatmapLabelInner {display:block;z-index:500;}
#ticketshopSeatmapContainer #ticketshopSeatmapLabels .ticketshopSeatmapLabel.hover .ticketshopSeatmapLabelHint {display:none;}
#ticketshopSeatmapContainer #ticketshopSeatmapLabels .ticketshopSeatmapLabel.unavailable .ticketshopSeatmapLabelInner {background:silver;}
#ticketshopSeatmapContainer #ticketshopSeatmapLabels .ticketshopSeatmapLabel.unavailable .ticketshopSeatmapLabelHint {background:silver;}
#ticketshopSeatmapContainer #ticketshopSeatmapLabels .ticketshopSeatmapLabelInner .ticketshopSeatmapLabel_title {font-weight:bold;}

/* EVENT-TICKETLISTE */
#ticketshopEventDetailTicketTypesContainer {}
.ticketshopEventDetailTicketType {margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #fff;}
.ticketshopEventDetailTicketType:first-child {padding-top:10px;border-top:1px solid #fff;}
.ticketshopEventDetailTicketTypeText {position:relative;float:left;width:calc(100% - 400px);}
.ticketshopEventDetailTicketTypeTitle {font-weight:bold;font-size:16px;}
.ticketshopEventDetailTicketTypeDescription {font-size:14px;}
.ticketshopEventDetailAmountSelectContainer {position:relative;float:left;width:380px;margin-left:20px;text-align:right;}
.ticketshopEventDetailAddToCartButton {float:right;padding:5px 10px;background:#6E2381;color:#fff;border:0;border-radius:0;cursor:pointer;font-size:16px;}
.ticketshopEventDetailAddToCartButton:hover {background:#2E57A4;color:#fff;}

/* TICKETSHOP CHECKOUT HEADER */
#ticketshopHeaderCheckout {position:relative;margin-bottom:40px;}
#ticketshopHeaderCheckout .step {position:relative;float:left;width:25%;background:#cdcdcd;padding:10px;box-sizing:border-box;text-align:center;font-size:14px;}
#ticketshopHeaderCheckout .step.completed {background:#cdcdcd;}
#ticketshopHeaderCheckout .step.active {font-weight:bold;background:#fff;}

#ticketshopHeaderCheckoutUser {position:relative;margin-bottom:20px;}

/* TICKETSHOP-WARENKORB */
#ticketshopCheckoutCartTable {border-collapse: collapse;width:100%;}
#ticketshopCheckoutCartTable th {background-color: #444; padding: 10px;text-align:right;}
#ticketshopCheckoutCartTable td {padding:10px;text-align:right;vertical-align:top;}
#ticketshopCheckoutCartTable td.nameCell {text-align:left;}
#ticketshopCheckoutCartTable td .oldPrice {text-decoration:line-through;display:block;opacity:0.6;}
#ticketshopCheckoutCartTable tr.eventNameRow td {font-weight:bold;}
#ticketshopCheckoutCartTable tfoot tr.borderTop td {border-top:1px solid #fff; padding-top:10px;}
#ticketshopCheckoutCartTable tfoot tr:first-child td {border-top:2px solid #fff; padding-top:10px;}
#ticketshopCheckoutCartTable tfoot tr.borderBottom td {border-bottom:1px solid #fff; padding-bottom:10px;}
#ticketshopCheckoutCartTable tfoot .voucherDescription {font-size:12px;display:block;}
#ticketshopCheckoutCartTable select {height:25px;}
.ticketshopVoucherAddButton {padding:5px 10px !important;height:32px;margin-left:10px;cursor:pointer;background:#ccc;border:0;border-radius:0;font-size:16px;}

/* TICKETSHOP LOGIN / REGISTER */
#ticketshopHeaderUserRow {position:relative;margin-bottom:20px;}
#ticketshopHeaderUserRow a {text-decoration:none;margin-right:15px;}
#ticketshopUserLoginRegisterFormDivider {width:200px;float:left;margin:20px 0;font-style:italic;}
#ticketshopUserRegisterForm #sPersonalDataStreet {width:220px;margin-right:10px;}
#ticketshopUserRegisterForm #sPersonalDataHouseNo {width:70px;}
#ticketshopUserRegisterForm #sPersonalDataZip {width:90px;margin-right:10px;}
#ticketshopUserRegisterForm #sPersonalDataCity {width:200px;}

/* TICKETSHOP-CHECKOUT */
#ticketshopCheckoutPersonalDataForm #sPersonalDataStreet {width:220px;margin-right:10px;}
#ticketshopCheckoutPersonalDataForm #sPersonalDataHouseNo {width:70px;}
#ticketshopCheckoutPersonalDataForm #sPersonalDataZip {width:110px;margin-right:10px;}
#ticketshopCheckoutPersonalDataForm #sPersonalDataCity {width:180px;}
.ticketshopFormRowText {float:left;width:calc(100% - 230px);margin-left:10px;margin-bottom:15px;}
#ticketshopCheckoutConfirmForm .checkboxOptionRow input {float:none;width:auto;height:auto;}
#ticketshopCheckoutConfirmForm .checkboxOptionRow label {float:none;display:inline;width:auto;}
.ticketshopVoucherSuggestion {position:relative;margin-bottom:10px;}
.ticketshopVoucherSuggestionCode {font-weight:bold;width:180px;float:left;}
.ticketshopVoucherSuggestionConfig {font-size:12px;width:180px;float:left;}
.ticketshopVoucherSuggestionAction {float:left;}


/* TICKETSHOP-CHECKOUT-BUTTONS */
.ticketshopCheckoutButtonRow {position:relative;}
.ticketshopCheckoutLoginRegisterFormButtonRow {max-width:500px;margin-bottom:20px;}
.ticketshopCheckoutButton {display:inline-block;border-radius:0;background:#fff;border:0;cursor:pointer;text-decoration:none;color:#000;font-size:16px;text-align:center;padding:5px 10px;-webkit-appearance:none;}
.ticketshopCheckoutButton:hover {background:#ccc;}
.ticketshopCheckoutButton.ticketshopCheckoutButtonPrimary {background:#6E2381;color:#fff;}
.ticketshopCheckoutButton.ticketshopCheckoutButtonPrimary:hover {background:#2E57A4;color:#fff;}
.ticketshopCheckoutButtonRow .ticketshopCheckoutButtonBack {float:left;margin-right:10px;}
.ticketshopCheckoutButtonRow .ticketshopCheckoutButtonUpdate {float:left;margin-right:10px;}
.ticketshopCheckoutButtonRow .ticketshopCheckoutButtonClear {float:left;margin-right:10px;}
.ticketshopCheckoutButtonRow .ticketshopCheckoutButtonContinue {float:right;}

/* TICKETSHOP BESTELLBESTÄTIGUNG */
.ticketshopOrderOverviewPayButtonRow {margin-bottom:50px;}
.ticketsOverviewButton, a.ticketsOverviewButton {display:inline-block;border-radius:0;background:#fff;border:0;cursor:pointer;text-decoration:none;color:#000;font-size:16px;text-align:center;padding:5px 10px;-webkit-appearance:none;}
.ticketsOverviewButton:hover {background:#ccc;}
.ticketsOverviewButton.ticketsOverviewButtonPrimary {background:#6E2381;color:#fff;}
.ticketsOverviewButton.ticketsOverviewButtonPrimary:hover {background:#2E57A4;color:#fff;}
.ticketshopPayButton {height:50px;vertical-align:top;box-sizing:border-box;line-height:40px;}

#ticketsOverviewUserdataLink {margin-bottom:20px;}

.ticketshopOrderPersonalizationDescription {margin-bottom:25px;}
.ticketshopOrderPersonalizationEvent {margin-bottom:20px;}
.ticketshopOrderPersonalizationEventName {font-weight:bold;font-size:20px;}
.ticketshopOrderPersonalizationPosition {margin-top:10px;}
.ticketshopOrderPersonalizationPositionTitle {margin-bottom:5px;font-weight:bold;}
.ticketshopOrderPersonalizationPositionPerson {margin-bottom:5px;font-weight:bold;font-style:italic;}

.ticketOverviewDownloadAllLink {margin-bottom:20px;display:inline-block;}
.ticketsOverviewEventTitle {font-weight:bold;font-size:20px;margin-bottom:10px;}
.ticketsOverviewTicketItem {margin-bottom:20px;border:1px solid #ccc;padding:10px;}
.ticketsOverviewTicketItemTitle {font-weight:bold;margin-bottom:10px;}

/* TICKETSHOP PROFIL START */
.ticketshopUserStartOrderList {margin:20px 0 0;}
.ticketshopUserStartOrderList .ticketshopUserStartOrder {display:block;text-decoration:none !important;color:#fff;margin:0 0 20px 0;padding:10px;border:1px solid #ccc;}
.ticketshopUserStartOrderList .ticketshopUserStartOrderDate {float:left;width:18%;}
.ticketshopUserStartOrderList .ticketshopUserStartOrderOrderNo {float:left;width:57%;}
.ticketshopUserStartOrderList .ticketshopUserStartOrderPrice {float:left;width:10%;text-align:right;}
.ticketshopUserStartOrderList .ticketshopUserStartOrderStatus {float:left;width:15%;text-align:right;}

/* BEZAHLUNG */
#paymentengine-sumToPay {margin-bottom:20px;font-weight:bold;}

#stripe-payment-card-form #stripe-card-element {float:left;display:inline-block;width:286px;height:32px;border:2px solid #fff;margin-bottom:15px;padding:0 5px;}
#stripe-payment-request-button {position:relative;max-width:280px;}
#stripe-mobile-paybutton {display:inline-block;-webkit-appearance:none;border:0;width:100%;height:50px;background:#000 url('./../../images/admin/googlepay_button_content_white.svg') no-repeat center center;background-size:auto 46%;border-radius:4px;color:transparent;font-size:12px;padding:0;outline:0;}
#ticketshopMobilePaymentSnippetButtonContainer {width:180px;vertical-align:top;}
#stripe-payment-mobiledivider {margin:40px 0;}
#stripe-card-back-button {background:#fff;color:#000;width:auto;margin-left:220px;}
#stripe-card-back-button:hover {background:#ccc;}
#stripe-card-submit-button {background:#6E2381;color:#fff;width:auto;margin-left:10px;}
#stripe-card-submit-button:hover {background:#2E57A4;color:#fff;}

#ticketshopUserLoginFormContainer,
#ticketshopUserRegisterFormContainer {width:calc(50% - 100px);float:left;}
#ticketshopUserLoginFormContainer .formRow label,
#ticketshopUserRegisterFormContainer .formRow label {width:100%;margin-bottom:3px;}
.ticketOverviewDownloadAllLink,
.ticketsOverviewTicketItem a,
.ticketshopUserButtonRow button,
.ticketshopUserButtonRow button {display:inline-block;border-radius:0;background:#6E2381;border:0;cursor:pointer;text-decoration:none;color:#fff;font-size:16px;text-align:center;padding:5px 10px;-webkit-appearance:none;}
.ticketOverviewDownloadAllLink:hover,
.ticketsOverviewTicketItem a:hover,
.ticketshopUserButtonRow button:hover,
.ticketshopUserButtonRow button:hover {background:#2E57A4;color:#fff;}

#ticketshopUserDataForm #sPersonalDataZip {width:80px;margin-right:20px;}
#ticketshopUserDataForm #sPersonalDataCity {width:200px;}


/* ÜBERSCHREIBEN */
#navigation li a {color:#fff;}
#navigation li.active > a {color:#fff;}
#navigation li:hover > a {color:#fff;}
#navigation li ul li a {color:#fff;}
#header-content-bx2 a {color:#fff;}
#header-date {color:#fff;}
.home-box {border:5px solid #fff; background: #fff;}
.home-box:hover {background: transparent;}
.home-box:hover .home-box-img {filter: invert(0);}
#navigation li ul li a {color: #000;}
#footer-navigation li a {color: #fff; }
.non-startpage #header-image img {height: 330px;}


#wordrotate-wrapper {margin: 0 auto; text-align: center; margin-top: -210px;  position: relative;}
.rotekarte {background: #ed1c28; width: 105px; height: 150px; border-radius: 15px; transform: rotate(25deg); position: absolute; top: -20px; right: 380px;}
.samefont {position: relative; display: inline-block;}
.rw-words{display: inline;text-indent: 10px;}
.rw-words span, .samefont {font-size: 95px;font-weight: 900;font-family: 'Montserrat', sans-serif;}
.startpage #header {padding-bottom: 70px; overflow: hidden;}


.rw-words-1 span {
    position: absolute;
    opacity: 0;
    overflow: hidden;
    color: #fff;

}



.anim {
    -webkit-animation: rotateWord 15s linear infinite 0s;
    -ms-animation: rotateWord 15s linear infinite 0s;
    animation: rotateWord 15s linear infinite 0s;
}


/*
@-webkit-keyframes rotateWord {
    0% { opacity: 0; }
    2% { opacity: 0; -webkit-transform: translateY(-30px); }
    5% { opacity: 1; -webkit-transform: translateY(0px);}
    17% { opacity: 1; -webkit-transform: translateY(0px); }
    20% { opacity: 0; -webkit-transform: translateY(30px); }
    80% { opacity: 0; }
    100% { opacity: 0; }
}
@-ms-keyframes rotateWord {
    0% { opacity: 0; }
    2% { opacity: 0; -ms-transform: translateY(-30px); }
    5% { opacity: 1; -ms-transform: translateY(0px);}
    17% { opacity: 1; -ms-transform: translateY(0px); }
    20% { opacity: 0; -ms-transform: translateY(30px); }
    80% { opacity: 0; }
    100% { opacity: 0; }
}
*/

@keyframes rotateWord {



    0% { opacity: 0; }
    2% { opacity: 0; -webkit-transform: translateY(-30px); transform: translateY(-30px); }
    5% { opacity: 1; -webkit-transform: translateY(0px);transform: translateY(0px);}
    17% { opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px);}
    20% { opacity: 0; -webkit-transform: translateY(30px); transform: translateY(30px);}
    80% { opacity: 0; }
    100% { opacity: 0; }

}

.sp-intro {
    width: 100%;
    max-width: 100%;
    text-align: center;
    margin: 0 auto;
}
.sp-intro h2,
.sp-intro b,
.sp-intro i,
.sp-intro p,
.sp-intro span {
    line-height: 46px;
    font-size: 38px;
    font-weight: 700;
    font-style: initial;
    color: #111111;
}
.sp-words-wrapper {
    display: inline-block;
    position: relative;
    text-align: left;
}
.sp-words-wrapper b {
    display: inline-block;
    position: absolute;
    white-space: nowrap;
    left: 0;
    top: 0;
    width: auto !important;
}
.sp-words-wrapper b.is-visible {
    position: relative;
}
.no-js .sp-words-wrapper b {
    opacity: 0;
}
.no-js .sp-words-wrapper b.is-visible {
    opacity: 1;
}

.sp-headline.slide span {
    display: inline-block;
    padding: 0;
}
.sp-headline.slide .sp-words-wrapper {
    overflow: hidden;
    vertical-align: bottom;
}
.sp-headline.slide b {
    opacity: 0;
    top: 0.2em;
}
.sp-headline.slide b.is-visible {
    top: 0;
    opacity: 1;
    -webkit-animation: slide-in 0.6s;
    -moz-animation: slide-in 0.6s;
    animation: slide-in 0.6s;
}
.sp-headline.slide b.is-hidden {
    -webkit-animation: slide-out 0.6s;
    -moz-animation: slide-out 0.6s;
    animation: slide-out 0.6s;
}

@-webkit-keyframes slide-in {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(20%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}
@-moz-keyframes slide-in {
    0% {
        opacity: 0;
        -moz-transform: translateY(-100%);
    }
    60% {
        opacity: 1;
        -moz-transform: translateY(20%);
    }
    100% {
        opacity: 1;
        -moz-transform: translateY(0);
    }
}
@keyframes slide-in {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        transform: translateY(-100%);
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(20%);
        -moz-transform: translateY(20%);
        -ms-transform: translateY(20%);
        -o-transform: translateY(20%);
        transform: translateY(20%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}
@-webkit-keyframes slide-out {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
    60% {
        opacity: 0;
        -webkit-transform: translateY(120%);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(100%);
    }
}
@-moz-keyframes slide-out {
    0% {
        opacity: 1;
        -moz-transform: translateY(0);
    }
    60% {
        opacity: 0;
        -moz-transform: translateY(120%);
    }
    100% {
        opacity: 0;
        -moz-transform: translateY(100%);
    }
}
@keyframes slide-out {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
    60% {
        opacity: 0;
        -webkit-transform: translateY(120%);
        -moz-transform: translateY(120%);
        -ms-transform: translateY(120%);
        -o-transform: translateY(120%);
        transform: translateY(120%);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        -ms-transform: translateY(100%);
        -o-transform: translateY(100%);
        transform: translateY(100%);
    }
}


.sp-words-wrapper {width: auto!important; height: 100px!important; padding-top: 25px!important; margin-top: 30px;}
.sp-words-wrapper b {
    font-size: 95px;font-weight: 900;font-family: 'Montserrat', sans-serif; color: #fff;
}


@media only screen and (max-width: 1350px) {

    #wordrotate-wrapper { margin-top: -130px; position: relative;}
    .rotekarte {background: #ed1c28; width: 75px; height: 115px; border-radius: 15px; transform: rotate(25deg); position: absolute; top: -20px; right: 260px;}
    .startpage #header {padding-bottom: 40px;}

    .sp-words-wrapper {width: auto!important; height: 100px!important; padding-top: 25px!important; margin-top: 10px;}
    .sp-words-wrapper b, .samefont {
        font-size: 65px;font-weight: 900;font-family: 'Montserrat', sans-serif; color: #fff;
    }
}