/* VfL Nauen Frauen – Blau-Weiß, im Stil der HeadOffice-Webseiten */
:root{--b:#0B3B8C;--bd:#072A66;--bm:#1F5BC4;--bh:#E8EFFA;--t:#14213D;--g:#5B6B85;--l:#D7E0EE;
  --schatten:0 10px 40px rgba(7,42,102,.12),0 1px 2px rgba(7,42,102,.08)}
html{scroll-behavior:smooth}
body{-webkit-font-smoothing:antialiased}
.wp-site-blocks{overflow-x:clip}
.wp-site-blocks>*{margin-block-start:0}
img{height:auto}
mark{background:none;color:inherit}.vfln-platzhalter mark{background:#FFF1B8;padding:0 .2em;border-radius:3px}

/* ---------- Kopfzeile */
.vfln-kopf{position:sticky;top:0;z-index:50}
.admin-bar .vfln-kopf{top:32px}
@media (max-width:782px){.admin-bar .vfln-kopf{top:46px}}
.vfl-leiste{position:relative;isolation:isolate;border-radius:20px;padding:8px 10px 8px 14px;box-shadow:var(--schatten);color:#fff;gap:12px!important}
.vfl-leiste::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;border:1px solid rgba(255,255,255,.18);
  background:linear-gradient(120deg,rgba(7,42,102,.96),rgba(11,59,140,.94) 60%,rgba(31,91,196,.94));backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%)}
.vfl-marke{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:inherit!important;white-space:nowrap}
.vfl-wappen{flex:none;display:block;width:44px;height:44px;border-radius:50%;filter:drop-shadow(0 2px 4px rgba(0,0,0,.25))}
.vfl-wort{display:flex;flex-direction:column;line-height:1.05}
.vfl-wort b{font-size:20px;font-weight:900;letter-spacing:-.01em;font-style:italic}
.vfl-wort span{font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;opacity:.8}
.vfl-marke--hell{color:#fff!important}
.vfl-nav{flex:1;font-weight:700;font-size:15px}
.vfl-nav .wp-block-navigation-item__content{color:#fff;padding:8px 12px!important;border-radius:999px;text-decoration:none;transition:background .15s}
.vfl-nav .wp-block-navigation-item__content:hover,.vfl-nav .current-menu-item>.wp-block-navigation-item__content{background:rgba(255,255,255,.14)}
.vfl-nav .wp-block-navigation__responsive-container-open{color:#fff}
.vfl-nav .wp-block-navigation__responsive-container.is-menu-open{background:var(--bd)!important;color:#fff!important;padding:28px 24px}
.vfl-nav .wp-block-navigation__responsive-container-close{color:#fff}
.vfl-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content{font-size:22px;padding:10px 0!important}
.vfln-kopf-knoepfe .wp-block-button__link{padding:.6em 1.2em;font-size:.95rem}
.wp-block-button.is-style-hell .wp-block-button__link{background:#fff;color:var(--bd)}
.wp-block-button.is-style-hell .wp-block-button__link:hover{background:var(--bh);color:var(--bd)}
.vfl-knopf-umriss .wp-block-button__link{background:transparent;color:#fff;box-shadow:inset 0 0 0 2px rgba(255,255,255,.7)}
.vfl-knopf-umriss .wp-block-button__link:hover{background:rgba(255,255,255,.12)}
@media (max-width:600px){.vfln-kopf-knoepfe .wp-block-button__link{padding:.55em .9em;font-size:.85rem}.vfl-wort b{font-size:16px}}

/* ---------- Grundbausteine */
.vfl-chip{display:table;margin:0 auto .8rem!important;background:rgba(11,59,140,.1);color:var(--b);font-size:12.5px!important;font-weight:900;letter-spacing:.04em;padding:6px 14px;border-radius:999px}
.vfl-chip-links{margin-left:0!important}
.vfl-chip-hell{background:rgba(255,255,255,.16);color:#fff}
.vfl-lead{font-size:1.2rem;color:var(--g);line-height:1.6}
.vfl-mehr a{font-weight:800;text-decoration:none}
.wp-block-post-content>.vfl-abschnitt.alignfull,.wp-block-post-content>.vfl-hero.alignfull,.wp-block-post-content>.vfl-band.alignfull,.wp-block-post-content>.vfl-seitenkopf.alignfull{padding-left:clamp(16px,4vw,32px)!important;padding-right:clamp(16px,4vw,32px)!important}

/* ---------- Hero: Blau mit weißen Streifen (Vereinsfarben) */
.vfl-hero{position:relative;isolation:isolate;overflow:hidden;color:#fff;margin-top:-100px!important;padding-top:calc(100px + var(--wp--preset--spacing--60))!important;
  background:linear-gradient(135deg,#072A66 0%,#0B3B8C 55%,#1F5BC4 100%)}
.vfl-hero::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.12;
  background:repeating-linear-gradient(115deg,#fff 0 46px,transparent 46px 120px)}
.vfl-hero::after{content:"";position:absolute;left:-5%;right:-5%;bottom:-1px;height:70px;z-index:-1;background:var(--wp--preset--color--hintergrund);clip-path:polygon(0 100%,100% 30%,100% 100%)}
.vfl-hero .vfl-chip{background:rgba(255,255,255,.16);color:#fff;margin-left:0!important}
.vfl-hero-titel{color:#fff!important;font-size:clamp(2.6rem,6.4vw,4.8rem)!important;line-height:1!important;letter-spacing:-.03em!important;font-style:italic}
.vfl-hero .vfl-lead{color:#D6E2F7;max-width:36em}
.vfl-hero .wp-block-buttons{margin-top:1.6rem}
.vfl-hero-wappen{display:flex;justify-content:center}
.vfl-hero-wappen img{width:min(300px,60vw);border-radius:50%;filter:drop-shadow(0 20px 40px rgba(0,0,0,.35))}
@media (max-width:781px){.vfl-hero-wappen img{width:170px}.vfl-hero .wp-block-columns{flex-direction:column-reverse}}

/* ---------- Fakten-Leiste */
.vfl-fakten{margin-top:-30px!important;position:relative;z-index:2}
.vfl-fakt{background:#fff;border:1px solid var(--l);border-radius:18px;padding:18px 20px!important;box-shadow:var(--schatten)}
.vfl-fakt p{margin:0}
.vfl-fakt-label{font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--bm)}
.vfl-fakt-wert{font-size:1.3rem;font-weight:900;color:var(--bd);margin-top:4px!important}
.vfl-fakt-text{color:var(--g);font-size:.95rem}
.vfl-fakt-text a{font-weight:800;text-decoration:none}

/* ---------- Band „Mein Bereich“ */
.vfl-band{position:relative;isolation:isolate;overflow:hidden;color:#fff}
.vfl-band::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.08;background:repeating-linear-gradient(115deg,#fff 0 30px,transparent 30px 90px)}
.vfl-haken-liste{list-style:none;padding:0;margin:0;color:#D6E2F7;font-size:1.08rem}
.vfl-haken-liste li{padding:5px 0 5px 34px;position:relative}
.vfl-haken-liste li::before{content:"✓";position:absolute;left:0;top:5px;width:24px;height:24px;border-radius:50%;background:#fff;color:var(--b);font-weight:900;font-size:14px;display:flex;align-items:center;justify-content:center}
@media (max-width:781px){.vfl-band .wp-block-buttons{justify-content:flex-start!important}}

/* ---------- Seitenkopf Unterseiten */
.vfl-seitenkopf{position:relative;isolation:isolate;overflow:hidden;margin-top:-100px!important;padding-top:calc(100px + var(--wp--preset--spacing--50))!important}
.vfl-seitenkopf::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.1;background:repeating-linear-gradient(115deg,#fff 0 40px,transparent 40px 110px)}
.vfl-seitenkopf h1{font-style:italic}
.vfl-schmal{padding-left:clamp(16px,4vw,32px);padding-right:clamp(16px,4vw,32px)}

/* ---------- Karten */
.vfl-schritt-karte{background:#fff;border:1px solid var(--l);border-radius:18px;padding:20px 22px!important;box-shadow:var(--schatten)}
.vfl-schritt-karte h3{margin-top:0}
.vfl-tabelle table{border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden}
.vfl-tabelle th{background:var(--b);color:#fff;text-align:left}
.vfl-tabelle td,.vfl-tabelle th{border:0;border-bottom:1px solid var(--l);padding:10px 14px}

/* ---------- Fußzeile */
.vfl-fuss a{color:#fff;text-decoration:none}
.vfl-fuss a:hover{text-decoration:underline}
.vfl-fuss-titel{color:#fff!important;font-size:.85rem!important;letter-spacing:.12em;text-transform:uppercase;opacity:.75}
.vfl-fuss-liste{list-style:none;padding:0;margin:0}
.vfl-fuss-liste li{padding:3px 0}

/* Farben sicherstellen (unabhängig von der Reihenfolge der globalen Stile) */
.wp-site-blocks>header{margin:0}
.vfln-kopf{margin-top:0!important}
.vfl-band h2,.vfl-seitenkopf h1,.vfl-band,.vfl-fuss{color:#fff!important}
.vfl-seitenkopf p{color:#D3DEF2!important}
.vfl-fuss p{color:#C3D2EC!important}
.vfl-fuss .vfl-fuss-linie{background:rgba(255,255,255,.14)!important;border:0;height:1px;width:100%;max-width:none}
.vfl-fakt mark{font-weight:inherit}


/* =================================================================
   Wir sind Funkstädterinnen – Blau-Weiß, manchmal Pink, viel Bewegung
   ================================================================= */
:root{--pink:#E8317F;--pink-hell:#FF7AB8}
.vfl-pink{color:var(--pink-hell)}

/* Titel: „Wir sind“ + „Funkstädterinnen“ (weiß, pinke Funkwelle darunter) */
.vfl-hero-titel .vfl-z1,.vfl-hero-titel .vfl-z2{display:block}
.vfl-hero-titel .vfl-z1{font-size:.62em;color:#CFE0FF;letter-spacing:-.01em}
.vfl-hero-titel .vfl-z2{position:relative;white-space:nowrap;color:#fff;font-size:min(4.6rem,8.6vw);padding-bottom:.28em}
@media (min-width:782px){.vfl-hero-titel .vfl-z2{font-size:min(4.3rem,5.4vw)}}
.vfl-hero-titel .vfl-z2::after{content:"";position:absolute;left:0;bottom:.02em;width:100%;height:.26em;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 30' preserveAspectRatio='none'%3E%3Cpath d='M6 18 C 46 2, 86 2, 126 16 S 206 30, 246 16 S 326 2, 366 16 S 446 30, 486 16 S 566 4, 594 12' fill='none' stroke='%23E8317F' stroke-width='7' stroke-linecap='round'/%3E%3C/svg%3E") left center/100% 100% no-repeat;
  clip-path:inset(0 100% 0 0);animation:vfl-zeichnen 1.4s .9s cubic-bezier(.6,0,.2,1) forwards}
@keyframes vfl-zeichnen{to{clip-path:inset(0 0 0 0)}}

/* Einstieg beim Laden */
.vfl-hero .vfl-chip,.vfl-hero-titel .vfl-z1,.vfl-hero-titel .vfl-z2,.vfl-hero .vfl-lead,.vfl-hero .wp-block-buttons,.vfl-farben{animation:vfl-hoch .8s cubic-bezier(.2,.7,.2,1) both}
.vfl-hero-titel .vfl-z1{animation-delay:.1s}
.vfl-hero-titel .vfl-z2{animation-name:vfl-rein;animation-delay:.25s;animation-duration:.9s}
.vfl-hero .vfl-lead{animation-delay:.45s}
.vfl-hero .wp-block-buttons{animation-delay:.6s}
.vfl-farben{animation-delay:.75s}
.vfl-hero-wappen{animation:vfl-wappen 1s .2s cubic-bezier(.2,.8,.2,1.2) both}
.vfl-hero-wappen img{animation:vfl-schweben 6s 1.2s ease-in-out infinite}
@keyframes vfl-hoch{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
@keyframes vfl-rein{from{opacity:0;transform:translateX(-40px) skewX(-8deg)}to{opacity:1;transform:none}}
@keyframes vfl-wappen{from{opacity:0;transform:scale(.6) rotate(-14deg)}to{opacity:1;transform:none}}
@keyframes vfl-schweben{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-12px) rotate(2deg)}}

/* Streifen im Kopfbereich wandern langsam */
/* Streifen laufen: das ganze Muster wird um genau eine Periode verschoben – keine Kachelkanten, keine gebrochenen Streifen */
.vfl-hero::before{--p:120px}.vfl-band::before{--p:90px}.vfl-seitenkopf::before{--p:110px}
.vfl-hero::before,.vfl-seitenkopf::before,.vfl-band::before{left:-200px;right:-200px;background-size:auto;will-change:transform;animation:vfl-streifen 7s linear infinite}
@keyframes vfl-streifen{from{transform:translateX(0)}to{transform:translateX(calc(var(--p) / 0.906308))}}

/* Funkwellen ums Wappen */
.vfl-hero-wappen{position:relative}
.vfl-hero-wappen img{position:relative;z-index:1}
.vfl-funk{position:absolute;left:50%;top:50%;width:min(300px,60vw);aspect-ratio:1;transform:translate(-50%,-50%);pointer-events:none}
.vfl-funk i{position:absolute;inset:0;border-radius:50%;border:2px solid rgba(255,255,255,.5);animation:vfl-funk 3.6s ease-out infinite;opacity:0}
.vfl-funk i:nth-child(2){animation-delay:1.2s;border-color:rgba(255,122,184,.6)}
.vfl-funk i:nth-child(3){animation-delay:2.4s}
@keyframes vfl-funk{0%{transform:scale(.95);opacity:.9}100%{transform:scale(1.65);opacity:0}}
@media (max-width:781px){.vfl-funk{width:170px}}

/* Unsere Farben: Blau · Weiß · manchmal Pink */
.vfl-farben{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:1.4rem!important;margin-bottom:3.5rem!important;color:#D6E2F7;font-size:.95rem;font-weight:700}
.vfl-farben b{display:inline-flex;align-items:center;gap:7px;padding:5px 12px 5px 6px;border-radius:999px;background:rgba(255,255,255,.1);font-weight:800;color:#fff}
.vfl-farben b::before{content:"";width:18px;height:18px;border-radius:50%;box-shadow:inset 0 0 0 2px rgba(255,255,255,.7)}
.vfl-farben .f-blau::before{background:#0B3B8C}
.vfl-farben .f-weiss::before{background:#fff}
.vfl-farben .f-pink::before{background:var(--pink)}
.vfl-farben .f-pink{background:rgba(232,49,127,.22)}
.vfl-farben small{font-weight:600;opacity:.85}

/* Laufband mit dem Slogan */
.vfl-laufband{overflow:hidden;background:#fff;border-block:1px solid var(--l);padding:14px 0;margin:0!important}
.vfl-laufband-spur{display:flex;width:max-content;animation:vfl-lauf 38s linear infinite}
.vfl-laufband:hover .vfl-laufband-spur{animation-play-state:paused}
.vfl-laufband-spur span{display:inline-flex;align-items:center;gap:22px;padding-right:22px;white-space:nowrap;font-weight:900;font-style:italic;font-size:clamp(1.3rem,2.6vw,2rem);color:var(--bd);letter-spacing:-.01em}
.vfl-laufband-spur span em{font-style:italic;color:var(--pink)}
.vfl-laufband-spur span i{width:12px;height:12px;border-radius:50%;background:var(--b);flex:none}
.vfl-laufband-spur span i.p{background:var(--pink)}
@keyframes vfl-lauf{to{transform:translateX(-50%)}}

/* Zahlen-Band */
.vfl-zahlen .wp-block-column{text-align:center}
.vfl-zahl-gross{font-size:clamp(2.6rem,6vw,4.2rem);font-weight:900;font-style:italic;line-height:1;color:var(--b);margin:0!important}
.vfl-zahl-gross.pink{color:var(--pink)}
.vfl-zahl-text{margin:.3rem 0 0!important;color:var(--g);font-weight:700}

/* Beim Scrollen hereingleiten (nur mit JavaScript; bei „Bewegung reduzieren“ aus) */
.vfl-bewegt .vfl-rein{opacity:0;transform:translateY(34px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
.vfl-bewegt .vfl-rein.vfl-da{opacity:1;transform:none}

/* Kader-Karten: Anheben, Nummer schiebt sich, Pink-Kante */
.vfl-kader-karte{transition:transform .35s cubic-bezier(.2,.8,.2,1.3),box-shadow .35s}
.vfl-kader-karte:hover{transform:translateY(-8px) rotate(-.6deg);box-shadow:0 22px 44px rgba(7,42,102,.2)}
.vfl-kader-karte .vfl-kader-bild::after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:linear-gradient(90deg,#fff,var(--pink));transform:scaleX(0);transform-origin:left;transition:transform .4s}
.vfl-kader-karte:hover .vfl-kader-bild::after{transform:scaleX(1)}
.vfl-kader-nr{transition:transform .35s}
.vfl-kader-karte:hover .vfl-kader-nr{transform:translateX(8px) scale(1.12)}
.vfl-kader-bild img.vfl-avatar{transition:transform .6s}
.vfl-kader-karte:hover .vfl-kader-bild img.vfl-avatar{transform:scale(1.06)}

/* Knöpfe glänzen beim Drüberfahren */
.wp-block-button__link{position:relative;overflow:hidden;transition:transform .2s,background-color .2s}
.wp-block-button__link:hover{transform:translateY(-2px)}
.wp-block-button__link::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.5) 50%,transparent 70%);transform:translateX(-120%);transition:transform .7s}
.wp-block-button__link:hover::after{transform:translateX(120%)}
.vfl-fakt{transition:transform .3s,box-shadow .3s}
.vfl-fakt:hover{transform:translateY(-4px)}

.vfl-haken-liste li::before{color:var(--pink)}
.vfl-fuss strong{color:#fff}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .vfl-hero-titel .vfl-z2::after{clip-path:none}
  .vfl-laufband-spur{animation:none;flex-wrap:wrap;justify-content:center;width:auto}
  .vfl-laufband-spur span:nth-child(n+2){display:none}
  .vfl-funk i{opacity:.3}
}
.vfl-akzent{display:inline-block;white-space:nowrap;font-size:min(1em,8.2vw);color:#fff;background:linear-gradient(var(--pink),var(--pink)) left 92%/100% .12em no-repeat;padding-bottom:.08em;animation:vfl-unterstrich 1s .4s cubic-bezier(.6,0,.2,1) both}
@keyframes vfl-unterstrich{from{background-size:0 .12em}to{background-size:100% .12em}}
.vfl-laufband+.vfl-zahlen-abschnitt{margin-top:0!important}
.vfl-laufband{width:100vw;max-width:100vw!important;margin-left:calc(50% - 50vw)!important;margin-right:0!important}
.wp-site-blocks{overflow-x:clip}
.vfl-farben .f-blau::before{background:#1F5BC4}
.vfl-hero-titel .vfl-z2{display:inline-block}

/* ---------- Hauptsponsor Kerstin Nickel (Gold auf Vereinsblau) */
:root{--gold:#E9C46A;--gold-dunkel:#B8893A}
.vfl-sponsor{position:relative;isolation:isolate;overflow:hidden;color:#fff;background:radial-gradient(60% 80% at 20% 50%,#123f8f 0%,#072A66 55%,#051c45 100%)}
.vfl-sponsor::before{content:"";position:absolute;inset:-20%;z-index:-1;background:radial-gradient(closest-side,rgba(233,196,106,.22),transparent 70%) 18% 50%/55% 90% no-repeat;animation:vfl-goldlicht 7s ease-in-out infinite alternate}
@keyframes vfl-goldlicht{from{transform:translate(-3%,-2%) scale(1)}to{transform:translate(4%,3%) scale(1.12)}}
.vfl-sponsor-logo{position:relative;display:block;max-width:440px;margin:0 auto;animation:vfl-schweben 7s ease-in-out infinite}
.vfl-sponsor-logo img{display:block;width:100%;height:auto;filter:drop-shadow(0 10px 30px rgba(0,0,0,.35))}
.vfl-glanz{position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.85) 50%,transparent 65%) -150% 0/60% 100% no-repeat;animation:vfl-glanz 4.5s 1s ease-in-out infinite;-webkit-mask:url(../img/sponsor-kerstin-nickel.png) center/100% 100% no-repeat;mask:url(../img/sponsor-kerstin-nickel.png) center/100% 100% no-repeat}
@keyframes vfl-glanz{0%{background-position:-150% 0}55%,100%{background-position:250% 0}}
.vfl-chip-gold{background:rgba(233,196,106,.16)!important;color:var(--gold)!important;box-shadow:inset 0 0 0 1.5px rgba(233,196,106,.5)}
.vfl-sponsor-titel{color:#fff!important;font-style:italic}
.vfl-sponsor-text{color:#D6E2F7;font-size:1.1rem}
.vfl-knopf-gold .wp-block-button__link{background:linear-gradient(135deg,#F5DC93,var(--gold) 45%,var(--gold-dunkel));color:#2a1e05}
.vfl-knopf-gold .wp-block-button__link:hover{background:linear-gradient(135deg,#FFE7A8,#F0CF7A 45%,#C99A47);color:#2a1e05}
@media (max-width:781px){.vfl-sponsor-logo{max-width:300px}.vfl-sponsor .wp-block-column{text-align:center}.vfl-sponsor .vfl-chip{margin-left:auto!important}.vfl-sponsor .wp-block-buttons{justify-content:center}}

/* Fußzeile: Sponsor links, Design von Synergie rechts */
.vfl-fuss-unten{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 28px;color:#9FB3D8;font-size:.9rem}
.vfl-fuss-unten p{margin:0}
.vfl-fuss-sponsor,.vfl-fuss-design{display:inline-flex;align-items:center;gap:12px;color:#C3D2EC!important;text-decoration:none!important}
.vfl-fuss-sponsor span,.vfl-fuss-design>span{font-size:.75rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;opacity:.8}
.vfl-fuss-sponsor img{width:110px;height:auto;transition:transform .3s}
.vfl-fuss-sponsor:hover img{transform:scale(1.06) rotate(-2deg)}
.vfl-fuss-design img{width:96px;height:auto;opacity:.95}
@media (max-width:600px){.vfl-fuss-unten{flex-direction:column;align-items:flex-start}}
@media (prefers-reduced-motion:reduce){.vfl-glanz{display:none}}
.vfl-fuss .wp-block-separator{width:100%!important;max-width:none!important;border:0;height:1px}
.vfl-fuss-design img{width:auto;height:64px}
.vfl-fuss-design img{height:72px;filter:drop-shadow(0 0 10px rgba(255,255,255,.18))}