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

/* ---- 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}

/* ---- 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}
