/* Erzeugt von werkzeuge/schlanke-css.py aus werkzeuge/stil-voll.css:
   nur Regeln, die diese Seite braucht. Nicht von Hand aendern, sondern die Quelle. */
table,td,th,b,strong,output,time,[class*="zahl"],[class*="preis"],
[class*="wert"],[class*="betrag"],[class*="prozent"],[class*="summe"],
[class*="geld"],[class*="skala"]{font-variant-numeric:tabular-nums}
html,body{height:auto !important;min-height:100%;overflow-y:auto !important;
  overscroll-behavior-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y pinch-zoom}
@font-face{font-family:"Mulish";src:url("/schriften/Mulish-Variabel.woff2") format("woff2");font-weight:400 700;font-style:normal;font-display:swap}
@font-face{font-family:"Cormorant Garamond";src:url("/schriften/CormorantGaramond-500.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Cormorant Garamond";src:url("/schriften/CormorantGaramond-500-Kursiv.woff2") format("woff2");font-weight:500;font-style:italic;font-display:swap}
:root{
  --tinte:#3B2A26;
  --waerme:#B98088;      
  --waerme-tief:#85565F; 
  --wasser:#2f7fbf;      
  --akzent:#5B2A4A;
  --akzent-dunkel:#451F39;
  --akzent-blass:#F5EBE6;   
  --akzent-hell:#D3A7AE;    
  
  --signal:#E8C98F;
  --signal-dunkel:#85565F;
  --signal-blass:#FBF3E4;
  --papier:#FAF6EE;
  --grau:#F0E6D2;
  --linie:#D9C3A0;
  --linie-kraeftig:#C9AD82; 
  --nebentext:#654E48;
  
  --schatten:69,31,57;
  
  --putz:#d9d3c8;
  
  --maschine-gelb:#e0a12a;
  --maschine-stahl:#2b3033;
  --maschine-rolle:#8d9296;
  
  --ladung-holz:#b98550;
  --ladung-holz-kante:#6b4526;
  --ladung-alu:#cfd4d8;
  --ladung-pflanze:#4f8a3c;
  --ladung-stein:#b9b1a4;
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:"Mulish",-apple-system,"Helvetica Neue",Arial,sans-serif;
  color:var(--tinte);background:var(--papier);line-height:1.65;font-size:17px}
img{max-width:100%;display:block}
a{color:inherit}
h1,h2,h3,h4{font-weight:700;line-height:1.2}
h1,h2,h3,h4,p,li,dt,dd,th,blockquote,figcaption{hyphens:manual;overflow-wrap:normal;word-break:keep-all}
.zusammen{display:inline-block;text-decoration:inherit}
a,td{overflow-wrap:break-word}
a[href^="tel:"]{white-space:nowrap;overflow-wrap:normal}
h1{font-size:clamp(30px,4.6vw,46px);margin-bottom:18px}
h2{font-size:clamp(24px,3.2vw,32px);margin-bottom:14px}
h3{font-size:19px}
p{margin-bottom:14px;color:var(--tinte)}
.innen{max-width:1120px;margin:0 auto;padding:0 20px}
.schmal{max-width:780px}
.mittig{text-align:center}
.breit-text{max-width:760px;color:var(--nebentext)}
.mittig.breit-text,p.mittig{margin-left:auto;margin-right:auto}
.abschnitt{padding:56px 0}
.abschnitt-akzent{background:var(--akzent);color:#fff;border-top:5px solid var(--waerme)}
.abschnitt-akzent h2,.abschnitt-akzent p{color:#fff}
.abschnitt-akzent .breit-text{color:var(--akzent-hell);margin-left:auto;margin-right:auto}
.ico{flex:none}
.kopfzeile{position:sticky;top:0;background:rgba(255,255,255,.96);backdrop-filter:blur(6px);
  border-bottom:1px solid var(--linie);z-index:50}
.kopfzeile::before{content:"";position:absolute;left:0;right:0;bottom:100%;height:100vh;
  background-color:#fff;pointer-events:none}
.kopf-ueber .kopfzeile::before{visibility:hidden}
.kopf-ueber.kopf-fest .kopfzeile::before,html:not(.js) .kopf-ueber .kopfzeile::before{visibility:visible}
.kauf-leiste{position:relative;z-index:51}
.kopf-innen{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:78px}
.marke{display:flex;align-items:center}
.marke img{width:210px;height:auto}
.hauptmenue{display:flex;align-items:center;gap:26px;font-weight:700;font-size:16px}
.hauptmenue a{text-decoration:none}
.hauptmenue a:not(.knopf):hover{color:var(--akzent);text-decoration:underline;text-underline-offset:5px}
.burger{display:none;background:none;border:0;cursor:pointer;padding:10px}
.burger span{display:block;width:24px;height:2px;background:var(--tinte);margin:5px 0}
.hauptmenue{align-self:stretch}
.menue-punkt{position:relative;align-self:stretch;display:flex;align-items:center;gap:4px}
.unter-schalter{display:flex;align-items:center;background:none;border:0;padding:4px;
  color:inherit;cursor:pointer;border-radius:6px}
.unter-schalter svg{transition:transform var(--dur-1)}
.unter-schalter:hover{color:var(--akzent)}
.unter-schalter:focus-visible{outline:2px solid var(--akzent);outline-offset:2px}
.menue-punkt:hover .unter-schalter svg,
.menue-punkt:focus-within .unter-schalter svg,
.menue-punkt.offen .unter-schalter svg{transform:rotate(180deg)}
.untermenue{display:none;position:absolute;top:100%;left:-16px;z-index:60;
  grid-template-columns:1fr 1fr;gap:2px;padding:12px;
  background:var(--papier);border:1px solid var(--linie);
  border-top:4px solid var(--akzent);border-radius:0 0 12px 12px;
  box-shadow:0 20px 44px rgba(var(--schatten),.20)}
.menue-punkt:hover .untermenue,
.menue-punkt:focus-within .untermenue,
.menue-punkt.offen .untermenue{display:grid}
.untermenue a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;
  font-size:15px;font-weight:600;white-space:nowrap}
.untermenue a .ico{color:var(--akzent)}
.hauptmenue .untermenue a:hover,.hauptmenue .untermenue a:focus-visible{
  background:var(--akzent-blass);color:var(--akzent);text-decoration:none}
.knopf{display:inline-flex;align-items:center;justify-content:center;gap:9px;
  background:var(--akzent);color:#fff;text-decoration:none;font-weight:700;font-size:16px;
  padding:13px 24px;border-radius:8px;border:2px solid var(--akzent);cursor:pointer;
  transition:background var(--dur-1),border-color var(--dur-1),opacity var(--dur-1)}
.knopf:hover{background:var(--akzent-dunkel);border-color:var(--akzent-dunkel)}
.knopf-klein{padding:9px 16px;font-size:15px;border-radius:7px}
.knopf-umriss{background:transparent;color:var(--tinte);border-color:var(--tinte)}
.knopf-umriss:hover{background:var(--tinte);border-color:var(--tinte);color:#fff}
.knopfreihe{display:flex;gap:14px;flex-wrap:wrap;margin-top:22px}
.abschnitt-warm .knopfreihe,.abschnitt-akzent .knopfreihe,.abschnitt-dunkel .knopfreihe{justify-content:center}
button,input,select,textarea{font:inherit;letter-spacing:inherit}
.vorzeile{font-weight:700;font-size:13px;letter-spacing:.07em;text-transform:uppercase;
  color:var(--akzent);margin-bottom:14px}
.bildrahmen img[src$=".svg"],.held-bildrahmen img[src$=".svg"],
.formular-bildrahmen img[src$=".svg"],
.kachel-bildrahmen img[src$=".svg"]{object-fit:contain;
  background:var(--akzent-blass)}
.band{background:var(--waerme-tief);color:#fff;padding:18px 0}
.band a{display:inline-flex;align-items:center;gap:10px;color:#fff;text-decoration:none}
.band a:hover{color:var(--akzent-hell);text-decoration:underline;text-underline-offset:4px}
.band .ico{color:var(--akzent)}
.staerke{background:#fff;border:1px solid var(--linie);border-radius:12px;padding:24px;
  display:flex;flex-direction:column}
.karte-kopf{display:flex;align-items:center;gap:14px;min-height:56px;margin-bottom:8px}
.karte-kopf h3{margin:0;min-height:46px;display:flex;align-items:center}
.karte-kopf .ico{color:var(--akzent)}
.staerke p{margin:0;color:var(--nebentext);font-size:15.5px}
.kachel{background:#fff;border:1px solid var(--linie);border-radius:12px;padding:26px;
  width:340px;display:flex;flex-direction:column;text-decoration:none;
  transition:transform var(--dur-1),box-shadow var(--dur-1),border-color var(--dur-1)}
.kachel:hover{transform:translateY(-3px);box-shadow:0 10px 28px rgba(135,33,36,.14);border-color:var(--akzent)}
.kachel p{color:var(--nebentext);font-size:15.5px;margin-bottom:16px}
.weiter{font-weight:700;font-size:15px;margin-top:auto;color:var(--akzent)}
.schritte{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:34px;align-items:stretch}
.schritte:has(> :last-child:nth-child(3)){grid-template-columns:repeat(3,1fr)}
@media (max-width:900px){
.schritte:has(> :last-child:nth-child(3)){grid-template-columns:1fr}
}
.schritt{background:#fff;border:1px solid var(--linie);border-radius:12px;padding:24px;
  display:flex;flex-direction:column}
.schritt-zahl{display:flex;align-items:center;justify-content:center;width:44px;height:44px;
  border-radius:50%;background:var(--akzent);color:#fff;font-weight:700;font-size:19px;flex:none}
.schritt h3{margin:0}
.schritt p{margin:0;color:var(--nebentext);font-size:15.5px}
.ablauf{
  --glut-a:#ffa02e;      
  --glut-b:#f9481d;      
  --rohr:rgba(var(--schatten),.12);
  --fertig:#16a34a;      
  
  --zeichnen:calc(var(--dur-takt) * 1.4);  
  --versatz:calc(var(--dur-takt) * 1.2);   
}
.schritt{position:relative;overflow:visible}
.ablauf .schritt::before,.ablauf .schritt::after{content:"";position:absolute;top:50%;right:-20px;
  width:20px;height:3px;margin-top:-1.5px;border-radius:2px}
.ablauf .schritt::before{background:var(--rohr)}
.ablauf .schritt::after{background-color:var(--glut-b);background-image:linear-gradient(90deg in oklab,var(--glut-a),var(--glut-b));
  transform:scaleX(0);transform-origin:left center}
.laeuft .schritt::after{animation:strecke-fuellen var(--dur-2) var(--ease-out) forwards;
  animation-delay:calc(var(--nr) * var(--versatz) + var(--zeichnen))}
.ablauf .schritt:last-child::before,.ablauf .schritt:last-child::after{display:none}
@keyframes strecke-fuellen{to{transform:scaleX(1)}}
.schritt-zahl{position:relative}
.zahl-ziffer{position:relative}
.fertig-haken{position:absolute;inset:0;border-radius:50%;background:var(--fertig);
  display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.5)}
.fertig-haken svg{width:24px;height:24px}
.laeuft .fertig-haken{animation:haken-stempel var(--dur-3) var(--ease-pop) forwards;
  animation-delay:calc(var(--nr) * var(--versatz) + var(--zeichnen) + var(--dur-1))}
@keyframes haken-stempel{
  0%{opacity:0;transform:scale(.5)}
  60%{opacity:1;transform:scale(1.14)}
  100%{opacity:1;transform:scale(1)}
}
html:not(.js) .rahmen rect,
html:not(.js) .ablauf .schritt::after{stroke-dashoffset:0;transform:scaleX(1)}
html:not(.js) .fertig-haken{opacity:1;transform:scale(1)}
@media (max-width:1000px){
.ablauf .schritt::before,.ablauf .schritt::after{display:none}
}
@media (max-width:560px){
.ablauf .schritt::before,.ablauf .schritt::after{display:block;top:auto;bottom:-20px;
    left:50%;right:auto;width:3px;height:20px;margin-top:0;margin-left:-1.5px}
.ablauf .schritt::after{background-image:linear-gradient(180deg in oklab,var(--glut-a),var(--glut-b));
    transform:scaleY(0);transform-origin:top center}
.laeuft .schritt::after{animation-name:strecke-fuellen-hoch}
html:not(.js) .ablauf .schritt::after{transform:scaleY(1)}
}
@keyframes strecke-fuellen-hoch{to{transform:scaleY(1)}}
@media (prefers-reduced-motion:reduce){
.laeuft .rahmen rect,.laeuft .schritt::after,.laeuft .fertig-haken{animation:none}
.ablauf .schritt::after{transform:scaleX(1)}
.fertig-haken{opacity:1;transform:scale(1)}
}
@media (prefers-reduced-motion:reduce) and (max-width:560px){
.ablauf .schritt::after{transform:scaleY(1)}
}
.kreis{display:none}
@media (min-width:1101px){
.kreis{display:block;position:absolute;left:calc(var(--leiter-rand) * -1);
    right:calc(var(--leiter-rand) * -1);top:var(--leiter-y);
    bottom:calc(var(--leiter-rand) * -1);z-index:2;pointer-events:none}
.kreis::before,.kreis::after{content:"";position:absolute;bottom:-3px;
    width:8px;height:8px;border-radius:50%;background:var(--leiter-ruhe)}
.kreis::before{left:-3px}
.kreis::after{right:-3px}
}
.vergleich{position:relative;max-width:920px;margin:34px auto 0;border-radius:14px;
  overflow:hidden;aspect-ratio:16/9;box-shadow:0 18px 44px rgba(var(--schatten),.24)}
.vergleich img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.vergleich input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;
  cursor:ew-resize;-webkit-appearance:none;appearance:none;background:none;touch-action:pan-y}
.vergleich input::-webkit-slider-thumb{-webkit-appearance:none;width:46px;height:46px}
.vergleich:has(input:focus-visible){outline:3px solid #fff;outline-offset:3px}
.zweispalter{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:stretch}
.zweispalter>div:not(.bildrahmen){display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.zweispalter .knopf{margin-top:8px}
.bildrahmen{border-radius:14px;overflow:hidden;min-height:300px}
.bildrahmen img,.bildrahmen video{width:100%;height:100%;object-fit:cover}
.bildrahmen,.held-bildrahmen{position:relative}
.film-neustart{position:absolute;right:14px;bottom:14px;width:46px;height:46px;
  border-radius:50%;border:0;background:rgba(var(--schatten),.80);color:#fff;display:none;
  align-items:center;justify-content:center;cursor:pointer;transition:background var(--dur-1)}
.film-neustart:hover{background:var(--akzent)}
.film-neustart.da{display:flex}
.brotkrumen{font-size:14px;color:var(--nebentext);margin-bottom:16px}
.brotkrumen a{color:var(--nebentext)}
.frage{background:#fff;border:1px solid var(--linie);border-radius:10px;padding:0;margin-top:14px}
.frage summary{cursor:pointer;font-weight:700;padding:18px 22px;list-style:none;position:relative;padding-right:46px}
.frage summary::-webkit-details-marker{display:none}
.frage summary:hover{color:var(--akzent)}
.frage summary::after{content:"+";position:absolute;right:22px;top:50%;transform:translateY(-50%);
  font-size:22px;font-weight:400;color:var(--akzent)}
.frage[open] summary::after{content:"–"}
.frage p{padding:0 22px 18px;color:var(--nebentext);margin:0}
form label{display:block;font-weight:700;font-size:15px;margin-bottom:16px}
form input,form select,form textarea{display:block;width:100%;margin-top:6px;padding:12px 14px;
  border:1px solid #cbc5c4;border-radius:8px;font:inherit;font-weight:400;background:#fff;color:var(--tinte)}
form input:focus,form select:focus,form textarea:focus{outline:2px solid var(--akzent);outline-offset:1px}
form .knopf{width:100%}
.formular-hinweis{font-size:13.5px;color:var(--nebentext);margin:10px 0 0}
.formular-meldung{margin:14px 0 0;padding:13px 15px;border-radius:9px;font-size:15px;line-height:1.5;
  border:1px solid var(--linie);background:var(--papier, #f6f4ef)}
.formular-meldung a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.rechtstext h2{margin-top:34px}
.rechtstext h3{margin-top:24px;margin-bottom:8px}
.rechtstext h4{margin-top:18px;margin-bottom:6px;font-size:16.5px}
.rechtstext p{color:var(--nebentext)}
.herkunft{font-size:14px;color:var(--nebentext);line-height:1.6;margin-top:8px}
.fusszeile{background:var(--akzent-dunkel);color:#fff;padding:56px 0 0;margin-top:0}
.fusszeile.kante{border-top:5px solid var(--waerme)}
.fuss-raster{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px;padding-bottom:40px}
.fusszeile h3{margin-bottom:12px;font-size:16px;letter-spacing:.06em;text-transform:uppercase}
.fusszeile p{color:#d3cecd;font-size:15.5px}
.fusszeile a{display:block;color:#d3cecd;text-decoration:none;font-size:15.5px;padding:3px 0}
.fusszeile a:hover{color:#fff;text-decoration:underline}
.fuss-logo{width:230px;height:auto;margin-bottom:14px}
.fuss-unten{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;
  border-top:1px solid rgba(255,255,255,.18);padding-top:18px;padding-bottom:18px;
  font-size:14.5px;color:#d3cecd}
.fuss-rechts{display:flex;gap:20px}
.fuss-rechts a{display:inline;padding:0}
.fuss-herkunft{white-space:nowrap;margin-left:14px;padding-left:14px;
  border-left:1px solid rgba(255,255,255,.28)}
.fusszeile .fuss-herkunft a{display:inline;padding:0;color:#fff;text-decoration:underline;
  text-underline-offset:3px}
@media (max-width:560px){
.fuss-herkunft{display:block;margin:6px 0 0;padding-left:0;border-left:0}
}
html.anim :is(.kachel,.staerke,.schritt,.vergleich){opacity:0}
html.anim .sichtbar{opacity:1;animation:einblenden var(--dur-3) ease backwards}
@keyframes einblenden{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@media (max-width:1100px){
.staerken,.schritte{grid-template-columns:1fr 1fr}
}
@media (max-width:900px){
.abschnitt{padding:44px 0}
.fusszeile{padding-top:44px}
.held-raster,.zweispalter,.zweispalter-breit,.formular-raster,
  .kopf-zweispalter{grid-template-columns:1fr;gap:28px}
.zweispalter>.bildrahmen,.zweispalter-breit>.bildrahmen,
  .kopf-zweispalter>.bildrahmen,.held-raster>.held-bildrahmen,
  .formular-raster>.formular-bildrahmen{margin-bottom:14px}
.staerken,.schritte{grid-template-columns:1fr 1fr}
.marke img{width:180px}
.burger{display:block}
.hauptmenue{display:none;position:absolute;left:0;right:0;top:78px;background:#fff;
    border-bottom:1px solid var(--linie);flex-direction:column;align-items:stretch;
    padding:14px 20px;gap:4px}
.hauptmenue.offen{display:flex}
.hauptmenue a{padding:12px 4px}
.hauptmenue .knopf-klein{justify-content:center;margin-top:8px}
.hauptmenue{align-self:auto}
.menue-punkt{align-self:auto;justify-content:space-between;flex-wrap:wrap}
.menue-punkt > a{flex:1}
.unter-schalter{padding:12px 6px}
.menue-punkt:hover .untermenue,
  .menue-punkt:focus-within .untermenue{display:none}
.menue-punkt.offen .untermenue{display:grid}
.untermenue{position:static;width:100%;grid-template-columns:1fr;
    padding:6px;margin:0 0 8px;border:0;border-left:3px solid var(--akzent);
    border-radius:0 8px 8px 0;background:var(--grau);box-shadow:none}
.untermenue a{padding:11px 10px}
}
@media (max-width:560px){
.staerken,.staerken-drei,.schritte{grid-template-columns:1fr}
.kachel{width:100%}
.vergleich{aspect-ratio:4/3}
.knopfreihe{flex-direction:column;align-items:stretch}
.knopfreihe .knopf,.knopfreihe .kk-filmknopf{width:100%}
}
.kauf-leiste{background:#fff;border-bottom:3px solid #5a6b2f;padding:9px max(20px,calc((100% - 1080px)/2));display:flex;align-items:center;justify-content:space-between;gap:14px;text-align:center}
.kauf-leiste::before{content:"";flex:none;width:158px;height:33px;background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%22-52 -52 497.93 104%22%3E%3Cpath d=%22M44.00,0.00 L22.00,38.11 L-22.00,38.11 L-44.00,0.00 L-22.00,-38.11 L22.00,-38.11Z%22 fill=%22none%22 stroke=%22%230d1b34%22 stroke-width=%227%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22M0.00,-31.73 L12.99,-24.23 L12.99,-9.23 L0.00,-1.73 L-12.99,-9.23 L-12.99,-24.23Z%22 fill=%22%230d1b34%22/%3E%3Cpath d=%22M-14.49,-6.63 L-1.50,0.87 L-1.50,15.87 L-14.49,23.37 L-27.48,15.87 L-27.48,0.87Z%22 fill=%22%230d1b34%22/%3E%3Cpath d=%22M14.49,-6.63 L27.48,0.87 L27.48,15.87 L14.49,23.37 L1.50,15.87 L1.50,0.87Z%22 fill=%22%230d1b34%22/%3E%3Cg transform=%22translate(74,19)%22%3E%3Cpath transform=%22translate(0.00,0) scale(0.03519,-0.03519)%22 d=%22M876 0V510Q876 547 872.0 604.5Q868 662 847.0 720.0Q826 778 778.5 817.0Q731 856 644 856Q609 856 569.0 845.0Q529 834 494.0 802.5Q459 771 436.5 710.0Q414 649 414 548L258 622Q258 750 310.0 862.0Q362 974 466.5 1043.0Q571 1112 730 1112Q857 1112 937.0 1069.0Q1017 1026 1061.5 960.0Q1106 894 1125.0 822.5Q1144 751 1148.0 692.0Q1152 633 1152 606V0ZM138 0V1440H380V700H414V0Z%22 fill=%22%230d1b34%22/%3E%3Cpath transform=%22translate(44.76,0) scale(0.03519,-0.03519)%22 d=%22M626 -30Q463 -30 340.0 43.0Q217 116 148.5 244.5Q80 373 80 540Q80 709 150.0 837.5Q220 966 343.0 1038.0Q466 1110 626 1110Q789 1110 912.5 1037.0Q1036 964 1105.0 835.5Q1174 707 1174 540Q1174 372 1104.5 243.5Q1035 115 911.5 42.5Q788 -30 626 -30ZM626 224Q757 224 821.5 312.5Q886 401 886 540Q886 684 820.5 770.0Q755 856 626 856Q537 856 480.0 816.0Q423 776 395.5 705.0Q368 634 368 540Q368 395 433.5 309.5Q499 224 626 224Z%22 fill=%22%230d1b34%22/%3E%3Cpath transform=%22translate(88.88,0) scale(0.03519,-0.03519)%22 d=%22M876 0V510Q876 547 872.0 604.5Q868 662 847.0 720.0Q826 778 778.5 817.0Q731 856 644 856Q609 856 569.0 845.0Q529 834 494.0 802.5Q459 771 436.5 710.0Q414 649 414 548L258 622Q258 750 310.0 862.0Q362 974 466.5 1043.0Q571 1112 730 1112Q857 1112 937.0 1069.0Q1017 1026 1061.5 960.0Q1106 894 1125.0 822.5Q1144 751 1148.0 692.0Q1152 633 1152 606V0ZM138 0V1080H380V722H414V0Z%22 fill=%22%230d1b34%22/%3E%3Cpath transform=%22translate(133.63,0) scale(0.03519,-0.03519)%22 d=%22M642 -30Q476 -30 349.5 41.5Q223 113 151.5 238.5Q80 364 80 526Q80 703 150.0 834.0Q220 965 343.0 1037.5Q466 1110 626 1110Q796 1110 915.0 1030.0Q1034 950 1091.0 805.0Q1148 660 1131 464H862V564Q862 729 809.5 801.5Q757 874 638 874Q499 874 433.5 789.5Q368 705 368 540Q368 389 433.5 306.5Q499 224 626 224Q706 224 763.0 259.0Q820 294 850 360L1122 282Q1061 134 929.5 52.0Q798 -30 642 -30ZM284 464V666H1000V464Z%22 fill=%22%230d1b34%22/%3E%3Cpath transform=%22translate(176.42,0) scale(0.03519,-0.03519)%22 d=%22M278 -480 486 92 490 -76 20 1080H302L618 262H554L868 1080H1140L530 -480Z%22 fill=%22%230d1b34%22/%3E%3Cpath transform=%22translate(216.53,0) scale(0.03519,-0.03519)%22 d=%22M230 0V1076Q230 1117 232.0 1169.0Q234 1221 248.5 1274.0Q263 1327 302 1370Q352 1426 410.5 1446.5Q469 1467 524.0 1468.5Q579 1470 618 1470H752V1250H628Q564 1250 533.0 1217.5Q502 1185 502 1140V0ZM60 870V1080H752V870Z%22 fill=%22%230d1b34%22/%3E%3Cpath transform=%22translate(243.69,0) scale(0.03519,-0.03519)%22 d=%22M160 0V1470H432V0Z%22 fill=%22%230d1b34%22/%3E%3Cpath transform=%22translate(264.52,0) scale(0.03519,-0.03519)%22 d=%22M626 -30Q463 -30 340.0 43.0Q217 116 148.5 244.5Q80 373 80 540Q80 709 150.0 837.5Q220 966 343.0 1038.0Q466 1110 626 1110Q789 1110 912.5 1037.0Q1036 964 1105.0 835.5Q1174 707 1174 540Q1174 372 1104.5 243.5Q1035 115 911.5 42.5Q788 -30 626 -30ZM626 224Q757 224 821.5 312.5Q886 401 886 540Q886 684 820.5 770.0Q755 856 626 856Q537 856 480.0 816.0Q423 776 395.5 705.0Q368 634 368 540Q368 395 433.5 309.5Q499 224 626 224Z%22 fill=%22%230d1b34%22/%3E%3Cpath transform=%22translate(308.64,0) scale(0.03519,-0.03519)%22 d=%22M370 0 40 1082 306 1080 502 436 701 1080H927L1126 436L1322 1080H1588L1258 0H1050L814 704L578 0Z%22 fill=%22%230d1b34%22/%3E%3C/g%3E%3C/svg%3E") left center/contain no-repeat}
.kauf-leiste .kauf-knopf{display:inline-flex;align-items:center;gap:10px;background:#0d1b34;color:#fff;
  font-weight:700;font-size:15px;text-decoration:none;padding:9px 20px;border-radius:999px;white-space:normal;line-height:1.35;max-width:100%}
.kauf-leiste .kauf-knopf:hover{background:#5a6b2f}
.kauf-leiste .kauf-knopf svg{flex:none}
@media (max-width:560px){
.kauf-leiste{padding:8px 12px;gap:10px}
.kauf-leiste::before{width:34px;height:34px;background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%22-52 -52 104 104%22%3E%3Cpath d=%22M44.00,0.00 L22.00,38.11 L-22.00,38.11 L-44.00,0.00 L-22.00,-38.11 L22.00,-38.11Z%22 fill=%22none%22 stroke=%22%230d1b34%22 stroke-width=%227%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22M0.00,-31.73 L12.99,-24.23 L12.99,-9.23 L0.00,-1.73 L-12.99,-9.23 L-12.99,-24.23Z%22 fill=%22%230d1b34%22/%3E%3Cpath d=%22M-14.49,-6.63 L-1.50,0.87 L-1.50,15.87 L-14.49,23.37 L-27.48,15.87 L-27.48,0.87Z%22 fill=%22%230d1b34%22/%3E%3Cpath d=%22M14.49,-6.63 L27.48,0.87 L27.48,15.87 L14.49,23.37 L1.50,15.87 L1.50,0.87Z%22 fill=%22%230d1b34%22/%3E%3C/svg%3E")}
.kauf-leiste .kauf-knopf{font-size:14px;padding:8px 14px;flex:1;justify-content:center}
.kauf-leiste:has(.kauf-vergleich){flex-wrap:wrap}
}
.punkt{position:absolute;left:0;top:0;transform:translate(-50%,-50%);width:38px;height:38px;padding:0;
  border-radius:50%;border:2px solid #fff;background:var(--akzent);color:#fff;
  font-weight:700;font-size:16px;line-height:1;cursor:pointer;z-index:2;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 3px 12px rgba(var(--schatten),.40);transition:background var(--dur-1),transform var(--dur-1)}
.punkt:hover,.punkt:focus-visible{background:var(--signal);color:var(--akzent-dunkel);
  transform:translate(-50%,-50%) scale(1.12)}
.punkt:focus-visible{outline:3px solid #fff;outline-offset:3px}
.punkt::after{content:"";position:absolute;inset:-8px;border-radius:50%;
  border:2px solid var(--signal);opacity:0}
@media (max-width:900px){
.punkt{width:34px;height:34px;font-size:15px}
}
@media (max-width:760px){
.fuss-raster{grid-template-columns:1fr;gap:28px}
}
.partner{background:#fff;border:1px solid var(--linie);border-radius:12px;padding:22px;
  display:flex;flex-direction:column;text-decoration:none;transition:border-color var(--dur-1)}
.partner:hover{border-color:var(--akzent)}
.partner p{margin:0;color:var(--nebentext);font-size:15px}
.punkt{position:absolute;left:0;top:0;transform:translate(-50%,-50%);width:38px;height:38px;padding:0;
  border-radius:50%;border:2px solid #fff;background:var(--akzent);color:#fff;
  font-weight:700;font-size:16px;line-height:1;cursor:pointer;z-index:2;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 3px 12px rgba(var(--schatten),.40);transition:background var(--dur-1),transform var(--dur-1)}
.punkt:hover,.punkt:focus-visible{background:var(--signal);color:var(--akzent-dunkel);
  transform:translate(-50%,-50%) scale(1.12)}
.punkt:focus-visible{outline:3px solid #fff;outline-offset:3px}
.punkt::after{content:"";position:absolute;inset:-8px;border-radius:50%;
  border:2px solid var(--signal);opacity:0}
@media (max-width:900px){
.punkt{width:34px;height:34px;font-size:15px}
}
@media (max-width:760px){
.fuss-raster{grid-template-columns:1fr;gap:28px}
}
.uebergang{display:block;height:56px}
.abschnitt:has(+ .uebergang){padding-bottom:12px}
.uebergang+.abschnitt{padding-top:12px}
@media (max-width:900px){
.uebergang{height:36px}
.abschnitt:has(+ .uebergang){padding-bottom:8px}
.uebergang+.abschnitt{padding-top:8px}
}
.abschnitt:not([class*="abschnitt-"]) + .abschnitt:not([class*="abschnitt-"]),
.abschnitt-grau + .abschnitt-grau,.abschnitt-warm + .abschnitt-warm{padding-top:0}
.abschnitt-dunkel.kante,.band.kante,.zeichenband.kante{border-top:5px solid var(--waerme)}
.film-buehne video{pointer-events:none}
html.js .film-buehne video{opacity:0}
html.js .film-buehne.film-laeuft video{opacity:1}
.film-buehne .film-deckbild{transition:opacity var(--dur-3) var(--ease-out)}
.film-buehne.film-laeuft .film-deckbild{opacity:0}
.film-knopf{display:none;align-items:center;justify-content:center;gap:9px;
  padding:13px 22px;border-radius:999px;cursor:pointer;
  font:inherit;font-size:15px;font-weight:600;color:#fff;
  background:rgba(255,255,255,.12);border:2px solid rgba(255,255,255,.55);
  -webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);
  transition:background var(--dur-2) var(--ease-out),border-color var(--dur-2) var(--ease-out)}
.film-knopf:hover{background:rgba(255,255,255,.24);border-color:#fff}
.film-buehne.film-blockiert .film-knopf{display:inline-flex}
.film-ersatz{position:absolute;inset:0;z-index:1;pointer-events:none}
.film-ersatz-bild{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0}
.film-buehne.film-im-ersatz .film-ersatz-bild{animation:film-ersatz-ein calc(var(--dur-takt) * .9)
  calc(var(--dur-takt) * var(--ab,0)) var(--ease-out) both}
@keyframes film-ersatz-ein{from{opacity:0}to{opacity:1}}
.film-buehne.film-im-ersatz .film-knopf,.film-buehne.film-im-ersatz .film-neustart,
.film-buehne.film-ersatz-laedt .film-neustart{display:none}
.film-buehne.film-bewegtbild .film-knopf,.film-buehne.film-bewegtbild .film-neustart{display:none}
@media (prefers-reduced-motion:reduce){
.film-ersatz{display:none}
}
.film-buehne{position:relative;width:100%;height:100%}
.film-buehne .film-deckbild{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  z-index:1;pointer-events:none}
.film-buehne .film-knopf-rund,.film-buehne .film-neustart{z-index:3}
@media (prefers-reduced-motion:reduce){
.film-buehne video{display:none}
}
.zahl{background:#fff;border:1px solid var(--linie);border-radius:12px;padding:24px 18px;
  text-align:center;display:flex;flex-direction:column;justify-content:center;min-height:118px}
.zahl strong{display:block;font-size:36px;line-height:1.1;color:var(--akzent);margin-bottom:6px;
  position:relative;font-variant-numeric:tabular-nums}
.zahl span{color:var(--nebentext);font-size:15px;line-height:1.35}
.kinokopf{position:relative;background-color:var(--papier);padding-bottom:16px}
.kk-buehne{position:relative;overflow:hidden;background-color:var(--akzent-dunkel);
  min-height:clamp(560px,86vh,820px);display:flex;align-items:flex-end}
.kk-buehne picture{position:absolute;inset:0}
.kk-foto{width:100%;height:100%;object-fit:cover;object-position:60% 50%}
.kk-ersatz .film-ersatz-bild{object-position:60% 50%}
.kk-film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  object-position:60% 50%;pointer-events:none}
.kk-film-hoch{display:none}
@media (max-width:720px){
.kk-film-quer{display:none}
.kk-film-hoch{display:block}
}
.kk-schleier{position:absolute;inset:0;background-color:transparent;
  background-image:linear-gradient(100deg in oklab,rgba(var(--schatten),.82) 0%,rgba(var(--schatten),.64) 34%,
    rgba(var(--schatten),.24) 64%,rgba(var(--schatten),.04) 100%),
  linear-gradient(to top in oklab,rgba(var(--schatten),.48) 0%,rgba(var(--schatten),0) 52%)}
.kinokopf .kk-schleier,.kinokopf .kk-lichtstreifen{z-index:1}
.kinokopf .kk-ersatz{z-index:1}
.kk-lichtstreifen{position:absolute;top:-10%;bottom:-10%;left:-60%;width:38%;
  transform:skewX(-12deg);opacity:0;pointer-events:none;
  background-image:linear-gradient(100deg in oklab,rgb(255 255 255 / 0),rgb(255 255 255 / .16),rgb(255 255 255 / 0))}
.kk-ausblendung{position:absolute;left:0;right:0;bottom:0;height:220px;z-index:1;pointer-events:none;
  background-image:linear-gradient(to bottom in oklab,rgba(var(--schatten),0) 0%,rgba(var(--schatten),.26) 55%,rgba(var(--schatten),.52) 100%)}
.kk-innen{position:relative;z-index:2;width:100%;padding-top:120px;padding-bottom:132px}
.kk-innen .vorzeile{color:var(--akzent-hell);margin-bottom:16px}
.kk-innen h1{color:#fff;max-width:14ch;margin-bottom:20px;
  text-shadow:0 2px 30px rgba(var(--schatten),.45)}
.kk-satz{color:#fff;max-width:50ch;font-size:clamp(16px,1.4vw,19px);
  text-shadow:0 1px 16px rgba(var(--schatten),.5)}
.kk-innen .knopfreihe{margin-top:26px}
.js .kinokopf .kk-an{opacity:0}
.kinokopf.laeuft .kk-foto,
.kinokopf.laeuft .kk-ersatz,
.kinokopf.laeuft .kk-film{animation:kk-fahrt calc(var(--dur-takt) * 22) calc(var(--dur-takt) * .1) var(--ease-out) both}
.kinokopf.film-buehne.laeuft .kk-foto,
.kinokopf.film-buehne.laeuft .kk-ersatz,
.kinokopf.film-buehne.laeuft .kk-film{animation:none;transform:none}
.kinokopf.laeuft .kk-lichtstreifen{animation:kk-licht calc(var(--dur-takt) * 2.1) calc(var(--dur-takt) * .45) var(--ease-out) both}
.kinokopf.laeuft .kk-an{animation:kk-auf calc(var(--dur-takt) * .85) var(--ease-out) both}
.kinokopf.laeuft .kk-3{animation-delay:calc(var(--dur-takt) * .46)}
.kinokopf.laeuft .kk-4{animation-delay:calc(var(--dur-takt) * .62)}
@keyframes kk-fahrt{from{transform:scale(1.12)}to{transform:scale(1)}}
@keyframes kk-auf{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
@keyframes kk-licht{0%{transform:translateX(0) skewX(-12deg);opacity:0}
  25%{opacity:1}100%{transform:translateX(430%) skewX(-12deg);opacity:0}}
@media (prefers-reduced-motion:reduce){
.js .kinokopf .kk-an{opacity:1;transform:none}
.kinokopf .kk-foto,.kinokopf .kk-film,.kinokopf .kk-ersatz,.kinokopf .kk-lichtstreifen{animation:none !important;transform:none}
}
.kopf-ueber .kinokopf{margin-top:-78px}
.kopf-ueber .kopfzeile{background:transparent;border-bottom-color:transparent;backdrop-filter:none;
  transition:background-color var(--dur-2) var(--ease-out),border-color var(--dur-2) var(--ease-out)}
.marke .logo-weiss{display:none}
.kopf-ueber .marke .logo-weiss{display:block}
.kopf-ueber .hauptmenue a:not(.knopf){color:#fff}
.kopf-ueber .burger span{background-color:#fff}
.kopf-ueber.kopf-fest .kopfzeile{background-color:rgba(255,255,255,.96);backdrop-filter:blur(6px);
  border-bottom-color:var(--linie)}
.kopf-ueber.kopf-fest .marke .logo-weiss{display:none}
.kopf-ueber.kopf-fest .hauptmenue a:not(.knopf){color:var(--tinte)}
.kopf-ueber.kopf-fest .burger span{background-color:var(--tinte)}
html:not(.js) .kopf-ueber .kinokopf{margin-top:0}
html:not(.js) .kopf-ueber .kopfzeile{background-color:rgba(255,255,255,.96);border-bottom-color:var(--linie)}
html:not(.js) .kopf-ueber .marke .logo-weiss{display:none}
html:not(.js) .kopf-ueber .hauptmenue a:not(.knopf){color:var(--tinte)}
html:not(.js) .kopf-ueber .burger span{background-color:var(--tinte)}
@media (max-width:900px){
.kk-buehne{min-height:clamp(500px,78vh,700px)}
.kk-innen{padding-top:104px;padding-bottom:104px}
.kopf-ueber .hauptmenue a:not(.knopf){color:var(--tinte)}
}
@media (max-width:600px){
.kk-innen{padding-bottom:84px}
.kk-schleier{background-image:linear-gradient(to top in oklab,rgba(var(--schatten),.92) 0%,
    rgba(var(--schatten),.78) 36%,rgba(var(--schatten),.2) 54%,rgba(var(--schatten),.06) 72%,
    rgba(var(--schatten),.4) 100%)}
.kk-innen h1{max-width:none}
.kk-foto,.kk-film,.kk-ersatz .film-ersatz-bild{object-position:50% 50%}
}
@media (max-width:560px){
.kopf-innen:has(.entwurf-wahl){flex-wrap:wrap;gap:10px;padding-top:10px;padding-bottom:10px}
}
.reihe-gleich{display:grid;grid-template-columns:repeat(var(--spalten,3),1fr);
  gap:20px;align-items:stretch}
.reihe-gleich > *{display:flex;flex-direction:column}
@supports (grid-template-rows:subgrid){
.reihe-gleich > *{display:grid;grid-template-rows:subgrid;
    grid-row:span var(--zeilen,4)}
}
.reihe-gleich .zeile{display:flex;flex-direction:column;align-items:stretch;min-width:0}
.reihe-gleich .zeile > :first-child{margin-top:0}
.reihe-gleich .zeile > :last-child{margin-bottom:0}
.reihe-gleich .zeile-schluss{justify-content:flex-end}
@media (max-width:900px){
.reihe-gleich{grid-template-columns:repeat(var(--spalten-mittel,1),1fr)}
}
@media (max-width:640px){
.reihe-gleich{grid-template-columns:1fr}
}
.takt{--fertig:var(--akzent);--phase:calc(var(--dur-takt) * 2.4);--zyklus:calc(var(--phase) * 4);--licht:color-mix(in oklab,var(--akzent) 70%,#fff);--licht-schein:color-mix(in oklab,var(--akzent) 22%,transparent);row-gap:0}
.takt-schritt{--start:calc(var(--nr) * var(--phase));grid-row:span 3;display:grid;grid-template-rows:subgrid;row-gap:0;padding:20px 22px 24px;border-color:var(--linie-kraeftig);position:relative}
.takt-szene{height:150px;margin-bottom:16px;border-radius:10px;background-color:var(--akzent-blass);
  background-image:url("bilder/ablauf-grund.webp");background-size:260% auto;
  background-position:0% 50%;display:flex;align-items:center;justify-content:center;
  overflow:hidden;box-shadow:inset 0 0 0 1px rgba(var(--schatten),.06)}
.takt-schritt:nth-child(2) .takt-szene{background-position:36% 42%}
.takt-schritt:nth-child(3) .takt-szene{background-position:68% 58%}
.takt-schritt:nth-child(4) .takt-szene{background-position:100% 46%}
.takt-szene svg{width:196px;height:128px;overflow:visible}
.takt .karte-kopf{position:relative;margin-bottom:10px;align-items:flex-start}
.takt .karte-kopf h3{min-height:0;padding-top:9px}
.takt-schritt p a{color:var(--akzent-dunkel);text-decoration:underline;text-underline-offset:3px}
.takt .schritt-zahl::after{content:"";position:absolute;inset:0;border-radius:50%;border:3px solid var(--licht);opacity:0;pointer-events:none}
.takt .fertig-haken{opacity:1;transform:none}
.takt.laeuft .fertig-haken{animation:none}
.takt .karte-kopf::before,.takt .karte-kopf::after{content:"";position:absolute;top:22px;left:calc(100% + 23px)}
.takt .karte-kopf::before{width:20px;height:3px;margin-top:-1.5px;border-radius:2px;background:var(--akzent-hell)}
.takt .karte-kopf::after{width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:var(--licht);box-shadow:0 0 0 4px var(--licht-schein);opacity:0}
.takt-schritt:last-child .karte-kopf::before,.takt-schritt:last-child .karte-kopf::after{display:none}
.sz-flaeche{fill:#fff;stroke:var(--akzent-hell);stroke-width:2.5}
.sz-strich{fill:none;stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round}
.sz-akzent{stroke:var(--akzent)}
.sz-leise{stroke:color-mix(in oklab,var(--akzent) 30%,#fff)}
.sz-weiss{stroke:#fff}
.sz-tag{fill:var(--akzent);transform-box:fill-box;transform-origin:center}
.sz-schreiben,.sz-haken{stroke-dasharray:100;stroke-dashoffset:0}
.takt.laeuft .takt-schritt,.takt.laeuft .takt-schritt .schritt-zahl,.takt.laeuft .takt-schritt .schritt-zahl::after,
.takt.laeuft .karte-kopf::after,.takt.laeuft .takt-szene *{animation-duration:var(--zyklus);animation-delay:var(--start);animation-iteration-count:infinite;animation-fill-mode:both;animation-timing-function:var(--ease-in-out)}
.takt.laeuft .takt-schritt{animation-name:takt-karte}
.takt.laeuft .schritt-zahl{animation-name:takt-zahl}
.takt.laeuft .schritt-zahl::after{animation-name:takt-welle}
.takt.laeuft .karte-kopf::after{animation-name:takt-licht}
.takt.laeuft .sz-schreiben,.takt.laeuft .sz-haken{animation-name:takt-zeichnen}
.takt.laeuft .sz-tag{animation-name:takt-tag}
@keyframes takt-karte{0%,25%,100%{border-color:var(--linie-kraeftig);box-shadow:none}5%,19%{border-color:var(--licht);box-shadow:0 0 0 3px var(--licht-schein),0 10px 24px rgba(var(--schatten),.10)}}
@keyframes takt-zahl{0%,22%,100%{transform:scale(1);background-color:var(--akzent)}5%{transform:scale(1.18);background-color:var(--licht)}11%{transform:scale(1.05);background-color:var(--licht)}}
@keyframes takt-welle{0%{opacity:0;transform:scale(1)}4%{opacity:.9;transform:scale(1)}15%,100%{opacity:0;transform:scale(2.2)}}
@keyframes takt-licht{0%,18%{opacity:0;transform:translateX(0)}20%{opacity:1;transform:translateX(0)}25%{opacity:1;transform:translateX(20px)}27%,100%{opacity:0;transform:translateX(20px)}}
@keyframes takt-zeichnen{0%{stroke-dashoffset:0}3%,8%{stroke-dashoffset:100}18%,100%{stroke-dashoffset:0}}
@keyframes takt-tag{0%{opacity:1;transform:scale(1)}3%,6%{opacity:0;transform:scale(.5)}10%{opacity:1;transform:scale(1.15)}13%,100%{opacity:1;transform:scale(1)}}
@media (max-width:1100px){
.takt{row-gap:20px}
.takt-schritt:nth-child(2n) .karte-kopf::before,.takt-schritt:nth-child(2n) .karte-kopf::after{display:none}
}
@media (max-width:560px){
.takt .karte-kopf::before,.takt .karte-kopf::after{display:none}
}
@media (prefers-reduced-motion:reduce){
.takt.laeuft .takt-schritt,.takt.laeuft .takt-schritt *,.takt.laeuft .takt-schritt ::after,.takt.laeuft .karte-kopf::after{animation:none}
}
.hervor{font-family:var(--schrift-hervor,inherit);font-style:italic;
  font-weight:inherit;letter-spacing:0;color:var(--akzent)}
.kk-innen .hervor,.abschnitt-dunkel .hervor,.abschnitt-akzent .hervor,
.fusszeile .hervor{color:inherit}
.takt-szene.takt-foto{position:relative;height:150px;overflow:hidden;background-color:var(--akzent-blass);
  margin-bottom:34px;display:block}
.takt-foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
@media (max-width:760px){
.takt-szene.takt-foto{height:180px}
}
.erfolg{margin:0;grid-row:span 5;display:grid;grid-template-rows:subgrid;row-gap:18px;
  background:var(--papier);border:1px solid var(--linie);border-radius:14px;padding:24px 24px 22px;
  box-shadow:0 10px 28px rgba(var(--schatten),.07)}
.erfolg blockquote{margin:0;quotes:"\201E" "\201C";font-size:16.5px;line-height:1.6;color:var(--tinte);font-style:italic}
.erfolg blockquote::before{content:open-quote}
.erfolg blockquote::after{content:close-quote}
@media (max-width:900px){
.erfolg{grid-row:auto;grid-template-rows:none}
}
:root{
  --papier:#FDF9F1;          
  --grau:#F5EDDC;            
  --karte:#FFFFFF;           
  --tinte:#2B291F;           
  --nebentext:#5A5243;
  --linie:#DCCFB1;
  --linie-kraeftig:#BFAE86;
  --akzent:#5F6C33;          
  --akzent-dunkel:#3F4726;   
  --akzent-hell:#75823F;     
  --akzent-blass:#EBEDD8;    
  --oliv-tief:#3F4726;
  --knopf-schrift:#FBF7EE;
  --beige:#7D6230;           
  --gold:#C7A75C;            
  --altrosa:var(--gold);--altrosa-text:var(--beige);--oliv-text:var(--akzent);
  --waerme:var(--gold);--waerme-tief:#7D6230;--signal:var(--gold);--signal-dunkel:#7D6230;--signal-blass:#F4EEDC;
  --hell:#F5EDDC;
  --schatten:80,62,30;
  color-scheme:light}
body{font-size:18px;line-height:1.7;background-color:var(--papier);color:var(--tinte)}
h1,h2,h3{font-family:"Cormorant Garamond",Georgia,"Times New Roman",serif;font-weight:500;
  color:#23211A;letter-spacing:-.005em;line-height:1.12}
h1{font-size:clamp(38px,5.2vw,62px)}
h2{font-size:clamp(32px,3.8vw,46px)}
h3{font-size:clamp(23px,2vw,26px);line-height:1.2}
.hervor{font-style:italic;font-weight:500;color:var(--akzent)}
.vorzeile{font-size:14px;letter-spacing:.12em;color:var(--beige)}
p{color:var(--tinte)}
.breit-text{color:var(--nebentext)}
.kachel p{font-size:17px}
.fusszeile p,.fusszeile a{font-size:16px}
.kauf-leiste{position:relative;z-index:51}
::selection{background-color:var(--akzent);color:var(--knopf-schrift)}
a{color:var(--akzent)}
.kopfzeile{background:rgb(253 249 241 / .96);border-bottom-color:var(--linie)}
.js .kopfzeile{border-bottom-color:transparent;transition:border-color var(--dur-2) var(--ease-out)}
.js .hz-kante .kopfzeile{border-bottom-color:var(--linie)}
.kauf-leiste .kauf-knopf{text-wrap:balance}
.hz-kopf-warten:not(.hz-kopf-da) .kopfzeile{max-height:0;opacity:0;overflow:hidden;border-bottom-width:0}
.hz-kopf-warten{overflow-anchor:none}
.hz-kopf-da .kopfzeile{animation:hz-kopf-rein calc(var(--dur-takt) * 1.4) var(--ease-in-out)}
@keyframes hz-kopf-rein{from{max-height:0;opacity:0;overflow:hidden}to{max-height:80px;opacity:1;overflow:hidden}}
.kopfzeile::before{background-color:var(--papier)}
.marke img{height:40px;width:auto}
.hauptmenue a:not(.knopf){color:var(--tinte)}
.hauptmenue a:not(.knopf):hover{color:var(--akzent)}
.burger span{background:var(--tinte)}
.untermenue{background:var(--karte);border:1px solid var(--linie);box-shadow:0 18px 40px rgba(var(--schatten),.14)}
@media (max-width:900px){
.hauptmenue{background-color:var(--papier)}
}
.knopf{border-radius:999px;padding:14px 28px;font-size:17px;color:var(--knopf-schrift);background:var(--akzent);border-color:var(--akzent)}
.knopf:hover{background:var(--akzent-dunkel);border-color:var(--akzent-dunkel);color:var(--knopf-schrift)}
.knopf-klein{padding:10px 20px;font-size:15px}
.knopf-umriss{background:transparent;color:var(--akzent-dunkel);border-color:var(--akzent)}
.knopf-umriss:hover{background:var(--akzent);border-color:var(--akzent);color:var(--knopf-schrift)}
.abschnitt{padding:58px 0}
.abschnitt-hell{background-color:var(--grau)}
.abschnitt-creme{background-color:var(--papier)}
.abschnitt-akzent{background-color:var(--akzent-blass);color:var(--tinte);border-top:0}
.abschnitt-akzent h2,.abschnitt-akzent h3{color:#23211A}
.abschnitt-akzent p,.abschnitt-akzent .breit-text{color:var(--tinte)}
.abschnitt-akzent .vorzeile{color:var(--beige)}
.uebergang{display:block;height:56px}
.abschnitt:has(+ .uebergang){padding-bottom:12px}
.uebergang+.abschnitt{padding-top:12px}
@media (max-width:900px){
.abschnitt{padding:46px 0}
.uebergang{height:40px}
.abschnitt:has(+ .uebergang){padding-bottom:10px}
.uebergang+.abschnitt{padding-top:10px}
}
.kinokopf.hz-film,.kinokopf.hz-film .kk-buehne{background-color:var(--papier)}
.kinokopf.hz-film .kk-schleier{background-image:
  linear-gradient(100deg in oklab,rgb(253 249 241 / .97) 0%,rgb(253 249 241 / .93) 40%,
    rgb(253 249 241 / .7) 52%,rgb(253 249 241 / 0) 68%),
  linear-gradient(to top in oklab,rgb(253 249 241 / .55) 0%,rgb(253 249 241 / 0) 36%)}
.kinokopf.hz-film .kk-ausblendung{height:220px;background-image:linear-gradient(to bottom in oklab,
  rgb(253 249 241 / 0) 0%,rgb(253 249 241 / .55) 55%,var(--papier) 100%)}
.kinokopf.hz-film .kk-lichtstreifen{display:none}
.kinokopf.hz-film .kk-innen h1{color:#23211A;max-width:17ch;text-shadow:none}
.kinokopf.hz-film .kk-satz{color:var(--tinte);font-size:clamp(18px,1.5vw,20px);text-shadow:none}
.kinokopf.hz-film .kk-innen .vorzeile{color:var(--beige);font-weight:700}
.kinokopf.hz-film .knopf-umriss{color:var(--akzent-dunkel);border-color:var(--akzent);background-color:rgb(253 249 241 / .7)}
.kinokopf.hz-film .knopf-umriss:hover{background-color:var(--akzent);color:var(--knopf-schrift)}
.kinokopf.hz-film .kk-buehne picture,.kinokopf.hz-film .kk-film,.kinokopf.hz-film .kk-ersatz{
  position:absolute;top:0;right:0;left:auto;bottom:auto;height:100%;width:auto;max-width:none;
  aspect-ratio:16 / 9;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 30%);
  mask-image:linear-gradient(to right,transparent 0,#000 30%)}
.kinokopf.hz-film .kk-foto,.kinokopf.hz-film .kk-film,.kinokopf.hz-film .kk-ersatz .film-ersatz-bild{
  object-fit:cover;object-position:100% 50%}
.kinokopf.hz-film .kk-foto{position:absolute;inset:0;width:100%;height:100%}
.kinokopf.hz-film .kk-innen > *{max-width:min(46ch,48vw)}
.kinokopf.hz-film .kk-innen h1{max-width:min(17ch,48vw)}
.kinokopf.hz-film .kk-innen > .knopfreihe{max-width:none}
.kk-innen{padding-top:18px;padding-bottom:190px}
.kinokopf.hz-film > .kk-buehne{align-items:flex-start}
.kinokopf.hz-film .kk-innen h1.kk-spaet{opacity:0;visibility:hidden;max-height:0;margin-block:0;overflow:hidden;padding:0 .3em .14em 0}
.kinokopf.hz-film.laeuft .kk-innen h1.kk-spaet{animation:hz-h1-auf calc(var(--dur-takt) * 1.8) calc(var(--dur-takt) * 18.8) var(--ease-out) both}
.kinokopf.hz-film.laeuft.film-laeuft .kk-innen h1.kk-spaet{animation:hz-h1-auf calc(var(--dur-takt) * 1.8) calc(var(--dur-takt) * 16.4) var(--ease-out) both}
@keyframes hz-h1-auf{0%{opacity:0;visibility:hidden;max-height:0;margin-block:0}55%{opacity:0;visibility:visible;max-height:24rem;margin-block:0 .35em}100%{opacity:1;visibility:visible;max-height:24rem;margin-block:0 .35em}}
.kinokopf.hz-film .kk-buehne > .hz-logo-film{position:absolute;top:0;right:0;left:auto;bottom:auto;height:100%;width:auto;max-width:none;aspect-ratio:16/9;z-index:1;pointer-events:none;opacity:0}
.kinokopf.hz-film .hz-logo-film > svg{display:block;width:100%;height:100%}
.kinokopf.hz-film .hz-logo-film > .hz-logo-hoch{display:none}
.kinokopf.hz-film.laeuft .kk-buehne > .hz-logo-film{animation:hz-logo-auf calc(var(--dur-takt) * 2.6) calc(var(--dur-takt) * 18) var(--ease-in-out) both}
.kinokopf.hz-film.laeuft.film-laeuft .kk-buehne > .hz-logo-film{animation:hz-logo-auf calc(var(--dur-takt) * 2.6) calc(var(--dur-takt) * 15.4) var(--ease-in-out) both}
@keyframes hz-logo-auf{from{opacity:0;filter:blur(3px)}to{opacity:.92;filter:blur(0)}}
.kinokopf.hz-film .kk-buehne > .hz-logo-film{container-type:size}
.kinokopf.hz-film .hz-logo-film > .hz-banner{position:absolute;left:65.4%;top:49.5%;translate:-50% 0;margin:0;white-space:nowrap;font-family:"Cormorant Garamond",Georgia,serif;font-style:italic;font-weight:500;font-size:clamp(20px,3.6cqh,40px);line-height:1.15;color:var(--akzent-dunkel);background-color:rgb(253 249 241 / .95);border:1px solid rgb(199 167 92 / .8);border-radius:999px;padding:.24em 1em .3em;box-shadow:0 6px 24px rgb(24 50 80 / .16);opacity:0}
.kinokopf.hz-film.laeuft .hz-logo-film > .hz-banner{animation:hz-banner-auf calc(var(--dur-takt) * 1.8) calc(var(--dur-takt) * 19.6) var(--ease-out) both}
.kinokopf.hz-film.laeuft.film-laeuft .hz-logo-film > .hz-banner{animation:hz-banner-auf calc(var(--dur-takt) * 1.8) calc(var(--dur-takt) * 17) var(--ease-out) both}
@keyframes hz-banner-auf{from{opacity:0;translate:-50% 10px}to{opacity:1;translate:-50% 0}}
html:not(.js) .kinokopf.hz-film .kk-buehne > .hz-logo-film{opacity:.9;animation:none}
html:not(.js) .kinokopf.hz-film .hz-logo-film > .hz-banner{opacity:1;animation:none}
html:not(.js) .kinokopf.hz-film .kk-innen h1.kk-spaet{opacity:1;visibility:visible;max-height:none;margin-block:revert;overflow:visible}
@media (prefers-reduced-motion:reduce){
.kinokopf.hz-film .kk-innen h1.kk-spaet{opacity:1;visibility:visible;max-height:none;margin-block:revert;overflow:visible;animation:none}
.kinokopf.hz-film .kk-buehne > .hz-logo-film{opacity:.9;animation:none}
.kinokopf.hz-film .hz-logo-film > .hz-banner{opacity:1;animation:none}
}
.kk-mail{margin:18px 0 0;font-size:17px;color:var(--nebentext)}
.kk-mail a{color:var(--akzent);font-weight:700;text-underline-offset:3px}
@media (min-width:721px) and (max-width:1180px){
.kinokopf.hz-film .kk-buehne picture,.kinokopf.hz-film .kk-film,.kinokopf.hz-film .kk-ersatz{translate:9% 0}
.kinokopf.hz-film .kk-innen > *{max-width:min(46ch,46vw)}
.kinokopf.hz-film .kk-innen h1{max-width:min(15ch,46vw)}
.kinokopf.hz-film .kk-schleier{background-image:
    linear-gradient(100deg in oklab,rgb(253 249 241 / .98) 0%,rgb(253 249 241 / .96) 44%,
      rgb(253 249 241 / .66) 56%,rgb(253 249 241 / 0) 68%),
    linear-gradient(to top in oklab,rgb(253 249 241 / .6) 0%,rgb(253 249 241 / 0) 36%)}
}
@media (min-width:721px) and (max-width:900px){
.kinokopf.hz-film .kk-buehne picture,.kinokopf.hz-film .kk-film,.kinokopf.hz-film .kk-ersatz{translate:14% 0}
.kinokopf.hz-film .kk-innen > *{max-width:41vw}
.kinokopf.hz-film .kk-innen h1{max-width:41vw}
.kinokopf.hz-film .kk-innen > .knopfreihe{max-width:none}
}
@media (max-width:720px){
.kinokopf.hz-film{padding-bottom:0}
.kinokopf.hz-film .kk-buehne{display:block;min-height:0;padding-top:min(calc(100vw * 16 / 9),80svh)}
.kinokopf.hz-film .kk-buehne > picture,.kinokopf.hz-film .kk-buehne > .kk-film,.kinokopf.hz-film .kk-buehne > .kk-ersatz{position:absolute;top:0;left:0;right:0;bottom:auto;width:100%;height:min(calc(100vw * 16 / 9),80svh);aspect-ratio:auto;-webkit-mask-image:none;mask-image:none;translate:none}
.kinokopf.hz-film .kk-foto,.kinokopf.hz-film .kk-film,.kinokopf.hz-film .kk-ersatz .film-ersatz-bild{object-fit:cover;object-position:50% 0%}
.kinokopf.hz-film .kk-buehne > .kk-schleier{top:0;bottom:auto;height:min(calc(100vw * 16 / 9),80svh);background-image:linear-gradient(to bottom in oklab,rgb(253 249 241 / 0) 0%,rgb(253 249 241 / 0) 74%,rgb(253 249 241 / .7) 90%,var(--papier) 100%)}
.kinokopf.hz-film .kk-innen .vorzeile{color:var(--beige)}
.kinokopf.hz-film .kk-ausblendung{display:none}
.kinokopf.hz-film .kk-innen{position:relative;z-index:2;padding-top:18px;padding-bottom:30px;display:block;background-color:var(--papier)}
.kinokopf.hz-film .kk-buehne > .hz-logo-film{top:0;left:0;right:0;bottom:auto;width:100%;height:min(calc(100vw * 16 / 9),80svh);aspect-ratio:auto}
.kinokopf.hz-film .hz-logo-film > .hz-logo-quer{display:none}
.kinokopf.hz-film .hz-logo-film > .hz-logo-hoch{display:block}
.kinokopf.hz-film .hz-logo-film > .hz-banner{left:45.4%;top:62cqw;font-size:clamp(18px,5.6cqw,30px)}
.kinokopf.hz-film .kk-innen > *,.kinokopf.hz-film .kk-innen h1{max-width:none}
.kinokopf.hz-film .kk-innen h1{font-size:30px;max-width:none;margin-bottom:10px}
.kinokopf.hz-film .kk-satz{font-size:17px;line-height:1.6}
.kinokopf.hz-film .kk-innen .knopfreihe{margin-top:18px;gap:10px}
.kinokopf.hz-film .vorzeile{margin-bottom:8px}
.kk-mail{margin-top:12px;font-size:16px}
}
.hz-zahlen-titel{text-align:center;margin-bottom:28px}
.hz-zahlen{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;grid-template-rows:auto auto auto}
.hz-zahl{background-color:var(--karte);border:1px solid var(--linie);border-radius:18px;
  padding:22px 26px 24px;display:grid;grid-template-rows:subgrid;grid-row:span 3;row-gap:10px;
  box-shadow:0 12px 30px rgba(var(--schatten),.08)}
.hz-zahl-bild{height:168px;border-radius:12px;background-color:var(--akzent-blass);
  box-shadow:inset 0 0 0 1px rgb(86 96 47 / .14);display:flex;align-items:center;justify-content:center;
  overflow:hidden;margin-bottom:8px}
.hz-zeichnung{width:136px;height:136px;display:block;overflow:visible}
.hz-zeichnung.hz-strahl{width:100%;max-width:260px;height:130px}
.hz-zahlen{--hz-zyklus:calc(var(--dur-takt) * 6)}
.hz-bogen{stroke-dasharray:100;stroke-dashoffset:0}
.hz-jahr{transform-box:fill-box;transform-origin:center}
.hz-paar .hz-links,.hz-paar .hz-rechts{transform-box:view-box}
.hz-zahlen.laeuft .hz-bogen{animation:hz-bogen var(--hz-zyklus) var(--ease-strich) infinite}
.hz-zahlen.laeuft .hz-jahr{animation:hz-jahr var(--hz-zyklus) var(--ease-in-out) infinite;
  animation-delay:calc(var(--j) * var(--dur-takt) * .5)}
.hz-zahlen.laeuft .hz-paar .hz-links{animation:hz-ring-links var(--hz-zyklus) var(--ease-in-out) infinite}
.hz-zahlen.laeuft .hz-paar .hz-rechts{animation:hz-ring-rechts var(--hz-zyklus) var(--ease-in-out) infinite}
@keyframes hz-bogen{0%,6%{stroke-dashoffset:100}30%,88%{stroke-dashoffset:0}100%{stroke-dashoffset:100}}
@keyframes hz-jahr{0%,30%,100%{transform:scale(1);opacity:.75}8%,18%{transform:scale(1.35);opacity:1}}
@keyframes hz-ring-links{0%,100%{transform:translateX(-5px)}40%,70%{transform:translateX(0)}}
@keyframes hz-ring-rechts{0%,100%{transform:translateX(5px)}40%,70%{transform:translateX(0)}}
@media (prefers-reduced-motion:reduce){
.hz-zahlen.laeuft *{animation:none}
}
.hz-zahl-wert{font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(30px,3.3vw,44px);line-height:1.08;
  color:var(--akzent-dunkel);font-variant-numeric:tabular-nums lining-nums}
.hz-zahl p{margin:0;color:var(--nebentext)}
@media (max-width:760px){
.hz-zahlen-titel{margin-bottom:18px}
.hz-zahlen{grid-template-columns:1fr;grid-template-rows:none;gap:10px}
.hz-zahl{grid-row:auto;grid-template-rows:auto 1fr;grid-template-columns:104px minmax(0,1fr);
    column-gap:14px;row-gap:4px;padding:12px 14px;align-items:start}
.hz-zahl > *{min-width:0}
.hz-zahl-bild{grid-row:1 / 3;align-self:stretch;height:auto;min-height:84px;margin:0;border-radius:10px}
.hz-zahl .hz-zeichnung{width:68px;height:68px}
.hz-zahl .hz-zeichnung.hz-strahl{width:100px;height:50px}
.hz-zahl-wert{font-size:32px;align-self:end}
.hz-zahl p{font-size:15.5px;line-height:1.5}
}
@media (max-width:360px){
.hz-zahl{grid-template-columns:80px minmax(0,1fr);column-gap:12px;padding:12px}
.hz-zahl .hz-zeichnung{width:56px;height:56px}
.hz-zahl .hz-zeichnung.hz-strahl{width:76px;height:38px}
}
.hz-karten{margin-top:34px}
.hz-karten .kasten{background-color:var(--karte);border:1px solid var(--linie);border-radius:18px;overflow:hidden;
  padding:0 24px 24px;row-gap:12px;box-shadow:0 14px 34px rgba(var(--schatten),.10)}
.hz-karten .zeile-bild{margin:0 -24px 22px}
.hz-karten .zeile-bild img{width:100%;aspect-ratio:3/2;height:auto;object-fit:cover}
.hz-leistungen .zeile-bild img{aspect-ratio:16/9}
.hz-karten .karte-kopf{min-height:0;gap:12px;align-self:center}
.hz-karten .karte-kopf h3{margin:0}
.hz-karten .karte-kopf .ico{color:var(--akzent)}
.hz-karten .zeile p{margin:0;color:var(--nebentext)}
.hz-karten .hz-phase{font-size:14px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--beige);margin:0}
.hz-erkennen .zeile-bild{margin-bottom:26px}
.hz-preis{display:grid;grid-template-columns:1fr auto auto;column-gap:8px;align-items:baseline;
  border-top:1px solid var(--linie);padding-top:14px}
.hz-preis-was{color:var(--nebentext);font-size:16px}
.hz-leistungen .zeile-preis{justify-content:flex-start}
.hz-leistungen .hz-preis{flex:1;align-content:center;min-height:72px}
.hz-wert{font-family:"Cormorant Garamond",Georgia,serif;font-size:28px;font-style:normal;
  font-weight:500;line-height:1.1;color:var(--akzent-dunkel);text-align:right;
  font-variant-numeric:tabular-nums lining-nums}
a.hz-wert-link{white-space:nowrap;text-decoration:none}
a.hz-wert-link:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px;color:var(--akzent)}
.hz-waehrung{font-size:16px;color:var(--beige);font-weight:700}
.hz-betrag{font-family:"Cormorant Garamond",Georgia,serif;font-size:28px;line-height:1.1;color:var(--akzent-dunkel);
  text-align:right;font-variant-numeric:tabular-nums lining-nums;min-width:2.6ch}
.hz-hinweis-kasten{margin:30px auto 0;max-width:680px;display:flex;align-items:center;gap:16px;
  padding:18px 24px;border:1px solid var(--linie-kraeftig);border-radius:16px;
  background-color:var(--karte);box-shadow:0 10px 26px rgba(var(--schatten),.08)}
.hz-hinweis-kasten svg{flex:none;width:28px;height:28px;color:var(--akzent)}
.hz-hinweis-kasten p{margin:0;color:var(--nebentext);font-size:16px;line-height:1.55}
.hz-hinweis-kasten a{font-weight:700}
@media (max-width:600px){
.hz-hinweis-kasten{padding:16px 18px;gap:12px}
}
.hz-themen-raster{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:stretch;margin-top:26px}
.hz-themen-einleitung{max-width:640px}
.hz-themen-bild{border-radius:18px;overflow:hidden;min-height:240px;
  align-self:center;aspect-ratio:10 / 9;max-height:min(560px,62vh);box-shadow:0 14px 34px rgba(var(--schatten),.12)}
.hz-themen-bild img{width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.hz-themen{list-style:none;margin:0;padding:0}
.hz-themen li{display:grid;grid-template-columns:48px 1fr;column-gap:12px;row-gap:2px;padding:12px 0;
  border-top:1px solid rgb(86 96 47 / .22)}
.hz-themen .hz-themen-zeichen{grid-column:1;grid-row:1 / 3;display:flex;flex-direction:column;
  align-items:center;gap:2px;width:48px}
.hz-themen .hz-themen-zeichen svg{width:36px;height:36px;display:block}
.hz-themen li > *:not(.hz-roemisch):not(.hz-themen-zeichen){grid-column:2}
.hz-themen .hz-roemisch{align-self:center;padding-top:0;font-size:19px;font-style:normal;
  font-weight:600;letter-spacing:.06em;color:#56602F;font-variant-numeric:tabular-nums}
.hz-roemisch{font-family:"Cormorant Garamond",Georgia,serif;font-style:italic;font-size:30px;line-height:1;color:var(--beige)}
.hz-themen strong{display:block;font-family:"Cormorant Garamond",Georgia,serif;font-weight:500;font-size:24px;line-height:1.2;color:#23211A}
.hz-themen span.hz-satz{display:block;color:var(--tinte);font-size:17px}
@media (max-width:900px){
.hz-themen-raster{grid-template-columns:1fr}
}
.takt-schritt{background-color:var(--karte);border-color:var(--linie)}
.takt-szene{position:relative;height:170px;margin-bottom:36px;background-color:var(--akzent-blass);
  box-shadow:inset 0 0 0 1px rgb(86 96 47 / .18)}
.takt-foto{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform-origin:50% 60%;z-index:0}
.takt-szene::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background-color:transparent;
  background-image:linear-gradient(180deg in oklab,rgb(253 249 241 / 0) 55%,rgb(253 249 241 / .35) 100%);
  border-radius:inherit}
.takt-szene svg{position:absolute;left:10px;bottom:10px;z-index:2;width:62px;height:42px;
  padding:5px 7px;box-sizing:content-box;border-radius:10px;
  background-color:rgb(253 249 241 / .92);border:1px solid rgb(86 96 47 / .35)}
.takt.laeuft .takt-szene .takt-foto{animation-name:takt-foto}
@keyframes takt-foto{0%{transform:scale(1)}22%{transform:scale(1.09)}45%,100%{transform:scale(1)}}
.takt{--licht:var(--akzent);--licht-schein:rgb(86 96 47 / .18)}
.schritt-zahl{color:var(--knopf-schrift)}
.sz-flaeche{fill:var(--karte);stroke:var(--akzent);stroke-width:3.5}
.takt-szene .sz-strich{stroke-width:4.5}
.sz-leise{stroke:var(--akzent)}
.takt-schritt p a{color:var(--akzent)}
@media (max-width:560px){
.takt{row-gap:12px}
.takt-schritt{grid-row:auto;grid-template-rows:auto auto;grid-template-columns:72px minmax(0,1fr);column-gap:14px;
    padding:14px 16px 16px;align-items:start}
.takt-szene{grid-row:1 / 3;height:72px;margin:0;border-radius:10px}
.takt-szene svg{display:none}
.takt .karte-kopf{margin-bottom:4px;align-items:center;gap:10px}
.takt .karte-kopf h3{padding-top:0;font-size:21px}
.takt .schritt-zahl{width:34px;height:34px;flex:none;font-size:16px}
.takt-schritt p{font-size:15.5px;line-height:1.55}
.takt-schritt > *{min-width:0}
}
@media (max-width:360px){
.takt-schritt{grid-template-columns:60px minmax(0,1fr);column-gap:12px;padding:12px 14px 14px}
.takt-szene{height:60px}
}
.hz-ueber{grid-template-columns:.9fr 1.1fr}
.hz-ueber .bildrahmen{border-radius:18px;min-height:460px;box-shadow:0 14px 34px rgba(var(--schatten),.12)}
.hz-ueber .bildrahmen img{object-position:50% 30%}
.hz-zitat{margin:10px 0 18px;padding:4px 0 4px 22px;border-left:3px solid var(--gold);
  font-family:"Cormorant Garamond",Georgia,serif;font-style:italic;font-size:clamp(24px,2.3vw,29px);line-height:1.3;color:var(--beige)}
@media (max-width:900px){
.hz-ueber{grid-template-columns:1fr}
.hz-ueber .bildrahmen{min-height:0;max-height:520px}
}
.hz-leitsatz{position:relative;overflow:hidden;background-color:var(--akzent-blass);padding:0}
.hz-leitsatz .innen{position:relative;min-height:clamp(240px,24vw,340px);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:40px;align-items:center}
.hz-leitsatz-ringe{width:clamp(220px,26vw,380px);height:auto;opacity:.9;pointer-events:none;justify-self:end;overflow:visible;margin-right:12px}
.hz-leitsatz-ringe .hz-ring{stroke-width:1.1}
.hz-leitsatz.laeuft .hz-leitsatz-ringe .hz-links{animation:hz-ring-links calc(var(--dur-takt) * 8) var(--ease-in-out) infinite}
.hz-leitsatz.laeuft .hz-leitsatz-ringe .hz-rechts{animation:hz-ring-rechts calc(var(--dur-takt) * 8) var(--ease-in-out) infinite}
.hz-leitsatz blockquote{position:relative;z-index:1;margin:0;max-width:16ch;text-align:left;justify-self:center;
  font-family:"Cormorant Garamond",Georgia,serif;font-style:italic;font-size:clamp(34px,5vw,64px);line-height:1.12;color:var(--akzent-dunkel)}
@media (max-width:700px){
.hz-leitsatz .innen{min-height:0;padding:54px 20px;grid-template-columns:1fr;gap:18px;justify-items:center}
.hz-leitsatz-ringe{width:160px;opacity:1;justify-self:center}
.hz-leitsatz blockquote{text-align:center}
}
.hz-lesen .karte-kopf{min-height:2.5em;align-items:flex-start;justify-content:flex-start;text-align:left}
.hz-kontakt-raster{display:grid;grid-template-columns:.9fr 1.5fr;gap:32px;align-items:stretch}
.hz-kontakt-bild{border-radius:18px;overflow:hidden;min-height:320px;box-shadow:0 14px 34px rgba(var(--schatten),.12)}
.hz-kontakt-bild img{width:100%;height:100%;object-fit:cover;object-position:50% 30%}
.hz-kontakt-rechts{display:grid;gap:24px}
.hz-formular{background-color:var(--karte);border:1px solid var(--linie-kraeftig);border-radius:18px;padding:30px}
.hz-formular form{display:grid;grid-template-columns:1fr 1fr;gap:16px 18px}
.hz-formular label{display:flex;flex-direction:column;gap:6px;font-weight:700;font-size:16px;color:var(--beige)}
.hz-formular .ganz{grid-column:1 / -1}
.hz-formular input,.hz-formular select,.hz-formular textarea{font-weight:400;font-size:17px;padding:12px 14px;
  border:1px solid var(--linie-kraeftig);border-radius:10px;background-color:var(--papier);color:var(--tinte)}
.hz-formular input:focus,.hz-formular select:focus,.hz-formular textarea:focus{outline:2px solid var(--akzent);outline-offset:1px}
.hz-formular textarea::placeholder{color:#8E8470}
.hz-formular .knopf{justify-self:start}
.hz-formular .formular-hinweis{grid-column:1 / -1;font-size:15px;color:var(--nebentext);margin:0}
.hz-kontaktkasten{background-color:var(--karte);border:1px solid var(--linie-kraeftig);border-radius:18px;padding:22px 26px;
  display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.hz-kontaktkasten div{display:flex;gap:12px;align-items:center}
.hz-kontaktkasten .ico{color:var(--akzent)}
.hz-kontaktkasten strong{display:block;font-size:15px;letter-spacing:.06em;text-transform:uppercase;color:var(--beige)}
.hz-kontaktkasten span,.hz-kontaktkasten a{font-size:16px;color:var(--tinte)}
.hz-kontaktkasten a{color:var(--akzent);font-weight:700}
@media (max-width:900px){
.hz-kontakt-raster{grid-template-columns:1fr}
.hz-kontaktkasten{grid-template-columns:1fr}
.hz-kontakt-bild{min-height:240px;max-height:320px}
}
@media (max-width:600px){
.hz-formular form{grid-template-columns:1fr}
.hz-formular{padding:22px}
}
.fusszeile{background-color:var(--akzent-dunkel);border-top:5px solid var(--gold)}
.fusszeile p,.fusszeile a{color:#E4DECB}
.fusszeile h3{font-family:"Mulish",sans-serif;font-weight:700;color:#CFD4A8}
.fusszeile .hz-haftung{font-size:15px;color:#CFC8B3;max-width:62ch}
.fuss-logo{height:42px;width:auto}
.fuss-unten{border-top-color:rgb(228 222 203 / .2)}
.hz-seitenkopf{padding:48px 0 56px}
.hz-seitenkopf .brotkrumen{margin-bottom:22px}
.hz-seitenkopf-raster{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center}
.hz-seitenkopf-raster > div:first-child{display:flex;flex-direction:column;justify-content:center}
.hz-seitenkopf h1{margin:8px 0 18px;max-width:20ch}
.hz-seitenkopf .hz-lead,.hz-seitenkopf .breit-text{font-size:clamp(18px,1.5vw,20px);color:var(--nebentext);max-width:60ch}
.hz-seitenkopf .knopfreihe{margin-top:22px}
.hz-seitenkopf .bildrahmen{min-height:0;border-radius:18px;box-shadow:0 14px 34px rgba(var(--schatten),.12)}
.hz-seitenkopf .bildrahmen img{aspect-ratio:3/2;height:auto}
.hz-kopf-mitte{text-align:center}
.hz-kopf-mitte h1{margin-left:auto;margin-right:auto}
.hz-kopf-mitte .hz-lead,.hz-kopf-mitte .breit-text{margin-left:auto;margin-right:auto}
.hz-kopf-mitte .knopfreihe{justify-content:center}
@media (max-width:900px){
.hz-seitenkopf-raster{grid-template-columns:1fr}
.hz-seitenkopf .bildrahmen{min-height:0;max-height:360px}
.hz-seitenkopf .bildrahmen img{aspect-ratio:16/9}
}
.hz-artikel{max-width:760px;margin:0 auto}
.hz-artikel h2{font-size:clamp(27px,2.8vw,34px);margin:44px 0 14px}
.hz-artikel h2:first-child{margin-top:0}
.hz-artikel h3{font-size:clamp(21px,1.9vw,24px);margin:28px 0 8px}
.hz-artikel p{margin:0 0 18px;color:var(--tinte)}
.hz-artikel ul,.hz-artikel ol{margin:0 0 18px 22px}
.hz-artikel li{margin-bottom:8px}
.hz-artikel .hz-lead{font-size:clamp(18px,1.5vw,20px);color:var(--nebentext)}
.hz-artikel .vorzeile{display:block;margin-bottom:10px}
.hz-artikel .vorzeile:first-child{display:none}
.hz-artikel img{border-radius:14px}
.hz-kernsatz{margin:34px 0;padding:6px 0 6px 24px;border-left:3px solid var(--gold);
  font-family:"Cormorant Garamond",Georgia,serif;font-style:italic;font-size:clamp(24px,2.2vw,29px);line-height:1.3;color:var(--beige)}
.hz-kasten{background-color:var(--karte);border:1px solid var(--linie-kraeftig);border-radius:16px;padding:22px 26px;margin:28px 0;
  box-shadow:0 10px 26px rgba(var(--schatten),.07)}
.hz-kasten p:last-child,.hz-kasten ul:last-child{margin-bottom:0}
.hz-kasten h2,.hz-kasten h3{margin-top:0}
.hz-szene{font-family:"Cormorant Garamond",Georgia,serif;font-style:italic;font-size:clamp(20px,1.8vw,23px);line-height:1.45;color:var(--tinte);
  background-color:var(--akzent-blass);border-color:transparent}
.hz-tag{display:block;font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--beige);margin-bottom:8px}
.hz-klein{font-size:15.5px;color:var(--nebentext);line-height:1.55}
.hz-strich{border:0;border-top:1px solid var(--linie);margin:36px 0}
.hz-illu{text-align:center;padding:30px 26px 18px;margin:36px 0;background-color:var(--grau);border:1px solid var(--linie);border-radius:16px}
.hz-illu svg{max-width:420px;width:100%;height:auto;display:block;margin:0 auto}
.hz-legende{font-family:"Cormorant Garamond",Georgia,serif;font-style:italic;font-size:17px;color:var(--nebentext);margin:14px 0 0 !important}
.hz-zweispalt{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:28px 0}
.hz-zweispalt .hz-kasten{margin:0}
.hz-zweispalt ul{margin-left:18px}
.hz-leistungsliste{list-style:none;margin:0 0 20px !important}
.hz-leistungsliste li{padding:14px 0 14px 30px;border-bottom:1px solid var(--linie);position:relative;margin:0}
.hz-leistungsliste li::before{content:"";position:absolute;left:0;top:24px;width:12px;height:12px;border-radius:50%;border:2px solid var(--akzent)}
.hz-leistungsliste li strong{display:block;font-family:"Cormorant Garamond",Georgia,serif;font-size:22px;font-weight:500;color:#23211A}
.hz-hakenliste{list-style:none;margin:0 0 16px !important}
.hz-hakenliste li{padding:9px 0 9px 32px;border-bottom:1px solid var(--linie);position:relative;color:var(--tinte);margin:0}
.hz-hakenliste li::before{content:"";position:absolute;left:4px;top:16px;width:10px;height:6px;border-left:2px solid var(--akzent);border-bottom:2px solid var(--akzent);transform:rotate(-45deg)}
.hz-hakenliste li:last-child{border-bottom:0}
@media (max-width:700px){
.hz-zweispalt{grid-template-columns:1fr}
}
.hz-kaufbox{background-color:var(--karte);border:1px solid var(--akzent);border-radius:18px;padding:30px 32px;margin:44px 0;
  box-shadow:0 16px 40px rgba(var(--schatten),.12)}
.hz-kaufbox h2{font-size:clamp(25px,2.4vw,30px);margin:0 0 12px}
.hz-kaufbox > p{color:var(--nebentext)}
.hz-kaufbox .hz-hakenliste{margin:14px 0 22px !important}
.hz-kaufzeile{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;padding-top:18px;border-top:1px solid var(--linie)}
.hz-kaufzeile .hz-preis-gross{font-family:"Cormorant Garamond",Georgia,serif;font-size:36px;line-height:1;color:var(--akzent-dunkel);
  font-variant-numeric:tabular-nums lining-nums}
.hz-kaufzeile .hz-preis-alt{font-size:18px;color:var(--nebentext);text-decoration:line-through;margin-left:8px}
.hz-kaufbox .hz-klein{margin:12px 0 0}
.hz-kaufbox .knopf{margin:0}
.hz-kaufbox .hz-weiter{margin-top:22px;padding-top:18px;border-top:1px solid var(--linie)}
.hz-kaufbox .hz-weiter ul{margin-left:18px}
@media (max-width:600px){
.hz-kaufbox{padding:22px}
.hz-kaufzeile .knopf{width:100%}
}
.hz-autorin{display:grid;grid-template-columns:120px 1fr;gap:22px;align-items:center;margin:40px 0;
  padding:22px 26px;border:1px solid var(--linie);border-radius:18px;background-color:var(--grau)}
.hz-autorin img{width:120px;height:150px;object-fit:cover;object-position:50% 25%;border-radius:12px}
.hz-autorin .hz-tag{margin-bottom:4px}
.hz-autorin p{margin:0 0 8px;font-size:16.5px;color:var(--tinte)}
.hz-autorin a{font-weight:700}
@media (max-width:560px){
.hz-autorin{grid-template-columns:1fr;text-align:center;justify-items:center}
}
.frage{background:var(--karte);border:1px solid var(--linie);border-radius:14px;margin-top:12px}
.frage summary{font-family:"Cormorant Garamond",Georgia,serif;font-weight:500;font-size:clamp(20px,1.8vw,23px);line-height:1.3;
  padding:18px 52px 18px 22px;color:#23211A}
.frage summary::after{color:var(--akzent);font-size:26px;font-weight:300;right:20px}
.frage[open] summary::after{content:"\2212"}
.frage p,.frage ul{padding:0 22px 18px;margin:0;color:var(--tinte)}
.frage ul{margin-left:22px}
.frage p + p{margin-top:-6px}
.hz-fragen-gruppe{margin-top:46px}
.hz-fragen-gruppe h2{margin-bottom:12px}
.hz-fragen-gruppe .breit-text{margin-bottom:18px}
.hz-zeilen{list-style:none;margin:0;padding:0;border-top:1px solid var(--linie)}
.hz-zeile{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:6px 18px;align-items:center;padding:16px 0;border-bottom:1px solid var(--linie)}
.hz-zeile .hz-zeile-zeichen{width:52px;height:52px;border-radius:14px;background-color:var(--akzent-blass);display:flex;align-items:center;justify-content:center;grid-row:span 2;align-self:start}
.hz-zeile .hz-zeile-zeichen svg{width:32px;height:32px}
.hz-zeile .hz-zeile-zeichen img{width:52px;height:52px;object-fit:cover;border-radius:14px}
.hz-zeile h3{font-size:clamp(20px,1.8vw,23px);margin:0;line-height:1.25}
.hz-zeile h3 a{color:#23211A;text-decoration:none}
.hz-zeile h3 a:hover{color:var(--akzent);text-decoration:underline;text-underline-offset:4px}
.hz-zeile p{margin:0;color:var(--nebentext);font-size:16px;line-height:1.5;grid-column:2}
.hz-zeile .hz-zeile-rechts{grid-column:3;grid-row:1 / 3;display:flex;flex-direction:column;align-items:flex-end;gap:6px;min-width:112px;text-align:right}
.hz-zeile .hz-zeile-preis{font-family:"Cormorant Garamond",Georgia,serif;font-size:26px;line-height:1;color:var(--akzent-dunkel);font-variant-numeric:tabular-nums lining-nums;white-space:nowrap}
.hz-zeile .hz-zeile-stand{font-size:13px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--beige);white-space:nowrap}
.hz-zeile .hz-zeile-stand.frei{color:var(--akzent)}
.hz-zeile .hz-zeile-stand.bald{color:var(--nebentext)}
.hz-zeile .hz-zeile-link{font-size:15px;font-weight:700;color:var(--akzent);text-decoration:none;white-space:nowrap}
.hz-zeile .hz-zeile-link:hover{text-decoration:underline;text-underline-offset:4px}
.hz-zeile.bald h3{color:var(--nebentext)}
.hz-zeile.versteckt{display:none}
@media (max-width:640px){
.hz-zeile{grid-template-columns:44px minmax(0,1fr);gap:4px 14px}
.hz-zeile .hz-zeile-zeichen{width:44px;height:44px}
.hz-zeile .hz-zeile-zeichen svg{width:26px;height:26px}
.hz-zeile .hz-zeile-zeichen img{width:44px;height:44px}
.hz-zeile .hz-zeile-rechts{grid-column:2;grid-row:auto;flex-direction:row;align-items:center;justify-content:flex-start;gap:14px;min-width:0;text-align:left;margin-top:4px}
.hz-zeile .hz-zeile-preis{font-size:22px}
}
.hz-cta h2{margin-left:auto;margin-right:auto;max-width:22ch}
.hz-cta .knopfreihe{justify-content:center;margin-top:22px}
.hz-phasen{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:30px}
.hz-phase-karte{display:flex;flex-direction:column;background-color:var(--karte);border:1px solid var(--linie);border-radius:16px;
  overflow:hidden;text-decoration:none;color:var(--tinte);box-shadow:0 12px 30px rgba(var(--schatten),.08);
  transition:transform var(--dur-2) var(--ease-out),box-shadow var(--dur-2) var(--ease-out)}
.hz-phase-karte:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(var(--schatten),.14)}
.hz-phase-karte .hz-phase-bild{position:relative;aspect-ratio:3/2;background-color:var(--akzent-blass)}
.hz-phase-karte img{width:100%;height:100%;aspect-ratio:3/2;object-fit:cover;display:block}
.hz-phase-karte .hz-phase-nr{position:absolute;left:12px;bottom:12px;width:40px;height:40px;border-radius:50%;
  background-color:rgb(253 249 241 / .94);border:1px solid var(--linie-kraeftig);display:flex;align-items:center;justify-content:center;
  font-family:"Cormorant Garamond",Georgia,serif;font-style:italic;font-size:20px;color:var(--akzent-dunkel)}
.hz-phase-karte .hz-phase-text{padding:14px 16px 16px;display:flex;flex-direction:column;gap:4px;flex:1}
.hz-phase-karte strong{font-family:"Cormorant Garamond",Georgia,serif;font-weight:500;font-size:22px;line-height:1.2;color:#23211A}
.hz-phase-karte span{font-size:14.5px;color:var(--nebentext)}
.hz-phase-karte .hz-phase-zahl{margin-top:auto;padding-top:8px;font-size:13px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--beige)}
@media (max-width:1000px){
.hz-phasen{grid-template-columns:repeat(5,minmax(200px,1fr));overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px;margin-left:-20px;margin-right:-20px;padding-left:20px;padding-right:20px}
.hz-phase-karte{scroll-snap-align:start}
}
.hz-navi{margin-top:36px;padding:22px 26px;border:1px solid var(--linie);border-radius:18px;background-color:var(--karte)}
.hz-navi-zeile{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,2fr);gap:18px 28px;align-items:start}
.hz-suche{position:relative}
.hz-suche input{width:100%;font-size:17px;padding:13px 16px 13px 44px;border:1px solid var(--linie-kraeftig);border-radius:999px;background-color:var(--papier);color:var(--tinte)}
.hz-suche input:focus{outline:2px solid var(--akzent);outline-offset:1px}
.hz-suche svg{position:absolute;left:16px;top:25px;translate:0 -50%;width:20px;height:20px;color:var(--nebentext)}
.hz-chips{display:flex;flex-wrap:wrap;gap:8px}
.hz-chips .hz-navi-frage{flex-basis:100%;margin:0 0 2px;font-size:14px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--beige)}
.hz-chip{font:inherit;font-size:15px;font-weight:600;padding:8px 16px;border-radius:999px;border:1px solid var(--linie-kraeftig);
  background-color:var(--papier);color:var(--tinte);cursor:pointer}
.hz-chip:hover{border-color:var(--akzent);color:var(--akzent)}
.hz-chip[aria-pressed="true"]{background-color:var(--akzent);border-color:var(--akzent);color:var(--knopf-schrift)}
.hz-navi-stand{margin:14px 0 0;font-size:15.5px;color:var(--nebentext);display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.hz-navi-stand button{font:inherit;font-size:15px;font-weight:700;color:var(--akzent);background:none;border:0;padding:0;cursor:pointer;text-decoration:underline;text-underline-offset:4px}
.hz-navi-stand[hidden]{display:none}
@media (max-width:800px){
.hz-navi-zeile{grid-template-columns:1fr}
.hz-navi{padding:18px}
}
.hz-preishinweis{margin-top:26px;display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center;
  padding:20px 26px;border:1px solid var(--linie-kraeftig);border-radius:16px;background-color:var(--karte)}
.hz-preishinweis svg{width:44px;height:44px}
.hz-preishinweis p{margin:0;color:var(--nebentext);font-size:16.5px}
.hz-preishinweis strong{color:#23211A}
@media (max-width:600px){
.hz-preishinweis{grid-template-columns:1fr}
}
.hz-phase-abschnitt{scroll-margin-top:90px}
.hz-phase-raster{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.5fr);gap:40px;align-items:start}
.hz-phase-links{position:sticky;top:96px}
.hz-phase-links .bildrahmen{min-height:0;border-radius:18px;box-shadow:0 14px 34px rgba(var(--schatten),.12)}
.hz-phase-links .bildrahmen img{aspect-ratio:3/2;height:auto}
.hz-phase-links .hz-roemisch{display:block;margin:18px 0 2px;font-size:34px}
.hz-phase-links h2{font-size:clamp(28px,2.8vw,36px);margin-bottom:10px}
.hz-phase-links p{color:var(--nebentext);margin:0}
.hz-phase-rechts .hz-zeilen{margin-top:0}
.hz-phase-abschnitt.leer .hz-phase-leer{display:block}
.hz-phase-leer{display:none;padding:18px 0;color:var(--nebentext)}
@media (max-width:900px){
.hz-phase-raster{grid-template-columns:1fr;gap:22px}
.hz-phase-links{position:static;display:grid;grid-template-columns:140px 1fr;gap:16px;align-items:center}
.hz-phase-links .bildrahmen img{aspect-ratio:1}
.hz-phase-links .hz-roemisch{margin-top:0;font-size:26px}
.hz-phase-links h2{font-size:26px;margin-bottom:4px}
.hz-phase-links p{font-size:15.5px}
}
.hz-pakete{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:30px;align-items:stretch}
.hz-paket{display:flex;flex-direction:column;background-color:var(--karte);border:1px solid var(--linie);border-radius:18px;overflow:hidden;
  box-shadow:0 14px 34px rgba(var(--schatten),.10)}
.hz-paket img{width:100%;height:auto;aspect-ratio:16/8;object-fit:cover;display:block}
.hz-paket > div{padding:22px 26px 26px;display:flex;flex-direction:column;flex:1}
.hz-paket .hz-tag{margin-bottom:6px}
.hz-paket h3{margin:0 0 10px}
.hz-paket p{color:var(--nebentext);margin:0 0 14px}
.hz-paket .hz-hakenliste{margin:0 0 18px !important}
.hz-paket .hz-kaufzeile{margin-top:auto}
@media (max-width:800px){
.hz-pakete{grid-template-columns:1fr}
}
.hz-persoenlich{max-width:760px;margin:0 auto}
.hz-persoenlich p{font-size:clamp(17px,1.4vw,19px)}
.hz-rahmen{display:grid;grid-template-columns:1.3fr .9fr;gap:28px;align-items:stretch;margin-top:30px}
.hz-rahmen > div:first-child{background-color:var(--karte);border:1px solid var(--linie);border-radius:18px;padding:28px 30px}
.hz-rahmen h3{margin-bottom:14px}
.hz-preiskarte{background-color:var(--karte);color:var(--tinte);border:2px solid var(--akzent);border-radius:18px;padding:30px;display:flex;flex-direction:column;gap:10px;text-align:center;align-items:center}
.hz-preiskarte .vorzeile{color:var(--beige)}
.hz-preiskarte .hz-betrag-gross{font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(44px,4.5vw,60px);line-height:1;font-variant-numeric:tabular-nums lining-nums;color:var(--akzent-dunkel)}
.hz-preiskarte .hz-einheit{color:var(--nebentext);font-size:16px}
.hz-preiskarte .hz-kasten{background-color:var(--akzent-blass);border-color:transparent;color:var(--tinte);margin:8px 0;padding:14px 18px;box-shadow:none;font-size:16px}
.hz-preiskarte .hz-kasten strong{color:var(--akzent-dunkel)}
.hz-preiskarte .knopf{margin-top:auto}
.hz-preiskarte .hz-klein{margin:0}
.hz-versprechen{text-align:center;max-width:30ch;margin:0 auto 14px;font-family:"Cormorant Garamond",Georgia,serif;font-style:italic;
  font-size:clamp(24px,2.4vw,32px);line-height:1.3;color:var(--beige)}
.hz-wochen{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:34px 0}
.hz-woche{display:grid;grid-template-columns:44px 1fr;gap:14px;background-color:var(--karte);border:1px solid var(--linie);border-radius:16px;padding:20px 22px;align-items:start}
.hz-woche .hz-nr{font-variant-numeric:tabular-nums lining-nums;width:44px;height:44px;border-radius:50%;background-color:var(--akzent);color:var(--knopf-schrift);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px}
.hz-woche h3{font-size:22px;margin:4px 0 6px}
.hz-woche p{margin:0;color:var(--nebentext);font-size:16px}
.hz-ablauf{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px}
.hz-schritt{background-color:var(--karte);border:1px solid var(--linie);border-radius:16px;padding:20px 22px}
.hz-schritt .vorzeile{display:block;margin-bottom:8px}
.hz-schritt p{margin:0;color:var(--tinte);font-size:16.5px}
.hz-angebot-bild{border-radius:18px;overflow:hidden;box-shadow:0 14px 34px rgba(var(--schatten),.12);margin-top:30px}
.hz-angebot-bild img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;display:block}
@media (max-width:900px){
.hz-rahmen{grid-template-columns:1fr}
.hz-wochen,.hz-ablauf{grid-template-columns:1fr}
}
.hz-werkzeuge{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:30px}
.hz-werkzeug{display:grid;grid-template-rows:auto auto 1fr auto;background-color:var(--karte);border:1px solid var(--linie);border-radius:18px;overflow:hidden;
  box-shadow:0 14px 34px rgba(var(--schatten),.10);text-decoration:none;color:var(--tinte)}
.hz-werkzeug img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;display:block}
.hz-werkzeug h3{margin:20px 26px 0}
.hz-werkzeug p{margin:8px 26px 18px;color:var(--nebentext);font-size:16.5px}
.hz-werkzeug .hz-preis{margin:0 26px 22px}
@media (max-width:760px){
.hz-werkzeuge{grid-template-columns:1fr}
}
.hz-gruppe{margin-top:34px}
.hz-gruppe .vorzeile{display:block;margin-bottom:12px}
.hz-setkarten{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.hz-setkarte{background-color:var(--karte);border:1px solid var(--linie);border-radius:16px;padding:22px 24px;display:flex;flex-direction:column;gap:8px}
.hz-setkarte svg{width:120px;height:120px;margin:-8px 0 -6px -12px;color:var(--akzent);flex:none}
.hz-setkarte svg *{vector-effect:non-scaling-stroke;stroke-width:1.8px}
.hz-setkarte h3{font-size:22px;margin:4px 0 0}
.hz-setkarte p{margin:0;color:var(--nebentext);font-size:16px}
.hz-setkarte-breit{grid-column:1 / -1;flex-direction:row;align-items:center;gap:22px}
.hz-setkarte-breit svg{width:120px;height:120px}
@media (max-width:900px){
.hz-setkarten{grid-template-columns:1fr}
.hz-setkarte-breit{flex-direction:column;align-items:flex-start}
}
.hz-rechner{
  --color-bg:var(--papier);--color-surface:var(--grau);--color-highlight:var(--gold);
  --color-accent-soft:var(--linie-kraeftig);--color-primary:var(--akzent);--color-primary-hover:var(--akzent-dunkel);
  --color-accent-green:var(--akzent);--color-text:var(--tinte);--color-border:var(--linie-kraeftig);
  --color-text-muted:var(--nebentext);--color-accent-soft-text:var(--beige);--color-accent-soft-light:#CFD4A8;
  --color-accent-green-text:var(--akzent);--color-shadow:rgba(80,62,30,.1)}
.hz-rechner .btn,.hz-rechner .hv-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:var(--akzent);color:var(--knopf-schrift);
  text-decoration:none;font-weight:700;font-size:17px;padding:14px 28px;border-radius:999px;border:2px solid var(--akzent);cursor:pointer;font-family:inherit}
.hz-rechner .btn:hover{background:var(--akzent-dunkel);border-color:var(--akzent-dunkel)}
.hz-rechner .btn.hell,.hz-rechner .btn.leicht{background:transparent;color:var(--akzent-dunkel);border-color:var(--akzent)}
.hz-rechner .btn.klein{padding:10px 20px;font-size:15px}
.hz-rechner .eyebrow,.hz-rechner .kicker,.hz-rechner .eyebrow-sm{font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--beige)}
.hz-rechner .serif{font-family:"Cormorant Garamond",Georgia,serif}
.hz-rechner input,.hz-rechner select,.hz-rechner button{font-family:inherit}
.hz-rechner-hinweis{margin-top:26px}
.hz-kartenlink{color:inherit;text-decoration:none}
.hz-kartenlink:hover{color:var(--akzent);text-decoration:underline;text-underline-offset:4px}
.hz-weiterlink{font-weight:700;color:var(--akzent);text-decoration:none;font-size:16px}
.hz-weiterlink:hover{text-decoration:underline;text-underline-offset:4px}
.hz-lesen .zeile-link{padding-top:6px}
.mittig .breit-text,.mittig.breit-text{margin-left:auto;margin-right:auto}
.hz-persoenlich .hz-kernsatz{font-size:clamp(22px,2vw,26px)}
.hz-suchworte{display:flex;flex-wrap:wrap;gap:6px 10px;margin:10px 0 0;font-size:14.5px;color:var(--nebentext)}
.hz-suchworte button{font:inherit;font-size:14.5px;color:var(--akzent);background:none;border:0;padding:0;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.hz-artikel > :last-child,.hz-persoenlich > :last-child,.hz-fragen-gruppe > :last-child{margin-bottom:0}
.hz-cta{padding-bottom:48px}
.hz-seitenkopf-raster + .hz-kasten{margin-top:24px}
@media (max-width:900px){
.hz-seitenkopf-raster{gap:22px}
}
#schnupperabend .bildrahmen{min-height:0}
#schnupperabend .bildrahmen img{height:auto;aspect-ratio:16/9}
@media (max-width:600px){
.hz-cta{padding-bottom:28px}
}
@media (max-width:720px){
.kinokopf.hz-film .kk-innen .vorzeile{display:inline-block;padding:5px 10px;border-radius:6px;
    background-color:rgb(253 249 241 / .82);color:var(--akzent-dunkel)}
}
@media (max-width:720px){
.hz-leitsatz .innen{padding-top:38px;padding-bottom:38px}
}
.schritte:has(> :last-child:nth-child(3)){grid-template-columns:repeat(3,1fr)}
@media (max-width:900px){
.schritte:has(> :last-child:nth-child(3)){grid-template-columns:1fr}
}
.zusammen{white-space:nowrap}
@media (max-width:420px){
.hz-seitenkopf h1{font-size:clamp(25px,7.6vw,34px);max-width:none}
.innen.hz-rechner #betreuung h2{font-size:clamp(19px,5.8vw,24px)}
.hz-werkzeug h3{font-size:clamp(18px,5.4vw,22px);margin-inline:20px}
}
@media (max-width:360px){
.hz-rahmen > *{min-width:0;padding-inline:14px}
.hz-preiskarte{padding:24px 14px}
.hz-rahmen .hz-hakenliste li,.hz-kaufbox .hz-hakenliste li{font-size:.88rem}
.innen.hz-rechner #betreuung .bt-card{padding:20px 14px}
.innen.hz-rechner #betreuung details p{font-size:.86rem;padding-right:0}
}
.hz-druckblatt{display:none}
@media print{
body *{visibility:hidden}
.hz-druckblatt,.hz-druckblatt *{visibility:visible}
.hz-druckblatt{display:block;position:absolute;left:0;top:0;width:100%}
}
.hz-rechner #app{max-width: 480px; margin: 0 auto; padding: 28px 20px 12px;}
.hz-rechner #app input[type=number]::-webkit-inner-spin-button{-webkit-appearance: none;}
.hz-rechner #app input[type=number]{-moz-appearance: textfield;}
.hz-rechner #app button:focus-visible, .hz-rechner #app input:focus-visible{outline: 3px solid var(--color-accent-soft); outline-offset: 2px;}
@media print{
.hz-rechner nav, .hz-rechner footer, .hz-rechner .no-print{display: none !important;}
.hz-rechner #app{max-width: none; padding: 0;}
}
.hz-rechner #app{max-width: 480px; margin: 0 auto; padding: 28px 20px 12px;}
.hz-rechner #app input[type=number]::-webkit-inner-spin-button{-webkit-appearance: none;}
.hz-rechner #app input[type=number]{-moz-appearance: textfield;}
.hz-rechner #app button:focus-visible, .hz-rechner #app input:focus-visible, .hz-rechner #app a:focus-visible{outline: 3px solid var(--color-accent-soft); outline-offset: 2px;}
@media print{
.hz-rechner nav, .hz-rechner footer, .hz-rechner .no-print{display: none !important;}
.hz-rechner #app{max-width: none; padding: 0;}
}
.hz-rechner #betreuung{max-width:480px;margin:0 auto;padding:28px 20px 8px}
.hz-rechner #betreuung .serif{font-family:'Cormorant Garamond',serif}
.hz-rechner #betreuung .bt-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:16px;padding:22px 20px;margin-bottom:20px}
.hz-rechner #betreuung .bt-card.soft{background:var(--color-surface)}
.hz-rechner #betreuung .eyebrow-sm{display:block;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;font-weight:700;color:var(--color-accent-soft-text);margin-bottom:6px}
.hz-rechner #betreuung h2{font-family:'Cormorant Garamond',serif;font-weight:600;font-size:1.5rem;color:var(--color-primary);line-height:1.2;margin:0}
.hz-rechner #betreuung .sub{font-size:.9rem;line-height:1.6;color:var(--color-text-muted);margin:8px 0 0}
.hz-rechner #betreuung .bt-opt{display:block;width:100%;text-align:left;border:1.5px solid var(--color-border);background:var(--color-bg);border-radius:12px;padding:12px 16px;margin-bottom:10px;cursor:pointer}
.hz-rechner #betreuung .bt-opt.on{border-color:var(--color-primary);background:var(--color-surface)}
.hz-rechner #betreuung .bt-opt b{display:block;font-size:.95rem;color:var(--color-text)}
.hz-rechner #betreuung .bt-opt span{display:block;font-size:.78rem;color:var(--color-text-muted);margin-top:2px}
.hz-rechner #betreuung .legende{display:flex;gap:16px;font-size:.78rem;color:var(--color-text-muted);margin-bottom:12px}
.hz-rechner #betreuung .dot{width:12px;height:12px;border-radius:50%;display:inline-block;vertical-align:middle;margin-right:6px}
.hz-rechner #betreuung .wk-label{display:block;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);margin:0 0 6px}
.hz-rechner #betreuung .raster{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin-bottom:14px}
.hz-rechner #betreuung .nacht{border:none;border-radius:9px;padding:9px 0;color:var(--color-bg);cursor:pointer;display:flex;flex-direction:column;align-items:center;line-height:1.1}
.hz-rechner #betreuung .nacht .tg{font-size:.62rem;opacity:.85}
.hz-rechner #betreuung .nacht .pt{font-family:'Cormorant Garamond',serif;font-weight:600;font-size:.95rem}
.hz-rechner #betreuung .stepper{display:flex;flex-direction:column;gap:10px;padding:12px 0;border-bottom:1px dashed var(--color-border)}
.hz-rechner #betreuung .stepper:last-child{border-bottom:none}
.hz-rechner #betreuung .stepper .lab{font-size:.9rem;color:var(--color-text)}
.hz-rechner #betreuung .stepctrl{display:flex;align-items:center;justify-content:space-between;gap:12px}
.hz-rechner #betreuung .stepbtn{width:36px;height:36px;flex:0 0 auto;border-radius:50%;border:1.5px solid var(--color-border);background:var(--color-bg);color:var(--color-primary);font-size:1.2rem;cursor:pointer;line-height:1}
.hz-rechner #betreuung .stepval{flex:1;text-align:center;font-size:.95rem;color:var(--color-primary);font-variant-numeric:tabular-nums}
.hz-rechner #betreuung .anteile{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:10px}
.hz-rechner #betreuung .anteile .num{font-family:'Cormorant Garamond',serif;font-weight:600;font-size:2.1rem;line-height:1}
.hz-rechner #betreuung .bar{height:12px;border-radius:99px;overflow:hidden;display:flex;background:var(--color-border);margin-bottom:12px}
.hz-rechner #betreuung .bar>i{display:block;height:100%;transition:width var(--dur-2) ease}
.hz-rechner #betreuung .einordnung{background:var(--color-bg);border:1px solid var(--color-border);border-radius:12px;padding:16px}
.hz-rechner #betreuung .btn-outline{display:block;width:100%;text-align:center;border:1.5px solid var(--color-primary);color:var(--color-primary);background:var(--color-bg);font-weight:700;padding:13px;border-radius:12px;cursor:pointer;margin-top:16px;font-size:.95rem}
.hz-rechner #betreuung .btn-outline:hover{background:var(--color-surface)}
.hz-rechner #betreuung .crosslink{display:block;text-decoration:none;background:var(--color-primary);color:var(--color-bg);border-radius:14px;padding:18px 20px;margin-bottom:20px}
.hz-rechner #betreuung .crosslink b{display:block;font-family:'Cormorant Garamond',serif;font-size:1.15rem}
.hz-rechner #betreuung .crosslink span{font-size:.85rem;color:color-mix(in srgb,var(--color-bg) 80%,transparent)}
.hz-rechner #betreuung details{border-bottom:1px dashed var(--color-border)}
.hz-rechner #betreuung details:last-of-type{border-bottom:none}
.hz-rechner #betreuung summary{list-style:none;cursor:pointer;padding:13px 0;display:flex;justify-content:space-between;align-items:center;gap:12px}
.hz-rechner #betreuung summary::-webkit-details-marker{display:none}
.hz-rechner #betreuung summary h3{font-size:.98rem;font-weight:700;color:var(--color-text);margin:0}
.hz-rechner #betreuung summary .plus{color:var(--color-accent-soft-text);font-size:1.2rem;transition:transform var(--dur-2)}
.hz-rechner #betreuung details[open] summary .plus{transform:rotate(45deg)}
.hz-rechner #betreuung details p{font-size:.9rem;line-height:1.65;color:var(--color-text-muted);margin:0 0 14px;padding-right:6px}
.hz-rechner #betreuung .lead-list{list-style:none;padding:0;margin:0 0 18px}
.hz-rechner #betreuung .lead-list li{display:flex;gap:8px;font-size:.9rem;color:var(--color-text-muted);margin-bottom:7px}
.hz-rechner #betreuung .lead-list .tick{color:var(--color-accent-soft-text);font-weight:700}
.hz-rechner #betreuung .lead-input{width:100%;border:1.5px solid var(--color-border);border-radius:12px;padding:13px 16px;font-size:.95rem;color:var(--color-text);background:var(--color-bg);font-family:inherit}
.hz-rechner #betreuung .lead-btn{width:100%;border:none;border-radius:12px;padding:13px;font-size:.95rem;font-weight:700;color:var(--color-bg);background:var(--color-primary);cursor:pointer;margin-top:10px}
.hz-rechner #betreuung .lead-ok{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:16px;font-size:.9rem;color:var(--color-text)}
.hz-rechner #betreuung .lead-err{color:var(--color-accent-soft-text);font-size:.82rem;margin-top:8px;display:none}
.hz-rechner #betreuung .mini{font-size:.72rem;line-height:1.6;color:var(--color-text-muted);margin-top:10px}
.hz-rechner #betreuung .disclaimer{font-size:.72rem;line-height:1.6;color:var(--color-text-muted);padding:0 4px 28px}
.hz-rechner .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.hz-rechner #betreuung button:focus-visible, .hz-rechner #betreuung input:focus-visible, .hz-rechner #betreuung summary:focus-visible{outline:2px solid var(--color-accent-soft);outline-offset:2px}
@media (prefers-reduced-motion: reduce){
.hz-rechner #betreuung *{transition:none!important}
}
@media print{
.hz-rechner nav, .hz-rechner footer, .hz-rechner #betreuung, .hz-rechner .no-print{display:none!important}
}
.hz-quiz :root{--text:var(--color-text)}
.hz-quiz .intro h1{font-family:'Cormorant Garamond','Cormorant',serif;
  font-weight:600;
  font-size:clamp(2rem,6vw,2.75rem);
  line-height:1.2;
  color:var(--color-primary);
  margin-bottom:1rem;}
.hz-quiz .intro .lead{margin-bottom:1rem}
.hz-quiz .intro .leise{font-family:'Cormorant Garamond','Cormorant',serif;
  font-style:italic;
  font-size:1.25rem;
  color:var(--color-primary);
  margin:1.5rem 0 2rem;}
.hz-quiz .btn{display:inline-block;
  background:var(--color-primary);
  color:var(--color-bg);
  border:none;
  border-radius:999px;
  padding:.9rem 2.2rem;
  font-family:'Mulish',sans-serif;
  font-size:1rem;
  font-weight:700;
  letter-spacing:.02em;
  cursor:pointer;
  text-decoration:none;
  transition:background var(--dur-2) ease;}
.hz-quiz .btn:hover{background:var(--color-primary-hover)}
.hz-quiz .btn:focus-visible{outline:3px solid var(--color-accent-soft);outline-offset:3px}
.hz-quiz .btn.leicht{background:transparent;
  color:var(--color-primary);
  border:1.5px solid var(--color-primary);
  font-weight:600;}
.hz-quiz .btn.leicht:hover{background:var(--color-surface)}
.hz-quiz .fortschritt{margin:1.5rem 0 2rem}
.hz-quiz .fortschritt .zaehler{font-size:.85rem;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:var(--color-primary);
  margin-bottom:.5rem;}
.hz-quiz .balken{height:4px;
  background:var(--color-border);
  border-radius:999px;
  overflow:hidden;}
.hz-quiz .balken span{display:block;
  height:100%;
  background:var(--color-accent-soft);
  border-radius:999px;
  width:0;
  transition:width var(--dur-2) ease;}
.hz-quiz .frage h2{font-family:'Cormorant Garamond','Cormorant',serif;
  font-weight:600;
  font-size:clamp(1.5rem,5vw,1.9rem);
  line-height:1.3;
  color:var(--color-primary);
  margin-bottom:1.5rem;}
.hz-quiz .antworten{list-style:none;display:grid;gap:.75rem}
.hz-quiz .antwort{width:100%;
  text-align:left;
  background:var(--color-bg);
  border:1.5px solid var(--color-border);
  border-radius:14px;
  padding:1rem 1.25rem;
  font-family:'Mulish',sans-serif;
  font-size:1rem;
  line-height:1.5;
  color:var(--text);
  cursor:pointer;
  transition:border-color var(--dur-2) ease, background var(--dur-2) ease;}
.hz-quiz .antwort:hover{border-color:var(--color-accent-soft-light);background:var(--color-surface)}
.hz-quiz .antwort:focus-visible{outline:3px solid var(--color-accent-soft);outline-offset:2px}
.hz-quiz .zurueck{margin-top:1.75rem;
  background:none;
  border:none;
  font-family:'Mulish',sans-serif;
  font-size:.9rem;
  color:var(--color-primary);
  cursor:pointer;
  text-decoration:underline;
  text-underline-offset:3px;}
.hz-quiz .ergebnis .eyebrow{font-size:.85rem;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--color-primary);
  margin-bottom:.5rem;}
.hz-quiz .ergebnis h2{font-family:'Cormorant Garamond','Cormorant',serif;
  font-weight:600;
  font-size:clamp(1.9rem,6vw,2.5rem);
  line-height:1.2;
  color:var(--color-primary);
  margin-bottom:1.25rem;}
.hz-quiz .ergebnis .text{margin-bottom:2rem}
.hz-quiz .ergebnis .zweiter{margin-top:2.5rem;
  padding-top:1.5rem;
  border-top:1px solid var(--color-border);
  font-size:.95rem;}
.hz-quiz .ergebnis .nochmal{margin-top:2rem;font-size:.9rem}
.hz-quiz .ergebnis .nochmal button{background:none;border:none;cursor:pointer;
  font-family:'Mulish',sans-serif;font-size:.9rem;
  color:var(--color-primary);text-decoration:underline;text-underline-offset:3px;}
.hz-quiz .schritt{animation:einblenden var(--dur-2) ease}
@keyframes einblenden{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){
.hz-quiz .schritt{animation:none}
.hz-quiz .balken span{transition:none}
}