.elementor-kit-5{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto Condensed";--e-global-typography-primary-font-size:213px;--e-global-typography-primary-font-weight:600;--e-global-typography-primary-text-transform:uppercase;--e-global-typography-primary-font-style:normal;--e-global-typography-primary-text-decoration:underline;--e-global-typography-primary-line-height:123px;--e-global-typography-primary-letter-spacing:2px;--e-global-typography-primary-word-spacing:3px;--e-global-typography-secondary-font-family:"Brygada 1918";--e-global-typography-secondary-font-size:123px;--e-global-typography-secondary-font-weight:400;--e-global-typography-secondary-text-transform:uppercase;--e-global-typography-secondary-font-style:italic;--e-global-typography-secondary-text-decoration:underline;--e-global-typography-secondary-line-height:12px;--e-global-typography-secondary-letter-spacing:12px;--e-global-typography-secondary-word-spacing:12px;--e-global-typography-text-font-family:"Arimo";--e-global-typography-text-font-size:1rem;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.2em;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-size:17px;--e-global-typography-accent-font-weight:300;--e-global-typography-accent-text-transform:uppercase;--e-global-typography-accent-font-style:normal;--e-global-typography-accent-text-decoration:underline;--e-global-typography-accent-line-height:123px;--e-global-typography-accent-letter-spacing:23px;--e-global-typography-accent-word-spacing:23px;--e-global-typography-2eafea6-font-family:"Verdana";--e-global-typography-2eafea6-font-size:21px;--e-global-typography-2eafea6-font-weight:200;--e-global-typography-2eafea6-text-transform:lowercase;--e-global-typography-2eafea6-font-style:normal;--e-global-typography-2eafea6-text-decoration:underline;--e-global-typography-2eafea6-line-height:12px;--e-global-typography-2eafea6-letter-spacing:12px;--e-global-typography-2eafea6-word-spacing:12px;}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:100%;}.e-con{--container-max-width:100%;--container-default-padding-top:0;--container-default-padding-right:0;--container-default-padding-bottom:0;--container-default-padding-left:0;}.elementor-widget:not(:last-child){--kit-widget-spacing:0;}.elementor-element{--widgets-spacing:0 0;--widgets-spacing-row:0;--widgets-spacing-column:0;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1300px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}:root { --mrkt-font-anchor:Newsreader; --mrkt-font-body:Arimo; --mrkt-root-side-padding:5vw; --mrkt-root-padding-vert:var(--mrkt-XL); --e-gv-aa0a6a1:3rem; --mrkt-XS:0.5rem; --mrkt-S:1rem; --mrkt-M:2rem; --mrkt-L:4rem; --mrkt-XL:6rem; --mrkt-color-primary:#e5d9c1; --mrkt-color-secondary:#cbb680; --mrkt-color-accent-strong:#ccb580; --mrkt-color-accent-soft:#dbc8a0; --mrkt-color-bg:#161616; --mrkt-color-bg-alt:#000000; --mrkt-color-surface:#202020; --mrkt-color-surface-2:color-mix(in srgb, var(--mrkt-color-bg) 78%, var(--mrkt-color-secondary)); --mrkt-color-text:#ffffff; --mrkt-color-heading:var(--mrkt-color-text); --mrkt-color-text-soft:color-mix(in srgb, var(--mrkt-color-text) 78%, transparent); --mrkt-color-text-meta:color-mix(in srgb, var(--mrkt-color-text) 56%, transparent); --mrkt-color-border:color-mix(in srgb, var(--mrkt-color-primary) 42%, var(--mrkt-color-bg)); --mrkt-color-overlay:color-mix(in srgb, var(--mrkt-color-bg-alt) 80%, transparent); --mrkt-color-glow:color-mix(in srgb, var(--mrkt-color-primary) 18%, transparent); --mrkt-border-width:1px; --mrkt-border-radius:4px; --mrkt-header-height:80px; --mrkt-btn-bg:#ff000000; --mrkt-btn-border-color:#e5d9c1; --mrkt-btn-font-color:#ffffff; --mrkt-XXL:10rem; --mrkt-opacity-mid:78%; --e-gv-fd3ef34:18rem; }
/* Start custom CSS *//* Disable button until "Produktkatalog" exists */
.mrkt-badmoebel-details .mrkt-btn--secondary{
    display: none!important;
}

html { scroll-behavior: auto; }

/* Fix E4 Variables not having breakpoints*/

body{
    @media only screen and (max-width: 767px)  {
    --mrkt-XL: 4rem!important;
}
}

/* Match E4 Variables to global colors */

:root{
    --mrkt-motion-slow: 1.2s;
  --mrkt-motion-medium: 0.5s;
   --mrkt-root-padding-side:  var(--mrkt-root-side-padding)
}

/* Privacy Bee */
.prx_wrapper {
    max-width: unset !important;
    padding-bottom: unset !important;
}
.prx_wrapper * {
    max-width: unset !important;
}

body{
    line-height: 1;
    
--e-global-color-primary: var(--mrkt-color-primary)!important;
--e-global-color-secondary: var(--mrkt-color-secondary)!important;
--e-global-color-text: var(--mrkt-color-text)!important;
--e-global-color-accent: var(--mrkt-color-accent-strong)!important;

  /* primary = mrkt-h1 */
  --e-global-typography-primary-font-family: var(--mrkt-font-anchor) !important;
  --e-global-typography-primary-font-size: clamp(2.5rem, 6vw, 5rem) !important;
  --e-global-typography-primary-font-weight: 500 !important;
  --e-global-typography-primary-line-height: 1.05 !important;
  --e-global-typography-primary-letter-spacing: 0 !important;
  --e-global-typography-primary-text-transform: none !important;
  --e-global-typography-primary-font-style: normal !important;
  --e-global-typography-primary-text-decoration: none !important;
  /* secondary = mrkt-h2 */
  --e-global-typography-secondary-font-family: var(--mrkt-font-anchor) !important;
  --e-global-typography-secondary-font-size: clamp(2rem, 4vw, 3.5rem) !important;
  --e-global-typography-secondary-font-weight: 500 !important;
  --e-global-typography-secondary-line-height: 1.1 !important;
  --e-global-typography-secondary-letter-spacing: 0 !important;
  --e-global-typography-secondary-text-transform: none !important;
  --e-global-typography-secondary-font-style: normal !important;
  --e-global-typography-secondary-text-decoration: none !important;
  /* text = mrkt-text */
  --e-global-typography-text-font-family: var(--mrkt-font-body) !important;
  --e-global-typography-text-font-size: 1.05rem !important;
  --e-global-typography-text-font-weight: 400 !important;
  --e-global-typography-text-line-height: 1.7 !important;
  --e-global-typography-text-letter-spacing: 0 !important;
  --e-global-typography-text-text-transform: none !important;
  --e-global-typography-text-font-style: normal !important;
  --e-global-typography-text-text-decoration: none !important;
  /* accent = mrkt-eyebrow */
  --e-global-typography-accent-font-family: var(--mrkt-font-body) !important;
  --e-global-typography-accent-font-size: 0.8rem !important;
  --e-global-typography-accent-font-weight: 700 !important;
  --e-global-typography-accent-line-height: 1.2 !important;
  --e-global-typography-accent-letter-spacing: 0.12em !important;
  --e-global-typography-accent-text-transform: uppercase !important;
  --e-global-typography-accent-font-style: normal !important;
  --e-global-typography-accent-text-decoration: none !important;
  /* custom token 2eafea6 = mrkt-h3 */
  --e-global-typography-2eafea6-font-family: var(--mrkt-font-anchor) !important;
  --e-global-typography-2eafea6-font-size: clamp(1.4rem, 2vw, 2rem) !important;
  --e-global-typography-2eafea6-font-weight: 500 !important;
  --e-global-typography-2eafea6-line-height: 1.2 !important;
  --e-global-typography-2eafea6-letter-spacing: 0 !important;
  --e-global-typography-2eafea6-word-spacing: 0 !important;
  --e-global-typography-2eafea6-text-transform: none !important;
  --e-global-typography-2eafea6-font-style: normal !important;
  --e-global-typography-2eafea6-text-decoration: none !important;
  
  font-family: var(--mrkt-font-body);
  color: var(--mrkt-color-text);
  background: var(--mrkt-color-bg);
  overflow-x: hidden;
}

.mrkt-btn::before,
.mrkt-btn::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  transition: opacity 0.45s ease, transform 0.45s ease;
}

.mrkt-btn--primary::before {
  inset: 0.28rem;
  border: 1px solid color-mix(in srgb, var(--mrkt-color-primary) 20%, transparent);
  opacity: 0.8;
}

.mrkt-btn--primary::after {
  background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--mrkt-color-secondary) 22%, transparent), transparent);
  opacity: 0;
  transform: translateX(-45%);
}

.mrkt-btn--primary:hover::after {
  opacity: 1;
  transform: translateX(45%);
}

.mrkt-btn--text:hover{
      gap: 0.75rem!important;
      padding-right: 0!important;
}



.mrkt-services-cinematic::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
    linear-gradient(45deg, color-mix(in srgb, var(--mrkt-color-primary) 3%, transparent) 1px, transparent 1px);
    background-size: 2.5rem 2.5rem;
    opacity: 0.3;
    pointer-events: none;
}

/* === THE GLARE EFFECT === */
.mrkt-image-shine::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: linear-gradient(
        115deg,
        transparent 44%,
        rgba(255, 255, 255, 0.5) 50%,
        transparent 56%
        );
    pointer-events: none;
    z-index: 2;
    animation: glare-swipe 10s ease-in-out infinite;
}

/* === ANIMATION === */
@keyframes glare-swipe {
    0% { transform: translateX(-100%) rotate(0deg); }
    40%, 100% { transform: translateX(100%) rotate(0deg); }
}
/* --- END IMAGE SHINE --- */

/* --- BADMOEBEL PIP UP STYLING --- */
.mrkt-badmoebel-details__included,
.mrkt-badmoebel-details__specs,
.mrkt-badmoebel-details__excluded,
.mrkt-badmoebel-details__notes {
    display: flex!important;
    flex-direction: column;
    padding: clamp(1rem, 2vw, 1.25rem)!important;
    gap: 0.9rem!important;
    border: 1px solid color-mix(in srgb, var(--mrkt-color-primary) 18%, transparent);
    background: color-mix(in srgb, var(--mrkt-color-bg-alt) 48%, transparent);
}

.mrkt-badmoebel-details__included {
    border-color: color-mix(in srgb, var(--mrkt-color-primary) 34%, transparent);
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--mrkt-color-primary) 8%, transparent), transparent 44%),
        color-mix(in srgb, var(--mrkt-color-bg-alt) 58%, transparent);
}

.mrkt-badmoebel-details__included h3,
.mrkt-badmoebel-details__specs h3,
.mrkt-badmoebel-details__excluded h3,
.mrkt-badmoebel-details__notes h3 {
    color: var(--mrkt-color-primary);
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.mrkt-badmoebel-details__included-list article {
    position: relative;
    display: grid;
    gap: 0.25rem!important;
    min-height: 3rem!important;
    padding: 0.75rem 0.75rem 0.75rem 2.2rem!important;
    border: 1px solid color-mix(in srgb, var(--mrkt-color-primary) 13%, transparent)!important;
    background: color-mix(in srgb, var(--mrkt-color-bg) 34%, transparent)!important;
}

.mrkt-badmoebel-details__included-list article::before {
    content: "";
    position: absolute;
    top: 0.92rem;
    left: 0.8rem;
    width: 0.62rem;
    height: 0.34rem;
    border-left: 2px solid var(--mrkt-color-primary);
    border-bottom: 2px solid var(--mrkt-color-primary);
    transform: rotate(-45deg);
}

.mrkt-badmoebel-details__included-list p {
    margin: 0;
    color: var(--mrkt-color-text);
    font-size: 0.9rem;
    font-weight: 800;
    line-height: 1.25;
}

.mrkt-badmoebel-details__included-list span {
    color: color-mix(in srgb, var(--mrkt-color-text) 68%, transparent);
    font-size: 0.88rem;
    line-height: 1.45;
}

.mrkt-badmoebel-details__spec-list {
    display: grid!important;
    gap: 0!important;
    margin: 0!important;
    padding: 0!important;
    border-top: 1px solid color-mix(in srgb, var(--mrkt-color-primary) 12%, transparent);
}

.mrkt-badmoebel-details__spec-list article {
    display: grid!important;
    grid-template-columns: minmax(6.5rem, 0.42fr) minmax(0, 0.58fr)!important;
    gap: 1rem!important;
    padding: 0.58rem 0!important;
    border-bottom: 1px solid color-mix(in srgb, var(--mrkt-color-primary) 12%, transparent)!important;
}

.mrkt-badmoebel-details__spec-list p,
.mrkt-badmoebel-details__spec-list span {
    margin: 0;
    font-size: 0.86rem;
    line-height: 1.35;
}

.mrkt-badmoebel-details__spec-list p {
    color: color-mix(in srgb, var(--mrkt-color-text) 52%, transparent);
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.mrkt-badmoebel-details__spec-list span {
    color: color-mix(in srgb, var(--mrkt-color-text) 82%, transparent);
    font-weight: 700;
    text-align: end!important;
}

.mrkt-badmoebel-details__list,
.mrkt-badmoebel-details__badges {
    display: grid!important;
    gap: 0.55rem!important;
    margin: 0;
    padding: 0;
}

.mrkt-badmoebel-details__list article {
    display: grid!important;
    gap: 0.25rem!important;
    padding: 0!important;
}

.mrkt-badmoebel-details__list p,
.mrkt-badmoebel-details__list span {
    margin: 0;
    color: color-mix(in srgb, var(--mrkt-color-text) 76%, transparent);
    font-size: 0.9rem;
    line-height: 1.5;
}

.mrkt-badmoebel-details__excluded .mrkt-badmoebel-details__list article,
.mrkt-badmoebel-details__notes .mrkt-badmoebel-details__list article {
    position: relative!important;
    padding-left: 1rem!important;
}

.mrkt-badmoebel-details__excluded .mrkt-badmoebel-details__list article::before,
.mrkt-badmoebel-details__notes .mrkt-badmoebel-details__list article::before {
    content: "";
    position: absolute;
    top: 0.66em;
    left: 0;
    width: 0.38rem;
    height: 1px;
    background: var(--mrkt-color-primary);
}
/* --- END BADMOEBEL PIP UP STYLING --- */


/* =========================================================
   Global scrollbar — minimal, gold-accented
   Applies to all scrollable containers and the page itself.
   ========================================================= */

/* Firefox */
html {
  scrollbar-width: thin;
  scrollbar-color: color-mix(in srgb, var(--mrkt-color-secondary) 50%, transparent) var(--mrkt-color-bg-alt);
}

/* WebKit (Chrome, Safari, Edge, Opera) — slim, gold-accented */
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

::-webkit-scrollbar-track {
  background: var(--mrkt-color-bg-alt);
  border-left: 1px solid color-mix(in srgb, var(--mrkt-color-secondary) 14%, transparent);
}

::-webkit-scrollbar-thumb {
  background: linear-gradient(
    180deg,
    color-mix(in srgb, var(--mrkt-color-secondary) 80%, transparent) 0%,
    color-mix(in srgb, var(--mrkt-color-accent-strong) 90%, transparent) 100%
  );
  border-radius: 2px;
  border-top: 1px solid color-mix(in srgb, var(--mrkt-color-primary) 60%, transparent);
  border-bottom: 1px solid color-mix(in srgb, var(--mrkt-color-primary) 60%, transparent);
  box-shadow:
    0 0 8px 1px color-mix(in srgb, var(--mrkt-color-secondary) 35%, transparent),
    inset 0 0 0 1px color-mix(in srgb, #ffffff 8%, transparent);
  transition: background 220ms ease, box-shadow 220ms ease;
}

::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(
    180deg,
    var(--mrkt-color-primary) 0%,
    var(--mrkt-color-secondary) 100%
  );
  box-shadow:
    0 0 14px 2px color-mix(in srgb, var(--mrkt-color-secondary) 55%, transparent),
    inset 0 0 0 1px color-mix(in srgb, #ffffff 14%, transparent);
}

::-webkit-scrollbar-thumb:active {
  background: var(--mrkt-color-primary);
}

::-webkit-scrollbar-corner {
  background: var(--mrkt-color-bg-alt);
}

.mrkt-glas-tech__specs div {
    display: grid!important;
    grid-template-columns: minmax(8rem, 0.34fr) minmax(0, 0.66fr)!important;
    align-items: center!important;
    gap: clamp(1rem, 3vw, 2.5rem)!important;
    padding: 1.2rem 0!important;
    border-bottom: 1px solid color-mix(in srgb, var(--mrkt-color-primary) 14%, transparent)!important;
}

.mrkt-glas-tech__specs span {
    color: var(--mrkt-color-primary);
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.mrkt-glas-tech__specs p {
    margin: 0;
    justify-self: end;
    color: color-mix(in srgb, var(--mrkt-color-text) 78%, transparent);
    font-size: 1.02rem;
    line-height: 1.55;
    text-align: end;
}

/* Gradient overlay under the content for text readability. */
.mrkt-hero-glas::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-glas::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-glas-hero__hotspot-dot::before {
    content: "";
    position: absolute;
    inset: -0.62rem;
    border: 1px solid color-mix(in srgb, var(--mrkt-color-secondary) 52%, transparent);
    box-shadow: 0 0 1.7rem color-mix(in srgb, var(--mrkt-color-accent-soft) 22%, transparent);
    opacity: 0.8;
    animation: mrkt-glas-hotspot-ring 2.8s ease-out infinite;
}

.mrkt-glas-hero__hotspot-dot::after {
    content: "";
    position: absolute;
    inset: 0.16rem;
    background: linear-gradient(135deg, #ffffff 0%, var(--mrkt-color-primary) 58%, var(--mrkt-color-secondary) 100%);
    box-shadow: 0 0 0.65rem color-mix(in srgb, #ffffff 40%, transparent);
}

.mrkt-glas-hero__hotspot-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg,
        transparent,
        color-mix(in srgb, var(--mrkt-color-primary) 72%, transparent),
        color-mix(in srgb, var(--mrkt-color-secondary) 72%, transparent),
        transparent
    );
}

.mrkt-hero-glas__hotspot-card p {
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    line-height: 1.2;
    text-transform: uppercase;
    color: var(--mrkt-color-primary)!important;
}

.mrkt-hero-glas__hotspot-card span {
    font-size: 0.82rem;
    line-height: 1.45;
    color: color-mix(in srgb, var(--mrkt-color-text) 76%, transparent);
}

@keyframes mrkt-glas-hotspot-pulse {
    0%, 100% {
        transform: rotate(45deg) scale(1);
    }

    42% {
        transform: rotate(45deg) scale(1.16);
    }
}

@keyframes mrkt-glas-hotspot-ring {
    0% {
        opacity: 0.78;
        transform: scale(0.72);
    }

    70%, 100% {
        opacity: 0;
        transform: scale(1.95);
    }
}

.mrkt-glas-why__facts {
    position: absolute;
    top: 1.4rem!important;
    left: 1.4rem!important;
    z-index: 2!important;
    display: grid!important;
    gap: 0.75rem!important;
    width: min(20rem, calc(100% - 2.8rem))!important;
}

.mrkt-glas-why__facts span {
    display: inline-flex;
    align-items: center;
    gap: 0.7rem;
    width: fit-content;
    padding: 0.8rem 1rem;
    border: 1px solid color-mix(in srgb, var(--mrkt-color-primary) 30%, transparent);
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--mrkt-color-primary) 8%, transparent), transparent 58%),
        color-mix(in srgb, var(--mrkt-color-bg-alt) 62%, transparent);
    color: color-mix(in srgb, var(--mrkt-color-text) 86%, transparent);
    font-size: 0.76rem;
    font-weight: 800;
    line-height: 1.25;
    letter-spacing: 0.09em;
    text-transform: uppercase;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.mrkt-glas-why__facts span::before {
    content: "";
    width: 0.5rem;
    height: 0.5rem;
    flex: 0 0 auto;
    border: 1px solid color-mix(in srgb, var(--mrkt-color-primary) 82%, #ffffff);
    background: linear-gradient(135deg, #fff8e8, var(--mrkt-color-primary) 52%, var(--mrkt-color-secondary));
    transform: rotate(45deg);
}

.mrkt-glas-why__visual::before,
.mrkt-glas-why__visual::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.mrkt-glas-why__visual::before {
    z-index: 1;
    background:
        linear-gradient(180deg, color-mix(in srgb, var(--mrkt-color-bg-alt) 12%, transparent), transparent 34%),
        linear-gradient(0deg, color-mix(in srgb, var(--mrkt-color-bg-alt) 62%, transparent), transparent 46%);
}

.mrkt-glas-why__visual::after {
    z-index: 3;
    inset: 0.8rem;
    border: 1px solid color-mix(in srgb, var(--mrkt-color-primary) 16%, transparent);
}

.mrkt-glas-process__step + .mrkt-glas-process__step {
    border-left: 1px solid color-mix(in srgb, var(--mrkt-color-primary) 16%, transparent);
}

@media only screen and (max-width: 767px)  {
    .mrkt-glas-process__step + .mrkt-glas-process__step {
    border-left: 0px solid color-mix(in srgb, var(--mrkt-color-primary) 16%, transparent);
}
}

.mrkt-glas-process__step-num::before {
    content: "";
    position: absolute;
    inset: 0;
    border: 1px solid color-mix(in srgb, var(--mrkt-color-primary) 46%, transparent);
    transform: rotate(45deg);
}

.mrkt-glas-process__step .mrkt-h3,
.mrkt-glas-process__step .mrkt-text {
    margin: 0!important;
}

.mrkt-stacking-cards::before,
.mrkt-stacking-cards::after {
    content: "";
    position: sticky;
    top: 0;
    left: 0;
    z-index: 0;
    grid-column: 1 / -1;
    grid-row: 1;
    width: 100%;
    height: 100svh;
    background-image:
        linear-gradient(45deg, color-mix(in srgb, var(--mrkt-color-primary) 0.7%, transparent) 2px, transparent 2px),
        linear-gradient(90deg, color-mix(in srgb, var(--mrkt-color-bg) 90%, transparent) 0%, color-mix(in srgb, var(--mrkt-color-bg) 68%, transparent) 48%, color-mix(in srgb, var(--mrkt-color-bg) 24%, transparent) 100%),
        linear-gradient(180deg, color-mix(in srgb, var(--mrkt-color-bg) 48%, transparent) 0%, color-mix(in srgb, var(--mrkt-color-bg) 18%, transparent) 42%, color-mix(in srgb, var(--mrkt-color-bg) 78%, transparent) 100%),
        radial-gradient(circle at 18% 14%, color-mix(in srgb, var(--mrkt-color-primary) 10%, transparent), transparent 32rem),
        var(--stacking-cards-bg-image);
    background-position: 0 0, center, center, center, center;
    background-repeat: repeat, no-repeat, no-repeat, no-repeat, no-repeat;
    background-size: 3rem 3rem, auto, auto, auto, cover;
    pointer-events: none;
}

.mrkt-stacking-cards::after {
    background-image:
        linear-gradient(45deg, color-mix(in srgb, var(--mrkt-color-primary) 0.7%, transparent) 2px, transparent 2px),
        linear-gradient(90deg, color-mix(in srgb, var(--mrkt-color-bg) 90%, transparent) 0%, color-mix(in srgb, var(--mrkt-color-bg) 68%, transparent) 48%, color-mix(in srgb, var(--mrkt-color-bg) 24%, transparent) 100%),
        linear-gradient(180deg, color-mix(in srgb, var(--mrkt-color-bg) 48%, transparent) 0%, color-mix(in srgb, var(--mrkt-color-bg) 18%, transparent) 42%, color-mix(in srgb, var(--mrkt-color-bg) 78%, transparent) 100%),
        radial-gradient(circle at 18% 14%, color-mix(in srgb, var(--mrkt-color-primary) 10%, transparent), transparent 32rem),
        var(--stacking-cards-next-bg-image);
    opacity: 0;
    transition: opacity 360ms ease;
}

.mrkt-stacking-cards.is-swapping-bg::after {
    opacity: 1;
}

.mrkt-stacking-cards__card-hints span {
    position: absolute;
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    white-space: nowrap;
}

.mrkt-stacking-cards__card-hints span::before {
    content: "";
    width: 2.8rem;
    height: 1px;
    background: currentColor;
    opacity: 0.58;
}

.mrkt-stacking-cards__card-hints span:nth-child(1) {
    top: 1.8rem;
    right: 1.8rem;
}

.mrkt-stacking-cards__card-hints span:nth-child(2) {
    left: 1rem;
    top: 25%;
    transform: rotate(-90deg) translateY(-50%) translateX(-50%);
    transform-origin: left center;
}

.mrkt-stacking-cards__card-hints span:nth-child(3) {
    right: 1rem;
    bottom: 14%;
    transform: rotate(90deg) translateY(-50%);
    transform-origin: right center;
}

.premium-nav-menu-item::after {
  content: "";
  position: fixed;
  inset: 0;
  width: 100vw;
  height: 100svh;
  background-color: rgba(0, 0, 0, 0.8);
  pointer-events: none;
  z-index: -1;
  
  /* Sync with your widget's transition specs */
  opacity: 0;
  visibility: hidden;
  transition-property: opacity, visibility;
  transition-duration: 0.5s;
  transition-delay: 0.1s;
  transition-timing-function: ease; /* common default; change to match menu if needed */
}

/* 2. Reveal the curtain smoothly when the JS widget toggles the hovered class */
.premium-nav-menu-item.premium-item-hovered::after {
  opacity: 1;
  visibility: visible;
}


.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;
}

.mrkt-badmoebel-details__popup-img img{
    object-fit: cover
}


/* ====== Badplanung Hero ====== */

/* 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(2.55);
    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);
}


/* 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;
}


@media only screen and (min-width: 1301px)  {
    
    /* Config */
:root {
    /* 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);
}
}

/* Tablet */
@media only screen and (max-width: 1300px) and (min-width: 768px) {
    :root {
        --mrkt-3dr-ms-trigger-size: clamp(3rem, 4.5vw, 3.8rem);
        --mrkt-3dr-ms-option-size: clamp(3.5rem, 5.25vw, 4.4rem);
        --mrkt-3dr-ms-radius: calc((var(--mrkt-3dr-ms-option-size) * 2.9) + 0.75rem);
        --mrkt-3dr-ms-hover-scale: 1.1;
        --mrkt-3dr-ms-active-scale: 1.05;
        --mrkt-3dr-ms-offset-block: clamp(1.1rem, 2vw, 1.6rem);
        --mrkt-3dr-ms-offset-inline: clamp(1.1rem, 2vw, 1.6rem);
        --mrkt-3dr-ms-transition-speed: calc(var(--mrkt-motion-medium) * 1.05);
        --mrkt-3dr-ms-bezier: cubic-bezier(0.34, 1.56, 0.64, 1);
        --mrkt-3dr-ms-option-diagonal: calc(var(--mrkt-3dr-ms-option-size) * 1.4142);
        --mrkt-3dr-ms-half-scaled-diagonal: calc((var(--mrkt-3dr-ms-option-diagonal) * var(--mrkt-3dr-ms-hover-scale)) / 2);
        --mrkt-3dr-ms-tooltip-clearance: clamp(2.4rem, 3.5vw, 3.25rem);
        --mrkt-3dr-ms-tooltip-nudge-inline: -0.1rem;
        --mrkt-3dr-ms-outer-radius: calc(10rem + var(--mrkt-3dr-ms-radius) + var(--mrkt-3dr-ms-half-scaled-diagonal) + var(--mrkt-3dr-ms-tooltip-clearance));
        --mrkt-3dr-ms-origin-x: calc(100% - var(--mrkt-3dr-ms-offset-inline) - (var(--mrkt-3dr-ms-trigger-size) / 2));
        --mrkt-3dr-ms-origin-y: calc(100% - var(--mrkt-3dr-ms-offset-block) - (var(--mrkt-3dr-ms-trigger-size) / 2));
        --mrkt-3dr-ms-idle-clip-radius: calc((var(--mrkt-3dr-ms-trigger-size) * 1.4142 / 2) + 22px);
        --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) + 16px);
        --mrkt-3dr-ms-border-color: color-mix(in srgb, var(--mrkt-color-primary) 35%, transparent);
        --mrkt-3dr-ms-border-color-active: color-mix(in srgb, var(--mrkt-color-primary) 80%, transparent);
        --mrkt-3dr-ms-border-color-hover: color-mix(in srgb, var(--mrkt-color-primary) 65%, transparent);
        --mrkt-3dr-ms-trigger-bg: color-mix(in srgb, var(--mrkt-color-bg-alt) 78%, var(--mrkt-color-primary));
        --mrkt-3dr-ms-trigger-bg-hover: var(--mrkt-color-primary);
        --mrkt-3dr-ms-trigger-color: var(--mrkt-color-primary);
        --mrkt-3dr-ms-trigger-color-hover: var(--mrkt-color-bg-alt);
        --mrkt-3dr-ms-trigger-shadow:
            0 10px 24px 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);
        --mrkt-3dr-ms-option-card-shadow: 0 10px 24px color-mix(in srgb, var(--mrkt-color-bg-alt) 60%, transparent);
        --mrkt-3dr-ms-option-card-shadow-active:
            0 12px 28px 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);
        --mrkt-3dr-ms-option-card-shadow-hover: 0 14px 28px color-mix(in srgb, var(--mrkt-color-primary) 22%, transparent);
        --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%
        );
        --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%
        );
        --mrkt-3dr-ms-option-color: var(--mrkt-color-text);
        --mrkt-3dr-ms-option-color-hover: var(--mrkt-color-primary);
    }
}

/* Mobile Hero */
@media only screen and (max-width: 767px) {
    :root {
        --mrkt-3dr-ms-transition-speed: 220ms;
        --mrkt-3dr-ms-bezier: cubic-bezier(0.22, 1, 0.36, 1);
        --mrkt-3dr-ms-border-color: color-mix(in srgb, var(--mrkt-color-primary) 16%, transparent);
        --mrkt-3dr-ms-border-color-active: color-mix(in srgb, var(--mrkt-color-primary) 82%, transparent);
    }

    /* The render is already the full hero layer. Flex keeps its last child at the bottom. */
    html body .elementor .mrkt-hero-badplanung .mrkt-hero-badplanung__view.mrkt-3d-render {
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-end !important;
    }

    html body .elementor .mrkt-hero-badplanung .mrkt-3d-render__material-switcher,
    html body .elementor .mrkt-hero-badplanung .mrkt-3d-render__material-switcher:hover,
    html body .elementor .mrkt-hero-badplanung .mrkt-3d-render__material-switcher:focus-within,
    html body .elementor .mrkt-hero-badplanung .mrkt-3d-render__material-switcher.is-intro-open,
    html body .elementor .mrkt-hero-badplanung .mrkt-3d-render__material-switcher.is-closing {
        position: relative !important;
        inset: auto !important;
        z-index: 999 !important;
        align-self: stretch !important;
        display: flex !important;
        flex-flow: row nowrap !important;
        align-items: flex-end !important;
        gap: clamp(0.2rem, 1.2vw, 0.45rem) !important;
        width: 100% !important;
        max-width: none !important;
        height: auto !important;
        min-height: 0 !important;
        margin: auto 0 0 !important;
        padding: 0.55rem 0.55rem calc(0.55rem + env(safe-area-inset-bottom, 0px)) !important;
        overflow: visible !important;
        clip-path: none !important;
        border-top: 1px solid color-mix(in srgb, var(--mrkt-color-primary) 20%, transparent) !important;
        background: color-mix(in srgb, var(--mrkt-color-bg-alt) 82%, transparent) !important;
        box-shadow: 0 -1.25rem 3rem color-mix(in srgb, var(--mrkt-color-bg-alt) 40%, transparent) !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        transform: none !important;
        -webkit-backdrop-filter: blur(14px);
        backdrop-filter: blur(14px);
    }

    html body .elementor .mrkt-hero-badplanung .mrkt-3d-render__material-switcher .mrkt-3d-render__material-option,
    html body .elementor .mrkt-hero-badplanung .mrkt-3d-render__material-switcher:hover .mrkt-3d-render__material-option,
    html body .elementor .mrkt-hero-badplanung .mrkt-3d-render__material-switcher:focus-within .mrkt-3d-render__material-option,
    html body .elementor .mrkt-hero-badplanung .mrkt-3d-render__material-switcher.is-intro-open .mrkt-3d-render__material-option,
    html body .elementor .mrkt-hero-badplanung .mrkt-3d-render__material-switcher.is-closing .mrkt-3d-render__material-option {
        position: relative !important;
        inset: auto !important;
        flex: 1 1 0 !important;
        display: block !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        height: clamp(3.25rem, 16vw, 4.25rem) !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0.25rem !important;
        overflow: visible !important;
        border: 1px solid var(--mrkt-3dr-ms-border-color) !important;
        border-radius: 0 !important;
        background: color-mix(in srgb, var(--mrkt-color-bg-alt) 84%, transparent) !important;
        box-shadow: none !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        cursor: pointer;
        transform: none !important;
        transition:
            border-color var(--mrkt-3dr-ms-transition-speed) ease,
            background-color var(--mrkt-3dr-ms-transition-speed) ease,
            transform var(--mrkt-3dr-ms-transition-speed) var(--mrkt-3dr-ms-bezier) !important;
        transition-delay: 0ms !important;
    }

    html body .elementor .mrkt-hero-badplanung .mrkt-3d-render__material-switcher .mrkt-3d-render__material-option.is-active,
    html body .elementor .mrkt-hero-badplanung .mrkt-3d-render__material-switcher:hover .mrkt-3d-render__material-option.is-active,
    html body .elementor .mrkt-hero-badplanung .mrkt-3d-render__material-switcher:focus-within .mrkt-3d-render__material-option.is-active,
    html body .elementor .mrkt-hero-badplanung .mrkt-3d-render__material-switcher.is-intro-open .mrkt-3d-render__material-option.is-active {
        z-index: 2 !important;
        border-color: var(--mrkt-3dr-ms-border-color-active) !important;
        background: color-mix(in srgb, var(--mrkt-color-primary) 12%, var(--mrkt-color-bg-alt)) !important;
        transform: none !important;
    }

    html body .elementor .mrkt-hero-badplanung .mrkt-3d-render__material-image,
    html body .elementor .mrkt-hero-badplanung .mrkt-3d-render__material-image-wrapper {
        position: relative !important;
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        min-height: 0 !important;
        overflow: hidden !important;
        transform: none !important;
    }

    html body .elementor .mrkt-hero-badplanung .mrkt-3d-render__material-image::before {
        border-width: 1px !important;
        border-color: var(--mrkt-3dr-ms-border-color) !important;
        box-shadow: none !important;
    }

    html body .elementor .mrkt-hero-badplanung .mrkt-3d-render__material-option.is-active .mrkt-3d-render__material-image::before {
        border-color: var(--mrkt-3dr-ms-border-color-active) !important;
        box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--mrkt-color-primary) 24%, transparent) !important;
    }

    html body .elementor .mrkt-hero-badplanung .mrkt-3d-render__material-image-wrapper img {
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        filter: brightness(0.72) saturate(0.82) contrast(1.02) !important;
        transform: none !important;
        transition: filter var(--mrkt-3dr-ms-transition-speed) ease !important;
    }

    html body .elementor .mrkt-hero-badplanung .mrkt-3d-render__material-option.is-active .mrkt-3d-render__material-image-wrapper img {
        filter: brightness(1.05) saturate(1) contrast(1.04) !important;
    }

    html body .elementor .mrkt-hero-badplanung .mrkt-3d-render__material-option-label,
    html body .elementor .mrkt-hero-badplanung .mrkt-3d-render__material-switcher:hover .mrkt-3d-render__material-option-label,
    html body .elementor .mrkt-hero-badplanung .mrkt-3d-render__material-switcher:focus-within .mrkt-3d-render__material-option-label,
    html body .elementor .mrkt-hero-badplanung .mrkt-3d-render__material-switcher.is-intro-open .mrkt-3d-render__material-option-label,
    html body .elementor .mrkt-hero-badplanung .mrkt-3d-render__material-option:hover .mrkt-3d-render__material-option-label,
    html body .elementor .mrkt-hero-badplanung .mrkt-3d-render__material-option:focus-visible .mrkt-3d-render__material-option-label {
        position: absolute !important;
        left: 50% !important;
        right: auto !important;
        top: auto !important;
        bottom: calc(100% + 0.55rem) !important;
        z-index: 5 !important;
        display: block !important;
        width: max-content !important;
        max-width: min(9rem, 72vw) !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0.4rem 0.6rem !important;
        border: 1px solid color-mix(in srgb, var(--mrkt-color-primary) 38%, transparent) !important;
        background: color-mix(in srgb, var(--mrkt-color-bg-alt) 90%, transparent) !important;
        box-shadow: 0 0.65rem 1.4rem color-mix(in srgb, var(--mrkt-color-bg-alt) 54%, transparent) !important;
        color: var(--mrkt-color-primary) !important;
        font-size: 0.56rem !important;
        font-weight: 800 !important;
        line-height: 1.15 !important;
        letter-spacing: 0.08em !important;
        text-align: center !important;
        text-transform: uppercase !important;
        white-space: nowrap !important;
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
        transform: translateX(-50%) !important;
        transition:
            opacity var(--mrkt-3dr-ms-transition-speed) ease,
            visibility var(--mrkt-3dr-ms-transition-speed) ease !important;
    }

    html body .elementor .mrkt-hero-badplanung .mrkt-3d-render__material-option.is-active .mrkt-3d-render__material-option-label,
    html body .elementor .mrkt-hero-badplanung .mrkt-3d-render__material-option.is-active:hover .mrkt-3d-render__material-option-label,
    html body .elementor .mrkt-hero-badplanung .mrkt-3d-render__material-option.is-active:focus-visible .mrkt-3d-render__material-option-label {
        opacity: 1 !important;
        visibility: visible !important;
    }

    html body .elementor .mrkt-hero-badplanung .mrkt-3d-render__material-option:first-of-type .mrkt-3d-render__material-option-label {
        left: 0 !important;
        transform: none !important;
    }

    html body .elementor .mrkt-hero-badplanung .mrkt-3d-render__material-option:nth-last-of-type(2) .mrkt-3d-render__material-option-label {
        right: 0 !important;
        left: auto !important;
        transform: none !important;
    }

    html body .elementor .mrkt-hero-badplanung .mrkt-3d-render__material-option-label::after {
        content: "" !important;
        position: absolute !important;
        top: 100% !important;
        left: 50% !important;
        display: block !important;
        width: 0.45rem !important;
        height: 0.45rem !important;
        border-right: 1px solid color-mix(in srgb, var(--mrkt-color-primary) 38%, transparent) !important;
        border-bottom: 1px solid color-mix(in srgb, var(--mrkt-color-primary) 38%, transparent) !important;
        background: inherit !important;
        transform: translate(-50%, -50%) rotate(45deg) !important;
    }

    html body .elementor .mrkt-hero-badplanung .mrkt-3d-render__material-trigger,
    html body .elementor .mrkt-hero-badplanung .mrkt-3d-render__label {
        display: none !important;
    }

    html body .elementor .mrkt-hero-badplanung .mrkt-3d-render__material-option:focus-visible {
        outline: 2px solid var(--mrkt-color-primary) !important;
        outline-offset: -2px !important;
    }
}

@media only screen and (max-width: 767px) and (prefers-reduced-motion: reduce) {
    html body .elementor .mrkt-hero-badplanung .mrkt-3d-render__material-option,
    html body .elementor .mrkt-hero-badplanung .mrkt-3d-render__material-image-wrapper img,
    html body .elementor .mrkt-hero-badplanung .mrkt-3d-render__material-option-label {
        transition-duration: 0.01ms !important;
        transition-delay: 0ms !important;
    }
}

/* =========================================================
    mrkt-badplanung-ablauf
    ========================================================= */

.mrkt-badplanung-ablauf {
    --mrkt-badplanung-ablauf-panel-height: 100svh;
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 20% 18%, color-mix(in srgb, var(--mrkt-color-primary) 8%, transparent), transparent 30rem),
        linear-gradient(180deg, var(--mrkt-color-bg) 0%, color-mix(in srgb, var(--mrkt-color-bg-alt) 96%, var(--mrkt-color-bg)) 100%);
    border-top: 1px solid color-mix(in srgb, var(--mrkt-color-primary) 14%, transparent);
}

.mrkt-badplanung-ablauf__track {
    display: flex!important;
    width: max-content!important;
    min-height: var(--mrkt-badplanung-ablauf-panel-height)!important;
}

.mrkt-badplanung-ablauf__panel {
    position: relative!important;
    display: grid!important;
    grid-template-columns: minmax(0, 0.48fr) minmax(0, 0.52fr)!important;
    width: 100vw!important;
    min-height: var(--mrkt-badplanung-ablauf-panel-height)!important;
    flex-shrink: 0!important;
    overflow: hidden!important;
}

.mrkt-badplanung-ablauf__panel::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg,
        color-mix(in srgb, var(--mrkt-color-bg) 84%, transparent) 0%,
        color-mix(in srgb, var(--mrkt-color-bg) 52%, transparent) 45%,
        transparent 70%
    );
    z-index: 1;
    pointer-events: none;
}

.mrkt-badplanung-ablauf__content {
    position: relative;
    z-index: 2;
    display: flex!important;
    flex-direction: column;
    justify-content: center;
    gap: var(--mrkt-S);
    padding: var(--mrkt-root-side-padding) var(--mrkt-root-padding-vert)!important;
}

.mrkt-badplanung-ablauf__visual {
    position: relative;
    min-height: 100%;
    background-image:
        linear-gradient(180deg, color-mix(in srgb, var(--mrkt-color-bg) 18%, transparent), transparent 36%),
        linear-gradient(0deg, color-mix(in srgb, var(--mrkt-color-bg) 42%, transparent), transparent 44%),
        var(--panel-image);
    background-position: center;
    background-size: cover;
}

.mrkt-badplanung-ablauf__visual::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;
}
/* Tablet & Mobile */
@media only screen and (max-width: 1300px)  {
    .mrkt-badplanung-ablauf__track{
        flex-direction: column;
        width: 100vw!important;
        
    }
    .mrkt-badplanung-ablauf__panel {
        display: flex!important;
        flex-direction: column;
        width: 100%!important;
        min-height: 0!important;
    }
    .mrkt-badplanung-ablauf__visual{
        min-height: 35rem!important;
    }
    .mrkt-badplanung-ablauf__content {
    padding: var(--mrkt-root-side-padding)!important;
    }

}

/* Fix horizontal scroll overflowing on sub 1000px height */
@media only screen and (min-width: 1301px) and (max-height: 999px) {
  .mrkt-badplanung-ablauf__track .mrkt-badplanung-ablauf__panel .mrkt-badplanung-ablauf__content {
    padding: var(--mrkt-M)!important;
    padding-top: calc(var(--mrkt-header-height) + var(--mrkt-M))!important;
  }
}
    
    
    /* Stacking Cards */
    
.mrkt-stacking-cards__card.is-active {
filter: brightness(1.08);
box-shadow:
    0 2.4rem 5.5rem color-mix(in srgb, black 54%, transparent),
    inset 0 0 0 1px color-mix(in srgb, var(--mrkt-color-text) 9%, transparent),
    0 0 0 1px color-mix(in srgb, var(--mrkt-color-primary) 34%, transparent);
}

.mrkt-stacking-cards__card.is-past {
    filter: brightness(0.92);
    transform: rotate(var(--card-offset)) scale(0.975);
}

.mrkt-stacking-cards__card::before,
.mrkt-stacking-cards__card::after {
    content: "";
    position: absolute;
    pointer-events: none;
}

.mrkt-stacking-cards__card::before {
    inset: 0;
    z-index: 0;
    background:
        linear-gradient(90deg, color-mix(in srgb, var(--mrkt-color-text) 5%, transparent) 1px, transparent 1px),
        linear-gradient(180deg, color-mix(in srgb, var(--mrkt-color-text) 4%, transparent) 1px, transparent 1px);
    background-size: 4.2rem 4.2rem;
    mix-blend-mode: screen;
    opacity: 0.18;
}

.mrkt-stacking-cards__card::after {
    top: 0;
    left: 0;
    z-index: 3;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--mrkt-color-primary) 76%, transparent), color-mix(in srgb, var(--mrkt-color-secondary) 68%, transparent), transparent);
}
.mrkt-stacking-cards__card-body .mrkt-h3,
.mrkt-stacking-cards__card-body .mrkt-text,
.mrkt-stacking-cards__card-body .mrkt-meta,
.mrkt-glas-apps__tagline {
    margin: 0;
}/* End custom CSS */