/* Refresh 2026 – Magazin: tokens */
:root {
    --rf-primary:          #FF8C27;
    --rf-primary-hover:    #E57E23;
    --rf-primary-pressed:  #CC701F;

    --rf-blue:             #0036B3;
    --rf-blue-hover:       #0031A1;
    --rf-blue-pressed:     #002B8F;
    --rf-blue-dark:        #002B8F;

    --rf-success:          #48BE4E;
    --rf-success-hover:    #41AB46;
    --rf-success-pressed:  #3A983E;

    --rf-accent:           #FF42B4;
    --rf-accent-hover:     #E63BA2;

    --rf-radius-xs:        5px;
    --rf-radius-s:         10px;
    --rf-radius-m:         20px;
    --rf-radius-l:         40px;

    --rf-font-headline:    "GT Flexa", "Open Sans", sans-serif;

    --top-color-primary:      var(--rf-blue);
    --top-color-primary-dark: var(--rf-blue-hover);
    --top-color-destination:  var(--rf-blue);
    --top-radius:             var(--rf-radius-m);
    --top-radius-sm:          var(--rf-radius-xs);
}

/* Typography */
@font-face {
    font-family: "GT Flexa";
    src: url("../assets/fonts/GT_Flexa/GT-Flexa-Standard-Bold.woff2") format("woff2"),
         url("../assets/fonts/GT_Flexa/GT-Flexa-Standard-Bold.woff") format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

h1,
h2 {
    font-family: var(--rf-font-headline);
}

/* Links / interaction */
a,
.breadcrumbs a,
.breadcrumb__list li a,
.pagination li a,
.pagination li a.prev,
.pagination li a.next,
.pagination li a.prev span,
.pagination li a.next span,
.secondary-nav .menu > li > a,
.secondary-nav .menu > li:hover > a,
.secondary-nav .menu > li.current-menu-item > a,
.secondary-nav .menu > li.current-menu-parent > a,
.teaser .share-items-desktop .share-link:hover,
.teaser .share-items-desktop .share-link:focus,
.layout-parts a,
.layout-parts a:link,
.layout-parts a:visited,
.layout-parts a:hover,
.layout-parts a:active,
.layout-parts nav#navigation-main.top-bar2 .sub-menu li:hover,
.layout-parts nav#navigation-main.top-bar2 .sub-menu li:active,
.layout-parts nav#navigation-main .sub-menu li:hover > a,
.layout-parts nav#navigation-main .sub-menu li:active > a,
.layout-parts nav#navigation-main .sub-menu li:focus > a,
body #hotlineInfo .hotlinenumber_href {
    color: var(--rf-blue);
}

.secondary-nav .menu > li.current-menu-parent > a:hover,
.secondary-nav .menu > li.current-menu-item > a:hover {
    color: var(--rf-blue-hover);
}

.secondary-nav .menu > li.current-menu-parent > a::after,
.secondary-nav .menu > li.current-menu-item > a::after,
.pagination.current,
.page-numbers.current {
    background-color: var(--rf-blue);
}

textarea#comment:focus + label,
textarea#comment:not(:placeholder-shown) + label,
input#author:focus + label,
input#author:not(:placeholder-shown) + label,
input#email:focus + label,
input#email:not(:placeholder-shown) + label,
input#url:focus + label,
input#url:not(:placeholder-shown) + label {
    color: var(--rf-blue);
}

textarea#comment:focus,
input#author:focus,
input#email:focus,
input#url:focus {
    border-color: var(--rf-blue);
}

.inline,
.widget,
.widget__sharing-item a,
.inline__sharing-header--button,
.inline__sharing-item a,
.inline__sharing-item button,
.keyvisual-slider__slide__content__info {
    color: var(--rf-blue-dark);
}

.main-wrapper .widget__sharing-item a:not(.button):not(.crumbs-link):hover,
.inline__sharing-item a:hover,
.inline__sharing-item button:hover,
.inline__newsletter-icon {
    background-color: var(--rf-blue);
}

.inline__newsletter-inner,
.inline__sharing-inner,
.teaser.top-teaser {
    border-color: var(--rf-blue);
}

.slick-arrow,
.slick-arrow--small,
.secondary-arrows .prev,
.secondary-arrows .next,
.loader > span,
.loader::before,
.loader::after,
.aidu-main-navigation-section {
    background-color: var(--rf-blue);
}

@media screen and (min-width: 40em) {
    .slick-arrow {
        background-color: var(--rf-blue);
    }
}

/* Header / footer */
.layout-parts .block-wrapper-style_header,
.layout-parts .block-wrapper-style_quickLinks,
.layout-parts nav#navigation-main,
.layout-parts nav#navigation-head-sub > ul,
.layout-parts .toggle-sidebars .open-main-navigation,
.layout-parts .toggle-sidebars .toggle-sidebar-wrapper .phone,
.layout-parts .close-main-menu,
.layout-parts #toggle-navigationMain:checked ~ section#navigation .close-main-menu::before {
    background-color: var(--rf-blue);
}

@media (max-width: 1142px) {
    .layout-parts section#navigation,
    .layout-parts.second-header section#navigation,
    .layout-parts:not(.second-header) section#navigation {
        background-color: var(--rf-blue);
    }
}

.layout-parts .block-wrapper-style_copy,
.layout-parts nav#navigation-head-sub li.item-phone .hotline-navigation-icon {
    background-color: var(--rf-blue-dark);
}

div.seobali-1t12cod[style*="#0b2658" i] {
    background-color: var(--rf-blue-dark) !important;
}

.layout-parts ._styling-h5,
.layout-parts .sub-menu,
.layout-parts input,
.layout-parts nav#navigation-head-sub > ul > li:hover > a,
.layout-parts nav#navigation-head-sub ul li form button:hover a {
    color: var(--rf-blue);
}

.layout-parts.second-header nav#navigation-main form #open-search-form-mobile i {
    color: var(--rf-blue);
}

.bali-c9mnld {
    background-color: var(--rf-blue);
}

.aidu-topheader.seobali-1t12cod {
    background-color: var(--rf-blue-dark);
}

.bali-nf22vk:hover,
.bali-15y8sm1.egkwi0 a:hover,
.bali-zigog8.eg8tkt60 a:hover {
    color: var(--rf-blue) !important;
}

body .bali-1ne8kla + .egkwi0 label:hover,
body .aidu-hotline-phone,
body .hotlinenumber_href {
    color: var(--rf-blue);
}

body .aidu-deals-menu-link {
    background-color: var(--rf-accent);
}

body .aidu-deals-menu-link:hover,
body .aidu-deals-menu-link:focus {
    background-color: var(--rf-accent-hover);
}

.pum-theme-65574 .pum-container,
.pum-theme-lightbox .pum-container {
    border-color: var(--rf-blue);
    border-radius: var(--rf-radius-m);
}

.pum-theme-65574 .pum-content + .pum-close,
.pum-theme-lightbox .pum-content + .pum-close {
    background-color: var(--rf-blue);
}

div.css-1qpwpl8 {
    background-color: var(--rf-blue);
}

div.css-ebs5pe {
    background-color: var(--rf-primary);
}

.usp-sheet #usp-sheet-title,
.usp-sheet .usp-sheet__close {
    color: var(--rf-blue);
}

.usp-sheet .usp-item__icon {
    border-color: var(--rf-blue);
}

/* Buttons */
.button,
.button--ajax-load-more,
.inline__newsletter-button,
.widget__newsletter-button {
    border-radius: var(--rf-radius-l);
}

.button,
.button--ajax-load-more,
.inline__newsletter-button,
.widget__newsletter-button {
    background-color: var(--rf-primary);
}

.comments-area .button--submit {
    width: auto;
    border-radius: var(--rf-radius-l) !important;
}

.button:not(.button--ajax-load-more):hover,
.button:not(.button--ajax-load-more):focus,
.inline__newsletter-button:hover,
.widget__newsletter-button:hover {
    background-color: var(--rf-primary-hover);
}

.button:active,
.inline__newsletter-button:active,
.widget__newsletter-button:active {
    background-color: var(--rf-primary-pressed);
}

.button.primary,
.button.secondary,
.button-group.primary .button,
.button-group.secondary .button {
    background-color: var(--rf-blue);
}

.button.primary:hover,
.button.primary:focus,
.button.secondary:hover,
.button.secondary:focus {
    background-color: var(--rf-blue-hover);
}

.button.primary:active,
.button.secondary:active {
    background-color: var(--rf-blue-pressed);
}

.button.success {
    background-color: var(--rf-success);
}

.button.success:hover,
.button.success:focus {
    background-color: var(--rf-success-hover);
}

.button.success:active {
    background-color: var(--rf-success-pressed);
}

.button.hollow,
.button.hollow.primary,
.button.hollow.secondary,
.teaser .button-share-offer-mobile {
    border-color: var(--rf-blue);
    color: var(--rf-blue);
}

.button.hollow:hover,
.button.hollow:focus,
.button.hollow.primary:hover,
.button.hollow.primary:focus,
.button.hollow.secondary:hover,
.button.hollow.secondary:focus {
    border-color: var(--rf-blue-pressed);
    color: var(--rf-blue-pressed);
}

.button.hollow.success {
    border-color: var(--rf-success);
    color: var(--rf-success);
}

.teaser .button-share-offer-mobile:hover,
.teaser .button-share-offer-mobile:focus {
    background-color: var(--rf-primary);
}

.button.disabled:hover,
.button.disabled:focus,
.button[disabled]:hover,
.button[disabled]:focus {
    background-color: var(--rf-primary);
}

.vc_btn3 {
    border-radius: var(--rf-radius-l) !important;
}

.vc_btn3.vc_btn3-style-custom[style*="#ff8f16" i] {
    background-color: var(--rf-primary) !important;
    background-image: none !important;
}

.vc_btn3.vc_btn3-style-custom[style*="#ff8f16" i]:hover,
.vc_btn3.vc_btn3-style-custom[style*="#ff8f16" i]:focus {
    background-color: var(--rf-primary-hover) !important;
}

.vc_btn3.vc_btn3-style-custom[style*="#ff8f16" i]:active {
    background-color: var(--rf-primary-pressed) !important;
}

.vc_btn3.vc_btn3-style-custom[style*="#2a4d8f" i],
.cookieconsent-optout-marketing a[style*="#2a4d8f" i] {
    background-color: #fff !important;
    background-image: none !important;
    color: var(--rf-blue) !important;
    box-shadow: inset 0 0 0 2px var(--rf-blue);
    border-radius: var(--rf-radius-l) !important;
}

.vc_btn3.vc_btn3-style-custom[style*="#2a4d8f" i]:hover,
.vc_btn3.vc_btn3-style-custom[style*="#2a4d8f" i]:focus,
.cookieconsent-optout-marketing a[style*="#2a4d8f" i]:hover {
    background-color: #EEF3FF !important;
}

.vc_btn3.vc_btn3-style-custom[style*="#2a4d8f" i]:active,
.cookieconsent-optout-marketing a[style*="#2a4d8f" i]:active {
    background-color: #DCE6FA !important;
}

.vc_general.vc_btn3.vc_btn3-size-md.vc_btn3-shape-square.vc_btn3-style-custom.vc_btn3-block {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px 16px;
    line-height: 24px;
}

.main-wrapper .wpb_wrapper a.vc_general.vc_btn3:hover,
.main-wrapper .wpb_wrapper a.vc_general.vc_btn3:focus {
    text-decoration: none;
}

.vc_general.vc_btn3.vc_btn3-size-md.vc_btn3-shape-square.vc_btn3-style-custom.vc_btn3-block::after,
.cookieconsent-optout-marketing a:after,
.comments-area .button--submit:after,
.layout-parts.second-header nav#navigation-main > ul.main-menu-ul-right li a::after {
    content: "";
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    margin-left: 8px;
    vertical-align: middle;
    color: inherit;
    background-color: currentColor;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='160 -800 640 640'%3E%3Cpath d='M647-440H200q-17 0-28-11t-12-29 12-28 28-12h447L451-716q-12-12-11-28t12-28q12-11 28-11t28 11l264 264q6 6 9 13t2 15-2 15-9 13L508-188q-11 11-27 11t-29-11q-12-12-12-28t12-29z'/%3E%3C/svg%3E") center / contain no-repeat;
            mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='160 -800 640 640'%3E%3Cpath d='M647-440H200q-17 0-28-11t-12-29 12-28 28-12h447L451-716q-12-12-11-28t12-28q12-11 28-11t28 11l264 264q6 6 9 13t2 15-2 15-9 13L508-188q-11 11-27 11t-29-11q-12-12-12-28t12-29z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.layout-parts.second-header nav#navigation-main.top-bar2 ul.main-menu-ul-right > li {
    background-color: var(--rf-primary);
    border-radius: var(--rf-radius-l);
}

.layout-parts.second-header nav#navigation-main.top-bar2 ul.main-menu-ul-right > li:hover {
    background-color: var(--rf-primary-hover);
}

.layout-parts.second-header nav#navigation-main.top-bar2 ul.main-menu-ul-right > li:active {
    background-color: var(--rf-primary-pressed);
}

.top-hotel-box__cta,
.top-empty-state__retry {
    border-radius: var(--rf-radius-l);
}

.top-hotel-box__cta:active,
.top-empty-state__retry:active {
    background-color: var(--rf-blue-pressed);
}

/* Badges */
.article__cat,
.entry-footer .entry-footer__categories a {
    background-color: var(--rf-blue);
    border-radius: var(--rf-radius-xs);
}

.article__cat {
    border-radius: 0 var(--rf-radius-xs) var(--rf-radius-xs) 0;
}

.entry-footer .entry-footer__categories a {
    display: inline-block;
    padding: 4px 10px;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    text-transform: uppercase;
}

.top-badge,
.top-rating-badge,
.top-rating__score,
div.ez4tact0,
div.e1xaug9h0 {
    border-radius: var(--rf-radius-xs);
}

/* Radius */
.top-hotel-box,
.top-destination-box,
.recent-posts ul.list > li.list-item {
    border-radius: var(--rf-radius-m);
}

.recent-posts ul.list > li.list-item {
    overflow: hidden;
}

.recent-posts ul.list > li.list-item .image {
    border-radius: 0;
}

.inline__newsletter-inner {
    border-radius: var(--rf-radius-m);
    overflow: hidden;
}

/* Hero */
.single-page .entry-header[style*="background-image"] {
    position: relative;
}

.single-page .entry-header[style*="background-image"]::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0, 0, 0, .45) 0%, rgba(0, 0, 0, .35) 40%, rgba(0, 0, 0, 0) 75%);
    pointer-events: none;
}

.single-page .entry-header[style*="background-image"] .entry-header__content {
    position: relative;
    z-index: 1;
}

.single-page .entry-header__content .entry-header__content-headline,
.single-page .entry-header__content .entry-header__content-subline {
    background: none;
    padding: 0;
    border-radius: 0;
}

.single-page .entry-header[style*="background-image"] .entry-header__content .entry-header__content-headline,
.single-page .entry-header[style*="background-image"] .entry-header__content .entry-header__content-subline {
    color: #fff;
    text-shadow: 0 1px 4px rgba(0, 0, 0, .4);
}

.single-page .entry-header__content .entry-header__content-subline {
    font-family: var(--text-font);
    font-weight: 600;
}

@media screen and (min-width: 40em) {
    .single-page .entry-header__content-headline {
        font-size: 44px;
        line-height: 1.1;
        margin-bottom: 8px;
    }

    .single-page .entry-header__content .entry-header__content-subline {
        font-size: 18px;
    }
}

@media screen and (max-width: 40em) {
    .single-page .entry-header__content-headline {
        font-size: 26px;
        line-height: 1.15;
    }

    .single-page .entry-header__content .entry-header__content-subline {
        font-size: 16px;
        line-height: 1.4;
    }
}

/* Images, notifications, inputs */
.entry-content .vc_single_image-img {
    border-radius: var(--rf-radius-m);
    overflow: hidden;
}

.entry-content .vc_single_image-img > img {
    display: block;
}

.article__image {
    border-radius: var(--rf-radius-s);
    overflow: hidden;
}

.vc_message_box {
    border-radius: var(--rf-radius-s);
}

textarea#comment,
input#author,
input#email,
input#url,
.newsletter-email {
    border-radius: var(--rf-radius-xs);
}

/* Breadcrumb below hero */
.single-page .entry-header:has(+ .breadcrumb-row) {
    margin-bottom: 0;
}