/* =========================================
   19.10.2026 / Anmeldeprozess / CSS für Diagramme
   ========================================= */
/* Basis*/
.sg p:empty,.sg br{display:none}

/* Buttons */
.wp-block-button__link{background:#e4003b;color:#fff;border-radius:0}
.wp-block-button__link:hover{background:#b8002f;color:#fff}
.btn-gross .wp-block-button__link{display:block;width:100%;box-sizing:border-box;text-align:left}
.buttons-voll{display:flex;gap:16px}
.buttons-voll .wp-block-button{flex:1}
.buttons-voll .wp-block-button__link{display:block;width:100%;box-sizing:border-box}
@media(max-width:600px){.buttons-voll{flex-direction:column}}

/* Raster: Kästchen nebeneinander, brechen automatisch um */
.sg-raster{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 16px;padding:0;list-style:none}
.sg-raster > *{flex:1 1 220px;min-width:0;margin:0}

/* Kästchen-Typen */
.sg-karte{background:#eee;padding:14px 18px}
.sg-karte-rahmen{border:1px solid #ddd;border-top:4px solid #e4003b;padding:16px 20px;margin:0 0 16px}
.sg-karte strong,.sg-karte-rahmen strong{display:block;margin:0 0 6px}
.sg-karte ul,.sg-karte-rahmen ul{margin:6px 0 0;padding-left:20px}
.sg-hinweis{background:#eee;border-left:4px solid #e4003b;padding:16px 20px;margin:0 0 16px}
.sg-fussnote{margin:12px 0 0}

/* ODER-Trenner */
.sg-oder{display:flex;align-items:center;gap:10px;margin:10px 0;color:#777}
.sg-oder span{flex:1;height:1px;background:#ccc}

/* Alte Klassen (weiter gültig) */
.hinweis-links{background:#eee;border-left:4px solid #e4003b;padding:16px 20px}
.kasten-oben{background:#eee;border-top:4px solid #e4003b;padding:22px 24px}
.tabelle-linien table,.tabelle-linien td,.tabelle-linien th{border:none}
.tabelle-linien tr{border-bottom:1px solid #e5e5e5}
.tabelle-linien thead th{background:#eee}
.tabelle-linien td,.tabelle-linien th{padding:12px}
.liste-2spaltig{columns:2 240px;column-gap:32px}
.liste-2spaltig li{break-inside:avoid}
.aufklapp{background:#eee;padding:16px 20px;margin-bottom:10px}
.aufklapp summary,.faq summary{cursor:pointer}
.aufklapp p,.faq p{margin:12px 0 0}
.faq{border-bottom:1px solid #e5e5e5;padding:16px 0}

/* Wege / Zeitplan-Fluss */
.weg p:empty,.weg br{display:none}
.weg .weg-zeile{display:flex !important;gap:10px;align-items:stretch;margin:0 0 12px}
.weg-start{flex:1 1 0;min-width:0;border:1px solid #ddd;padding:16px;display:flex;flex-direction:column;justify-content:center}
.weg-mitte{flex:1.2 1 0;min-width:0;background:#eee;padding:16px;display:flex;flex-direction:column;justify-content:center}
.weg-ende{flex:1 1 0;min-width:0;border-left:1px solid #555;padding:16px;display:flex;flex-direction:column;justify-content:center}
.weg-leer{border-left:none}
.weg-pfeil{flex:0 0 24px;align-self:center;text-align:center}
.weg small{display:block}
@media(max-width:700px){.weg .weg-zeile{flex-direction:column}.weg-pfeil,.weg-leer{display:none}}

/* Schritte als Zeitleiste */
.schritte p:empty,.schritte br{display:none}
.schritt{display:flex;gap:20px;padding-bottom:28px;background-image:linear-gradient(#e5e5e5,#e5e5e5);background-repeat:no-repeat;background-size:2px 100%;background-position:23px 48px}
.schritt:last-child{padding-bottom:0;background-image:none}
.schritt-nr{flex:0 0 48px;width:48px;height:48px;border-radius:50%;background:#e4003b;color:#fff;display:flex;align-items:center;justify-content:center}
.schritt-inhalt{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:12px;padding-top:8px}
.schritt-inhalt h3,.schritt-inhalt p{margin:0}
.schritt-meta{display:flex;flex-wrap:wrap;gap:6px 24px;background:#eee;padding:14px 18px}
.schritt-meta > div{flex:1 1 200px}
.schritt-hinweis{border-left:3px solid #e4003b;padding:4px 0 4px 14px}
.schritt-mit{border:1px solid #ddd;padding:14px 18px}
.schritt-mit ul{margin:6px 0 0}
.schritt-link{align-self:flex-start;background:#e4003b;color:#fff !important;padding:11px 18px;text-decoration:none !important}
.schritt-link:hover{background:#b8002f}
@media(max-width:600px){.schritt{gap:14px;background-position:17px 36px}.schritt-nr{flex:0 0 36px;width:36px;height:36px}}
.sg-karte,.sg-karte-rahmen,.sg-hinweis,.weg-start,.weg-mitte,.weg-ende,.schritt-inhalt{overflow-wrap:break-word;word-break:break-word;hyphens:auto}