/* Option A: nur technische Abschlusskorrekturen; Gestaltung von 01:30 bleibt. */
.fo-option-a{--ff-muted:#5d5d60;--ff-line:#dedee0}
.fo-option-a ::selection{background:#95f52f;color:#0a0a0a}
.fo-option-a :where(button,a,input,textarea,summary):focus-visible{outline:2px solid #35690c;outline-offset:5px}
.fo-option-a input,.fo-option-a textarea{caret-color:#35690c}
.fo-option-a .ff-small{font-size:13px;line-height:1.5;color:var(--ff-muted)}
.fo-option-a .ff-check-limit{font-size:14px;line-height:1.5;margin:8px 0 22px;max-width:560px;color:var(--ff-muted)}
.fo-option-a .ff-export{flex-wrap:wrap}
.fo-option-a .ff-copy-fallback{width:100%;min-height:150px;padding:16px;font:400 16px/1.5 Grift,sans-serif;border:1px solid var(--ff-line);border-radius:10px}
.fo-option-a .ff-export [role=status]{flex-basis:100%;margin:0}
/* Drei Belege in einer Reihe; der Förderpartner steht mittig. */
.fo-option-a .ff-belege{display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;gap:24px}
.fo-option-a .ff-belege .k7-wt{flex:none;white-space:nowrap}
.fo-option-a .ff-belege .ff-partner{padding:0}
.fo-option-a .ff-partner img{width:auto;height:40px;max-width:none}
.fo-option-a .k7-zr{display:flex;flex-direction:row;flex-wrap:nowrap;gap:24px}
.fo-option-a .k7-zr>a{white-space:nowrap;min-height:44px}
@media(max-width:600px){
  .fo-option-a .ff-belege{gap:clamp(10px,3vw,18px);margin-inline:0}
  .fo-option-a .ff-belege .k7-wt{gap:4px;font-size:13px}
  .fo-option-a .ff-belege .k7-wt>img:not(.ff-partner img){width:16px;height:16px}
  .fo-option-a .ff-belege .w6-st{font-size:12px;letter-spacing:0}
  .fo-option-a .ff-belege .fo-ea-sterne{gap:1px}
  .fo-option-a .ff-belege .fo-ea-sterne i{width:10px;height:10px}
  .fo-option-a .ff-partner img{height:36px}
  .fo-option-a .k7-zr{gap:16px}
  .fo-option-a .k7-zr>a{gap:6px;font-size:16px}
  .fo-option-a .k7-zr img{width:22px;height:22px}
  .fo-option-a .k7-zr .w6-st{font-size:16px;letter-spacing:0}
  .fo-option-a .k7-zr .fo-ea-sterne{gap:2px}
  .fo-option-a .k7-zr .fo-ea-sterne i{width:14px;height:14px}
  .fo-option-a .k7-zr>i{display:none}
}
/* Ein kompakter Abschluss statt wiederholter Kontaktkarten. */
.fo-option-a .k7-fr-grid{display:block;max-width:820px;margin-inline:auto}
.fo-option-a .gT-kopf.ek-kal-kopf{padding:20px 24px;min-height:0}
.fo-option-a .gT-kopf .ek-kal-hinweis{margin:0;font-size:15px;line-height:1.5}
.fo-option-a .ff-fuss-spalten{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:36px;padding-bottom:36px}
.fo-option-a .ff-fuss-spalten .f4-sp{height:auto;min-height:0;display:flex;flex-direction:column;align-items:flex-start;gap:0}
.fo-option-a .f4 .ff-fuss-spalten>.f4-sp:first-child{grid-column:auto}
.fo-option-a .ff-fuss-spalten .f4-k{margin:0 0 12px}
.fo-option-a .ff-fuss-spalten a{display:inline-flex;align-items:center;min-height:44px;padding:8px 0;margin:0;line-height:1.4;text-wrap:normal}
.fo-option-a .f4-unten{flex-direction:row;display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:24px}
.fo-option-a .f4-unten nav{display:flex;flex-wrap:nowrap;gap:24px}
.fo-option-a .f4-unten nav a{display:inline-flex;align-items:center;min-height:44px;margin:0;white-space:nowrap}
@media(max-width:760px){
  .fo-option-a .f4-w{padding-block:36px 24px}
  .fo-option-a .ff-fuss-spalten{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:28px 20px;padding-bottom:24px}
  .fo-option-a .ff-fuss-spalten a{font-size:14px}
  .fo-option-a .ff-fuss-kontakt{grid-column:1/-1}
  .fo-option-a .ff-fuss-kontakt a{font-size:16px}
  .fo-option-a .f4-unten{flex-direction:column;align-items:flex-start;gap:12px;padding-top:24px}
  .fo-option-a .f4-marke{gap:12px;flex-wrap:wrap;row-gap:8px}
  .fo-option-a .f4-marke svg{width:118px}
  .fo-option-a .f4-marke span{font-size:11px;white-space:nowrap}
  .fo-option-a .f4-unten nav{gap:24px}
}
/* Der sichtbare Schalter steuert seinen Bereich. Touch-Hover hält nichts fest. */
.fo-option-a .w6-band .w6-band-in,
.fo-option-a .c4-lauf .c4-lauf-band{animation-play-state:running}
.fo-option-a section[data-fo-paused="true"] .w6-band-in,
.fo-option-a section[data-fo-paused="true"] .c4-lauf-band,
.fo-option-a section[data-fo-paused="true"] .k7-punkte i{animation-play-state:paused}

/* Bestehende Gestaltung: Tippflächen, Ausrichtung und kurze Viewports. */
.fo-option-a .ff-belege a.k7-wt{min-height:44px;min-width:44px;justify-content:center}
.fo-option-a details.c5-mehr>summary{display:inline-flex;align-items:center;min-height:44px}
.fo-option-a .c3-leiste[data-ff-doppelt="true"]{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(120%)}
@media(min-width:900px){
  .fo-option-a .c3-p-name{min-height:2.8em;line-height:1.4}
}
@media(max-width:760px){
  .fo-option-a .c4-kopf-tel{width:44px;min-height:44px;justify-content:center;margin-right:0}
  .fo-option-a .kopf-r>.btn,.fo-option-a .k7-kn>.btn{min-height:44px}
}
@media(max-width:359px){
  .fo-option-a .c4-kopf-tel{display:none}
}
@media(min-width:761px){
  .fo-option-a .w8-handy{width:clamp(272px,calc(48.4731svh - 140.572px),320px)}
  .fo-option-a .k7-art-64.k7-hk .k7-buehne{--kw:clamp(240px,min(calc((100svh - 585px)*1.6),40vw),560px)}
}
@media(min-width:761px) and (max-width:1100px){
  .fo-option-a.w7 section.k7-hk{min-height:min(100svh,780px)}
  .fo-option-a .k7-art-64.k7-hk .k7-buehne{--kw:clamp(240px,min(calc((100svh - 585px)*1.6),50vw),560px)}
}
@media(max-width:760px) and (max-height:620px){
  .fo-option-a .k7-art-64.k7-hk-68 .k7-buehne{--kw:88px}
  /* Die 72 px Schattenraum des bestehenden Karussells bleiben kompensiert. */
  .fo-option-a .k7-hk .k7-ring{margin-top:-60px}
  .fo-option-a .k7-hk .k7-handeln{margin-top:8px}
  .fo-option-a .k7-hk .k7-sub{margin-top:10px}
}
@media(max-height:500px){
  .fo-option-a .c3-leiste{display:none}
}
/* Falls der externe Kalender ausbleibt, bleibt ein kompakter, benutzbarer Weg. */
.fo-option-a .ek-kal[data-ff-fallback="true"]{min-height:0}
.fo-option-a .ek-kal[data-ff-fallback="true"] .gT-fenster{height:0;min-height:0;overflow:hidden}
.fo-option-a .ek-kal[data-ff-fallback="true"] .gT-ersatz{position:static;inset:auto;min-height:160px;padding:24px 12px;gap:10px}
.fo-option-a .ek-kal[data-ff-fallback="true"] .gT-ersatz b{font-size:22px;text-decoration:underline;text-underline-offset:5px}

@media(max-width:359px){
  .fo-option-a .k7-zr{gap:12px}
  .fo-option-a .k7-zr>a{font-size:15px;gap:4px}
  .fo-option-a .k7-zr img{width:20px;height:20px}
  .fo-option-a .k7-zr .w6-st{font-size:14px}
  .fo-option-a .k7-zr .fo-ea-sterne i{width:12px;height:12px}
}
/* Zwei Klicks für den meetergo-Kalender (26.10.2026): Hinweis und Knopf, bis jemand den Kalender lädt */
.gT-zweiklick{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;padding:24px 16px 4px}
.gT-zweiklick p{margin:0;max-width:44ch;color:var(--t2);font-size:15px;line-height:1.5}
.gT-zweiklick a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.gT-zweiklick .btn{font-family:inherit;border:0;cursor:pointer}
.fo-option-a .ek-kal[data-ff-wartet="true"]{min-height:0}
.fo-option-a .ek-kal[data-ff-wartet="true"] .gT-ersatz{position:static;inset:auto;min-height:0;padding:22px 12px 6px;gap:8px}
