.wow{--wow-abstand:clamp(56px,7vw,96px);padding-bottom:var(--s6)}

html[data-startseite]{--wow-ease:var(--feder)}
html[data-startseite] .kopfmenue{gap:2px;margin-left:0}
html[data-startseite] .kopfmenue a{position:relative;display:inline-flex;align-items:center;min-height:44px;padding:0 12px;border-radius:var(--r-chip);font-size:14.5px;color:var(--tinte-2);transition:color var(--t-fast) var(--ease-state)}
html[data-startseite] .kopfmenue a::after{content:"";position:absolute;left:12px;right:12px;bottom:9px;height:1.5px;border-radius:1px;background:var(--akzent-flaeche);transform:scaleX(0);transform-origin:left;transition:transform var(--t-base) var(--wow-ease,ease-out)}
html[data-startseite] .kopfmenue a:hover,html[data-startseite] .kopfmenue a:focus-visible{color:var(--tinte)}
html[data-startseite] .kopfmenue a:hover::after,html[data-startseite] .kopfmenue a:focus-visible::after{transform:scaleX(1)}


.wow .wow-held{grid-template-areas:"held bild";min-height:0;padding-top:clamp(20px,4vh,48px)}
.wow .wow-held > .kartenblatt{grid-area:bild}
.wow-bild{grid-area:bild;min-width:0}
[data-schirm=start i]{overflow-x:clip}
.wow-held:has(> .kartenblatt:not([data-zustand=leer])) > .wow-bild{display:none}
.wow .start-held{gap:var(--s4)}
.wow .start-held .werbesatz{text-wrap:balance}
.wow-vertrauen{margin-top:calc(-1 * var(--s1))}
.wow-vertrauen span:not(:last-child)::after{content:'\00b7';margin:0 .45em}
.wow .schnelleinstieg{padding-top:var(--s3)}

.wow-rest:not(.wow-rest--da){min-height:1150px}

@media (prefers-reduced-motion:reduce){
  .wow *,.wow *::before,.wow *::after,.wow-kopf-los,html[data-startseite] .kopf--start .kopf-in{animation:none!important;transition-property:color,background-color,border-color,opacity!important}
}

@media (max-width:980px){
  .wow .wow-held{grid-template-areas:"held" "bild"}
}
@media (max-width:760px){
  .wow{--wow-abstand:52px}
  .wow .wow-held{padding-top:var(--s2)}
}
@media (max-width:389px){.wow-vertrauen{row-gap:6px}}

.wow--mix .wow-held{grid-template-areas:"held bild" "adresse bild";align-items:start;grid-template-columns:minmax(0,11fr) minmax(0,12fr);gap:var(--s6) clamp(40px,5vw,88px);padding-top:clamp(28px,6vh,72px)}
.wow--mix .start-held .werbesatz{font-size:clamp(44px,4.5vw,66px);font-weight:500;line-height:.98;letter-spacing:-.028em}
.wow--mix .adressstart__satz{font-size:17px;max-width:36ch}
.wow--mix .wow-bild{position:relative;align-self:center}
.wow-adresse{grid-area:adresse;margin-top:calc(-1 * var(--s3))}
.wow--mix .start-held{align-self:end}
.wow--mix .wow-bild::before{content:"";position:absolute;inset:-12% -8% -14% -10%;z-index:-1;pointer-events:none;
  background:radial-gradient(closest-side at 62% 44%,var(--akzent-tint),transparent),radial-gradient(closest-side at 26% 76%,var(--tiefe-a),transparent)}
@media (max-width:980px){.wow--mix .wow-held{grid-template-columns:minmax(0,1fr);grid-template-areas:"held" "bild" "adresse"}.wow-adresse{margin-top:0}}
@media (max-width:760px){
  .wow--mix .start-held .werbesatz{font-size:clamp(38px,11.5vw,50px)}
}

.wow-weiter{display:flex;align-items:center;gap:var(--s3);min-height:48px;max-width:30rem;margin:0 0 var(--s4);padding:10px 14px 10px 16px;box-sizing:border-box;border:1px solid var(--linie-zart);border-radius:var(--r-karte);background:var(--akzent-tint);color:var(--tinte);text-decoration:none;transition:border-color var(--t-fast) var(--ease-state)}
.wow-weiter:hover{border-color:var(--akzent)}
.wow-weiter__text{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0;font-size:13px;line-height:1.4;color:var(--tinte-2)}
.wow-weiter__text b{font-size:14.5px;font-weight:600;color:var(--tinte)}
.wow-weiter__ort{color:var(--tinte);overflow-wrap:anywhere}
.wow-weiter>svg{flex:none;width:18px;height:18px}

.start-zusagen .start-zusage-ohne-wand{font:400 15px/1.5 var(--sans);color:var(--tinte);display:flex;align-items:flex-start;gap:8px}
.start-zusage-ohne-wand > svg{flex:none;width:18px;height:18px;margin-top:2px;color:var(--ja)}


.wow--v2 .wow-held{grid-template-areas:"held bild";grid-template-columns:minmax(0,13fr) minmax(0,11fr);align-items:center;padding-bottom:var(--s4)}
.wow--v2 .start-held{align-self:center}
.wow--v2 .start-held__knoepfe{display:flex;flex-wrap:wrap;gap:10px}
.start-held__zusatz{display:flex;flex-wrap:wrap;align-items:center;gap:0 22px;margin-top:calc(-1 * var(--s2))}
.textknopf{position:relative;display:inline-flex;align-items:center;min-height:44px;padding:0 2px;border:0;background:none;font:600 15px/1.2 var(--sans);color:var(--tinte);cursor:pointer;text-decoration:none}
.textknopf::after{content:"";position:absolute;left:2px;right:2px;bottom:9px;height:1.5px;border-radius:1px;background:var(--akzent-flaeche);transform:scaleX(.35);transform-origin:left;transition:transform var(--t-base) var(--feder)}
.textknopf:hover::after,.textknopf:focus-visible::after{transform:scaleX(1)}
.textknopf:active{transform:scale(.97)}
.textknopf[disabled]{cursor:progress;color:var(--tinte-2)}
.start-held__zusatz [role=status]{flex-basis:100%;font-size:13.5px;color:var(--fehler,var(--tinte-2))}

.vf-buehne{position:relative;padding:8px 0 0}
.vf-stapel{position:relative;height:368px}
.vf{position:absolute;left:50%;top:12px;min-height:268px;width:min(300px,64%);margin-left:calc(min(300px,64%) / -2);display:flex;flex-direction:column;padding:18px 18px 16px;
  border-radius:var(--r-flaeche);background:var(--karte);border:1px solid var(--linie-zart);color:inherit;text-decoration:none;
  box-shadow:inset 0 1px 0 var(--kante-innen),0 2px 4px rgba(16,29,48,.04),0 30px 60px -36px rgba(16,29,48,.5);
  transform-origin:50% 120%;transform:translate(var(--x,0),var(--y,0)) rotate(var(--r,0deg));
  transition:transform 560ms var(--feder-auf),box-shadow var(--t-base) var(--ease-state)}
[data-theme=dunkel] .vf{box-shadow:inset 0 1px 0 var(--kante-innen),0 30px 70px -32px rgba(0,0,0,.7)}
.vf--mitte{z-index:3}
.vf--links{--x:-42%;--y:40px;--r:-9deg;z-index:1}
.vf--rechts{--x:42%;--y:40px;--r:9deg;z-index:2}
.vf-stapel:is(:hover,:focus-within) .vf--links{--x:-46%;--r:-11deg}
.vf-stapel:is(:hover,:focus-within) .vf--rechts{--x:46%;--r:11deg}
.vf:is(:hover,:focus-visible){--y:-12px;z-index:4;box-shadow:inset 0 1px 0 var(--kante-innen),0 40px 70px -34px rgba(16,29,48,.55)}
.vf--links:is(:hover,:focus-visible),.vf--rechts:is(:hover,:focus-visible){--y:8px}
.vf__para{font:600 11.5px/1 var(--sans);letter-spacing:.04em;color:var(--akzent-schrift)}
.vf__titel{margin-top:8px;font:600 26px/1.05 var(--serif);letter-spacing:-.01em;color:var(--tinte)}
.vf__fuer{margin-top:4px;font-size:13.5px;line-height:1.4;color:var(--tinte-2)}
.vf__mini{position:relative;display:grid;align-content:center;gap:7px;height:72px;margin-top:14px;padding:12px;border-radius:12px;background:var(--flaeche);border:1px solid var(--linie-zart)}
.vf__mini i{display:block;height:6px;border-radius:3px;width:calc(var(--w) * 100%);background:var(--anteil-boden);transform-origin:left}
.vf__mini i.b{background:var(--anteil-gebaeude)}.vf__mini i.c{background:var(--linie)}.vf__mini i.a{background:var(--akzent-flaeche)}
.vf__mini--vergleichswert{display:block}
.vf__mini--vergleichswert :is(i,b){position:absolute;width:6px;height:6px;margin:-3px;border-radius:50%;background:var(--tinte-2)}
.vf__mini--vergleichswert b{width:12px;height:12px;margin:-6px;background:var(--akzent-flaeche);box-shadow:0 0 0 4px var(--akzent-tint)}
.vf__schritt{display:flex;gap:9px;align-items:flex-start;margin-top:14px;padding-top:12px;border-top:1px solid var(--linie-zart);font-size:13px;line-height:1.4;color:var(--tinte)}
.vf__schritt .amtlich-punkt{margin-top:5px}
.vf__schritt b{display:block;font-weight:600}
.vf__schritt small{display:block;font-size:12px;color:var(--tinte-2)}
.vf--rechts{text-align:right}
.vf-fuss{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 20px;margin-top:4px;font-size:13px;color:var(--tinte-2)}
@media (prefers-reduced-motion:no-preference){
  .vf-buehne:not(.vf--los) .vf{--x:0%!important;--y:22px!important;--r:0deg!important;transition:none}
  .vf-buehne.vf--los .vf--links{transition-delay:60ms,0ms}
  .vf-buehne.vf--los .vf--rechts{transition-delay:140ms,0ms}
  .vf-buehne.vf--los .vf:is(:hover,:focus-visible),.vf-stapel:is(:hover,:focus-within) .vf{transition-delay:0ms}
}
@media (max-width:980px){
  .wow--v2 .wow-held{grid-template-columns:minmax(0,1fr);grid-template-areas:"held" "bild";gap:var(--s5)}
  .vf-stapel{height:318px}
  .vf{width:min(300px,78%);margin-left:calc(min(300px,78%) / -2)}
  .vf--links{--x:-9%;--y:22px;--r:-5deg}.vf--rechts{--x:9%;--y:22px;--r:5deg}
  .vf-stapel:is(:hover,:focus-within) .vf--links{--x:-12%;--r:-6deg}
  .vf-stapel:is(:hover,:focus-within) .vf--rechts{--x:12%;--r:6deg}
  .vf:not(.vf--mitte) > *{visibility:hidden}
}
@media (max-width:420px){.vf{min-height:248px}.vf-stapel{height:300px}.vf__mini{height:58px}.vf__titel{font-size:23px}}

.wow .start-held__zusatz{gap:0 14px;align-items:center;margin-top:calc(-1 * var(--s2))}
.wow .start-held__direkt{font:400 14.5px/1.2 var(--sans);color:var(--tinte-2)}
.wow .start-held__zusatz .textknopf::after{left:2px;right:2px;height:2px;bottom:8px;transform:none;background:var(--akzent-flaeche);opacity:.75;transition:opacity var(--t-base) var(--ease-state)}
.wow .start-held__zusatz .textknopf:is(:hover,:focus-visible)::after{opacity:1}
.wow .start-zusagen{display:grid;gap:9px;margin:calc(-1 * var(--s1)) 0 0;padding:16px 0 0;border-top:1px solid var(--linie);font:400 14.5px/1.4 var(--sans);color:var(--tinte)}
.wow .start-zusagen li,.wow .start-zusagen .start-zusage-ohne-wand{display:grid;grid-template-columns:18px minmax(0,1fr);gap:10px;align-items:start;font:inherit;color:inherit}
.wow .start-zusagen li > svg{width:16px;height:16px;margin-top:2px;color:var(--ja)}
.wow .start-zusagen a{font:500 14.5px/20px var(--sans);color:var(--tinte);text-decoration:underline;text-decoration-color:var(--akzent-flaeche);text-decoration-thickness:1.5px;text-underline-offset:4px;justify-self:start}
.wow .start-vertrauen{display:block;margin:-4px 0 0 28px;font-size:13px;line-height:1.45;color:var(--tinte-2)}
.wow .start-vertrauen span{white-space:normal}
.wow .adressstart__satz{text-wrap:pretty}
.wow .start-zusagen{border-top:0;position:relative}
.wow .start-zusagen::after{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:var(--linie);pointer-events:none}
.wow .start-preisweg{margin:-6px 0 0 28px;font-size:13px;line-height:1.45}
.wow .start-preisweg a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;margin-block:-12px;color:var(--tinte-2);font-weight:500;text-decoration:underline;text-decoration-color:var(--linie);text-underline-offset:3px}
.wow .start-preisweg a:hover{color:var(--tinte);text-decoration-color:currentColor}