.elementor-widget-html .premium-global-badge-{{ID}} .premium-badge-container{background-color:var( --e-global-color-primary );}.elementor-widget-html.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );font-style:var( --e-global-typography-primary-font-style );text-decoration:var( --e-global-typography-primary-text-decoration );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-widget-html .premium-global-cursor-{{ID}}{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-widget-html .premium-global-badge-{{ID}} .premium-badge-text{color:var( --e-global-color-secondary );}.elementor-widget-html .premium-global-badge-{{ID}} .premium-badge-icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}body:not(.rtl) .elementor-2137 .elementor-element.elementor-element-858950c{left:0px;}body.rtl .elementor-2137 .elementor-element.elementor-element-858950c{right:0px;}.elementor-2137 .elementor-element.elementor-element-858950c{top:0px;}body:not(.rtl) .elementor-2137 .elementor-element.elementor-element-82e1229{left:0px;}body.rtl .elementor-2137 .elementor-element.elementor-element-82e1229{right:0px;}.elementor-2137 .elementor-element.elementor-element-82e1229{top:0px;}.elementor-2137 .elementor-element.elementor-element-22d8271{width:100%;max-width:100%;}.elementor-2137 .elementor-element.elementor-element-22d8271.elementor-element{--align-self:stretch;--flex-grow:1;--flex-shrink:0;}body:not(.rtl) .elementor-2137 .elementor-element.elementor-element-116f0db{left:0px;}body.rtl .elementor-2137 .elementor-element.elementor-element-116f0db{right:0px;}.elementor-2137 .elementor-element.elementor-element-116f0db{top:0px;}@media(max-width:1300px){.elementor-widget-html.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}}@media(max-width:767px){.elementor-widget-html.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}}/* Start custom CSS for html, class: .elementor-element-858950c *//* Expands the clipped interaction area on hover. */
.mrkt-3d-render__material-switcher:hover,
.mrkt-3d-render__material-switcher:focus-within,
.mrkt-3d-render__material-switcher.is-intro-open,
.mrkt-3d-render__material-switcher.is-closing {
    pointer-events: auto;
    clip-path: circle(var(--mrkt-3dr-ms-outer-radius) at var(--mrkt-3dr-ms-origin-x) var(--mrkt-3dr-ms-origin-y));
}

/* Arc positions and stagger delays for the five options. */
.mrkt-3d-render__material-option--1 { --mrkt-3dr-ms-option-x: 0rem; --mrkt-3dr-ms-option-y: calc(var(--mrkt-3dr-ms-radius) * -1); --mrkt-3dr-ms-option-delay: 0s; }
.mrkt-3d-render__material-option--2 { --mrkt-3dr-ms-option-x: calc(var(--mrkt-3dr-ms-radius) * -0.41); --mrkt-3dr-ms-option-y: calc(var(--mrkt-3dr-ms-radius) * -0.912); --mrkt-3dr-ms-option-delay: 0.04s; }
.mrkt-3d-render__material-option--3 { --mrkt-3dr-ms-option-x: calc(var(--mrkt-3dr-ms-radius) * -0.7071); --mrkt-3dr-ms-option-y: calc(var(--mrkt-3dr-ms-radius) * -0.7071); --mrkt-3dr-ms-option-delay: 0.08s; }
.mrkt-3d-render__material-option--4 { --mrkt-3dr-ms-option-x: calc(var(--mrkt-3dr-ms-radius) * -0.912); --mrkt-3dr-ms-option-y: calc(var(--mrkt-3dr-ms-radius) * -0.41); --mrkt-3dr-ms-option-delay: 0.12s; }
.mrkt-3d-render__material-option--5 { --mrkt-3dr-ms-option-x: calc(var(--mrkt-3dr-ms-radius) * -1); --mrkt-3dr-ms-option-y: 0rem; --mrkt-3dr-ms-option-delay: 0.16s; }

/* Moves options from the trigger origin onto the fan arc. */
.mrkt-3d-render__material-switcher:hover .mrkt-3d-render__material-option,
.mrkt-3d-render__material-switcher:focus-within .mrkt-3d-render__material-option,
.mrkt-3d-render__material-switcher.is-intro-open .mrkt-3d-render__material-option {
    opacity: 1;
    pointer-events: auto;
    transform:
    translate(var(--mrkt-3dr-ms-option-x), var(--mrkt-3dr-ms-option-y))
    rotate(45deg)
    scale(1);
    transition-delay: var(--mrkt-3dr-ms-option-delay);
}

/* Reverse-staggers retraction so closing matches the opening motion. */
.mrkt-3d-render__material-switcher:not(:hover):not(:focus-within):not(.is-intro-open) .mrkt-3d-render__material-option {
    transition-delay: calc(0.16s - var(--mrkt-3dr-ms-option-delay));
    transition-duration: var(--mrkt-3dr-ms-transition-speed);
}

/* Active material sits above idle options. */
.mrkt-3d-render__material-option.is-active {
    z-index: 105;
}

/* Active material is slightly larger, but still below hover scale. */
.mrkt-3d-render__material-switcher:hover .mrkt-3d-render__material-option.is-active,
.mrkt-3d-render__material-switcher:focus-within .mrkt-3d-render__material-option.is-active,
.mrkt-3d-render__material-switcher.is-intro-open .mrkt-3d-render__material-option.is-active {
    transform:
    translate(var(--mrkt-3dr-ms-option-x), var(--mrkt-3dr-ms-option-y))
    rotate(45deg)
    scale(var(--mrkt-3dr-ms-active-scale));
}

/* Hover/focus lifts non-active options above the fan. */
.mrkt-3d-render__material-option:not(.is-active):hover,
.mrkt-3d-render__material-option:not(.is-active):focus-visible {
    z-index: 110;
    transform:
    translate(var(--mrkt-3dr-ms-option-x), var(--mrkt-3dr-ms-option-y))
    rotate(45deg)
    scale(var(--mrkt-3dr-ms-hover-scale)) !important;
    transition-delay: 0s !important;
}

/* Visible gold border and shadow around each tile. */
.mrkt-3d-render__material-image::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 3;
    border: 2px solid var(--mrkt-3dr-ms-border-color);
    box-shadow: var(--mrkt-3dr-ms-option-card-shadow);
    pointer-events: none;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

/* Dark overlay that keeps labels readable over the image. */
.mrkt-3d-render__material-image-wrapper::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
    background: var(--mrkt-3dr-ms-option-overlay);
    opacity: 1;
    pointer-events: none;
    transition: background 0.3s ease, opacity 0.3s ease;
}

/* Counter-rotated image so the photo reads upright. */
.mrkt-3d-render__material-image-wrapper img {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: brightness(1) contrast(1.06);
    transform: rotate(-45deg) scale(1.65);
    transform-origin: center;
    transition: filter 0.3s ease;
}


/* Small tooltip pointer. */
.mrkt-3d-render__material-option-label::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    width: 0.5rem;
    height: 0.5rem;
    border-right: 1px solid color-mix(in srgb, var(--mrkt-color-primary) 38%, transparent);
    border-bottom: 1px solid color-mix(in srgb, var(--mrkt-color-primary) 38%, transparent);
    background: inherit;
    transform: translate(-50%, -50%) rotate(45deg);
}

/* Active option gets the stronger gold border and shadow. */
.mrkt-3d-render__material-option.is-active .mrkt-3d-render__material-image::before {
    border-color: var(--mrkt-3dr-ms-border-color-active);
    box-shadow: var(--mrkt-3dr-ms-option-card-shadow-active);
}

/* Active option shows the image without an overlay. */
.mrkt-3d-render__material-option.is-active .mrkt-3d-render__material-image-wrapper::after {
    opacity: 0;
}

/* Active option tooltip text uses the gold accent color. */
.mrkt-3d-render__material-option.is-active .mrkt-3d-render__material-option-label {
    color: var(--mrkt-color-primary);
}

/* Active option tooltip stays visible while the switcher is open. */
.mrkt-3d-render__material-switcher:hover .mrkt-3d-render__material-option.is-active .mrkt-3d-render__material-option-label,
.mrkt-3d-render__material-switcher:focus-within .mrkt-3d-render__material-option.is-active .mrkt-3d-render__material-option-label,
.mrkt-3d-render__material-switcher.is-intro-open .mrkt-3d-render__material-option.is-active .mrkt-3d-render__material-option-label {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, calc(-100% - 1.5px)) rotate(-45deg) scale(1);
}

/* Hover/focus strengthens non-active tile borders and glow. */
.mrkt-3d-render__material-option:not(.is-active):hover .mrkt-3d-render__material-image::before,
.mrkt-3d-render__material-option:not(.is-active):focus-visible .mrkt-3d-render__material-image::before {
    border-color: var(--mrkt-3dr-ms-border-color-hover);
    box-shadow: var(--mrkt-3dr-ms-option-card-shadow-hover);
}

/* Hover/focus lightens non-active tile image overlays. */
.mrkt-3d-render__material-option:not(.is-active):hover .mrkt-3d-render__material-image-wrapper::after,
.mrkt-3d-render__material-option:not(.is-active):focus-visible .mrkt-3d-render__material-image-wrapper::after {
    background: var(--mrkt-3dr-ms-option-overlay-hover);
}

/* Hover/focus brightens the material image instead of relying on overlay strength. */
.mrkt-3d-render__material-option:not(.is-active):hover .mrkt-3d-render__material-image-wrapper img,
.mrkt-3d-render__material-option:not(.is-active):focus-visible .mrkt-3d-render__material-image-wrapper img {
    filter: brightness(1.08) contrast(1.06);
}

/* Hover/focus reveals the tooltip and turns it gold. */
.mrkt-3d-render__material-option:hover .mrkt-3d-render__material-option-label,
.mrkt-3d-render__material-option:focus-visible .mrkt-3d-render__material-option-label {
    color: var(--mrkt-3dr-ms-option-color-hover);
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, calc(-100% - 1.5px)) rotate(-45deg) scale(1);
}

/* One-shot idle attention animation driven by randomized JS variables. */
.mrkt-3d-render__material-trigger.is-idle-wobbling {
    animation: none;
}

.mrkt-3d-render__material-trigger.is-idle-wobbling .mrkt-3d-render__material-trigger-content {
    animation: mrkt-3dr-ms-idle-content-wobble var(--mrkt-3dr-ms-wobble-duration, 880ms) ease-in-out 1;
}

@keyframes mrkt-3dr-ms-idle-content-wobble {
    0%, 100% {
    transform: rotate(-45deg) scale(1);
    }

    18% {
    transform: rotate(calc(-45deg + var(--mrkt-3dr-ms-wobble-rotate-a, 2deg))) scale(var(--mrkt-3dr-ms-wobble-scale-a, 1.025));
    }

    38% {
    transform: rotate(calc(-45deg - var(--mrkt-3dr-ms-wobble-rotate-b, 1.3deg))) scale(1);
    }

    62% {
    transform: rotate(calc(-45deg + var(--mrkt-3dr-ms-wobble-rotate-c, 1deg))) scale(var(--mrkt-3dr-ms-wobble-scale-b, 1.012));
    }
}

.mrkt-3d-render__material-trigger-content .e-svg-base,
.mrkt-3d-render__material-trigger-content > svg {
    display: block;
    transform-origin: center;
    transform-box: fill-box;
    transition: transform var(--mrkt-3dr-ms-transition-speed) var(--mrkt-3dr-ms-bezier);
}

.mrkt-3d-render__material-switcher:hover .mrkt-3d-render__material-trigger-content .e-svg-base,
.mrkt-3d-render__material-switcher:focus-within .mrkt-3d-render__material-trigger-content .e-svg-base,
.mrkt-3d-render__material-switcher.is-intro-open .mrkt-3d-render__material-trigger-content .e-svg-base,
.mrkt-3d-render__material-switcher:hover .mrkt-3d-render__material-trigger-content > svg,
.mrkt-3d-render__material-switcher:focus-within .mrkt-3d-render__material-trigger-content > svg,
.mrkt-3d-render__material-switcher.is-intro-open .mrkt-3d-render__material-trigger-content > svg {
    transform: rotate(180deg);
}

/* Hide HTML Widget */
.elementor-2137 .elementor-element.elementor-element-858950c{
    display: none;
    pointer-events: none;
}

/* Gradient overlay under the content for text readability. */
.mrkt-hero-badplanung::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    background: linear-gradient(90deg,
        color-mix(in srgb, var(--mrkt-color-bg) 90%, transparent) 0%,
        color-mix(in srgb, var(--mrkt-color-bg) 82%, transparent) 34rem,
        color-mix(in srgb, var(--mrkt-color-bg) 60%, transparent) 48rem,
        color-mix(in srgb, var(--mrkt-color-bg) 30%, transparent) 62rem,
        transparent 78rem
    );
    z-index: 2;
    pointer-events: none;
}

/* Soft top shade behind the transparent header controls. */
.mrkt-hero-badplanung::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: calc(var(--mrkt-header-height, 80px) + 7rem);
    background: linear-gradient(180deg,
        color-mix(in srgb, var(--mrkt-color-bg) 82%, transparent) 0%,
        color-mix(in srgb, var(--mrkt-color-bg) 60%, transparent) 42%,
        color-mix(in srgb, var(--mrkt-color-bg) 26%, transparent) 72%,
        transparent 100%
    );
    z-index: 2;
    pointer-events: none;
}

.mrkt-hero-badplanung__chip::before {
    content: "";
    width: 0.9rem;
    height: 1px;
    background: color-mix(in srgb, var(--mrkt-color-primary) 80%, transparent);
    flex-shrink: 0;
}

/* Hover/focus treatment for inactive tabs. */
.mrkt-hero-badplanung__tab:hover,
.mrkt-hero-badplanung__tab:focus-visible {
    color: var(--mrkt-color-text);
    border-bottom-color: color-mix(in srgb, var(--mrkt-color-primary) 35%, transparent);
}

.mrkt-hero-badplanung__tab:hover .mrkt-hero-badplanung__tab-num,
.mrkt-hero-badplanung__tab:focus-visible .mrkt-hero-badplanung__tab-num {
    color: var(--mrkt-color-primary);
}

/* Active tab styling with a clear premium marker. */
.mrkt-hero-badplanung__tab.is-active {
    color: var(--mrkt-color-text);
    border-bottom-color: var(--mrkt-color-primary);
}

.mrkt-hero-badplanung__tab.is-active .mrkt-hero-badplanung__tab-num {
    color: var(--mrkt-color-primary);
}

.mrkt-hero-badplanung__view.is-active {
    opacity: 1!important;
    visibility: visible!important;
    pointer-events: auto!important;
}

.elementor .mrkt-hero-badplanung__view.is-active {
    opacity: 1!important;
    visibility: visible!important;
    pointer-events: auto!important;
}

.elementor .mrkt-hero-badplanung__view.mrkt-3d-render {
    position: absolute!important;
    inset: 0!important;
    width: 100%!important;
    height: 100%!important;
}

.mrkt-floor-plan,
.mrkt-layout-plan {
    position: relative;
    overflow: hidden;
    background-color: color-mix(in srgb, var(--mrkt-color-bg-alt) 96%, transparent);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.mrkt-floor-plan::after,
.mrkt-layout-plan::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(45deg, color-mix(in srgb, var(--mrkt-color-primary) 3%, transparent) 1px, transparent 1px);
    background-size: 3rem 3rem;
    opacity: 0.16;
    pointer-events: none;
}

/* Temporary incoming background layer for soft image swaps. */
.mrkt-3d-render::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    background-image: var(--mrkt-3dr-next-bg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 0;
    transition: opacity 360ms ease;
    pointer-events: none;
}

/* Fades the incoming background over the active root background. */
.mrkt-3d-render.is-swapping-bg::before {
    opacity: 1;
}

.mrkt-3d-render__material-switcher:hover .mrkt-3d-render__material-trigger,
.mrkt-3d-render__material-switcher:focus-within .mrkt-3d-render__material-trigger,
.mrkt-3d-render__material-switcher.is-intro-open .mrkt-3d-render__material-trigger {
    background-color: var(--mrkt-3dr-ms-trigger-bg);
    color: var(--mrkt-3dr-ms-trigger-color);
    transform: rotate(45deg);
}

/* Elementor-resistant state overrides. Elementor loads some generated rules after custom CSS. */
.elementor .mrkt-hero-badplanung .mrkt-hero-badplanung__tab.is-active,
.elementor .mrkt-hero-badplanung .mrkt-hero-badplanung__tab[aria-selected="true"] {
    color: var(--mrkt-color-text)!important;
    border-bottom-color: var(--mrkt-color-primary)!important;
    opacity: 1!important;
}

.elementor .mrkt-hero-badplanung .mrkt-hero-badplanung__tab:hover,
.elementor .mrkt-hero-badplanung .mrkt-hero-badplanung__tab:focus-visible {
    color: var(--mrkt-color-text)!important;
    border-bottom-color: color-mix(in srgb, var(--mrkt-color-primary) 35%, transparent)!important;
}

.elementor .mrkt-hero-badplanung .mrkt-hero-badplanung__view.is-active {
    opacity: 1!important;
    visibility: visible!important;
    pointer-events: auto!important;
}

.elementor .mrkt-3d-render .mrkt-3d-render__material-switcher {
    z-index: 999!important;
}

.elementor .mrkt-3d-render .mrkt-3d-render__material-trigger {
    opacity: 1!important;
    visibility: visible!important;
    pointer-events: auto!important;
    transform: rotate(45deg)!important;
}

.elementor .mrkt-3d-render__material-switcher:hover,
.elementor .mrkt-3d-render__material-switcher:focus-within,
.elementor .mrkt-3d-render__material-switcher.is-intro-open,
.elementor .mrkt-3d-render__material-switcher.is-closing {
    pointer-events: auto!important;
    clip-path: circle(var(--mrkt-3dr-ms-outer-radius) at var(--mrkt-3dr-ms-origin-x) var(--mrkt-3dr-ms-origin-y))!important;
}

.elementor .mrkt-3d-render__material-switcher:hover .mrkt-3d-render__material-option,
.elementor .mrkt-3d-render__material-switcher:focus-within .mrkt-3d-render__material-option,
.elementor .mrkt-3d-render__material-switcher.is-intro-open .mrkt-3d-render__material-option {
    opacity: 1!important;
    visibility: visible!important;
    pointer-events: auto!important;
    transform:
    translate(var(--mrkt-3dr-ms-option-x), var(--mrkt-3dr-ms-option-y))
    rotate(45deg)
    scale(1) !important;
}

.elementor .mrkt-3d-render__material-switcher:hover .mrkt-3d-render__material-option.is-active,
.elementor .mrkt-3d-render__material-switcher:focus-within .mrkt-3d-render__material-option.is-active,
.elementor .mrkt-3d-render__material-switcher.is-intro-open .mrkt-3d-render__material-option.is-active {
    transform:
    translate(var(--mrkt-3dr-ms-option-x), var(--mrkt-3dr-ms-option-y))
    rotate(45deg)
    scale(var(--mrkt-3dr-ms-active-scale)) !important;
}

.elementor .mrkt-3d-render__material-trigger-content .e-svg-base,
.elementor .mrkt-3d-render__material-trigger-content > svg {
    transform-origin: center!important;
    transform-box: fill-box!important;
    transition: transform var(--mrkt-3dr-ms-transition-speed) var(--mrkt-3dr-ms-bezier)!important;
}

.elementor .mrkt-3d-render__material-switcher:hover .mrkt-3d-render__material-trigger-content .e-svg-base,
.elementor .mrkt-3d-render__material-switcher:focus-within .mrkt-3d-render__material-trigger-content .e-svg-base,
.elementor .mrkt-3d-render__material-switcher.is-intro-open .mrkt-3d-render__material-trigger-content .e-svg-base,
.elementor .mrkt-3d-render__material-switcher:hover .mrkt-3d-render__material-trigger-content > svg,
.elementor .mrkt-3d-render__material-switcher:focus-within .mrkt-3d-render__material-trigger-content > svg,
.elementor .mrkt-3d-render__material-switcher.is-intro-open .mrkt-3d-render__material-trigger-content > svg {
    transform: rotate(180deg)!important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-82e1229 */.elementor-2137 .elementor-element.elementor-element-82e1229{
    display: none;
    pointer-events: none;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-22d8271 */.elementor-2137 .elementor-element.elementor-element-22d8271,
.elementor-2137 .elementor-element.elementor-element-22d8271 > *{
    height: 100%;
}

.mrkt-badplanung-showroom__details p {
    color: var(--mrkt-color-primary);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}


.mrkt-badplanung-showroom__details span {
    margin: 0;
    color: color-mix(in srgb, var(--mrkt-color-text) 100%, transparent)!important;
    font-size: 0.94rem!important;
    font-weight: 400!important;
    line-height: 1.45!important;
    
}

.mrkt-badplanung-showroom__details a:hover {
    color: color-mix(in srgb, var(--mrkt-color-secondary) 100%, transparent)!important;
    transition: color .5s ease;

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-116f0db */.elementor-2137 .elementor-element.elementor-element-116f0db{
    display: none;
    pointer-events: none;
}

.mrkt-badplanung-faq {
    --mrkt-badplanung-faq-transition: var(--mrkt-motion-medium, 0.5s);
    --mrkt-badplanung-faq-ease: cubic-bezier(0.22, 1, 0.36, 1);
}

.mrkt-badplanung-faq::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(90deg, color-mix(in srgb, var(--mrkt-color-primary) 4%, transparent) 1px, transparent 1px),
        linear-gradient(180deg, color-mix(in srgb, var(--mrkt-color-primary) 3%, transparent) 1px, transparent 1px);
    background-size: 4rem 4rem;
    -webkit-mask-image: linear-gradient(180deg, transparent 0%, #000 18%, #000 82%, transparent 100%);
    mask-image: linear-gradient(180deg, transparent 0%, #000 18%, #000 82%, transparent 100%);
    opacity: 0.32;
    pointer-events: none;
}

.mrkt-badplanung-faq__item::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, color-mix(in srgb, var(--mrkt-color-primary) 12%, transparent), transparent 34%);
    opacity: 0;
    pointer-events: none;
    transition: opacity var(--mrkt-badplanung-faq-transition) var(--mrkt-badplanung-faq-ease);
}

.mrkt-badplanung-faq__item[open]:not(.is-closing),
.mrkt-badplanung-faq__item.is-open:not(.is-closing) {
    width: calc(100% + 0.7rem);
    border-color: color-mix(in srgb, var(--mrkt-color-primary) 38%, transparent);
    transform: translateX(-0.35rem);
}

.mrkt-badplanung-faq__item[open]:not(.is-closing)::before,
.mrkt-badplanung-faq__item.is-open:not(.is-closing)::before {
    opacity: 1;
}

.mrkt-badplanung-faq__question:focus-visible {
    outline: 2px solid color-mix(in srgb, var(--mrkt-color-primary) 62%, transparent);
    outline-offset: -2px;
}

.mrkt-badplanung-faq__question::before {
    content: counter(faq, decimal-leading-zero);
    color: var(--mrkt-color-primary);
    font-family: var(--mrkt-font-body);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.12em;
}

.mrkt-badplanung-faq__question::after {
    content: "+";
    display: grid;
    place-items: center;
    width: 2rem;
    height: 2rem;
    border: 1px solid color-mix(in srgb, var(--mrkt-color-primary) 28%, transparent);
    color: var(--mrkt-color-primary);
    font-family: var(--mrkt-font-body);
    font-size: 1.1rem;
    font-weight: 700;
    transition:
        transform var(--mrkt-badplanung-faq-transition) var(--mrkt-badplanung-faq-ease),
        background var(--mrkt-badplanung-faq-transition) var(--mrkt-badplanung-faq-ease);
}

.mrkt-badplanung-faq__item[open]:not(.is-closing) .mrkt-badplanung-faq__question::after,
.mrkt-badplanung-faq__item.is-open:not(.is-closing) .mrkt-badplanung-faq__question::after {
    background: color-mix(in srgb, var(--mrkt-color-primary) 14%, transparent);
    transform: rotate(45deg);
}

.mrkt-badplanung-faq__item:not([open]):not(.is-open):not(.is-animating) .mrkt-badplanung-faq__answer {
    display: none;
}/* End custom CSS */
/* Start custom CSS *//* Config */
body {
    /* Closed trigger diamond size. */
    --mrkt-3dr-ms-trigger-size: calc(var(--mrkt-L) * 1.55);
    /* Material option diamond size. */
    --mrkt-3dr-ms-option-size: calc(var(--mrkt-L) * 1.75);
    /* Arc radius tied to option size. */
    --mrkt-3dr-ms-radius: calc((var(--mrkt-3dr-ms-option-size) * 3.45) + (var(--mrkt-S) * 1.5));
    /* Option scale on hover/focus. */
    --mrkt-3dr-ms-hover-scale: 1.16;
    /* Active option scale while the fan is open. */
    --mrkt-3dr-ms-active-scale: 1.07;
    /* Bottom offset from render edge. */
    --mrkt-3dr-ms-offset-block: calc(var(--mrkt-M) + var(--mrkt-XS));
    /* Right offset from render edge. */
    --mrkt-3dr-ms-offset-inline: calc(var(--mrkt-M) + var(--mrkt-XS));
    /* Option popout speed. */
    --mrkt-3dr-ms-transition-speed: calc(var(--mrkt-motion-medium) * 1.2);
    /* Spring-like popout easing. */
    --mrkt-3dr-ms-bezier: cubic-bezier(0.34, 1.56, 0.64, 1);
    /* Rotated option diagonal. */
    --mrkt-3dr-ms-option-diagonal: calc(var(--mrkt-3dr-ms-option-size) * 1.4142);
    /* Hover-safe half diagonal. */
    --mrkt-3dr-ms-half-scaled-diagonal: calc((var(--mrkt-3dr-ms-option-diagonal) * var(--mrkt-3dr-ms-hover-scale)) / 2);
    /* Extra clip clearance for option tooltips. */
    --mrkt-3dr-ms-tooltip-clearance: calc(var(--mrkt-L) * 1.6);
    /* Tooltip anchor nudge from the diamond tip. */
    --mrkt-3dr-ms-tooltip-nudge-inline: -0.15rem;
    /* Expanded clip radius. */
    --mrkt-3dr-ms-outer-radius: calc(var(--mrkt-3dr-ms-radius) + var(--mrkt-3dr-ms-half-scaled-diagonal) + var(--mrkt-3dr-ms-tooltip-clearance));
    /* Clip origin X at trigger center. */
    --mrkt-3dr-ms-origin-x: calc(100% - var(--mrkt-3dr-ms-offset-inline) - (var(--mrkt-3dr-ms-trigger-size) / 2));
    /* Clip origin Y at trigger center. */
    --mrkt-3dr-ms-origin-y: calc(100% - var(--mrkt-3dr-ms-offset-block) - (var(--mrkt-3dr-ms-trigger-size) / 2));
    /* Closed clip radius around trigger. */
    --mrkt-3dr-ms-idle-clip-radius: calc((var(--mrkt-3dr-ms-trigger-size) * 1.4142 / 2) + 15px);
    /* Absolute overlay box size. */
    --mrkt-3dr-ms-container-size: calc(var(--mrkt-3dr-ms-outer-radius) + var(--mrkt-3dr-ms-offset-block) + (var(--mrkt-3dr-ms-trigger-size) / 2) + 20px);
    /* Default gold border. */
    --mrkt-3dr-ms-border-color: color-mix(in srgb, var(--mrkt-color-primary) 35%, transparent);
    /* Active gold border. */
    --mrkt-3dr-ms-border-color-active: color-mix(in srgb, var(--mrkt-color-primary) 80%, transparent);
    /* Hover gold border. */
    --mrkt-3dr-ms-border-color-hover: color-mix(in srgb, var(--mrkt-color-primary) 65%, transparent);
    /* Closed trigger fill. */
    --mrkt-3dr-ms-trigger-bg: color-mix(in srgb, var(--mrkt-color-bg-alt) 78%, var(--mrkt-color-primary));
    /* Open trigger fill. */
    --mrkt-3dr-ms-trigger-bg-hover: var(--mrkt-color-primary);
    /* Closed trigger icon color. */
    --mrkt-3dr-ms-trigger-color: var(--mrkt-color-primary);
    /* Open trigger icon color. */
    --mrkt-3dr-ms-trigger-color-hover: var(--mrkt-color-bg-alt);
    /* Trigger depth shadow. */
    --mrkt-3dr-ms-trigger-shadow:
    0 12px 28px color-mix(in srgb, var(--mrkt-color-bg-alt) 58%, transparent),
    0 0 0 1px color-mix(in srgb, var(--mrkt-color-primary) 26%, transparent);
    /* Default tile shadow. */
    --mrkt-3dr-ms-option-card-shadow: 0 12px 30px color-mix(in srgb, var(--mrkt-color-bg-alt) 60%, transparent);
    /* Active tile shadow. */
    --mrkt-3dr-ms-option-card-shadow-active:
    0 14px 35px color-mix(in srgb, var(--mrkt-color-bg-alt) 55%, transparent),
    0 0 0 1px color-mix(in srgb, var(--mrkt-color-primary) 50%, transparent);
    /* Hover tile glow. */
    --mrkt-3dr-ms-option-card-shadow-hover: 0 16px 32px color-mix(in srgb, var(--mrkt-color-primary) 22%, transparent);
    /* Very subtle default tile overlay. */
    --mrkt-3dr-ms-option-overlay: linear-gradient(
    160deg,
    color-mix(in srgb, var(--mrkt-color-bg-alt) 18%, transparent) 0%,
    color-mix(in srgb, var(--mrkt-color-bg-alt) 8%, transparent) 50%,
    color-mix(in srgb, var(--mrkt-color-bg-alt) 14%, transparent) 100%
    );
        /* Hover keeps the overlay weak; brightness handles emphasis. */
    --mrkt-3dr-ms-option-overlay-hover: linear-gradient(
    160deg,
    color-mix(in srgb, var(--mrkt-color-bg-alt) 10%, transparent) 0%,
    color-mix(in srgb, var(--mrkt-color-bg-alt) 4%, transparent) 50%,
    color-mix(in srgb, var(--mrkt-color-bg-alt) 8%, transparent) 100%
    );
    /* Default tile label color. */
    --mrkt-3dr-ms-option-color: var(--mrkt-color-text);
    /* Hover tile label color. */
    --mrkt-3dr-ms-option-color-hover: var(--mrkt-color-primary);
}

.mrkt-badplanung-why__facts span {
    display: inline-flex;
    align-items: center;
    justify-content: start;
    width: 100%;
    padding: 1rem 1.35rem;

    border: 1px solid color-mix(in srgb, var(--mrkt-color-primary) 28%, transparent);
    background: color-mix(in srgb, var(--mrkt-color-bg-alt) 58%, transparent);
    color: color-mix(in srgb, var(--mrkt-color-text) 84%, transparent);

    font-size: 0.82rem;
    font-weight: 800;
    line-height: 1.25;
    letter-spacing: 0.08em;
    text-align: center;
    text-transform: uppercase;

    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}/* End custom CSS */