/* Gebündelte Formatvorlagen — erzeugt von ha-stile.php.
   Nicht von Hand ändern; die Quellen stehen in den einzelnen
   Erweiterungen unter wp-content/mu-plugins/. */

/* ---- aktualitaet ---- */
.ha-aktualitaet{margin:0 0 1.4rem;padding:.5rem .85rem;border-left:3px solid #D9BBA4;
 background:#FBF7F4;font-size:.93rem;color:#6B5B57;border-radius:0 8px 8px 0}
.ha-aktualitaet time{font-weight:600;color:#3A2E2C}
.ha-aktualitaet span{color:#8A7B78}

/* ---- altbestand ---- */
/* --- Sicherheitsnetz: gilt für allen Inhalt ---------------------- */

/* 252 Seiten tragen Bilder mit fester Pixelbreite. Die Attribute
   bleiben stehen (sie reservieren den Platz und verhindern, dass der
   Text beim Laden springt) — hier wird nur dafür gesorgt, dass sie
   eine schmale Spalte nicht sprengen. */
.beitragstext img{max-width:100%;height:auto}

/* Tabellen, die der Umbau nicht angefasst hat, bekommen einen
   scrollbaren Rahmen statt die Seite zu verbreitern. Eine zu breite
   Tabelle schiebt sonst das GANZE Layout auf und erzeugt den
   waagerechten Balken, den Google als mobilen Mangel wertet. */
.beitragstext table{max-width:100%;display:block;overflow-x:auto;
 border-collapse:collapse;font-size:.95rem}
.beitragstext table td,.beitragstext table th{padding:.35rem .6rem}

/* Blocksatz kann auch in style-Attributen einzelner Absätze stecken,
   die der Umbau nicht erwischt. */
.beitragstext [style*="justify"]{text-align:left !important}

/* --- Klassen, die der Umbau setzt -------------------------------- */

/* Aus den Layout-Tabellen mit Pfeil-Grafik. Der Pfeil war ein 30x15-PNG
   von 2010; ein Zeichen tut dasselbe, lädt nicht nach und wächst mit
   der Schriftgröße mit. */
.ha-pfeilliste{list-style:none;margin:1.4rem 0;padding:0;
 border-left:3px solid #D9BBA4;background:#FBF7F4;border-radius:0 8px 8px 0}
.ha-pfeilliste li{position:relative;padding:.55rem .9rem .55rem 2.1rem;margin:0}
.ha-pfeilliste li+li{border-top:1px solid #EFE6E0}
.ha-pfeilliste li::before{content:"\203A";position:absolute;left:.95rem;top:.5rem;
 color:#B04A63;font-size:1.25rem;line-height:1.2;font-weight:700}
.ha-pfeilliste a{text-decoration:none;font-weight:600;color:#8C3A50}
.ha-pfeilliste a:hover,.ha-pfeilliste a:focus{text-decoration:underline}

/* Umflossene Bilder — aber nur, wo Platz dafür ist. Unter 600 Pixel
   Breite steht das Bild frei; ein 233 Pixel breites Bild neben Text in
   einer 320-Pixel-Spalte lässt vier Zeichen pro Zeile übrig. */
.ha-bild-links,.ha-bild-rechts{display:block;margin:.4rem auto 1rem;border-radius:8px}
@media (min-width:600px){
 .ha-bild-rechts{float:right;margin:.3rem 0 1rem 1.4rem}
 .ha-bild-links {float:left; margin:.3rem 1.4rem 1rem 0}
}

/* Die Aufforderung zum Kommentar. Sie stand in <big><i> — ein Tag, den
   HTML5 gestrichen hat, und größer als die Überschriften daneben. */
.ha-mitreden{display:block;margin:2rem 0 .5rem;padding:.7rem 1rem;
 background:#FBF7F4;border-left:3px solid #D9BBA4;border-radius:0 8px 8px 0;
 font-style:normal;font-size:.95rem;color:#6B5B57}

/* Nach dem Entfernen der Anzeigenblöcke bleiben deren Abstandshalter
   stehen. */
.beitragstext br[style*="clear"]{display:block;clear:both;content:"";height:0}

/* ---- auftritt ---- */
#ha-auftritt-band{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;
 margin:0 0 1.7rem;padding:.7rem 1.1rem;border-radius:999px;
 background:#F7EEF1;border:1px solid #E3D5D0;font-size:.99rem}
.ha-band-etikett{font-size:.76rem;letter-spacing:.09em;text-transform:uppercase;
 color:#8C2F4A;font-weight:600;white-space:nowrap}
.ha-band-text{color:#3A2E2C;flex:1;min-width:0}
.ha-band-link{color:#8C2F4A;font-size:.94rem;white-space:nowrap}
.ha-uebernommen{margin:0 0 1.1rem;padding:.6rem .9rem;border-radius:9px;
 background:#F7EEF1;font-size:.97rem;color:#5A4B48}
.ha-uebernommen .hawz-zurueck{margin:0;font-size:.97rem}
.hawz-loeschen{margin-top:1.3rem;display:flex;gap:1.5rem;flex-wrap:wrap}
.hawz-loeschen .hawz-zurueck{margin-top:0}
@media (max-width:520px){
 #ha-auftritt-band{border-radius:12px;font-size:.94rem}
}

/* ---- blaettern ---- */
.ha-blaettern{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin:1.6rem 0 .6rem}
.ha-blatt{display:block;padding:.85rem 1rem;border:1px solid #E3D5D0;border-radius:12px;
 background:#fff;text-decoration:none;transition:border-color .15s,background .15s;min-width:0}
.ha-blatt:hover{border-color:#8C2F4A;background:#FDF6F8}
.ha-blatt.weiter{text-align:right}
.ha-blatt.leer{border:0;background:none}
.ha-blatt-richtung{display:block;font-size:.82rem;letter-spacing:.05em;text-transform:uppercase;
 color:#8C2F4A;margin-bottom:.25rem}
.ha-blatt-titel{display:block;color:#3A2E2C;font-size:.99rem;line-height:1.4;overflow:hidden;
 text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
@media (max-width:560px){.ha-blaettern{grid-template-columns:1fr}.ha-blatt.weiter{text-align:left}}

/* ---- brautfrage ---- */
.bf-karte{display:flex;align-items:center;gap:1.2rem;padding:1.2rem 1.3rem;margin:0 0 1.2rem;
 border:1px solid #E3D5D0;border-radius:14px;background:linear-gradient(180deg,#FFFDFC,#FBF7F6)}
.bf-farbe{flex:0 0 84px;height:84px;border-radius:50%;background:var(--f);
 border:1px solid rgba(0,0,0,.15);box-shadow:0 4px 14px rgba(0,0,0,.12)}
.bf-frage{margin:0 0 .3rem;font-size:1.14rem;line-height:1.45}
.bf-frage2{margin:0;font-size:1.24rem;font-weight:600}
@media (max-width:520px){.bf-karte{flex-direction:column;text-align:center}.bf-farbe{flex-basis:auto}}

/* ---- darstellung ---- */
/* Blocksatz aus dem Bestand aufheben */
.beitragstext [align="justify"],
.beitragstext [style*="justify"],
.beitragstext .justify,
.beitragstext p,
.beitragstext div,
.beitragstext li { text-align: left; }
.beitragstext h1, .beitragstext h2, .beitragstext h3,
.beitragstext h4, .beitragstext h5, .beitragstext h6 { text-align: left; }

/* Nachträglich eingerahmte Anzeigen: klar abgesetzt, nie im Satz */
.anzeige-nachtraeglich { clear: both; margin: 2rem 0; text-align: center; }
.anzeige-nachtraeglich .anzeige-inhalt { display: block; }
.anzeige-nachtraeglich ins.adsbygoogle { display: inline-block !important; max-width: 100%; }

/* Das Einwilligungsfenster von Google setzt seine Breite in Pixeln und
   ragt auf schmalen Bildschirmen fünf Pixel über den Rand — das genügt
   für einen waagerechten Rollbalken auf jeder Seite. Da die Fassung von
   Google kommt, wird sie hier eingefangen. */
.fc-consent-root, .fc-dialog-overlay, .fc-dialog { max-width: 100vw; }
html, body { overflow-x: clip; }

/* ------------------------------------------------------------------
 * Feste Breiten aus dem Bestand
 *
 * Die Beiträge stammen aus einer Zeit vor dem Smartphone. Bilder tragen
 * width="468" (die alte Bannerbreite), Tabellen und Kästen ebenso.
 * Gemessen: 59 Seiten mit Breiten über 380 Pixel, 102 Seiten mit
 * align=left oder align=right.
 *
 * Auf einem 375 Pixel breiten Bildschirm sprengt beides das Layout.
 * Der Bestand bleibt unangetastet; die Angaben werden überstimmt.
 * ---------------------------------------------------------------- */
.beitragstext img, .beitragstext table, .beitragstext iframe,
.beitragstext object, .beitragstext embed, .beitragstext video {
  max-width: 100%; height: auto;
}
.beitragstext table { display: block; overflow-x: auto; }
.beitragstext table td, .beitragstext table th { min-width: 0; }

@media (max-width: 620px) {
  /* Umflossene Bilder brauchen Breite. Die ist auf dem Handy nicht da —
     also stellt sich das Bild über den Text statt daneben. */
  .beitragstext [align="left"], .beitragstext [align="right"],
  .beitragstext img[style*="float"], .beitragstext .alignleft, .beitragstext .alignright {
    float: none !important;
    display: block;
    margin: 1.1rem auto !important;
  }
  .beitragstext [width] { max-width: 100% !important; }
  .beitragstext div[style*="width"] { max-width: 100% !important; }
}

/* ---- farbcheck-blitz ---- */
.fc-blitz{margin:1.6rem 0 0;padding:1rem 1.15rem;border:1px solid #E3D5D0;border-radius:12px;
 background:linear-gradient(180deg,#FFFDFC,#FBF7F6)}
.fc-blitz-vorschau{font-size:.96rem;color:#5A4B48;background:#fff;border:1px dashed #E3D5D0;
 border-radius:9px;padding:.6rem .8rem}
.fc-blitz-knopf{display:inline-block;padding:.65rem 1.2rem;border-radius:999px;background:#2E6B4F;
 color:#fff;text-decoration:none;font-size:1rem;margin-right:.6rem}
.fc-blitz-knopf:hover{background:#3B8262;color:#fff}
.fc-blitz-kopie{background:none;border:2px solid #E3D5D0;border-radius:999px;padding:.55rem 1.1rem;
 font:inherit;font-size:1rem;cursor:pointer;color:#3A2E2C}
.fc-blitz-kopie:hover{border-color:#8C2F4A}

/* ---- farbrad ---- */
.fr-felder{display:grid;gap:.55rem;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));margin:0 0 1.2rem}
.fr-feld{position:relative;height:72px;border-radius:11px;border:2px solid #E3D5D0;cursor:pointer;
 background:var(--f);padding:0;overflow:hidden;transition:transform .12s,border-color .12s}
.fr-feld:hover,.fr-feld:focus-visible{transform:translateY(-2px);border-color:#8C2F4A;outline:none}
.fr-feld.an{border-color:#8C2F4A;box-shadow:0 0 0 2px #fff inset,0 0 0 4px #8C2F4A inset}
.fr-feld span{position:absolute;left:0;right:0;bottom:0;padding:.2rem .35rem;font-size:.78rem;
 background:rgba(255,255,255,.88);color:#2E2426;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fr-antwort{border:1px solid #E3D5D0;border-radius:12px;overflow:hidden;background:#fff}
.fr-antwort::before{content:"";display:block;height:10px;background:var(--f)}
.fr-kopf{margin:.9rem 1.1rem .3rem;font-size:1.18rem}
.fr-liste{margin:.4rem 1.1rem 1rem;padding:0}
.fr-liste dt{font-weight:600;margin:.75rem 0 .15rem;color:#3A2E2C}
.fr-liste dd{margin:0;color:#5A4B48;line-height:1.5}
.fr-liste dt.fr-fehler{color:#A32E38}
.fr-weiter{margin:.2rem 1.1rem 1rem;font-size:.97rem}
@media (max-width:520px){.fr-felder{grid-template-columns:repeat(3,1fr)}.fr-feld{height:62px}}

/* ---- farbtyp ---- */
.ft-palette{display:grid;gap:.6rem;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));margin:.6rem 0 1rem}
.ft-farbe{display:block;height:76px;border-radius:11px;background:var(--f);position:relative;
 overflow:hidden;border:2px solid #E3D5D0;text-decoration:none;transition:transform .12s,border-color .12s}
.ft-farbe:hover{transform:translateY(-2px);border-color:#8C2F4A}
.ft-farbe span{position:absolute;left:0;right:0;bottom:0;padding:.25rem .45rem;font-size:.82rem;
 background:rgba(255,255,255,.9);color:#2E2426}

/* ---- grafik ---- */
.ha-grafik{margin:1.8rem 0;padding:0}
/* Spezifität erhöht: Die allgemeine Bildregel des Themes setzt 2px und
   kommt in der Kaskade später — gemessen im Browser. */
.beitragstext .ha-grafik img{width:100%;height:auto;display:block;border:1px solid #E3D5D0;border-radius:12px;background:#FBF7F4}
.ha-grafik figcaption{margin:.7rem 0 0;font-size:.95rem;line-height:1.5;color:#6B5B57}

/* ---- lastminute ---- */
.lm-plan{margin:1.2rem 0 1rem;padding:0;list-style:none;counter-reset:lm}
.lm-plan li{position:relative;padding:0 0 1.05rem 3rem;counter-increment:lm}
.lm-plan li::before{content:counter(lm);position:absolute;left:0;top:-.15rem;width:2.1rem;height:2.1rem;
 border-radius:50%;background:#8C2F4A;color:#fff;font-weight:600;display:flex;
 align-items:center;justify-content:center}
.lm-plan li b{display:block;margin-bottom:.15rem}
.lm-plan li span{color:#5A4B48;line-height:1.5}

/* ---- lichtsaal ---- */
.ls-saal{display:grid;gap:.7rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin:1.4rem 0 1rem}
.ls-kabine{margin:0}
.ls-buehne{border-radius:10px 10px 0 0;padding:.6rem .9rem .2rem}
.ls-buehne svg{width:100%;height:auto;display:block}
.ls-kabine figcaption{border:1px solid #E3D5D0;border-top:0;border-radius:0 0 10px 10px;
 padding:.5rem .7rem .6rem;font-size:.92rem;line-height:1.35;background:#fff}
.ls-kabine figcaption b{display:block}
.ls-kabine figcaption span{color:#6B5B57;font-size:.85rem}
.ls-befund{display:block;margin-top:.3rem;color:#A32E38;font-style:normal;font-size:.88rem;font-weight:600}
.ls-eigen input{min-height:44px;width:90px;padding:.15rem;cursor:pointer}
@media (max-width:560px){.ls-saal{grid-template-columns:repeat(2,1fr)}}

/* ---- pinterest ---- */
.ha-pin{display:flex;gap:1.6rem;align-items:flex-start;margin:2.6rem 0 1rem;
 padding:1.4rem;border:1px solid #E3D5D0;border-radius:14px;
 background:linear-gradient(180deg,#FFFDFC,#FBF7F6)}
.ha-pin-bild{flex:0 0 200px;max-width:200px}
.ha-pin-bild img{width:100%;height:auto;display:block;border-radius:8px;
 border:1px solid #E3D5D0}
.ha-pin-text{flex:1}
.ha-pin-text h2{margin:.1rem 0 .6rem;font-size:1.16rem;line-height:1.3}
.ha-pin-text p{margin:0 0 .8rem;font-size:1rem;line-height:1.5;color:#5A4B48}
.ha-pin-knopf{display:inline-block;padding:.7rem 1.3rem;border-radius:999px;
 background:#8C2F4A;color:#fff;text-decoration:none;font-size:1rem}
.ha-pin-knopf:hover{background:#A94462;color:#fff}
.ha-pin-hinweis{font-size:.9rem!important;color:#8B7B77!important}
@media (max-width:560px){
 .ha-pin{flex-direction:column;gap:1.1rem}
 .ha-pin-bild{flex:none;max-width:170px;align-self:center}
}

/* ---- startkacheln ---- */
.start-werkzeuge{background:linear-gradient(180deg,#FFFDFC,#FBF7F6)}
.wz-gitter{display:grid;gap:.9rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:1.4rem 0 0}
.wz-kachel{display:block;padding:1.05rem 1.15rem;background:#fff;border:1px solid #E3D5D0;
 border-radius:13px;text-decoration:none;transition:border-color .15s,transform .15s}
.wz-kachel:hover{border-color:#8C2F4A;transform:translateY(-2px)}
.wz-kachel b{display:block;font-family:Georgia,serif;font-size:1.14rem;line-height:1.3;color:#2E2426;margin-bottom:.3rem}
.wz-kachel span{display:block;font-size:.95rem;line-height:1.45;color:#6B5B57}
.wz-kachel i{display:inline-block;font-style:normal;font-size:.74rem;letter-spacing:.09em;
 text-transform:uppercase;color:#8C2F4A;font-weight:600;margin-bottom:.35rem}
.wz-kachel.hervor{border-color:#B99268;background:linear-gradient(180deg,#fff,#FDF8F2)}
.wz-alle{margin:1.3rem 0 0;font-size:.98rem;color:#6B5B57}
.wz-alle a{color:#8C2F4A}

/* ---- verwandte ---- */
.ha-verwandt{margin:2.6rem 0 1rem}
.ha-verwandt h2{margin:0 0 1rem;font-size:1.22rem;line-height:1.3}
.ha-verwandt ul{margin:0;padding:0;list-style:none;display:grid;gap:1.1rem;
 grid-template-columns:repeat(auto-fill,minmax(168px,1fr))}
.ha-verwandt a{display:block;text-decoration:none;color:inherit}
.ha-verwandt-bild{display:block;aspect-ratio:4/3;overflow:hidden;border-radius:10px;
 background:#EFE4E0;margin-bottom:.5rem}
.ha-verwandt-bild img{width:100%;height:100%;object-fit:cover;display:block;
 transition:transform .35s ease}
.ha-verwandt a:hover .ha-verwandt-bild img{transform:scale(1.04)}
.ha-verwandt-titel{display:block;font-size:1rem;line-height:1.35;color:#2E2426}
.ha-verwandt a:hover .ha-verwandt-titel{color:#8C2F4A}
.ha-verwandt-ohne.ha-ersatz-0{background:linear-gradient(135deg,#EFE0E4,#E3D5D0)}
.ha-verwandt-ohne.ha-ersatz-1{background:linear-gradient(135deg,#E7E0EF,#D8D3E0)}
.ha-verwandt-ohne.ha-ersatz-2{background:linear-gradient(135deg,#EFE8E0,#E0D6C8)}
.ha-verwandt-ohne.ha-ersatz-3{background:linear-gradient(135deg,#E0E9EF,#CFDCE3)}
.ha-verwandt-ohne.ha-ersatz-4{background:linear-gradient(135deg,#EFE4E0,#E3CFD5)}
@media (max-width:520px){
 .ha-verwandt ul{grid-template-columns:1fr 1fr;gap:.85rem}
 .ha-verwandt-titel{font-size:.95rem}
}

/* ---- verweise ---- */
.hawz-verweise{margin:2.4rem 0 1rem;padding:1.2rem 1.35rem;border:1px solid #E3D5D0;border-radius:14px;
 background:linear-gradient(180deg,#FFFDFC,#FBF7F6)}
.hawz-verweise h2{margin:0 0 .8rem;font-size:1.16rem;line-height:1.3}
.hawz-verweise ul{margin:0;padding:0;list-style:none;display:grid;gap:.85rem;
 grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.hawz-verweise li{font-size:.99rem;line-height:1.45;color:#5A4B48}
.hawz-verweise li a{color:#8C2F4A;text-decoration:none}
.hawz-verweise li a:hover{text-decoration:underline}
.hawz-verweise-fuss{margin:1rem 0 0;font-size:.94rem;color:#6B5B57}

/* ---- werkzeuge ---- */
.hawz{--rand:#E3D5D0;--grund:#FFFDFC;--akzent:#8C2F4A;--champagner:#B99268;
 --ja:#2E6B4F;--nein:#A32E38;--vielleicht:#9A6B12;
 margin:2.2rem 0;border:1px solid var(--rand);border-radius:14px;background:var(--grund);
 overflow:hidden;font-size:1.06rem;line-height:1.55}
.hawz *{box-sizing:border-box}
.hawz-kopf{background:linear-gradient(180deg,#fff,#FBF7F6);padding:1.1rem 1.3rem .9rem;border-bottom:1px solid var(--rand)}
.hawz-kopf h3{margin:0 0 .25rem;font-size:1.24rem;line-height:1.3}
.hawz-kopf p{margin:0;color:#6B5B57;font-size:.99rem}
.hawz-koerper{padding:1.2rem 1.3rem 1.4rem}
.hawz-frage{margin:0 0 1rem;font-size:1.16rem;font-weight:600;line-height:1.35}
.hawz-hilfe{margin:-.6rem 0 1rem;color:#6B5B57;font-size:.97rem}
.hawz-wahl{display:grid;gap:.6rem;grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}
.hawz-knopf{display:block;width:100%;min-height:56px;padding:.85rem 1rem;text-align:left;
 border:2px solid var(--rand);border-radius:11px;background:#fff;cursor:pointer;
 font:inherit;font-size:1.04rem;color:#2E2426;transition:border-color .15s,background .15s}
.hawz-knopf:hover,.hawz-knopf:focus-visible{border-color:var(--akzent);background:#FDF6F8;outline:none}
.hawz-knopf b{display:block;font-weight:600}
.hawz-knopf span{display:block;color:#6B5B57;font-size:.93rem;margin-top:.15rem}
.hawz-schritte{display:flex;gap:.35rem;margin:0 0 1rem;padding:0;list-style:none}
.hawz-schritte li{height:6px;flex:1;border-radius:3px;background:#EFE4E0}
.hawz-schritte li.an{background:var(--akzent)}
.hawz-zurueck{margin-top:1.1rem;background:none;border:0;padding:.5rem .2rem;color:var(--akzent);
 cursor:pointer;font:inherit;font-size:1rem;text-decoration:underline}
.hawz-antwort{border-radius:11px;padding:1.1rem 1.2rem;margin:0 0 1.1rem;border-left:6px solid #ccc;background:#F7F4F3}
.hawz-antwort.ja{border-left-color:var(--ja);background:#F1F7F3}
.hawz-antwort.nein{border-left-color:var(--nein);background:#FBF2F3}
.hawz-antwort.vielleicht{border-left-color:var(--vielleicht);background:#FCF7EC}
.hawz-antwort .satz{font-size:1.22rem;font-weight:600;line-height:1.35;margin:0 0 .5rem}
.hawz-antwort p{margin:.5rem 0 0}
.hawz-liste{margin:.9rem 0 0;padding-left:1.15rem}
.hawz-liste li{margin:.35rem 0}
.hawz-feld{display:block;margin:0 0 1rem}
.hawz-feld label{display:block;font-weight:600;margin-bottom:.3rem}
.hawz-feld input,.hawz-feld select{width:100%;max-width:340px;min-height:52px;padding:.6rem .8rem;
 font:inherit;font-size:1.08rem;border:2px solid var(--rand);border-radius:10px;background:#fff}
.hawz-feld input:focus,.hawz-feld select:focus{border-color:var(--akzent);outline:none}
.hawz-tabelle{width:100%;border-collapse:collapse;margin:1rem 0 0;font-size:1rem}
.hawz-tabelle th,.hawz-tabelle td{padding:.5rem .6rem;border-bottom:1px solid var(--rand);text-align:left}
.hawz-tabelle th{background:#FBF7F6;font-weight:600}
.hawz-tabelle tr.treffer td{background:#F7EEF1;font-weight:600}
.hawz-hinweis{margin:1.2rem 1.3rem 1.3rem;padding:.9rem 1rem;background:#FBF7F6;border:1px solid var(--rand);
 border-radius:10px;font-size:.95rem;color:#5A4B48;line-height:1.5}
.hawz-hinweis b{color:#3A2E2C}
.hawz-ohne-js{padding:1rem 1.3rem;color:#6B5B57}
.hawz-marke{display:inline-block;padding:.15rem .5rem;border-radius:6px;background:#EFE4E0;font-size:.9rem;margin-right:.35rem}

/* ---- Tafeln: dieselbe Anmutung wie die Pinterest-Grafiken ----
   Wer über einen Pin kommt, sieht die Übersicht wieder, die ihn
   hergeführt hat — darunter das Werkzeug, das sie persönlich macht. */
.hatafel{margin:1.8rem 0;display:grid;gap:.55rem}
.hatafel-zeile{display:flex;align-items:flex-start;gap:1rem;background:#fff;
 border:1px solid #EFE4E0;border-left:0;border-radius:0 10px 10px 0;padding:.95rem 1.1rem;position:relative}
.hatafel-zeile::before{content:"";position:absolute;left:0;top:0;bottom:0;width:9px;
 background:var(--balken,#B99268);border-radius:2px 0 0 2px}
.hatafel-zeile.ja{--balken:#2E6B4F}
.hatafel-zeile.nein{--balken:#A32E38}
.hatafel-zeile.vielleicht{--balken:#9A6B12}
.hatafel-punkt{flex:0 0 42px;height:42px;border-radius:50%;margin-left:.4rem;
 border:1px solid rgba(0,0,0,.12)}
.hatafel-text{flex:1;min-width:0}
.hatafel-text b{display:block;font-family:var(--schrift-titel,Georgia,serif);
 font-size:1.16rem;font-weight:600;line-height:1.3;color:#2E2426}
.hatafel-text span{display:block;margin-top:.2rem;font-size:1rem;line-height:1.45;color:#6B5B57}
.hatafel-zeile.betont .hatafel-text b{color:#8C2F4A}

/* Zeitstrahl */
.hastrahl{margin:1.8rem 0;padding-left:0;list-style:none;position:relative}
.hastrahl::before{content:"";position:absolute;left:126px;top:14px;bottom:14px;
 width:3px;background:#EFE4E0}
.hastrahl li{display:flex;align-items:flex-start;gap:1.1rem;margin:0 0 1.15rem;position:relative}
.hastrahl .wann{flex:0 0 104px;text-align:right;font-weight:600;color:#8C2F4A;
 font-size:1rem;padding-top:.15rem}
.hastrahl .punkt{flex:0 0 22px;height:22px;border-radius:50%;background:#8C2F4A;
 margin-top:.15rem;position:relative;z-index:1;border:3px solid #FBF7F6}
.hastrahl .was{flex:1;font-family:var(--schrift-titel,Georgia,serif);font-size:1.1rem;
 line-height:1.35;color:#2E2426;padding-top:.05rem}
.hastrahl .was small{display:block;font-family:inherit;font-size:.95rem;color:#6B5B57;margin-top:.15rem}

@media (max-width:560px){
 .hatafel-text b{font-size:1.06rem}
 .hastrahl::before{left:86px}
 .hastrahl .wann{flex:0 0 66px;font-size:.92rem}
}
@media (max-width:560px){
 .hawz{font-size:1.02rem;border-radius:10px}
 .hawz-wahl{grid-template-columns:1fr}
 .hawz-kopf h3{font-size:1.14rem}
}

/* ---- wetterblick ---- */
.wb-monate{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}
.wb-monate .hawz-knopf{min-height:46px;text-align:center}