@charset "UTF-8";
.typo3-shell {
    .myBookingsLink {
        margin-right: 15px !important;

        &:hover {
            color: #cc0000;
        }
    }
}

.typo3-shell .typo3-shell.sticky {
    display: unset
}

.typo3-shell .btn-primary {
    color: #fff;
    background-color: #ffffff;
    border-color: #ffffff
}

.typo3-shell .brand-prefix {
    color: #333333
}

.typo3-shell header.haspajoker, .typo3-shell header.haspajoker.scrolled {
    top: 0 !important;
    z-index: 999;
    border-bottom: 1px solid #ee0000;
    box-shadow: 1px 1px 2px #999
}

.typo3-shell header.haspajoker .hamburger, .typo3-shell header.haspajoker.scrolled .hamburger {
    margin-right: 5px;
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none
}

.typo3-shell header.haspajoker .hamburger i, .typo3-shell header.haspajoker.scrolled .hamburger i {
    color: #ee0000;
    transition: transform 0.3s ease, color 0.3s ease
}

.typo3-shell header.haspajoker .hamburger.is-active i, .typo3-shell header.haspajoker.scrolled .hamburger.is-active i {
    transform: rotate(180deg);
    color: #ee0000
}

.typo3-shell header.haspajoker .hamburger:focus, .typo3-shell header.haspajoker .hamburger:active, .typo3-shell header.haspajoker.scrolled .hamburger:focus, .typo3-shell header.haspajoker.scrolled .hamburger:active {
    outline: none
}

.typo3-shell header.haspajoker .containerFullWidth, .typo3-shell header.haspajoker.scrolled .containerFullWidth {
    background-color: #fff;
    width: 100%
}

.typo3-shell header.haspajoker .header_container, .typo3-shell header.haspajoker.scrolled .header_container {
    background-color: #fff;
    height: 70px;
    max-width: 1472px;
    width: 100%;
    margin: 0 auto
}

@media screen and (max-width: 991px) {
    .typo3-shell header.haspajoker .header_container, .typo3-shell header.haspajoker.scrolled .header_container {
        justify-content: space-between
    }

    .typo3-shell header.haspajoker .header_container .d-none, .typo3-shell header.haspajoker.scrolled .header_container .d-none {
        display: block !important
    }
}

.typo3-shell header.haspajoker .header_container #mainnavigation.main_nav, .typo3-shell header.haspajoker.scrolled .header_container #mainnavigation.main_nav {
    height: 70px
}

.typo3-shell header.haspajoker .header_container #mainnavigation.main_nav .main_nav_list .main_nav_item, .typo3-shell header.haspajoker.scrolled .header_container #mainnavigation.main_nav .main_nav_list .main_nav_item {
    height: 100%
}

.typo3-shell header.haspajoker .header_container #mainnavigation.main_nav .main_nav_list .main_nav_item::after, .typo3-shell header.haspajoker.scrolled .header_container #mainnavigation.main_nav .main_nav_list .main_nav_item::after {
    background: none
}

.typo3-shell header.haspajoker .header_container #mainnavigation.main_nav .main_nav_list .main_nav_item button, .typo3-shell header.haspajoker.scrolled .header_container #mainnavigation.main_nav .main_nav_list .main_nav_item button {
    color: #333;
    line-height: 71px
}

.typo3-shell header.haspajoker .header_container #mainnavigation.main_nav .main_nav_list .main_nav_item .dropdown-menu, .typo3-shell header.haspajoker.scrolled .header_container #mainnavigation.main_nav .main_nav_list .main_nav_item .dropdown-menu {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding-bottom: 10px
}

.typo3-shell header.haspajoker .header_container #mainnavigation.main_nav .main_nav_list .main_nav_item .dropdown-menu li, .typo3-shell header.haspajoker.scrolled .header_container #mainnavigation.main_nav .main_nav_list .main_nav_item .dropdown-menu li {
    background-color: transparent
}

.typo3-shell header.haspajoker .header_container #mainnavigation.main_nav .main_nav_list .main_nav_item .dropdown-menu li .dropdown-item.active, .typo3-shell header.haspajoker.scrolled .header_container #mainnavigation.main_nav .main_nav_list .main_nav_item .dropdown-menu li .dropdown-item.active {
    background-color: transparent
}

.typo3-shell header.haspajoker .header_container #mainnavigation.main_nav .main_nav_list .main_nav_item:hover button .nav-link-text, .typo3-shell header.haspajoker.scrolled .header_container #mainnavigation.main_nav .main_nav_list .main_nav_item:hover button .nav-link-text {
    text-decoration: none;
    border-bottom: 1px solid #ee0000
}

.typo3-shell header.haspajoker .header_container #mainnavigation.main_nav .main_nav_list .main_nav_item:hover .ul.dropdown-menu, .typo3-shell header.haspajoker.scrolled .header_container #mainnavigation.main_nav .main_nav_list .main_nav_item:hover .ul.dropdown-menu {
    padding: 0
}

.typo3-shell header.haspajoker .header_container #mainnavigation.main_nav .main_nav_list .main_nav_item.active:hover button .nav-link-text, .typo3-shell header.haspajoker.scrolled .header_container #mainnavigation.main_nav .main_nav_list .main_nav_item.active:hover button .nav-link-text {
    border-bottom: 0
}

.typo3-shell header.haspajoker .header_container .logo_container, .typo3-shell header.haspajoker.scrolled .header_container .logo_container {
    width: 200px
}

.typo3-shell header.haspajoker .header_container .logo_container .logo, .typo3-shell header.haspajoker.scrolled .header_container .logo_container .logo {
    padding: 0
}

.typo3-shell header.haspajoker .header_container .logo_container .logo .logo_image, .typo3-shell header.haspajoker.scrolled .header_container .logo_container .logo .logo_image {
    position: relative;
    width: 170px;
    height: auto;
    top: -11px;
    left: 0
}

@media screen and (max-width: 1470px) {
    .typo3-shell header.haspajoker .header_container .logo_container .logo .logo_image, .typo3-shell header.haspajoker.scrolled .header_container .logo_container .logo .logo_image {
        left: 15px
    }
}

.typo3-shell header.haspajoker .header_container #headerMyPtg, .typo3-shell header.haspajoker.scrolled .header_container #headerMyPtg {
    height: 20px;
    margin-left: auto
}

.typo3-shell header.haspajoker .header_container #headerMyPtg a, .typo3-shell header.haspajoker.scrolled .header_container #headerMyPtg a {
    color: #333;
    font-size: 15px;
    font-weight: 600;
    margin-right: 10px
}

.typo3-shell header.haspajoker .header_container #headerMyPtg a i, .typo3-shell header.haspajoker.scrolled .header_container #headerMyPtg a i {
    display: inline-block;
    height: 15px;
    width: 14px;
    margin-right: 4px
}

.typo3-shell header.haspajoker .header_container #headerMyPtg a i svg, .typo3-shell header.haspajoker.scrolled .header_container #headerMyPtg a i svg {
    margin-top: -3px
}

.typo3-shell header.haspajoker .header_container .brand-myaccount, .typo3-shell header.haspajoker.scrolled .header_container .brand-myaccount {
    margin-left: auto
}

.typo3-shell header.haspajoker .header_container .brand-myaccount .info-text a.btn-primary, .typo3-shell header.haspajoker .header_container .brand-myaccount .info-text a.dropdown-toggle, .typo3-shell header.haspajoker.scrolled .header_container .brand-myaccount .info-text a.btn-primary, .typo3-shell header.haspajoker.scrolled .header_container .brand-myaccount .info-text a.dropdown-toggle {
    font-size: 15px;
    font-weight: 600;
    box-shadow: none;
    color: #333;
    padding-top: 8px
}

.typo3-shell header.haspajoker .header_container .brand-myaccount .info-text a.btn-primary.loggedIn, .typo3-shell header.haspajoker .header_container .brand-myaccount .info-text a.dropdown-toggle.loggedIn, .typo3-shell header.haspajoker.scrolled .header_container .brand-myaccount .info-text a.btn-primary.loggedIn, .typo3-shell header.haspajoker.scrolled .header_container .brand-myaccount .info-text a.dropdown-toggle.loggedIn {
    padding-top: 4px
}

.typo3-shell header.haspajoker .header_container .brand-myaccount .info-text a.btn-primary:hover, .typo3-shell header.haspajoker .header_container .brand-myaccount .info-text a.dropdown-toggle:hover, .typo3-shell header.haspajoker.scrolled .header_container .brand-myaccount .info-text a.btn-primary:hover, .typo3-shell header.haspajoker.scrolled .header_container .brand-myaccount .info-text a.dropdown-toggle:hover {
    color: red
}

.typo3-shell header.haspajoker .header_container .brand-myaccount .info-text a.btn-primary i, .typo3-shell header.haspajoker .header_container .brand-myaccount .info-text a.dropdown-toggle i, .typo3-shell header.haspajoker.scrolled .header_container .brand-myaccount .info-text a.btn-primary i, .typo3-shell header.haspajoker.scrolled .header_container .brand-myaccount .info-text a.dropdown-toggle i {
    display: inline-block;
    height: 15px;
    width: 14px;
    margin-right: 4px
}

.typo3-shell header.haspajoker .header_container .brand-myaccount .info-text a.btn-primary i svg, .typo3-shell header.haspajoker .header_container .brand-myaccount .info-text a.dropdown-toggle i svg, .typo3-shell header.haspajoker.scrolled .header_container .brand-myaccount .info-text a.btn-primary i svg, .typo3-shell header.haspajoker.scrolled .header_container .brand-myaccount .info-text a.dropdown-toggle i svg {
    margin-top: -3px
}

@media screen and (max-width: 1470px) {
    .typo3-shell header.haspajoker .header_container .brand-myaccount .info-text a.btn-primary, .typo3-shell header.haspajoker .header_container .brand-myaccount .info-text a.dropdown-toggle, .typo3-shell header.haspajoker.scrolled .header_container .brand-myaccount .info-text a.btn-primary, .typo3-shell header.haspajoker.scrolled .header_container .brand-myaccount .info-text a.dropdown-toggle {
        margin-right: 15px
    }
}

.typo3-shell header.haspajoker .header_container .brand-myaccount .info-text .register, .typo3-shell header.haspajoker.scrolled .header_container .brand-myaccount .info-text .register {
    font-size: 14px
}

.typo3-shell header.haspajoker .header_container .brand-myaccount .info-text .myBookingsLink, .typo3-shell header.haspajoker.scrolled .header_container .brand-myaccount .info-text .myBookingsLink {
    color: #333;
    margin-right: 15px;
    font-size: 15px;
    font-weight: 600;
    line-height: 7
}

.typo3-shell header.haspajoker .header_container .brand-myaccount .info-text .myBookingsLink:hover, .typo3-shell header.haspajoker.scrolled .header_container .brand-myaccount .info-text .myBookingsLink:hover {
    color: #ee0000
}

.typo3-shell header.haspajoker .header_container .brand-myaccount .info-text .dropdown-menu, .typo3-shell header.haspajoker.scrolled .header_container .brand-myaccount .info-text .dropdown-menu {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border: 0;
    box-shadow: none;
    width: 190px
}

.typo3-shell header.haspajoker .header_container .brand-myaccount .info-text .dropdown-menu .btn-primary, .typo3-shell header.haspajoker.scrolled .header_container .brand-myaccount .info-text .dropdown-menu .btn-primary {
    color: #fff
}

@media screen and (max-width: 991px) {
    .typo3-shell {
    }

    .typo3-shell header.haspajoker .myBookingsLink {
        display: none
    }
}

.typo3-shell .menu_container {
    background-color: #fff
}

.typo3-shell .menu_container .menu_close {
    background-color: #333
}

.typo3-shell .menu_container .menu_close:after {
    background-color: #333
}

@media screen and (max-width: 991px) {
    .typo3-shell .menu_container {
        top: 72px
    }

    .typo3-shell .menu_container .menu_close_container {
        display: none
    }

    .typo3-shell .menu_container #mobilenavigation {
        background-color: #fff;
        top: 20px !important
    }

    .typo3-shell .menu_container #mobilenavigation .main_nav_list li.main_nav_item {
        border-color: #ddd;
        padding-left: 10px
    }

    .typo3-shell .menu_container #mobilenavigation .main_nav_list li.main_nav_item.my-bookings {
        border-bottom: none;
        padding-left: 10px
    }

    .typo3-shell .menu_container #mobilenavigation .main_nav_list li.main_nav_item.my-bookings a.myBookingsLink {
        text-align: center;
        padding-right: 15px;
        color: #ee0000
    }

    .typo3-shell .menu_container #mobilenavigation .main_nav_list li.main_nav_item.my-bookings a.myBookingsLink:hover {
        color: #c00000
    }

    .typo3-shell .menu_container #mobilenavigation .main_nav_list li.main_nav_item {
        padding-left: 10px !important;
    }

    .typo3-shell .menu_container #mobilenavigation .main_nav_list li.main_nav_item button {
        color: #333
    }

    .typo3-shell .menu_container #mobilenavigation .main_nav_list li.main_nav_item button:after {
        margin: 8px 20px 0 10px;
        transition: transform 0.3s ease;
        transform: rotate(-90deg)
    }

    .typo3-shell .menu_container #mobilenavigation .main_nav_list li.main_nav_item button span.nav-link-text {
        font-weight: 600;
        font-size: 18px
    }

    .typo3-shell .menu_container #mobilenavigation .main_nav_list li.main_nav_item.is-open button:after {
        transform: rotate(0deg)
    }

    .typo3-shell .menu_container #mobilenavigation .main_nav_list li.main_nav_item ul.dropdown-menu {
        background-color: #fff;
        margin-left: 0;
        padding-bottom: 10px
    }

    .typo3-shell .menu_container #mobilenavigation .main_nav_list li.main_nav_item ul.dropdown-menu li {
        border: none !important
    }

    .typo3-shell .menu_container #mobilenavigation .main_nav_list li.main_nav_item ul.dropdown-menu li:last-child {
        border-bottom: 1px solid #ccc
    }

    .typo3-shell .menu_container #mobilenavigation .main_nav_list li.main_nav_item ul.dropdown-menu li a {
        color: #333;
        margin-left: 15px;
        font-weight: 600;
        max-width: 85%
    }

    .typo3-shell .menu_container #mobilenavigation .main_nav_list li.main_nav_item ul.dropdown-menu li a.active .dropdown-text {
        color: #ee0000
    }
}

.typo3-shell .main_nav_list--account {
    display: none
}

@media screen and (max-width: 991px) {
    .typo3-shell #mobilenavigation .main_nav_list--account {
        display: block;
        margin-top: 10px;
        border-top: none !important
    }

    .typo3-shell #mobilenavigation .main_nav_list .main_nav_item .nav-link {
        display: block;
        padding: 12px 0;
        color: #333;
        font-weight: 600;
        font-size: 18px
    }
}

.typo3-shell .dropdown-menu a {
    color: #333333
}

.typo3-shell .dropdown-menu .btn-primary {
    background-color: #ee0000;
    color: #fff
}

.typo3-shell .floatingNavigation ul li {
    color: #ee0000
}

.typo3-shell .floatingNavigation ul li a.sidebarmenue {
    color: #333
}

.typo3-shell .floatingNavigation ul li ul.floatingNavigation__subOpen li {
    color: #333
}

.typo3-shell .main_nav_item {
    padding-top: 0
}

.typo3-shell .main_nav_item:hover a, .typo3-shell .main_nav_item.active a {
    color: #ee0000
}

.typo3-shell .main_nav_item.active::after {
    background: #ee0000
}

.typo3-shell #mainnavigation.main_nav {
    height: 121px
}

.typo3-shell #mainnavigation.main_nav .main_nav_list .main_nav_item.active:hover button span.nav-link-text {
    text-decoration: none !important
}

.typo3-shell #mainnavigation.main_nav .main_nav_list .main_nav_item.active button {
    padding-left: 12px;
    padding-right: 12px
}

.typo3-shell #mainnavigation.main_nav .main_nav_list .main_nav_item.active button span.nav-link-text {
    background-color: #940000;
    color: #fff;
    border-radius: 8px;
    padding: 5px 10px;
    border-bottom: none
}

.typo3-shell #mainnavigation.main_nav .main_nav_list .main_nav_item.active ul li a.active:hover span.dropdown-text {
    text-decoration: none
}

.typo3-shell #mainnavigation.main_nav .main_nav_list .main_nav_item.active ul li a.active span.dropdown-text {
    background-color: #940000;
    color: white;
    padding: 5px 10px;
    border-radius: 8px;
    border-bottom: none
}

.typo3-shell #mainnavigation.main_nav .main_nav_list .main_nav_item button {
    line-height: 121px
}

.typo3-shell #mainnavigation.main_nav .main_nav_list .main_nav_item button.is-hover {
    text-decoration: none;
    background-color: transparent
}

.typo3-shell #mainnavigation.main_nav .main_nav_list .main_nav_item .dropdown-menu {
    border-radius: 0;
    background-color: #fff;
    box-shadow: unset
}

.typo3-shell #mainnavigation.main_nav .main_nav_list .main_nav_item .dropdown-menu a {
    color: #333
}

.typo3-shell #mainnavigation.main_nav .main_nav_list .main_nav_item .dropdown-menu a:hover span {
    color: #333;
    text-decoration: underline
}

.typo3-shell .header.scrolled #mainnavigation.main_nav {
    height: 60px
}

.typo3-shell .header.scrolled #mainnavigation.main_nav .main_nav_list .main_nav_item button {
    line-height: 60px
}

.typo3-shell .header.scrolled #mainnavigation.main_nav .main_nav_list .main_nav_item .dropdown-menu {
    border-radius: 0;
    background-color: #fff;
    box-shadow: unset
}

.typo3-shell .header.scrolled #mainnavigation.main_nav .main_nav_list .main_nav_item .dropdown-menu a {
    color: #333
}

.typo3-shell .header.scrolled #mainnavigation.main_nav .main_nav_list .main_nav_item .dropdown-menu a:hover span {
    color: #333;
    text-decoration: underline
}

.typo3-shell .header.scrolled .main_nav_list .main_nav_item.active:hover button span.nav-link-text {
    border-bottom: 0
}

.typo3-shell .tile_teaser a .top_item_content, .typo3-shell .special_title {
    background: #ee0000
}

@media screen and (min-width: 991px) {
    .typo3-shell .tile_teaser {
        margin-top: 0
    }
}

.typo3-shell .quicksearch {
    background-color: white;
    box-shadow: 2px 2px 10px #ccc
}

.typo3-shell .quicksearch #form-submit {
    background-color: #ee0000;
    border-radius: 50px;
    font-weight: 500
}

.typo3-shell .quicksearch #form-submit:hover {
    background-color: #c00000
}

.typo3-shell .quicksearch label {
    color: #333
}

.typo3-shell .quicksearch .info-tab {
    background-color: #fff;
    color: #333
}

.typo3-shell .quicksearch .tabs-wrapper .tab-indicator {
    background-color: #E60000 !important
}

.typo3-shell .social-opt-in-wrapper .social-opt-in__button, .typo3-shell #all-opt-in-toggle {
    background-color: #ffffff !important;
    color: white !important;
    padding: 10px;
    font-size: 12px;
    border: 1px solid #ffffff;
    -webkit-box-shadow: 0 3px 13px -6px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0 3px 13px -6px rgba(0, 0, 0, 0.75);
    box-shadow: 0 3px 13px -6px rgba(0, 0, 0, 0.75);
    transition: all 0.3s ease-in-out;
    text-decoration: none !important
}

.typo3-shell .social-opt-in-wrapper a:hover, .typo3-shell #all-opt-in-toggle:hover {
    text-decoration: underline !important;
    -webkit-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.35), 0 0 5px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.35), 0 0 5px 0 rgba(0, 0, 0, 0.1)
}

.typo3-shell .social-opt-in-wrapper {
    flex: 1 0 0 !important
}

.typo3-shell .content .frame-type-felogin_login input[type="submit"], .typo3-shell .content a.btn-primary {
    background-color: #ee0000;
    color: #fff;
    border-radius: 25px
}

.typo3-shell .content .frame-type-felogin_login input[type="submit"]:hover, .typo3-shell .content a.btn-primary:hover {
    background-color: #9a0000;
    color: #fff
}

.typo3-shell .content a.overlay {
    display: none
}

.typo3-shell .tx-sms-midoco ul.myptgaccountnav {
    justify-content: flex-end
}

.typo3-shell .tx-sms-midoco ul.myptgaccountnav li.item a {
    color: #333
}

.typo3-shell .tx-sms-midoco ul.myptgaccountnav li.item.active a {
    color: #ee0000
}

.typo3-shell .footer .footer-section-content .frame-type-menu_subpages ul {
    text-align: left;
    padding-left: 0
}

.typo3-shell .footer .footer-section-content .frame-type-menu_subpages ul li {
    display: block;
    padding: 6px 0;
    line-height: 14px;
    border-right: none;
    font-size: 15px;
    font-weight: 300
}

.typo3-shell .footer .footer-section-content .frame-type-menu_subpages ul li a {
    text-decoration: none
}

.typo3-shell .footer .footer-section-content .frame-type-image h4.element-header, .typo3-shell .footer .footer-section-content .frame-type-text h4.element-header, .typo3-shell .footer .footer-section-content .frame-type-textpic h4.element-header, .typo3-shell .footer .footer-section-content .frame-type-menu_subpages h4.element-header {
    font-weight: 600
}

.typo3-shell .footer .footer-section-content .frame-type-text p {
    font-size: 15px;
    font-weight: 300;
    line-height: 1.6
}

.typo3-shell .footer .footer-section-content .frame-type-image .gallery-row {
    justify-content: flex-start
}

.typo3-shell .footer .footer-section-content .frame-type-textpic .gallery-row {
    display: block
}

.typo3-shell .footer .footer-section-content .frame-type-textpic .textpic {
    gap: 15px
}

.typo3-shell .footer .footer-section-content .frame-type-textpic .textpic .gallery-item-size-2 {
    padding-bottom: 10px
}

.typo3-shell #p25 .quicksearch {
    margin-top: -150px;
    top: 0;
    background-color: #444
}

@media (max-width: 768px) {
    .typo3-shell #p25 .quicksearch {
        margin-top: -200px
    }
}

@media (max-width: 1024px) and (min-width: 768px) {
    .typo3-shell #p25 .quicksearch label {
        font-size: 11px
    }
}

.typo3-shell #p25 .quicksearch label {
    color: #fff
}

.typo3-shell #p25 .quicksearch .info-tab {
    color: #fff;
    background-color: #444;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px
}

.typo3-shell #p25 .quicksearch .info-tab a:hover {
    color: #fff
}

.typo3-shell #p25 .quicksearch .tab1 {
    background-image: url("../../../../_assets/707ef90270b5b9ff1aa1308d1728d45d/Icons/navi-icons/Pauschalreisen.png") !important;
    background-size: 16%;
    background-position: 3px 7px
}

.typo3-shell #p25 .quicksearch .tab1b {
    background-image: url("../../../../_assets/707ef90270b5b9ff1aa1308d1728d45d/Icons/navi-icons/lastminute.svg") !important;
    background-size: 17%;
    background-position: 4px 9px
}

.typo3-shell #p25 .quicksearch .tab1c {
    background-image: url("../../../../_assets/707ef90270b5b9ff1aa1308d1728d45d/Icons/navi-icons/Unterkuenfte.png") !important;
    background-size: 28%;
    background-position: 4px 6px
}

.typo3-shell #p25 .quicksearch .tab2 {
    background-image: url("../../../../_assets/707ef90270b5b9ff1aa1308d1728d45d/Icons/navi-icons/Unterkuenfte.png") !important;
    background-size: 28%;
    background-position: 2px 8px
}

.typo3-shell #p25 .quicksearch .tab3 {
    background-image: url("../../../../_assets/707ef90270b5b9ff1aa1308d1728d45d/Icons/navi-icons/Mietwagen.png") !important;
    background-size: 21%;
    background-position: 2px 6px
}

.typo3-shell #p25 .quicksearch .tab4 {
    background-image: url("../../../../_assets/707ef90270b5b9ff1aa1308d1728d45d/Icons/navi-icons/Extras.png") !important;
    background-size: 18%;
    background-position: 2px 6px
}

.typo3-shell #p25 .quicksearch .tab7 {
    background-image: url("../../../../_assets/707ef90270b5b9ff1aa1308d1728d45d/Icons/navi-icons/Kreuzfahrten.png") !important;
    background-size: 19%;
    background-position: 2px 4px
}

.typo3-shell #p25 .quicksearch .tab6 {
    background-image: url("../../../../_assets/707ef90270b5b9ff1aa1308d1728d45d/Icons/navi-icons/FeWo.png") !important;
    background-size: 32%;
    background-position: 2px 3px
}

@media (max-width: 768px) {
    .typo3-shell #p25 .quicksearch #form-submit {
        margin-top: 12px
    }
}

.typo3-shell #p25 .quicksearch .suggest-list, .typo3-shell #p25 .quicksearch .sinvestigator-initiated-trialsuggest-list {
    width: auto;
    top: 86px;
    box-sizing: border-box;
    z-index: 10;
    max-height: 395px;
    overflow-y: auto;
    overflow-x: hidden
}

.typo3-shell #p25 .quicksearch .suggest-list.popup, .typo3-shell #p25 .quicksearch .sinvestigator-initiated-trialsuggest-list.popup {
    background: white;
    color: #333;
    border-radius: 10px;
    box-shadow: 1px 1px 4px #ddd
}

.typo3-shell #p25 .quicksearch .suggest-list.popup strong, .typo3-shell #p25 .quicksearch .sinvestigator-initiated-trialsuggest-list.popup strong {
    display: inline-block;
    padding: 10px 10px 0 15px
}

.typo3-shell #p25 .quicksearch .suggest-list.popup ul, .typo3-shell #p25 .quicksearch .sinvestigator-initiated-trialsuggest-list.popup ul {
    padding: 10px 15px
}

@media (max-width: 575px) {
    .typo3-shell #p25 .quicksearch #results {
        top: 96px
    }

    .typo3-shell #p25 .quicksearch #results2 {
        top: 173px
    }
}

.typo3-shell #p25 .quicksearch #who-popup-trigger {
    pointer-events: none
}

.typo3-shell #p25 .quicksearch #who-popup {
    top: 100%;
    margin-top: 6px;
    box-sizing: border-box;
    z-index: 10;
    right: 0;
    left: auto
}

.typo3-shell #p25 .quicksearch #who-popup.popup {
    width: 330px;
    background: white;
    color: #333;
    border-radius: 10px;
    box-shadow: 1px 1px 4px #ddd;
    padding: 10px 18px;
    font-size: 1.05rem
}

@media screen and (max-width: 768px) {
    .typo3-shell #p25 .quicksearch #who-popup.popup {
        padding: 5px 14px;
        width: 96vw;
        max-width: 96vw;
        top: 100%;
        transform: none
    }
}

.typo3-shell #p25 .quicksearch #who-popup.popup #rooms-container {
    margin-bottom: 8px
}

.typo3-shell #p25 .quicksearch #who-popup.popup .who-room {
    padding-bottom: 5px;
    border-bottom: 1px solid #ccc
}

.typo3-shell #p25 .quicksearch #who-popup.popup .who-room > .d-flex:not(.who-row) span:first-child {
    font-weight: 700
}

.typo3-shell #p25 .quicksearch #who-popup.popup #who-submit {
    background-color: #ee0000;
    color: white;
    border: none
}

.typo3-shell #p25 .quicksearch #who-popup.popup .who-row span {
    margin-right: 10px
}

.typo3-shell #p25 .quicksearch #who-popup.popup .who-row #who-adult-count, .typo3-shell #p25 .quicksearch #who-popup.popup .who-row #who-child-count {
    width: 25px;
    height: auto;
    display: inline-block;
    text-align: center;
    margin: 0
}

.typo3-shell #p25 .quicksearch #who-popup.popup .who-row button.who-minus, .typo3-shell #p25 .quicksearch #who-popup.popup .who-row button.who-plus {
    border-radius: 50px;
    padding: 2px 10px;
    height: 30px;
    width: 30px
}

.typo3-shell #p25 .quicksearch .departure-popup {
    width: auto;
    top: 86px;
    box-sizing: border-box;
    z-index: 10;
    overflow-x: visible
}

.typo3-shell #p25 .quicksearch .departure-popup.popup {
    background: white;
    color: #333;
    border-radius: 10px;
    box-shadow: 1px 1px 4px #ddd;
    padding: 10px 14px
}

.typo3-shell #p25 .quicksearch .departure-popup.popup #departure-submit {
    background-color: #ee0000;
    color: white;
    border: none
}

.typo3-shell #p25 .quicksearch .departure-popup .departure-popup-inner .form-check {
    display: flex;
    align-items: center;
    margin-bottom: 6px
}

.typo3-shell #p25 .quicksearch .departure-popup .departure-popup-inner .form-check-label {
    color: #333;
    font-size: 15px;
    display: inline-block;
    margin: 0
}

.typo3-shell #p25 .quicksearch .departure-popup .departure-popup-inner .form-check-input {
    border-color: #333;
    margin-left: 0;
    margin-right: 0.35rem;
    width: 1.1rem;
    height: 1.1rem;
    vertical-align: middle;
    accent-color: #333
}

.typo3-shell #p25 .quicksearch .departure-popup .departure-popup-inner .form-check-input:checked {
    background-color: #333;
    border-color: #333
}

.typo3-shell #p25 .quicksearch .departure-popup .departure-airport-list {
    max-height: 260px;
    overflow-y: auto;
    display: flex;
    flex-wrap: wrap;
    scrollbar-width: thin;
    scrollbar-color: #cccccc transparent
}

.typo3-shell #p25 .quicksearch .departure-popup .departure-airport-list::-webkit-scrollbar {
    width: 6px
}

.typo3-shell #p25 .quicksearch .departure-popup .departure-airport-list::-webkit-scrollbar-track {
    background: transparent
}

.typo3-shell #p25 .quicksearch .departure-popup .departure-airport-list::-webkit-scrollbar-thumb {
    background-color: #cccccc;
    border-radius: 3px
}

.typo3-shell #p25 .quicksearch .departure-popup .departure-airport-list::-webkit-scrollbar-thumb:hover {
    background-color: #aaaaaa
}

.typo3-shell #p25 .quicksearch .departure-popup .departure-airport-list .departure-country {
    width: 100%;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    margin-top: 8px;
    margin-bottom: 4px;
    color: #333
}

.typo3-shell #p25 .quicksearch .departure-popup .departure-airport-list .departure-airport {
    display: flex;
    align-items: center;
    width: 50%;
    font-size: 15px;
    color: #333;
    padding: 3px 0
}

.typo3-shell #p25 .quicksearch .departure-popup .departure-airport-list .departure-airport .form-check-input {
    border-color: #333;
    margin-left: 0;
    margin-right: 0.35rem;
    width: 1.1rem;
    height: 1.1rem;
    vertical-align: middle;
    accent-color: #333
}

.typo3-shell #p25 .quicksearch .departure-popup .departure-airport-list .departure-airport .form-check-input:checked {
    background-color: #333;
    border-color: #333
}

.typo3-shell #p25 .quicksearch .departure-popup .departure-airport-list .departure-airport .form-check-label {
    color: #333;
    font-size: 15px
}

.typo3-shell #p25 .quicksearch .departure-popup .departure-airport-list > .form-check .form-check-label {
    color: #333
}

@media (min-width: 992px) {
    .typo3-shell #p25 .quicksearch .departure-popup .departure-airport-list .departure-airport {
        width: 33.3333%
    }
}

@media (min-width: 1200px) {
    .typo3-shell #p25 .quicksearch .departure-popup .departure-airport-list .departure-airport {
        width: 25%
    }
}

@media screen and (max-width: 768px) {
    .typo3-shell #p25 .quicksearch .departure-popup.popup {
        width: 100%;
        left: 0;
        top: 93px
    }
}

.typo3-shell .quicksearch.hapsaJoker {
    background-color: #333
}

.typo3-shell .quicksearch.hapsaJoker label {
    color: #fff
}

.typo3-shell .quicksearch.hapsaJoker .tab_container6 .frame-type-shortcut, .typo3-shell .quicksearch.hapsaJoker .tab_container7 .frame-type-shortcut {
    margin: 0 150px
}

@media screen and (max-width: 768px) {
    .typo3-shell .quicksearch.hapsaJoker .tab_container6 .frame-type-shortcut, .typo3-shell .quicksearch.hapsaJoker .tab_container7 .frame-type-shortcut {
        margin: 0
    }
}

.typo3-shell .quicksearch.hapsaJoker .tab_container6 .frame-type-shortcut .textpic, .typo3-shell .quicksearch.hapsaJoker .tab_container7 .frame-type-shortcut .textpic {
    color: #fff
}

.typo3-shell .quicksearch.hapsaJoker .tab_container6 .frame-type-shortcut .textpic .btn-primary, .typo3-shell .quicksearch.hapsaJoker .tab_container7 .frame-type-shortcut .textpic .btn-primary {
    background-color: #ee0000;
    border-color: #ee0000;
    border-radius: 50px;
    font-weight: 500
}

.typo3-shell .quicksearch.hapsaJoker .tab_container6 .frame-type-shortcut .textpic .btn-primary:hover, .typo3-shell .quicksearch.hapsaJoker .tab_container7 .frame-type-shortcut .textpic .btn-primary:hover {
    color: #fff;
    text-decoration: underline
}

.typo3-shell #advice3 .advice3_content {
    transition: all 0.5s ease;
    color: #131a2f;
    left: unset;
    right: 0;
    width: 30%;
    top: 0;
    margin-top: 0;
    height: 100vh;
    padding: 40px 50px 40px 0;
    background-color: white
}

.typo3-shell #advice3 .advice3_content .benefits {
    margin-top: 20px
}

.typo3-shell #advice3 .advice3_content .benefit {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
    font-size: 15px;
    color: #333
}

.typo3-shell #advice3 .advice3_content .benefit i {
    color: #e60000;
    margin-right: 10px;
    font-size: 18px;
    min-width: 20px;
    text-align: center
}

.typo3-shell #advice3 .advice3_content .icons svg {
    color: #e60000
}

.typo3-shell #advice3 .advice3_content .icons.size3 svg {
    height: 30px;
    width: auto
}

.typo3-shell #advice3 .advice3_content .small-text {
    margin-top: 10px;
    font-size: 13px;
    color: #666;
    text-decoration: underline;
    cursor: pointer
}

@media (max-width: 768px) {
    .typo3-shell #advice3 .advice3_content h2 {
        font-size: 20px
    }
}

@media screen and (max-width: 503px) {
    .typo3-shell #advice3 .advice3_content {
        margin-top: 0 !important
    }
}

.typo3-shell #advice3 .advice3_content .haspa-login-success {
    margin-bottom: 40px
}

.typo3-shell #advice3 .advice3_content .haspa-login-success a {
    border-radius: 25px;
    background-color: #ee0000;
    color: #fff;
    font-weight: 600;
    margin-top: 1rem;
    margin-left: 20px
}

.typo3-shell #advice3 .advice3_content .haspa-login-success a:hover {
    background-color: #c00000
}

.typo3-shell #advice3 .advice3_content p {
    color: #333
}

.typo3-shell #advice3 .advice3_content p a.directLink {
    color: #333;
    text-decoration: underline;
    border-bottom: 0;
    display: inline
}

.typo3-shell #advice3 .advice3_content p a.directLink.red {
    color: #333;
    font-weight: 600
}

.typo3-shell #advice3 .advice3_content p a.directLink:hover {
    color: #ee0000;
    background: none
}

.typo3-shell #advice3 .advice3_content h3 {
    font-size: 1.3rem;
    margin: 2.25rem 0 2rem;
    font-weight: 600
}

.typo3-shell #advice3 .advice3_content .frame-type-felogin_login input[type="submit"], .typo3-shell #advice3 .advice3_content .frame-type-felogin_login button[type="submit"] {
    border-radius: 25px;
    background-color: #ee0000;
    color: #fff;
    font-weight: 600;
    margin-top: 1rem
}

.typo3-shell #advice3 .advice3_content .frame-type-felogin_login input[type="submit"]:hover, .typo3-shell #advice3 .advice3_content .frame-type-felogin_login button[type="submit"]:hover {
    background-color: #c00000
}

.typo3-shell #advice3 .advice3_content .frame-type-felogin_login a.overlay {
    display: inline-block
}

.typo3-shell #advice3 .advice3_content .btn-secondary {
    border-radius: 25px;
    background-color: transparent;
    border: 2px solid #333;
    color: #333;
    font-weight: 600;
    text-decoration: none;
    margin-top: 1rem;
    margin-left: 10px
}

.typo3-shell #advice3 .advice3_content .btn-secondary:hover {
    background-color: #333;
    color: #fff;
    text-decoration: none
}

.typo3-shell .flatpickr-calendar {
    background-color: #fff !important
}

.typo3-shell .flatpickr-calendar.open {
    border-radius: 10px;
    margin-top: 4px
}

.typo3-shell .flatpickr-duration-wrapper {
    padding: 0 10px 10px;
    margin-top: 0
}

.typo3-shell .flatpickr-calendar .flatpickr-months .flatpickr-next-month, .typo3-shell .flatpickr-calendar .flatpickr-months .flatpickr-prev-month {
    fill: #000000 !important
}

.typo3-shell .flatpickr-calendar .flatpickr-current-month, .typo3-shell .flatpickr-calendar .flatpickr-prev-month, .typo3-shell .flatpickr-calendar .flatpickr-next-month, .typo3-shell .flatpickr-calendar span.flatpickr-weekday, .typo3-shell .flatpickr-calendar .flatpickr-day {
    color: black
}

.typo3-shell .flatpickr-calendar .flatpickr-day.disabled, .typo3-shell .flatpickr-calendar .flatpickr-day.disabled:hover, .typo3-shell .flatpickr-calendar .flatpickr-day.notAllowed, .typo3-shell .flatpickr-calendar .flatpickr-day.notAllowed.prevMonthDay, .typo3-shell .flatpickr-calendar .flatpickr-day.notAllowed.nextMonthDay {
    color: rgba(0, 0, 0, 0.3)
}

.typo3-shell .flatpickr-calendar .flatpickr-day.selected, .typo3-shell .flatpickr-calendar .flatpickr-day.startRange, .typo3-shell .flatpickr-calendar .flatpickr-day.endRange, .typo3-shell .flatpickr-calendar .flatpickr-day.startRange:hover, .typo3-shell .flatpickr-calendar .flatpickr-day.endRange:hover {
    background: #ef0000 !important;
    border-color: transparent
}

.typo3-shell .flatpickr-calendar .flatpickr-day.endRange, .typo3-shell .flatpickr-calendar .flatpickr-day.startRange {
    color: white
}

@media (max-width: 576px) {
    .typo3-shell .flatpickr-calendar.open {
        left: 12px !important;
        right: 12px !important;
        bottom: auto !important
    }
}

.typo3-shell .special .owl-item .special_item .special_item_background::after {
    background: rgba(255, 255, 255, 0.5)
}

.typo3-shell .special .owl-item .special_item .special_title {
    border-radius: 8px
}

.typo3-shell .special .owl-item.center .special_item .special_item_background::after {
    background: none
}

.typo3-shell .special .owl-item.center .special_item .special_title {
    border-radius: 8px
}

.typo3-shell .benefit_teaser .last_item_content {
    background-color: rgba(68, 68, 68, 0.75) !important
}

.typo3-shell .benefit_teaser .button {
    background-color: #ee0000;
    border-radius: 8px
}

.typo3-shell .backendlayout-destino_sub_simple .tx-sms-midoco .mybookings thead tr th {
    color: #cc0000;
    font-size: 14px;
    text-align: left;
    border-bottom: 2px solid #eee
}

.typo3-shell .backendlayout-destino_sub_simple .tx-sms-midoco .mybookings thead tr th.tablesorter-header {
    position: relative;
    background-image: none !important;
    padding-right: 0
}

.typo3-shell .backendlayout-destino_sub_simple .tx-sms-midoco .mybookings thead tr th.tablesorter-header .tablesorter-header-inner {
    display: inline-flex;
    align-items: center;
    width: auto
}

.typo3-shell .backendlayout-destino_sub_simple .tx-sms-midoco .mybookings thead tr th.tablesorter-header .tablesorter-icon {
    position: static !important;
    margin-left: 4px;
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 6px solid #cc0000;
    border-bottom: 0;
    background: none
}

.typo3-shell .backendlayout-destino_sub_simple .tx-sms-midoco .mybookings thead tr th.tablesorter-headerAsc .tablesorter-icon, .typo3-shell .backendlayout-destino_sub_simple .tx-sms-midoco .mybookings thead tr th.tablesorter-headerSortUp .tablesorter-icon {
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 6px solid #000;
    border-top: 0;
    background: none
}

.typo3-shell .backendlayout-destino_sub_simple .tx-sms-midoco .mybookings thead tr th.tablesorter-headerDesc .tablesorter-icon, .typo3-shell .backendlayout-destino_sub_simple .tx-sms-midoco .mybookings thead tr th.tablesorter-headerSortDown .tablesorter-icon {
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 6px solid #000;
    border-bottom: 0;
    background: none
}

.typo3-shell .backendlayout-destino_sub_simple .tx-sms-midoco .mybookings th.sorter-false .tablesorter-icon {
    display: none !important
}

.typo3-shell .backendlayout-destino_sub_simple .tx-sms-midoco .mybookings tbody tr.odd td, .typo3-shell .backendlayout-destino_sub_simple .tx-sms-midoco .mybookings tbody tr.even td {
    color: #333;
    border: none;
    background-color: transparent;
    text-align: left;
    border-bottom: 2px solid #eee
}

.typo3-shell html {
    overflow-y: scroll
}

.typo3-shell .haspa-bookings-more {
    background-color: #ffffff;
    border-radius: 50px;
    font-weight: 500;
    color: #333;
    border: 1px solid #333
}

.typo3-shell .haspa-bookings-more:hover, .typo3-shell .haspa-bookings-more:focus {
    background-color: #d50000;
    border-color: #d50000;
    color: #fff
}

.typo3-shell .haspa-bookings-sort {
    margin: 10px 0 15px;
    font-size: 14px
}

.typo3-shell .haspa-bookings-sort span {
    margin-right: 8px;
    font-weight: 500
}

.typo3-shell .haspa-bookings-sort .haspa-bookings-sort-btn {
    background: none;
    border: none;
    color: #cc0000;
    font-weight: 500;
    padding: 0 6px;
    cursor: pointer
}

.typo3-shell .haspa-bookings-sort .haspa-bookings-sort-btn:hover, .typo3-shell .haspa-bookings-sort .haspa-bookings-sort-btn:focus {
    text-decoration: underline;
    outline: none
}

@media (min-width: 992px) {
    .typo3-shell .haspa-bookings-sort {
        display: none
    }
}

@media (max-width: 991px) {
    .typo3-shell .backendlayout-destino_sub_simple .tx-sms-midoco .mybookings {
        width: 100%;
        border-collapse: separate;
        border-spacing: 0
    }

    .typo3-shell .backendlayout-destino_sub_simple .tx-sms-midoco .mybookings thead {
        display: none
    }

    .typo3-shell .backendlayout-destino_sub_simple .tx-sms-midoco .mybookings tbody {
        display: flex;
        flex-wrap: wrap;
        gap: 12px
    }

    .typo3-shell .backendlayout-destino_sub_simple .tx-sms-midoco .mybookings .haspa-booking-row {
        display: flex;
        flex-direction: column;
        border: 2px solid #ccc;
        border-radius: 4px;
        padding: 10px 12px;
        background-color: #fff;
        width: 100%
    }

    .typo3-shell .backendlayout-destino_sub_simple .tx-sms-midoco .mybookings .haspa-booking-row td {
        display: block;
        padding: 6px 0;
        border-bottom: none !important
    }

    .typo3-shell .backendlayout-destino_sub_simple .tx-sms-midoco .mybookings .haspa-booking-row .haspa-booking-heading {
        font-weight: 600;
        font-size: 16px;
        margin-bottom: 6px;
        order: -1;
        color: #cc0000;
        border-bottom: 2px solid #eee;
        padding-bottom: 4px
    }

    .typo3-shell .backendlayout-destino_sub_simple .tx-sms-midoco .mybookings .haspa-booking-row .haspa-booking-heading[data-label]::before {
        content: "";
        margin: 0
    }

    .typo3-shell .backendlayout-destino_sub_simple .tx-sms-midoco .mybookings .haspa-booking-row td[data-label]::before {
        content: attr(data-label) ": ";
        display: inline-block;
        font-weight: 600;
        margin-right: 4px;
        color: #555
    }
}

@media (max-width: 991px) and (min-width: 768px) and (max-width: 991px) {
    .typo3-shell .backendlayout-destino_sub_simple .tx-sms-midoco .mybookings .haspa-booking-row {
        width: calc(50% - 12px)
    }
}

@media (max-width: 768px) {
    .typo3-shell .backendlayout-destino_sub_simple .tx-sms-midoco .mybookings .haspa-booking-row .haspa-booking-heading {
        font-size: 18px
    }

    .typo3-shell .backendlayout-destino_sub_simple .tx-sms-midoco .mybookings .haspa-booking-row td {
        text-align: left !important;
        position: static;
        padding-left: 0 !important
    }

    .typo3-shell .backendlayout-destino_sub_simple .tx-sms-midoco .mybookings .haspa-booking-row td::before {
        position: static;
        top: auto;
        left: auto;
        width: auto;
        padding: 0;
        white-space: normal
    }

    .typo3-shell .backendlayout-destino_sub_simple .tx-sms-midoco .mybookings .haspa-booking-row td[data-label]::before {
        display: inline;
        margin-right: 4px;
        margin-bottom: 0
    }
}