@charset "utf-8";
/*
*
*	CSS zum Bearbeiten durch Playmobil selbst
*	Author: SECONDRED Newmedia GmbH
*	Web: http://www.secondred.de
*
*/

/* WARTUNG */

/*
#business-hours, .error-notickets, .success-tickets, .tickets.flex-grid  {
    display: none !important;
}
*/

/* Content */
.content-modules.green .inner h3 {
    line-height: 1.2;
}
#sidebar-lft .block-img, #sidebar-rt .block-img {
    margin-bottom: 20px;
}
.birthdayoverview .content-part h2 {
    hyphens: auto;
}
#additional-info .node.filled .inner ul li {
    font-style: normal !important;
}
#additional-info .node.filled a.more {
    color: #fff !important;
}

/* Attraktionen */
body.attractions.noTeaser #outercontent {
    padding-top: 0px;
    padding-bottom: 20px;
}
body.attractions .content-part.green {
    padding-bottom: 100px;
    padding-top: 100px;
}

/* Winter Modus */
body.winter-modus .content-part.yellow.headline .date {
    color: #0E5377;
}
body.winter-modus .content-part.orange .snow-rt {
    right: -106px;
    top: -10px;
}

/* Ticketshop Startseite */
.fp-warning-red {
    background: #e72f46;
    border: 2px solid #e72f46;
    padding: 18px 20px;
    border-radius: 4px 4px 4px 4px;
    color: #fff;
}
.fp-warning-red-margin {
    background: #e72f46;
    border: 2px solid #e72f46;
    padding: 18px 20px;
    border-radius: 4px 4px 4px 4px;
    color: #fff;
    margin-top: 50px;
    margin-bottom: 50px;
}
.fp-warning-red-figure-margin {
    background: rgb(255,88,108);
    background: radial-gradient(circle, rgba(255,88,108,1) 0%, rgba(231,47,70,1) 36%);
    border: 2px solid #e72f46;
    padding: 18px 20px;
    border-radius: 4px 4px 4px 4px;
    color: #fff;
    margin-top: 50px;
    margin-bottom: 50px;
}
.fp-warning-blue {
    background: #009be2;
    border: 2px solid #009be2;
    padding: 18px 20px;
    border-radius: 4px 4px 4px 4px;
    color: #fff;
}
.fp-warning-blue-margin {
    background: #009be2;
    border: 2px solid #009be2;
    padding: 18px 20px;
    border-radius: 4px 4px 4px 4px;
    color: #fff;
    margin-top: 50px;
    margin-bottom: 50px;
}

/* Legenden */
/*.datepicker-legende ul li:first-child {
    display: none;
}*/
.datepicker-legende ul li:nth-child(1):hover {
    background: #FFEA80;
    border-color: #FFEA80;
}
.datepicker-legende ul li:nth-child(1):hover em {
    border: 1px solid #000;
}
.datepicker-legende ul li:nth-child(1):hover a {
    text-decoration: none !important;
}
.datepicker-legende ul li:nth-child(2):hover {
    background: #BDB9DD;
    border-color: #BDB9DD;
}
.datepicker-legende ul li:nth-child(2):hover em {
    border: 1px solid #000;
}
.datepicker-legende ul li:nth-child(2):hover a {
    text-decoration: none !important;
}
.datepicker-legende ul li:nth-child(3):hover {
    background: #80CDF1;
    border-color: #80CDF1;
}
.datepicker-legende ul li:nth-child(3):hover em {
    border: 1px solid #000;
}
.datepicker-legende ul li:nth-child(3):hover a {
    text-decoration: none !important;
}

/* Tickets allgemein */
.tickets .ticket .block-product .inner {
    text-align: center;
}
.tickets .ticket .block-product .inner h3 {
    font-family: 'Londrina Solid', sans-serif;
    font-size: 28px;
    font-weight: normal;
    line-height: 1.2;
    margin-top: 6px;
}
.tickets .ticket .block-product .inner .txt-wrap {
    margin-bottom: 10px;
}
.tickets .ticket.st-default .block-product .inner h3, .tickets .ticket.ws-default .block-product .inner h3, .tickets .ticket.ws-reduced .block-product .inner h3, .tickets .ticket.ws-zero .block-product .inner h3 {
    padding: 0 44px;
}
.tickets .ticket .meta .std {
    text-align: center;
}
.block-product.ticket-notify-form svg {
    opacity: .5;
}
fieldset.std .formItem input.formText[readonly], fieldset.std .formItem textarea[readonly] {
    opacity: 1;
    background: rgba(255,255,255, 0.3);
}

/* ########### */
/* Saisonkarte */
/* ########### */

button.more.full, a.more.full.customize-ticket {
    background: #E72F46 url(../gfx/morebtn-ice.png) center 90% no-repeat;
}

/* ########### */
/* Hauptsaison */
/* ########### */

/* Tagestickets */
.tickets .ticket.tagesticket .block-product .inner {
    background: #ffd500;
    color: #333;
}
.tickets .ticket.tagesticket .block-product .meta {
    background: #ffd500;
}
.tickets .ticket.tagesticket .block-product .meta .formAmount .icon {
    color: #fff;
    border-color: #fff;
}
.tickets .ticket.tagesticket .block-product .meta input.formText {
    border-color: #fff;
}
.tickets .ticket.tagesticket .block-product .meta button .price {
    color: #fff;
}
.tickets .ticket.tagesticket .ticket-notify-form h3, .tickets .ticket.tagesticket .ticket-notify-form .txt-wrap, .tickets .ticket.tagesticket .ticket-notify-form .inner, .tickets .ticket.tagesticket .ticket-notify-form .meta {
    color: #333;
    opacity: .6;
}
.tickets .ticket.tagesticket .ticket-notify-form .meta h3 {
    color: #333;
    opacity: 1;
    padding: 12px;
    background: #0000001a;
    margin-bottom: 0;
    border-radius: 4px;
}

/* Nachmittagstickets */
.tickets .ticket.nachmittagsticket .block-product .inner {
    background: #f07d00;
    color: #fff;
}
.tickets .ticket.nachmittagsticket .block-product .meta {
    background: #f07d00;
}
.tickets .ticket.nachmittagsticket .block-product .meta .formAmount .icon {
    color: #fff;
    border-color: #fff;
}
.tickets .ticket.nachmittagsticket .block-product .meta input.formText {
    border-color: #fff;
}
.tickets .ticket.nachmittagsticket .block-product .meta button .price {
    color: #fff;
}
.tickets .ticket.nachmittagsticket .ticket-notify-form h3, .tickets .ticket.nachmittagsticket .ticket-notify-form .txt-wrap, .tickets .ticket.nachmittagsticket .ticket-notify-form .inner, .tickets .ticket.nachmittagsticket .ticket-notify-form .meta {
    color: #fff;
    opacity: .6;
}
.tickets .ticket.nachmittagsticket .ticket-notify-form .meta h3 {
    color: #fff;
    opacity: 1;
    padding: 12px;
    background: #ffffff1a;
    margin-bottom: 0;
    border-radius: 4px;
}

/* Ermäßigte */
.tickets .ticket.ermaessigt .block-product .inner {
    background: #e72f46;
    color: #fff;
}
.tickets .ticket.ermaessigt .block-product .meta {
    background: #e72f46;
}
.tickets .ticket.ermaessigt .block-product .meta .formAmount .icon {
    color: #fff;
    border-color: #fff;
}
.tickets .ticket.ermaessigt .block-product .meta input.formText {
    border-color: #fff;
}
.tickets .ticket.ermaessigt .block-product .meta button .price {
    color: #fff;
}
.tickets .ticket.ermaessigt .ticket-notify-form h3, .tickets .ticket.ermaessigt .ticket-notify-form .txt-wrap, .tickets .ticket.ermaessigt .ticket-notify-form .inner, .tickets .ticket.ermaessigt .ticket-notify-form .meta {
    color: #fff;
    opacity: .6;
}
.tickets .ticket.ermaessigt .ticket-notify-form .meta h3 {
    color: #fff;
    opacity: 1;
    padding: 12px;
    background: #ffffff1a;
    margin-bottom: 0;
    border-radius: 4px;
}

/* Nulltickets */
.tickets .ticket.nullticket .block-product .inner {
    background: #62b859;
    color: #fff;
}
.tickets .ticket.nullticket .block-product .meta {
    background: #62b859;
}
.tickets .ticket.nullticket .block-product .meta .formAmount .icon {
    color: #fff;
    border-color: #fff;
}
.tickets .ticket.nullticket .block-product .meta input.formText {
    border-color: #fff;
}
.tickets .ticket.nullticket .block-product .meta button .price {
    color: #fff;
}
.tickets .ticket.nullticket .ticket-notify-form h3, .tickets .ticket.nullticket .ticket-notify-form .txt-wrap, .tickets .ticket.nullticket .ticket-notify-form .inner, .tickets .ticket.nullticket .ticket-notify-form .meta {
    color: #fff;
    opacity: .6;
}
.tickets .ticket.nullticket .ticket-notify-form .meta h3 {
    color: #fff;
    opacity: 1;
    padding: 12px;
    background: #ffffff1a;
    margin-bottom: 0;
    border-radius: 4px;
}

/* Frühstückstickets */
.tickets .ticket.fruehstuecksticket .block-product .inner {
    background: #fff;
    color: #333;
}
.tickets .ticket.fruehstuecksticket .block-product .meta {
    background: #fff;
}
.tickets .ticket.fruehstuecksticket .block-product .meta .formAmount .icon {
    color: #333;
    border-color: #333;
}
.tickets .ticket.fruehstuecksticket .block-product .meta .formAmount .icon:hover {
    color: #fff;
    border-color: #006695;
}
.tickets .ticket.fruehstuecksticket .block-product .meta input.formText {
    border-color: #333;
}
.tickets .ticket.fruehstuecksticket .block-product .meta button .price {
    color: #fff;
}
.tickets .ticket.fruehstuecksticket .ticket-notify-form h3, .tickets .ticket.fruehstuecksticket .ticket-notify-form .txt-wrap, .tickets .ticket.fruehstuecksticket .ticket-notify-form .inner, .tickets .ticket.fruehstuecksticket .ticket-notify-form .meta {
    color: #333;
    opacity: .6;
}
.tickets .ticket.fruehstuecksticket .ticket-notify-form .meta h3 {
    color: #333;
    opacity: 1;
    padding: 12px;
    background: #00000012;
    margin-bottom: 0;
    border-radius: 4px;
}

/* Abenteuerwanderung */
.tickets .ticket.abenteuerwanderung .block-product .inner {
    background: #2b8871;
    color: #fff;
}
.tickets .ticket.abenteuerwanderung .block-product .meta {
    background: #2b8871;
}
.tickets .ticket.abenteuerwanderung .block-product .meta .formAmount .icon {
    color: #fff;
    border-color: #fff;
}
.tickets .ticket.abenteuerwanderung .block-product .meta input.formText {
    border-color: #fff;
}
.tickets .ticket.abenteuerwanderung .block-product .meta button .price {
    color: #fff;
}
.tickets .ticket.abenteuerwanderung .ticket-notify-form h3, .tickets .ticket.abenteuerwanderung .ticket-notify-form .txt-wrap, .tickets .ticket.abenteuerwanderung .ticket-notify-form .inner, .tickets .ticket.abenteuerwanderung .ticket-notify-form .meta {
    color: #fff;
    opacity: .6;
}
.tickets .ticket.abenteuerwanderung .ticket-notify-form .meta h3 {
    color: #fff;
    opacity: 1;
    padding: 12px;
    background: #ffffff1a;
    margin-bottom: 0;
    border-radius: 4px;
}

/* Gruselwanderung */
.tickets .ticket.gruselwanderung .block-product .inner {
    background: #782e97;
    color: #fff;
}
.tickets .ticket.gruselwanderung .block-product .meta {
    background: #782e97;
}
.tickets .ticket.gruselwanderung .block-product .meta .formAmount .icon {
    color: #fff;
    border-color: #fff;
}
.tickets .ticket.gruselwanderung .block-product .meta input.formText {
    border-color: #fff;
}
.tickets .ticket.gruselwanderung .block-product .meta button .price {
    color: #fff;
}
.tickets .ticket.gruselwanderung .ticket-notify-form h3, .tickets .ticket.gruselwanderung .ticket-notify-form .txt-wrap, .tickets .ticket.gruselwanderung .ticket-notify-form .inner, .tickets .ticket.gruselwanderung .ticket-notify-form .meta {
    color: #fff;
    opacity: .6;
}
.tickets .ticket.gruselwanderung .ticket-notify-form .meta h3 {
    color: #fff;
    opacity: 1;
    padding: 12px;
    background: #ffffff1a;
    margin-bottom: 0;
    border-radius: 4px;
}

/* ############# */
/* Schlummertage */
/* ############# */

/* Tagestickets */
.tickets .ticket.st-default .block-product .inner {
    background: #9999cc;
    color: #fff;
}
.tickets .ticket.st-default .block-product .meta {
    background: #9999cc;
}
.tickets .ticket.st-default .block-product .meta .formAmount .icon {
    color: #fff;
    border-color: #fff;
}
.tickets .ticket.st-default .block-product .meta input.formText {
    border-color: #fff;
}
.tickets .ticket.st-default .block-product .meta button .price {
    color: #fff;
}
.tickets .ticket.st-default .ticket-notify-form h3, .tickets .ticket.st-default .ticket-notify-form .txt-wrap, .tickets .ticket.st-default .ticket-notify-form .inner, .tickets .ticket.st-default .ticket-notify-form .meta {
    color: #fff;
    opacity: .6;
}
.tickets .ticket.st-default .ticket-notify-form .meta h3 {
    color: #fff;
    opacity: 1;
    padding: 12px;
    background: #0000001a;
    margin-bottom: 0;
    border-radius: 4px;
}

/* ############# */
/* Wintersaison */
/* ############# */

/* Standard */
.tickets .ticket.ws-default .block-product .inner {
    background: #2098d5;
    color: #fff;
}
.tickets .ticket.ws-default .block-product .meta {
    background: #2098d5;
}
.tickets .ticket.ws-default .block-product .meta .formAmount .icon {
    color: #fff;
    border-color: #fff;
}
.tickets .ticket.ws-default .block-product .meta input.formText {
    border-color: #fff;
}
.tickets .ticket.ws-default .block-product .meta button .price {
    color: #fff;
}
.tickets .ticket.ws-default .ticket-notify-form h3, .tickets .ticket.ws-default .ticket-notify-form .txt-wrap, .tickets .ticket.ws-default .ticket-notify-form .inner, .tickets .ticket.ws-default .ticket-notify-form .meta {
    color: #fff;
    opacity: .6;
}
.tickets .ticket.ws-default .ticket-notify-form .meta h3 {
    color: #fff;
    opacity: 1;
    padding: 12px;
    background: #0000001a;
    margin-bottom: 0;
    border-radius: 4px;
}

/* Ermäßigte */
.tickets .ticket.ws-reduced .block-product .inner {
    background: #bc253b;
    color: #fff;
}
.tickets .ticket.ws-reduced .block-product .meta {
    background: #bc253b;
}
.tickets .ticket.ws-reduced .block-product .meta .formAmount .icon {
    color: #fff;
    border-color: #fff;
}
.tickets .ticket.ws-reduced .block-product .meta input.formText {
    border-color: #fff;
}
.tickets .ticket.ws-reduced .block-product .meta button .price {
    color: #fff;
}
.tickets .ticket.ws-reduced .ticket-notify-form h3, .tickets .ticket.ws-reduced .ticket-notify-form .txt-wrap, .tickets .ticket.ws-reduced .ticket-notify-form .inner, .tickets .ticket.ws-reduced .ticket-notify-form .meta {
    color: #fff;
    opacity: .6;
}
.tickets .ticket.ws-reduced .ticket-notify-form .meta h3 {
    color: #fff;
    opacity: 1;
    padding: 12px;
    background: #ffffff1a;
    margin-bottom: 0;
    border-radius: 4px;
}

/* Nulltickets */
.tickets .ticket.ws-zero .block-product .inner {
    background: #428a54;
    color: #fff;
}
.tickets .ticket.ws-zero .block-product .meta {
    background: #428a54;
}
.tickets .ticket.ws-zero .block-product .meta .formAmount .icon {
    color: #fff;
    border-color: #fff;
}
.tickets .ticket.ws-zero .block-product .meta input.formText {
    border-color: #fff;
}
.tickets .ticket.ws-zero .block-product .meta button .price {
    color: #fff;
}
.tickets .ticket.ws-zero .ticket-notify-form h3, .tickets .ticket.ws-zero .ticket-notify-form .txt-wrap, .tickets .ticket.ws-zero .ticket-notify-form .inner, .tickets .ticket.ws-zero .ticket-notify-form .meta {
    color: #fff;
    opacity: .6;
}
.tickets .ticket.ws-zero .ticket-notify-form .meta h3 {
    color: #fff;
    opacity: 1;
    padding: 12px;
    background: #ffffff1a;
    margin-bottom: 0;
    border-radius: 4px;
}

/* Christmas Button */
.tickets .ticket.ws-default .block-product .meta button.more, .tickets .ticket.ws-reduced .block-product .meta button.more, .tickets .ticket.ws-zero .block-product .meta button.more {
    background-color: #facc6b;
    background-image: linear-gradient(315deg, #facc6b 0%, #fabc3c 74%);
}

/* -------------------------------------- */

/* Media queries */
@media only screen and (max-width: 1280px) {
    #teaser .bubble {
        width: 300px;
        height: 300px;
        padding: 36px 50px 20px 30px;
    }
    #teaser .bubble span {
        font-size: 38px;
    }
}
@media only screen and (max-width: 576px) {
    .content-modules.green .inner h3 {
        font-size: 18px;
        line-height: 1.4;
    }
}
@media only screen and (max-width: 480px) {
    #teaser .bubble.green {
        display: block;
        position: relative;
        background: #85B919;
        margin-top: 0;
        width: 100%;
        height: auto;
        right: 0;
        padding: 30px 10px 20px 10px;
    }
    #teaser .bubble span {
        font-size: 22px;
    }
    .tickets .ticket .block-product .inner h3 {
        font-size: 28px;
        line-height: 1.1;
    }
    /* Winter Modus */
    .winter-modus #teaser .bubble.green {
        background: #41b9b8;
    }
    .covid-warnung {
        margin-top: 30px;
    }
    /* Lageplan Mobile Fix */
    #lageplan a.tooltip {
        font-size: 11px;
        padding: 3px 10px 8px;
    }
    .icon-arrow-rt::before {
        content: none;
    }
    #lageplan a.pin {
        font-size: 22px;
        line-height: 47px;
        width: 46px;
        height: 51px;
    }
    #lageplan a.pin.grey, #lageplan a.pin.magenta {
        background-size: 100%;
    }
    /* Startseite */
    .lageplan img.map {
        bottom: 0 !important;
        left: 0 !important;
    }
}