html[data-blatt="a"] .hero-blatt{background:rgba(245,247,250,.86);box-shadow:0 10px 36px rgba(36,41,51,.10)}
@supports (backdrop-filter:blur(2px)){
  html[data-blatt="a"] .hero-blatt{background:rgba(245,247,250,.40);backdrop-filter:blur(9px) saturate(.88)}
}

html[data-blatt="b"] .hero-blatt{max-width:min(52rem,78vw);padding:.5rem 1.3rem .75rem;column-gap:1.8rem}
html[data-blatt="b"] .hero-blatt h1{font-size:clamp(1.6rem,min(3vw,5svh),2.7rem)}
html[data-blatt="b"] .hero-blatt .claim{font-size:clamp(.95rem,1.3vw,1.1rem);margin-top:.2rem}
html[data-blatt="b"] .hero-blatt .kicker{font-size:.78rem}
html[data-blatt="b"] .hero-blatt .hero-knoepfe{margin-top:.4rem}
html[data-blatt="b"] .hero-knoepfe .cta{min-height:44px;padding:.5rem 1.05rem;font-size:1rem}
html[data-blatt="b"] .hero-knoepfe .tel{font-size:1.05rem}

html[data-klein][data-blatt="c"] .hero-blatt,html[data-blatt="c"] .hero-blatt{background:none;box-shadow:none;border-left:0;padding:.3rem 0 .5rem;position:relative;
  max-width:min(58rem,80vw);margin-inline:auto}
html[data-blatt="c"] .hero-blatt::before{content:"";position:absolute;inset:-3.2rem -5.2rem -3.8rem -5.2rem;pointer-events:none;
  background:radial-gradient(closest-side,rgba(245,247,250,.97) 0%,rgba(245,247,250,.95) 42%,rgba(245,247,250,.74) 72%,rgba(245,247,250,.32) 88%,rgba(245,247,250,0) 100%)}
html[data-blatt="c"] .hero-blatt>*{position:relative}
html[data-blatt="c"] .hero-blatt h1,html[data-blatt="c"] .hero-blatt .claim,html[data-blatt="c"] .hero-blatt .kicker,html[data-blatt="c"] .hero-knoepfe .tel{
  text-shadow:0 0 10px var(--papier),0 0 22px var(--papier)}
html[data-blatt="c"] .hero-blatt h1{font-size:clamp(1.7rem,min(3.2vw,5.4svh),2.9rem)}
html[data-blatt="c"] .hero-blatt .claim{font-size:clamp(1.05rem,1.5vw,1.25rem)}

html[data-blatt="d"] .hero-blatt{box-shadow:none;padding-bottom:2rem;
  background:linear-gradient(180deg,rgba(245,247,250,.97) 0%,rgba(245,247,250,.95) 48%,rgba(245,247,250,.62) 78%,rgba(245,247,250,0) 100%)}

html[data-blatt="e"] .hero-blatt{max-width:min(52rem,78vw);padding:.5rem 1.3rem .75rem;column-gap:1.8rem;
  background:rgba(245,247,250,.86);box-shadow:0 10px 36px rgba(36,41,51,.10)}
@supports (backdrop-filter:blur(2px)){
  html[data-blatt="e"] .hero-blatt{background:rgba(245,247,250,.40);backdrop-filter:blur(9px) saturate(.88)}
}
html[data-blatt="e"] .hero-blatt h1{font-size:clamp(1.6rem,min(3vw,5svh),2.7rem)}
html[data-blatt="e"] .hero-blatt .claim{font-size:clamp(.95rem,1.3vw,1.1rem);margin-top:.2rem}
html[data-blatt="e"] .hero-blatt .kicker{font-size:.78rem}
html[data-blatt="e"] .hero-blatt .hero-knoepfe{margin-top:.4rem}
html[data-blatt="e"] .hero-knoepfe .cta{min-height:44px;padding:.5rem 1.05rem;font-size:1rem}
html[data-blatt="e"] .hero-knoepfe .tel{font-size:1.05rem}

@media (max-width:760px){
  html[data-blatt="a"] .hero-blatt,html[data-blatt="e"] .hero-blatt{max-width:none;background:rgba(255,255,255,.80)}
  @supports (backdrop-filter:blur(2px)){
    html[data-blatt="a"] .hero-blatt,html[data-blatt="e"] .hero-blatt{background:rgba(255,255,255,.62);backdrop-filter:blur(10px) saturate(.9)}
  }
  html[data-blatt="b"] .hero-blatt{max-width:none;padding:.9rem 1.1rem 1rem}
  html[data-blatt="c"] .hero-blatt{max-width:none}
  html[data-blatt="c"] .hero-blatt::before{inset:-1.4rem -1.6rem -2rem -1.6rem}
  html[data-blatt="d"] .hero-blatt{background:linear-gradient(180deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.95) 55%,rgba(255,255,255,.6) 82%,rgba(255,255,255,0) 100%)}
  html[data-blatt="b"] .hero--zeichnung h1,html[data-blatt="e"] .hero--zeichnung h1{font-size:clamp(1.75rem,7.6vw,2.3rem)}
}

html[data-klein][data-blatt="f"] .hero-blatt,html[data-blatt="f"] .hero-blatt{background:none;box-shadow:none;border-left:0;padding:.3rem 0 .5rem;position:relative;
  max-width:min(50rem,74vw);margin-inline:auto;column-gap:1.9rem}
html[data-blatt="f"] .hero-blatt::before{content:"";position:absolute;inset:-2.8rem -4.6rem -3.4rem -4.6rem;pointer-events:none;

  background:radial-gradient(closest-side,rgba(245,247,250,.97) 0%,rgba(245,247,250,.95) 42%,rgba(245,247,250,.74) 72%,rgba(245,247,250,.32) 88%,rgba(245,247,250,0) 100%)}
html[data-blatt="f"] .hero-blatt>*{position:relative}
html[data-blatt="f"] .hero-blatt h1,html[data-blatt="f"] .hero-blatt .claim,html[data-blatt="f"] .hero-blatt .kicker,html[data-blatt="f"] .hero-knoepfe .tel{
  text-shadow:0 0 8px var(--papier),0 0 18px var(--papier)}
html[data-blatt="f"] .hero-blatt h1{font-size:clamp(1.55rem,min(2.9vw,4.8svh),2.6rem)}
html[data-blatt="f"] .hero-blatt .claim{font-size:clamp(1.05rem,1.4vw,1.2rem);margin-top:.2rem}
html[data-blatt="f"] .hero-blatt .kicker{font-size:.78rem}
html[data-blatt="f"] .hero-blatt .hero-knoepfe{margin-top:.5rem}
html[data-blatt="f"] .hero-knoepfe .cta{min-height:44px;padding:.5rem 1.05rem;font-size:1rem}

html[data-blatt="g"] .hero-blatt{background:none;box-shadow:none;border-left:0;padding:0;display:block;max-width:min(56rem,80vw);margin-inline:auto}
html[data-blatt="g"] .hero-blatt .kicker,html[data-blatt="g"] .hero-blatt h1,html[data-blatt="g"] .hero-blatt .claim{
  display:inline;box-decoration-break:clone;-webkit-box-decoration-break:clone;background:var(--papier);
  padding:.08em .4em;box-shadow:0 6px 22px rgba(36,41,51,.07)}
html[data-blatt="g"] .hero-blatt h1{font-size:clamp(1.6rem,min(3vw,5svh),2.7rem);line-height:1.42}
html[data-blatt="g"] .hero-blatt .claim{line-height:1.75;font-size:clamp(.95rem,1.3vw,1.1rem)}
html[data-blatt="g"] .hero-blatt .kicker{line-height:1.9}
html[data-blatt="g"] .hero-blatt>p{margin:0}
html[data-blatt="g"] .hero-blatt h1{margin:.55rem 0 .5rem}
html[data-blatt="g"] .hero-blatt .claim{display:inline-block;margin-top:.35rem}
html[data-blatt="g"] .hero-blatt .kicker{display:block;width:fit-content;margin:0 0 .45rem}
html[data-blatt="g"] .hero-blatt .hero-knoepfe{display:flex;margin-top:.9rem;background:none;box-shadow:none;padding:0;align-items:center}
html[data-blatt="g"] .hero-knoepfe .tel{background:var(--papier);padding:.35em .6em;box-shadow:0 6px 22px rgba(36,41,51,.07)}
@media (max-width:760px){
  html[data-blatt="f"] .hero-blatt{max-width:none}

  html[data-blatt="c"] .hero--zeichnung h1,html[data-blatt="f"] .hero--zeichnung h1{font-size:clamp(1.9rem,8.4vw,2.6rem);line-height:1.04}
  html[data-blatt="c"] .hero--zeichnung .claim,html[data-blatt="f"] .hero--zeichnung .claim{font-size:1.05rem;margin-top:.5rem}
  html[data-blatt="c"] .hero-blatt .kicker,html[data-blatt="f"] .hero-blatt .kicker{font-size:.82rem}
  html[data-blatt="c"] .hero-knoepfe .cta,html[data-blatt="f"] .hero-knoepfe .cta{flex:1 1 auto;justify-content:center;min-height:48px;font-size:1.05rem}
  html[data-blatt="f"] .hero-blatt::before{inset:-1.2rem -1.4rem -1.8rem -1.4rem}
  html[data-blatt="g"] .hero-blatt{max-width:none}
  html[data-blatt="g"] .hero-blatt h1{font-size:clamp(1.7rem,7.4vw,2.2rem);line-height:1.5}
}

html[data-blatt="h"] .hero-blatt{background:rgba(245,247,250,.74);box-shadow:0 10px 36px rgba(36,41,51,.09);
  max-width:min(58rem,80vw);padding:.6rem 1.5rem .85rem;column-gap:2rem}
html[data-blatt="h"] .hero-blatt h1{font-size:clamp(1.65rem,min(3.1vw,5.2svh),2.8rem);
  text-shadow:0 0 6px rgba(245,247,250,.9)}
html[data-blatt="h"] .hero-blatt .claim{font-size:clamp(.95rem,1.35vw,1.12rem);margin-top:.2rem;text-shadow:0 0 6px rgba(245,247,250,.9)}
html[data-blatt="h"] .hero-blatt .kicker{font-size:.8rem}
html[data-blatt="h"] .hero-blatt .hero-knoepfe{margin-top:.45rem}
html[data-blatt="h"] .hero-knoepfe .cta{min-height:44px;padding:.5rem 1.05rem;font-size:1rem}
html[data-blatt="h"] .hero-knoepfe .tel{font-size:1.05rem;text-shadow:0 0 6px rgba(245,247,250,.9)}
@media (max-width:760px){
  html[data-blatt="h"] .hero-blatt{max-width:none;background:rgba(255,255,255,.86);padding:.95rem 1.1rem 1.05rem}
  html[data-blatt="h"] .hero--zeichnung h1{font-size:clamp(1.75rem,7.6vw,2.3rem)}
}