.hz-ratgeber{margin:0 auto;line-height:1.65;color:var(--bs-body-color,#1f2a22)}

.hz-ratgeber sup a{text-decoration:none}
.hz-ratgeber .hz-toc{border-left:4px solid var(--bs-success,#2f6b3a);background:var(--bs-tertiary-bg,#f2f5f0);padding:1rem 1.25rem;margin:1.5rem 0}
.hz-ratgeber .hz-toc p{margin:0 0 .4rem}
.hz-ratgeber .hz-toc ol{margin:0;padding-left:1.25rem}
.hz-ratgeber .hz-tabelle{overflow-x:auto;margin:1.25rem 0 .4rem}
.hz-ratgeber table{width:100%;border-collapse:collapse}
.hz-ratgeber th,.hz-ratgeber td{border:1px solid var(--bs-border-color,#d3dbd0);padding:.6rem .75rem;vertical-align:top;text-align:left}
.hz-ratgeber thead th{background:var(--bs-tertiary-bg,#eef2eb)}
.hz-ratgeber tbody th{font-weight:600}
.hz-ratgeber .hz-tabellenquelle{font-size:.875rem;color:var(--bs-secondary-color,#5a675c);margin-top:0}
.hz-ratgeber .hz-schritte li,.hz-ratgeber .hz-liste li{margin-bottom:.5rem}
.hz-ratgeber .hz-faq details{border:1px solid var(--bs-border-color,#d3dbd0);margin-bottom:.5rem;padding:.5rem .9rem}
.hz-ratgeber .hz-faq summary{cursor:pointer}
.hz-ratgeber .hz-faq summary h3{display:inline;font-size:1.05rem;margin:0}
.hz-ratgeber .hz-faq details p{margin:.6rem 0 .2rem}
.hz-ratgeber .hz-autor{border:1px solid var(--bs-border-color,#d3dbd0);padding:1.25rem 1.5rem;margin-top:1rem}
.hz-ratgeber .hz-autor h3{margin-top:0}
.hz-ratgeber .hz-quellen li{margin-bottom:.4rem}


#hz-raeumplaner{--hzr-gruen:var(--bs-success,#2f6b3a);--hzr-gruen-hell:var(--bs-success-bg-subtle,#e3eee1);--hzr-bernstein:var(--bs-warning,#b7791f);--hzr-bernstein-hell:var(--bs-warning-bg-subtle,#f7ecd6);--hzr-blau:var(--bs-info,#2c6e8f);--hzr-blau-hell:var(--bs-info-bg-subtle,#e1eef4);--hzr-text:var(--bs-body-color,#1f2a22);--hzr-leise:var(--bs-secondary-color,#5a675c);--hzr-linie:var(--bs-border-color,#d3dbd0);--hzr-flaeche:var(--bs-tertiary-bg,#f3f6f1);--hzr-weiss:var(--bs-body-bg,#ffffff);border:1px solid var(--hzr-linie);border-top:6px solid var(--hzr-gruen);background:var(--hzr-flaeche);color:var(--hzr-text);padding:1.25rem;margin:1.5rem 0;line-height:1.5}
#hz-raeumplaner *{box-sizing:border-box}
#hz-raeumplaner [hidden]{display:none!important}
#hz-raeumplaner .hzr-titel{font-size:1.35rem;font-weight:700;margin:0;line-height:1.25}
#hz-raeumplaner .hzr-unter{margin:.3rem 0 1.1rem;color:var(--hzr-leise)}
#hz-raeumplaner .hzr-noscript{background:var(--hzr-weiss);border:1px solid var(--hzr-linie);padding:.75rem 1rem;margin:0}
#hz-raeumplaner .hzr-noscript p{margin:0}
#hz-raeumplaner:not(.hzr-js) .hzr-raster{display:none}
#hz-raeumplaner .hzr-raster{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:1.25rem;align-items:start}
#hz-raeumplaner fieldset{border:0;margin:0 0 1.05rem;padding:0;min-width:0}
#hz-raeumplaner legend{font-weight:700;font-size:1rem;margin:0 0 .45rem;padding:0}
#hz-raeumplaner .hzr-datum{display:flex;flex-wrap:wrap;gap:.75rem}
#hz-raeumplaner .hzr-datum label{display:flex;flex-direction:column;gap:.25rem;font-size:.9rem;color:var(--hzr-leise)}
#hz-raeumplaner select{font:inherit;color:var(--hzr-text);background:var(--hzr-weiss);border:1px solid var(--hzr-linie);padding:.45rem .6rem;min-width:9.5rem}
#hz-raeumplaner select:focus{outline:3px solid var(--hzr-blau);outline-offset:2px}
#hz-raeumplaner .hzr-wahl{display:flex;flex-direction:column;gap:.4rem}
#hz-raeumplaner .hzr-wahl-kurz{flex-direction:row;flex-wrap:wrap}
#hz-raeumplaner .hzr-chip{display:flex;align-items:flex-start;gap:.55rem;background:var(--hzr-weiss);border:1px solid var(--hzr-linie);padding:.5rem .75rem;cursor:pointer}
#hz-raeumplaner .hzr-chip input{margin:.25rem 0 0;flex:0 0 auto;accent-color:var(--hzr-gruen)}
#hz-raeumplaner .hzr-chip.ist-gewaehlt{border-color:var(--hzr-gruen);box-shadow:inset 4px 0 0 var(--hzr-gruen)}
#hz-raeumplaner .hzr-chip:focus-within{outline:3px solid var(--hzr-blau);outline-offset:2px}
#hz-raeumplaner .hzr-hilfe{font-size:.9rem;color:var(--hzr-leise);margin:.5rem 0 0}
#hz-raeumplaner .hzr-ergebnis{background:var(--hzr-weiss);border:1px solid var(--hzr-linie);padding:1rem 1.1rem;position:sticky;top:1rem}
#hz-raeumplaner .hzr-ergebnis-titel{font-weight:700;font-size:1.1rem;margin:0 0 .5rem}
#hz-raeumplaner .hzr-band{position:relative;padding-top:1.15rem;margin:0 0 .35rem}
#hz-raeumplaner .hzr-monate{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:2px}
#hz-raeumplaner .hzr-m{height:1.7rem}
#hz-raeumplaner .ist-fenster{background:var(--hzr-gruen)}
#hz-raeumplaner .ist-schonzeit{background:repeating-linear-gradient(135deg,var(--hzr-bernstein-hell) 0 5px,var(--hzr-weiss) 5px 9px);box-shadow:inset 0 0 0 1px var(--hzr-bernstein)}
#hz-raeumplaner .hzr-m.ist-start{box-shadow:inset 0 0 0 3px var(--hzr-text)}
#hz-raeumplaner .hzr-beschriftung{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:2px;margin-top:.25rem;font-size:.7rem;line-height:1.2;color:var(--hzr-leise);text-align:center}
#hz-raeumplaner .hzr-beschriftung span{white-space:nowrap}
#hz-raeumplaner .hzr-heute{position:absolute;top:0;height:2.85rem;border-left:2px solid var(--hzr-blau)}
#hz-raeumplaner .hzr-heute span{position:absolute;top:-.05rem;left:4px;font-size:.72rem;line-height:1;color:var(--hzr-blau);white-space:nowrap}
#hz-raeumplaner .hzr-heute.ist-rechts span{left:auto;right:4px}
#hz-raeumplaner .hzr-legende{list-style:none;display:flex;flex-wrap:wrap;gap:.3rem 1rem;margin:.35rem 0 .85rem;padding:0;font-size:.8rem;color:var(--hzr-leise)}
#hz-raeumplaner .hzr-legende li{display:flex;align-items:center;gap:.4rem}
#hz-raeumplaner .hzr-farbe{display:inline-block;width:.95rem;height:.95rem;flex:0 0 auto}
#hz-raeumplaner .hzr-farbe.ist-start{box-shadow:inset 0 0 0 3px var(--hzr-text);background:var(--hzr-weiss)}
#hz-raeumplaner .hzr-status{border-left:6px solid var(--hzr-linie);background:var(--hzr-flaeche);padding:.75rem .9rem;margin:0 0 .9rem}
#hz-raeumplaner .hzr-status[data-ton="gruen"]{border-left-color:var(--hzr-gruen);background:var(--hzr-gruen-hell)}
#hz-raeumplaner .hzr-status[data-ton="bernstein"]{border-left-color:var(--hzr-bernstein);background:var(--hzr-bernstein-hell)}
#hz-raeumplaner .hzr-status[data-ton="blau"]{border-left-color:var(--hzr-blau);background:var(--hzr-blau-hell)}
#hz-raeumplaner .hzr-status p{margin:0 0 .45rem}
#hz-raeumplaner .hzr-status p:last-child{margin-bottom:0}
#hz-raeumplaner .hzr-kern{font-weight:700;font-size:1.05rem}
#hz-raeumplaner .hzr-zwischen{font-weight:700;margin:.85rem 0 .35rem}
#hz-raeumplaner .hzr-liste{margin:0;padding-left:1.15rem}
#hz-raeumplaner .hzr-liste li{margin-bottom:.4rem}
#hz-raeumplaner .hzr-weiter{margin:.9rem 0 .4rem;padding-top:.75rem;border-top:1px solid var(--hzr-linie)}
#hz-raeumplaner .hzr-quellen{margin-top:1rem;font-size:.85rem}
#hz-raeumplaner .hzr-quellen li{margin-bottom:.3rem}
#hz-raeumplaner .hzr-hinweis{font-size:.85rem;color:var(--hzr-leise);margin:.5rem 0 0}
#hz-raeumplaner sup a{text-decoration:none}
@media (max-width:760px){
#hz-raeumplaner .hzr-raster{grid-template-columns:minmax(0,1fr)}
#hz-raeumplaner .hzr-ergebnis{position:static}
}