/*
Theme Name: FF Vallstedt/Alvesse
Theme URI: https://example.org
Author: Freiwillige Feuerwehr Vallstedt/Alvesse
Description: Block-Theme für die Website der Freiwilligen Feuerwehr Vallstedt/Alvesse (Gemeinde Vechelde).
Version: 1.40.6
Requires at least: 6.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: ff-vallstedt-alvesse
*/
@font-face{font-family:'Barlow';font-weight:400;font-style:normal;font-display:auto;src:local('Segoe UI'),local('Helvetica Neue'),local('Arial')}
@font-face{font-family:'Barlow';font-weight:500;font-style:normal;font-display:auto;src:local('Segoe UI'),local('Helvetica Neue'),local('Arial')}
@font-face{font-family:'Barlow';font-weight:600;font-style:normal;font-display:auto;src:local('Segoe UI Semibold'),local('Helvetica Neue'),local('Arial')}
@font-face{font-family:'Barlow Condensed';font-weight:600;font-style:normal;font-display:auto;src:local('Arial Narrow'),local('Roboto Condensed'),local('Liberation Sans Narrow')}
@font-face{font-family:'Barlow Condensed';font-weight:700;font-style:normal;font-display:auto;src:local('Arial Narrow Bold'),local('Roboto Condensed Bold'),local('Liberation Sans Narrow Bold'),local('Arial Narrow')}
body{margin:0;background:#F6F3EE;color:#1B1B1D;font-family:'Barlow',system-ui,sans-serif}
a{text-decoration:none}
a:focus-visible,summary:focus-visible{outline:3px solid #1B1B1D;outline-offset:3px}
img{max-width:100%}
.wp-site-blocks>*+*,.wp-site-blocks main{margin-block-start:0}
.wp-block-post-content>*{margin-block-start:0;margin-block-end:0}
.ffva-card .ffva-text p{margin:0}
.ffva-notice{position:relative;background:#1B1B1D;color:#fff;padding:16px 24px;font:600 18px/1.4 'Barlow',sans-serif;text-align:center}
.ffva-notice.err{background:#B3001F}
summary::-webkit-details-marker{display:none}
/* Große Überschriften: nur im Notfall umbrechen, passende Größe für lange Wörter (Jugendfeuerwehr …) */
main h1,main h2,main h3{overflow-wrap:break-word;min-width:0}
main h1{font-size:clamp(34px,4.6vw,60px)!important;line-height:1!important}
main section>div>div{min-width:0}

/* ---------- Fahrzeug-Quartettkarten ---------- */
.qk-wrap{position:relative}
.qk-track{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;padding:12px 4px 24px;scroll-padding:0 4px;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#C8102E #E4DFD7}
.qk-track:focus-visible{outline:3px solid #1B1B1D;outline-offset:2px}
.qk-card{flex:0 0 min(340px,82vw);scroll-snap-align:start;perspective:1400px;display:flex}
.qk-inner{flex:1;display:grid;position:relative;transition:transform .6s cubic-bezier(.3,.8,.3,1);transform-style:preserve-3d}
.qk-card.is-flipped .qk-inner{transform:rotateY(180deg)}
.qk-face{grid-area:1/1;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:#fff;border:3px solid #1B1B1D;border-radius:18px;padding:14px 14px 16px;display:flex;flex-direction:column;gap:10px;box-shadow:0 6px 0 #1B1B1D,0 14px 24px rgba(0,0,0,.18);box-sizing:border-box}
.qk-back{transform:rotateY(180deg);background:#1B1B1D;color:#fff;border-color:#1B1B1D}
.qk-card:not(.is-flipped) .qk-back,.qk-card.is-flipped .qk-front{visibility:hidden}
.qk-head{display:flex;align-items:center;justify-content:space-between;background:#C8102E;color:#fff;border-radius:8px;padding:6px 12px}
.qk-back .qk-head{background:#C8102E}
.qk-no{font:600 15px/1 'Barlow',sans-serif;letter-spacing:.1em;opacity:.9}
.qk-kurz{font:700 28px/1 'Barlow Condensed',sans-serif;text-transform:uppercase}
.qk-imgbox{overflow:hidden;border-radius:10px;border:2px solid #1B1B1D;aspect-ratio:4/3;background:#ddd}
.qk-imgbox img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}
.qk-card:hover .qk-imgbox img,.qk-imgbox:hover img{transform:scale(1.18)}
.qk-name{margin:0;font:700 19px/1.05 'Barlow Condensed',sans-serif;text-transform:uppercase;overflow-wrap:break-word;hyphens:auto}
.qk-funk{margin:0;display:flex;justify-content:space-between;align-items:center;background:#F6F3EE;border-radius:8px;padding:8px 12px;font:500 15px/1 'Barlow',sans-serif}
.qk-funk b{font:700 24px/1 'Barlow Condensed',sans-serif;letter-spacing:.04em}
.qk-stats{margin:0;display:flex;flex-direction:column;border-top:2px solid #1B1B1D}
.qk-row{display:flex;justify-content:space-between;gap:12px;padding:7px 4px;border-bottom:1px solid #E4DFD7;font:400 16px/1.25 'Barlow',sans-serif}
.qk-row:nth-child(even){background:#F6F3EE}
.qk-row dt{font-weight:600}
.qk-row dd{margin:0;text-align:right}
.qk-list{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px;font:400 16px/1.35 'Barlow',sans-serif;flex:1}
.qk-flip{margin-top:auto;align-self:stretch;cursor:pointer;padding:12px 16px;background:#1B1B1D;color:#fff;border:2px solid #1B1B1D;border-radius:8px;font:600 16px/1.2 'Barlow',sans-serif}
.qk-back .qk-flip{background:#C8102E;border-color:#C8102E}
.qk-flip:hover{filter:brightness(1.15)}
.qk-nav{position:absolute;top:22%;z-index:3;width:48px;height:48px;border-radius:50%;border:3px solid #1B1B1D;background:#fff;color:#1B1B1D;font:700 28px/1 'Barlow',sans-serif;cursor:pointer;box-shadow:0 3px 0 #1B1B1D}
.qk-nav:hover{background:#C8102E;color:#fff}
.qk-prev{left:-8px}.qk-next{right:-8px}
.qk-hint{margin:0;font:500 15px/1.4 'Barlow',sans-serif;color:#5E5A55}
@media(max-width:700px){.qk-nav{display:none}}
@media(prefers-reduced-motion:reduce){.qk-inner,.qk-imgbox img{transition:none}}
/* Galerie: beim Darüberfahren groß einblenden */
.ffva-zoom{transition:transform .3s ease,box-shadow .3s ease;position:relative}
.ffva-zoom:hover{transform:scale(1.5);z-index:20;box-shadow:0 14px 40px rgba(0,0,0,.45)}
@media(hover:none){.ffva-zoom:hover{transform:none;box-shadow:none}}

/* ---------- Großansicht (Overlay, scrollgesteuert) – hochformatige Quartettkarte ---------- */
.qk-js .qk-zone{min-height:80vh}
.qk-imgbox{cursor:default}
.qko{-webkit-text-size-adjust:100%;text-size-adjust:100%;position:fixed;inset:0;z-index:100000;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(8px,2vw,24px);box-sizing:border-box;
  background:radial-gradient(ellipse at 50% 40%,rgba(40,40,46,.92),rgba(8,8,10,.97));
  opacity:0;visibility:hidden;pointer-events:none;transition:opacity .55s ease,visibility 0s linear .55s;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.qko.is-open{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .55s ease,visibility 0s}
.qko-bar{width:100%;max-width:900px;display:flex;justify-content:space-between;align-items:center;color:#fff;margin-bottom:6px;font:600 18px/1 'Barlow',sans-serif;transform:translateY(-14px);opacity:0;transition:transform .6s .1s cubic-bezier(.2,.8,.2,1),opacity .6s .1s}
.qko.is-open .qko-bar{transform:none;opacity:1}
.qko-close{cursor:pointer;background:#fff;color:#1B1B1D;border:0;border-radius:8px;padding:10px 18px;font:600 17px/1 'Barlow',sans-serif}
.qko-stage{touch-action:pan-y;position:relative;width:100%;max-width:900px;flex:1;min-height:0;display:grid;grid-template-columns:380px;justify-content:center;align-items:center;perspective:1800px}
.qko-stage>*{grid-area:1/1}
.qko-ghost{width:380px;aspect-ratio:5/7;background:linear-gradient(#C8102E 0 64px,#fff 64px);border:4px solid #1B1B1D;border-radius:20px;box-shadow:0 12px 30px rgba(0,0,0,.5);opacity:0;box-sizing:border-box;transition:transform .7s cubic-bezier(.2,.8,.2,1),opacity .5s}
.qko-ghost.l{transform:translate(-8%,4%) rotate(-3deg) scale(var(--fit,1))}
.qko-ghost.r{transform:translate(8%,4%) rotate(3deg) scale(var(--fit,1))}
.qko.is-open .qko-ghost.on.l{opacity:1;transform:translate(-14%,2%) rotate(-8deg) scale(var(--fit,1))}
.qko.is-open .qko-ghost.on.r{opacity:1;transform:translate(14%,2%) rotate(7.5deg) scale(var(--fit,1))}
.qko-hold{width:380px;transform-origin:50% 55%;transform:perspective(1800px) rotateX(calc(4deg + var(--rx,0deg))) rotateY(var(--ry,0deg)) rotateZ(var(--rz,-1.8deg)) scale(var(--fit,1));transition:transform .35s ease-out;will-change:transform}
.qko-card{width:100%;perspective:1500px;cursor:pointer;animation:qkoin-n .75s cubic-bezier(.2,.8,.2,1) both}
.qko-card.from-prev{animation-name:qkoin-p}
.qko-card.out-n{animation:qkoout-n .5s cubic-bezier(.5,0,.8,.4) both}
.qko-card.out-p{animation:qkoout-p .5s cubic-bezier(.5,0,.8,.4) both}
@keyframes qkoin-n{from{opacity:0;transform:translate(40%,10%) rotate(14deg) scale(.9)}to{opacity:1;transform:none}}
@keyframes qkoin-p{from{opacity:0;transform:translate(-40%,10%) rotate(-14deg) scale(.9)}to{opacity:1;transform:none}}
@keyframes qkoout-n{to{opacity:0;transform:translate(-45%,-6%) rotate(-14deg) scale(.9)}}
@keyframes qkoout-p{to{opacity:0;transform:translate(45%,-6%) rotate(14deg) scale(.9)}}
.qko-flipper{display:grid;grid-template-columns:minmax(0,1fr);transform-style:preserve-3d;transition:transform .7s cubic-bezier(.3,.8,.3,1)}
.qko-card.is-flipped .qko-flipper{transform:rotateY(180deg)}
.qko-face{grid-area:1/1;min-width:0;aspect-ratio:5/7;box-sizing:border-box;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:#fff;border:4px solid #1B1B1D;border-radius:20px;padding:14px;display:flex;flex-direction:column;gap:10px;box-shadow:0 28px 50px rgba(0,0,0,.55),0 7px 0 #1B1B1D}
.qko-back{transform:rotateY(180deg);background:#1B1B1D;color:#fff}
.qko-card:not(.is-flipped) .qko-back,.qko-card.is-flipped .qko-front{visibility:hidden}
.qko-head{display:flex;justify-content:space-between;align-items:center;background:#C8102E;color:#fff;border-radius:10px;padding:7px 14px}
.qko-head .no{font:600 16px/1 'Barlow',sans-serif;letter-spacing:.1em}
.qko-head .kurz{font:700 34px/1 'Barlow Condensed',sans-serif;text-transform:uppercase}
.qko-img{border-radius:10px;border:3px solid #1B1B1D;overflow:hidden;background:#ddd;flex:none}
.qko-img img{width:100%;display:block;aspect-ratio:4/3;object-fit:cover}
.qko-name{margin:0;font:700 22px/1.05 'Barlow Condensed',sans-serif;text-transform:uppercase;overflow-wrap:break-word}
.qko-funk{margin:0;display:flex;justify-content:space-between;align-items:center;background:#F6F3EE;border-radius:8px;padding:8px 12px;font:500 15px/1 'Barlow',sans-serif;color:#1B1B1D}
.qko-funk b{font:700 26px/1 'Barlow Condensed',sans-serif;letter-spacing:.04em}
.qko-stats{margin:0;border-top:2px solid #1B1B1D;color:#1B1B1D}
.qko-stats .qk-row{font-size:16px;padding:6px 4px}
.qko-flipnote{margin-top:auto;font:600 13px/1 'Barlow',sans-serif;text-align:center;color:#5E5A55;letter-spacing:.04em}
.qko-back .qko-name{color:#fff;font-size:26px}
.qko-list{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:7px;font:400 17px/1.3 'Barlow',sans-serif}
.qko-controls{position:relative;z-index:5;display:flex;gap:10px;align-items:center;justify-content:center;margin-top:8px;flex-wrap:wrap}
.qko-btn{cursor:pointer;min-width:52px;height:52px;padding:0 20px;border-radius:12px;border:3px solid #1B1B1D;background:#fff;color:#1B1B1D;font:700 18px/1 'Barlow',sans-serif;box-shadow:0 3px 0 #1B1B1D}
.qko-btn:hover{background:#C8102E;color:#fff}
.qko-btn:active{transform:translateY(2px);box-shadow:0 1px 0 #1B1B1D}
.qko-btn[disabled]{opacity:.35;cursor:default}
.qko-dots{display:flex;gap:10px;margin-top:10px;align-items:center;color:#fff;font:500 14px/1 'Barlow',sans-serif}
.qko-dots button{width:14px;height:14px;border-radius:50%;border:2px solid #fff;background:transparent;padding:0;cursor:pointer}
.qko-dots button[aria-current="true"]{background:#C8102E;border-color:#C8102E}
@media(max-width:480px){.qko{padding-bottom:max(28px,env(safe-area-inset-bottom))!important}.qko-btn{min-width:0;padding:0 12px;height:48px;font-size:16px}.qko-controls{gap:8px;flex-wrap:nowrap}.qko-dots{flex-wrap:wrap;justify-content:center;row-gap:8px}.qko-dots span{flex-basis:100%;text-align:center;margin-left:0!important;font-size:13px;opacity:.85}}
@media(prefers-reduced-motion:reduce){.qko,.qko-bar,.qko-card,.qko-hold,.qko-ghost,.qko-flipper{transition:none!important;animation:none!important}}
/* Teaser: Deckblatt des Quartetts */
.qk-data[hidden]{display:none!important}
.qk-teaser{display:flex;flex-wrap:wrap;gap:36px 56px;align-items:center;padding:14px 0 30px}
.qk-cover-btn{position:relative;isolation:isolate;width:min(250px,70vw);padding:0;border:0;background:none;cursor:pointer;transform:rotate(-4deg);transition:transform .45s cubic-bezier(.2,.8,.2,1);margin-left:14px}
.qk-cover-btn::before,.qk-cover-btn::after{content:"";position:absolute;inset:0;z-index:-1;border:4px solid #1B1B1D;border-radius:20px;background:#fff;box-shadow:0 8px 18px rgba(0,0,0,.2)}
.qk-cover-btn::before{transform:rotate(-7deg) translate(-4%,2%)}
.qk-cover-btn::after{transform:rotate(6deg) translate(4%,2%)}
.qk-cover-btn:hover,.qk-cover-btn:focus-visible{transform:rotate(-1deg) translateY(-8px)}
.qk-teaser-text{flex:1 1 320px;max-width:560px;display:flex;flex-direction:column;gap:12px}
.qk-teaser-text h3{margin:0;font:700 clamp(30px,4.4vw,44px)/1 'Barlow Condensed',sans-serif;text-transform:uppercase}
.qk-teaser-text p{margin:0;font:400 18px/1.5 'Barlow',sans-serif;color:#3A3733}
/* Deckblatt (Seite + Overlay) */
.qk-cover{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:space-between;aspect-ratio:5/7;width:100%;box-sizing:border-box;border:4px solid #1B1B1D;border-radius:20px;padding:22px 18px 20px;color:#fff;text-align:center;
  background:repeating-linear-gradient(135deg,#C8102E 0 16px,#B30E29 16px 32px);box-shadow:0 8px 0 #1B1B1D,0 22px 36px rgba(0,0,0,.35)}
.qk-cover::before{content:"";position:absolute;inset:9px;border:3px solid rgba(255,255,255,.9);border-radius:12px;pointer-events:none}
.qk-cv-top{display:block;width:100%;background:#1B1B1D;border-radius:10px;padding:10px 12px;box-sizing:border-box;position:relative}
.qk-cv-logo{display:block;width:100%;height:auto}
.qk-cv-title{display:block;font:700 38px/.95 'Barlow Condensed',sans-serif;text-transform:uppercase;text-shadow:0 4px 0 rgba(0,0,0,.35);letter-spacing:.01em;position:relative}
.qk-cv-sub{display:block;font:600 16px/1 'Barlow',sans-serif;letter-spacing:.12em;white-space:nowrap;text-transform:uppercase;position:relative}
.qk-cv-count{display:block;background:#fff;color:#1B1B1D;border-radius:999px;padding:8px 12px;font:700 13px/1 'Barlow',sans-serif;letter-spacing:.04em;white-space:nowrap;text-transform:uppercase;position:relative}
.qko-cvface{grid-area:1/1;width:100%;cursor:pointer}
.qko-cvface .qk-cv-title{font-size:46px}
/* ---------- Großansicht (Overlay, scrollgesteuert) – hochformatige Quartettkarte ---------- */
.qk-js .qk-zone{min-height:80vh}
.qk-imgbox{cursor:default}
.qko{-webkit-text-size-adjust:100%;text-size-adjust:100%;position:fixed;inset:0;z-index:100000;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(8px,2vw,24px);box-sizing:border-box;
  background:radial-gradient(ellipse at 50% 40%,rgba(40,40,46,.92),rgba(8,8,10,.97));
  opacity:0;visibility:hidden;pointer-events:none;transition:opacity .55s ease,visibility 0s linear .55s;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.qko.is-open{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .55s ease,visibility 0s}
.qko-bar{width:100%;max-width:900px;display:flex;justify-content:space-between;align-items:center;color:#fff;margin-bottom:6px;font:600 18px/1 'Barlow',sans-serif;transform:translateY(-14px);opacity:0;transition:transform .6s .1s cubic-bezier(.2,.8,.2,1),opacity .6s .1s}
.qko.is-open .qko-bar{transform:none;opacity:1}
.qko-close{cursor:pointer;background:#fff;color:#1B1B1D;border:0;border-radius:8px;padding:10px 18px;font:600 17px/1 'Barlow',sans-serif}
.qko-stage{touch-action:pan-y;position:relative;width:100%;max-width:900px;flex:1;min-height:0;display:grid;grid-template-columns:380px;justify-content:center;align-items:center;perspective:1800px}
.qko-stage>*{grid-area:1/1}
.qko-ghost{width:380px;aspect-ratio:5/7;background:linear-gradient(#C8102E 0 64px,#fff 64px);border:4px solid #1B1B1D;border-radius:20px;box-shadow:0 12px 30px rgba(0,0,0,.5);opacity:0;box-sizing:border-box;transition:transform .7s cubic-bezier(.2,.8,.2,1),opacity .5s}
.qko-ghost.l{transform:translate(-8%,4%) rotate(-3deg) scale(var(--fit,1))}
.qko-ghost.r{transform:translate(8%,4%) rotate(3deg) scale(var(--fit,1))}
.qko.is-open .qko-ghost.on.l{opacity:1;transform:translate(-14%,2%) rotate(-8deg) scale(var(--fit,1))}
.qko.is-open .qko-ghost.on.r{opacity:1;transform:translate(14%,2%) rotate(7.5deg) scale(var(--fit,1))}
.qko-hold{width:380px;transform-origin:50% 55%;transform:perspective(1800px) rotateX(calc(4deg + var(--rx,0deg))) rotateY(var(--ry,0deg)) rotateZ(var(--rz,-1.8deg)) scale(var(--fit,1));transition:transform .35s ease-out;will-change:transform}
.qko-card{width:100%;perspective:1500px;cursor:pointer;animation:qkoin-n .75s cubic-bezier(.2,.8,.2,1) both}
.qko-card.from-prev{animation-name:qkoin-p}
.qko-card.out-n{animation:qkoout-n .5s cubic-bezier(.5,0,.8,.4) both}
.qko-card.out-p{animation:qkoout-p .5s cubic-bezier(.5,0,.8,.4) both}
@keyframes qkoin-n{from{opacity:0;transform:translate(40%,10%) rotate(14deg) scale(.9)}to{opacity:1;transform:none}}
@keyframes qkoin-p{from{opacity:0;transform:translate(-40%,10%) rotate(-14deg) scale(.9)}to{opacity:1;transform:none}}
@keyframes qkoout-n{to{opacity:0;transform:translate(-45%,-6%) rotate(-14deg) scale(.9)}}
@keyframes qkoout-p{to{opacity:0;transform:translate(45%,-6%) rotate(14deg) scale(.9)}}
.qko-flipper{display:grid;grid-template-columns:minmax(0,1fr);transform-style:preserve-3d;transition:transform .7s cubic-bezier(.3,.8,.3,1)}
.qko-card.is-flipped .qko-flipper{transform:rotateY(180deg)}
.qko-face{grid-area:1/1;min-width:0;aspect-ratio:5/7;box-sizing:border-box;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:#fff;border:4px solid #1B1B1D;border-radius:20px;padding:14px;display:flex;flex-direction:column;gap:10px;box-shadow:0 28px 50px rgba(0,0,0,.55),0 7px 0 #1B1B1D}
.qko-back{transform:rotateY(180deg);background:#1B1B1D;color:#fff}
.qko-card:not(.is-flipped) .qko-back,.qko-card.is-flipped .qko-front{visibility:hidden}
.qko-head{display:flex;justify-content:space-between;align-items:center;background:#C8102E;color:#fff;border-radius:10px;padding:7px 14px}
.qko-head .no{font:600 16px/1 'Barlow',sans-serif;letter-spacing:.1em}
.qko-head .kurz{font:700 34px/1 'Barlow Condensed',sans-serif;text-transform:uppercase}
.qko-img{border-radius:10px;border:3px solid #1B1B1D;overflow:hidden;background:#ddd;flex:none}
.qko-img img{width:100%;display:block;aspect-ratio:4/3;object-fit:cover}
.qko-name{margin:0;font:700 22px/1.05 'Barlow Condensed',sans-serif;text-transform:uppercase;overflow-wrap:break-word}
.qko-funk{margin:0;display:flex;justify-content:space-between;align-items:center;background:#F6F3EE;border-radius:8px;padding:8px 12px;font:500 15px/1 'Barlow',sans-serif;color:#1B1B1D}
.qko-funk b{font:700 26px/1 'Barlow Condensed',sans-serif;letter-spacing:.04em}
.qko-stats{margin:0;border-top:2px solid #1B1B1D;color:#1B1B1D}
.qko-stats .qk-row{font-size:16px;padding:6px 4px}
.qko-flipnote{margin-top:auto;font:600 13px/1 'Barlow',sans-serif;text-align:center;color:#5E5A55;letter-spacing:.04em}
.qko-back .qko-name{color:#fff;font-size:26px}
.qko-list{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:7px;font:400 17px/1.3 'Barlow',sans-serif}
.qko-controls{position:relative;z-index:5;display:flex;gap:10px;align-items:center;justify-content:center;margin-top:8px;flex-wrap:wrap}
.qko-btn{cursor:pointer;min-width:52px;height:52px;padding:0 20px;border-radius:12px;border:3px solid #1B1B1D;background:#fff;color:#1B1B1D;font:700 18px/1 'Barlow',sans-serif;box-shadow:0 3px 0 #1B1B1D}
.qko-btn:hover{background:#C8102E;color:#fff}
.qko-btn:active{transform:translateY(2px);box-shadow:0 1px 0 #1B1B1D}
.qko-btn[disabled]{opacity:.35;cursor:default}
.qko-dots{display:flex;gap:10px;margin-top:10px;align-items:center;color:#fff;font:500 14px/1 'Barlow',sans-serif}
.qko-dots button{width:14px;height:14px;border-radius:50%;border:2px solid #fff;background:transparent;padding:0;cursor:pointer}
.qko-dots button[aria-current="true"]{background:#C8102E;border-color:#C8102E}
@media(max-width:480px){.qko{padding-bottom:max(28px,env(safe-area-inset-bottom))!important}.qko-btn{min-width:0;padding:0 12px;height:48px;font-size:16px}.qko-controls{gap:8px;flex-wrap:nowrap}.qko-dots{flex-wrap:wrap;justify-content:center;row-gap:8px}.qko-dots span{flex-basis:100%;text-align:center;margin-left:0!important;font-size:13px;opacity:.85}}
@media(prefers-reduced-motion:reduce){.qko,.qko-bar,.qko-card,.qko-hold,.qko-ghost,.qko-flipper{transition:none!important;animation:none!important}}
/* Teaser statt Karussell */
.qk-data[hidden]{display:none!important}

/* ---------- Menü: Untermenü (Einsätze → Dienste) ---------- */
.ffva-dd{position:relative;display:inline-block}
.ffva-sub{display:none;position:absolute;left:0;top:100%;min-width:100%;background:#fff;border:1px solid #D8D3CC;border-top:3px solid #C8102E;border-radius:0 0 6px 6px;box-shadow:0 8px 20px rgba(0,0,0,.15);z-index:60;padding:4px}
.ffva-dd:hover .ffva-sub,.ffva-dd:focus-within .ffva-sub{display:block}
.ffva-dd>a::after{content:"▾";margin-left:6px;font-size:12px}
/* mobil: siehe Seitenleiste unten */
@media(min-width:701px){.ffva-nav>a,.ffva-dd>a{padding-left:10px!important;padding-right:10px!important;font-size:15px!important}.ffva-nav{gap:0!important}}

/* ---------- Schrift: Groß-/Kleinschreibung normal, ruhigere Überschriften ---------- */
body *{text-transform:none!important}
main h1,main h2,main h3,main h4,footer h2,footer h3{font-family:'Barlow',sans-serif!important;font-weight:600!important;letter-spacing:-.01em!important;line-height:1.1!important}
main h1[style]{font-size:clamp(36px,6vw,66px)!important}
main h2[style]{font-size:clamp(28px,4vw,40px)!important}
main h3[style]{font-size:24px!important}
[style*="letter-spacing:.08em"]{letter-spacing:.01em!important}
.ffva-nav a{font-weight:600}

/* ---------- Bewegung & Hover (nur wenn gewünscht) ---------- */
html{scroll-behavior:smooth}
.ffva-nav>a,.ffva-dd>a{transition:background-color .2s,color .2s}
.ffva-nav>a:hover,.ffva-dd>a:hover{background:#F0EBE4}
.ffva-nav a[aria-current="page"]:hover{background:#C8102E}
.ffva-sub a:hover{background:#F0EBE4}
main a[style*="padding:15px 28px"],main a[style*="padding:13px 26px"],main button[type="submit"],main a[style*="padding:10px 18px"]{transition:transform .2s,box-shadow .2s,filter .2s}
main a[style*="padding:15px 28px"]:hover,main a[style*="padding:13px 26px"]:hover,main button[type="submit"]:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.22);filter:brightness(1.08)}
main article:not(.qk-card),main a[style*="border-radius:6px"][style*="overflow:hidden"]{transition:transform .25s ease,box-shadow .25s ease}
main article:not(.qk-card):hover,main a[style*="border-radius:6px"][style*="overflow:hidden"]:hover{transform:translateY(-5px);box-shadow:0 14px 30px rgba(27,27,29,.16)}
main article img,main a[style*="overflow:hidden"] img{transition:transform .5s ease}
main article:hover img,main a[style*="overflow:hidden"]:hover img{transform:scale(1.05)}
main article[style*="overflow:hidden"],main a[style*="overflow:hidden"]{overflow:hidden}
main a[style*="color:#B3001F"]{transition:letter-spacing .2s,color .2s}
main a[style*="color:#B3001F"]:hover{text-decoration:underline;text-underline-offset:4px}
.ffva-reveal{opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .6s ease}
.ffva-reveal.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ffva-reveal{opacity:1;transform:none;transition:none}main article:hover,main article:hover img,main a:hover{transform:none!important}}

/* ---------- Feuerwehr-Taster (Mitglied werden) ---------- */
.ffva-taster{background:linear-gradient(135deg,#B3001F 0%,#8A0016 100%);color:#fff;overflow:hidden}
.ffva-taster-in{max-width:1200px;margin:0 auto;padding:56px 24px;box-sizing:border-box;display:grid;grid-template-columns:minmax(220px,300px) 1fr;gap:40px 64px;align-items:center}
.ffva-melder{display:block;width:100%;max-width:300px;margin:0 auto;cursor:pointer;-webkit-tap-highlight-color:transparent;filter:drop-shadow(0 14px 22px rgba(0,0,0,.35));transition:transform .2s}
.ffva-melder:hover{transform:scale(1.04)}
.ffva-melder:focus-visible{outline:3px solid #fff;outline-offset:6px;border-radius:12px}
.ffva-melder svg{display:block;width:100%;height:auto;overflow:visible}
.ffva-melder .ffva-knopf{transform-box:fill-box;transform-origin:center;transition:transform .12s}
.ffva-melder:hover .ffva-knopf{transform:scale(1.06)}
.ffva-melder .ffva-cracks{opacity:0}
.ffva-melder .ffva-shards{opacity:0}
.ffva-melder.hit .ffva-knopf{transform:scale(.82)}
.ffva-melder.hit .ffva-cracks{opacity:1}
.ffva-melder.hit .ffva-box{animation:ffvaShake .35s}
.ffva-melder.broken .ffva-glass{opacity:0}
.ffva-melder.broken .ffva-cracks{opacity:0}
.ffva-melder.broken .ffva-shards{opacity:1}
.ffva-shard{fill:rgba(255,255,255,.35);stroke:rgba(255,255,255,.9);stroke-width:1.2;transform-box:fill-box;transform-origin:center}
.ffva-melder.broken .ffva-shard{animation:ffvaFall 1s cubic-bezier(.4,0,.8,.6) forwards}
@keyframes ffvaFall{0%{transform:none;opacity:1}100%{transform:translate(var(--dx),var(--dy)) rotate(var(--rot));opacity:0}}
@keyframes ffvaShake{0%,100%{transform:none}20%{transform:translate(-4px,2px)}40%{transform:translate(4px,-2px)}60%{transform:translate(-3px,-1px)}80%{transform:translate(3px,1px)}}
.ffva-taster-text h2{margin:0 0 14px;font-size:clamp(30px,4.6vw,52px)!important;line-height:1.05!important;color:#fff;max-width:640px}
.ffva-taster-text p{margin:0 0 8px;font:500 clamp(18px,2.2vw,24px)/1.4 'Barlow',sans-serif;color:#fff}
.ffva-taster-text .ffva-taster-hint{font-size:15px;opacity:.8;margin-top:6px}
@media(max-width:700px){.ffva-taster-in{grid-template-columns:1fr;text-align:center;padding:44px 24px}.ffva-taster-text h2{margin-left:auto;margin-right:auto}}

/* ---------- Formulare: nie breiter als der Bildschirm ---------- */
html,body{overflow-x:clip}
main form{min-width:0!important;max-width:100%!important}
main form[style*="grid-template-columns"]{grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr))!important}
main form input,main form textarea{max-width:100%;box-sizing:border-box}
@media(max-width:700px){main form[style*="flex:1 1 420px"]{flex:1 1 100%!important;width:100%}}

/* Mobile Seitenleiste (rechts) */
.ffva-burger,.ffva-ovl{display:none}
@media(max-width:860px){
.ffva-burger{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 14px;border:2px solid #1B1B1D;border-radius:6px;background:#fff;color:#1B1B1D;font:600 16px/1 'Barlow',sans-serif;cursor:pointer}
.ffva-burger i{display:block;width:20px;height:2px;background:#1B1B1D;box-shadow:0 6px 0 #1B1B1D,0 -6px 0 #1B1B1D}
.ffva-ovl{display:block;position:fixed;inset:0;background:rgba(27,27,29,.55);opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s;z-index:998}
.ffva-nav{position:fixed!important;top:0;right:0;bottom:0;width:min(320px,86vw);flex-direction:column!important;flex-wrap:nowrap!important;gap:2px!important;background:#fff;padding:72px 16px 24px!important;overflow-y:auto;transform:translateX(100%);visibility:hidden;transition:transform .28s ease,visibility .28s;z-index:999;box-shadow:-8px 0 24px rgba(0,0,0,.2);box-sizing:border-box}
.ffva-nav>a,.ffva-dd>a{display:block!important;padding:14px 16px!important;font-size:18px!important}
.ffva-dd{display:block}
.ffva-dd>a::after{content:""}
.ffva-sub{display:block!important;position:static;box-shadow:none;border:0;border-radius:0;padding:0;margin:2px 0 2px 20px;min-width:0}
.ffva-sub a{padding:12px 16px!important;font-size:17px!important}
.ffva-open .ffva-nav{transform:none;visibility:visible}
.ffva-open .ffva-ovl{opacity:1;visibility:visible}
.ffva-close{position:absolute;top:14px;right:14px;width:44px;height:44px;border:0;border-radius:6px;background:#F0EBE4;font:400 28px/1 'Barlow',sans-serif;color:#1B1B1D;cursor:pointer}
body.ffva-open{overflow:hidden}
}
@media(min-width:861px){.ffva-close{display:none}}
@media(max-width:860px){header>div{flex-wrap:nowrap!important;gap:12px!important}header>div>a{min-width:0}header>div>a img{height:46px!important}.ffva-burger{flex:none;padding:0 12px}}
/* Wehrführung: Steckbrief-Fenster */
.ffva-person{cursor:pointer;position:relative;transition:transform .2s,box-shadow .2s}
.ffva-person:hover,.ffva-person:focus-visible{transform:translateY(-4px);box-shadow:0 10px 24px rgba(0,0,0,.16)}
.ffva-person-hint{display:block;margin-top:8px;font:600 14px/1 'Barlow',sans-serif;color:#C8102E}
.ffva-pm{position:fixed;inset:0;background:rgba(27,27,29,.7);display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box;opacity:0;visibility:hidden;transition:opacity .22s,visibility .22s;z-index:1000}
.ffva-pm.on{opacity:1;visibility:visible}
.ffva-pm-card{position:relative;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);width:min(820px,100%);max-height:calc(100vh - 40px);overflow:auto;background:#fff;border-radius:8px;box-shadow:0 20px 60px rgba(0,0,0,.4);transform:translateY(16px) scale(.97);transition:transform .25s}
.ffva-pm.on .ffva-pm-card{transform:none}
.ffva-pm-img{min-height:260px;background:#E4DFD7}
.ffva-pm-body{padding:36px 32px;display:flex;flex-direction:column;gap:14px;justify-content:center}
.ffva-pm-role{margin:0;font:600 14px/1 'Barlow',sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#5E5A55}
.ffva-pm-name{margin:0;font:700 clamp(30px,5vw,42px)/1 'Barlow Condensed',sans-serif}
.ffva-pm-facts{margin:4px 0 0;display:flex;flex-direction:column;gap:12px}
.ffva-pm-facts dt{font:600 13px/1 'Barlow',sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#C8102E;margin:0 0 4px}
.ffva-pm-facts dd{margin:0;font:500 18px/1.4 'Barlow',sans-serif;color:#1B1B1D}
.ffva-pm-q{margin:6px 0 0;padding:4px 0 4px 18px;border-left:4px solid #C8102E;font:italic 500 19px/1.5 'Barlow',sans-serif;color:#2A2825}
.ffva-pm-links{display:flex;flex-direction:column}
.ffva-pm-links a{padding:6px 0;font:500 16px/1.3 'Barlow',sans-serif;color:#B3001F;overflow-wrap:anywhere}
.ffva-pm-x{position:absolute;top:10px;right:10px;width:44px;height:44px;border:0;border-radius:50%;background:rgba(255,255,255,.92);font:400 28px/1 'Barlow',sans-serif;color:#1B1B1D;cursor:pointer;z-index:2;box-shadow:0 2px 8px rgba(0,0,0,.2)}
body.ffva-pm-open{overflow:hidden}
@media(max-width:640px){.ffva-pm-card{grid-template-columns:1fr}.ffva-pm-img{min-height:0;aspect-ratio:4/3}.ffva-pm-body{padding:24px 22px 28px}}
@media(prefers-reduced-motion:reduce){.ffva-pm,.ffva-pm-card,.ffva-person{transition:none}}
/* Rundgang durch das Gerätehaus */
.ffva-t-wrap{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:32px;align-items:start}
.ffva-t-tabs{display:flex;gap:8px;margin-bottom:16px}
.ffva-t-tabs button{flex:1;height:48px;border:2px solid #4A4A4F;border-radius:6px;background:transparent;color:#fff;font:600 17px/1 'Barlow',sans-serif;cursor:pointer;transition:background-color .2s,border-color .2s}
.ffva-t-tabs button:hover{border-color:#fff}
.ffva-t-tabs button.on{background:#C8102E;border-color:#C8102E}
.ffva-t-plan{display:none;width:100%;height:auto}
.ffva-t-plan.on{display:block}
.ffva-t-room polygon{fill:#E4DFD7;stroke:#1B1B1D;stroke-width:4;transition:fill .2s}
.ffva-t-room text{font:600 15px 'Barlow',sans-serif;fill:#1B1B1D;pointer-events:none}
.ffva-t-room:not(.off){cursor:pointer}
.ffva-t-room:not(.off):hover polygon,.ffva-t-room:not(.off):focus-visible polygon{fill:#F2B6BF}
.ffva-t-room.off polygon{fill:#55555A}.ffva-t-room.off text{fill:#D8D3CC}
.ffva-t-room.sel polygon{fill:#C8102E}.ffva-t-room.sel text{fill:#fff}
.ffva-t-room:focus{outline:none}
.ffva-t-note{margin:12px 0 0;font:400 15px/1.4 'Barlow',sans-serif;color:#D8D3CC}
.ffva-t-stage{position:relative;aspect-ratio:3/2;background:#000;border-radius:6px;overflow:hidden;touch-action:pan-y}
.ffva-t-stage img{width:100%;height:100%;object-fit:contain;display:block;transition:opacity .25s}
.ffva-t-nav{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:64px;border:0;background:rgba(27,27,29,.6);color:#fff;font:400 40px/1 'Barlow',sans-serif;cursor:pointer;transition:background-color .2s}
.ffva-t-nav:hover{background:#C8102E}
.ffva-t-nav.prev{left:0;border-radius:0 6px 6px 0}.ffva-t-nav.next{right:0;border-radius:6px 0 0 6px}
.ffva-t-cap{margin-top:14px}
.ffva-t-cap p{margin:0}
.ffva-t-roomname{font:600 14px/1 'Barlow',sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#F2B6BF}
.ffva-t-cap .ffva-t-roomname{margin-bottom:8px}
.ffva-t-text{font:500 20px/1.4 'Barlow',sans-serif;color:#fff}
.ffva-t-count{margin-top:8px!important;font:400 14px/1 'Barlow',sans-serif;color:#D8D3CC}
.ffva-t-thumbs{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}
.ffva-t-thumbs button{width:84px;height:56px;padding:0;border:2px solid transparent;border-radius:4px;overflow:hidden;background:#000;cursor:pointer;opacity:.7;transition:opacity .2s,border-color .2s}
.ffva-t-thumbs button.on,.ffva-t-thumbs button:hover{opacity:1;border-color:#C8102E}
.ffva-t-thumbs img{width:100%;height:100%;object-fit:cover;display:block}
@media(max-width:860px){.ffva-t-wrap{grid-template-columns:1fr;gap:24px}.ffva-t-plan{max-width:420px;margin:0 auto}.ffva-t-right{order:-1}}
@media(prefers-reduced-motion:reduce){.ffva-t-stage img,.ffva-t-room polygon{transition:none}}
.ffva-t-houses{margin-bottom:8px}
.ffva-t-houses button{font-size:16px;height:52px;line-height:1.15}
.ffva-t-floors button{height:42px;font-size:15px;font-weight:500}
.ffva-t-floors{margin-bottom:16px}
.ffva-t-floors button.on{background:#2A2A2D;border-color:#C8102E}
.qk-list.long{display:block;columns:2;column-gap:14px;font-size:14px;line-height:1.3;padding-left:18px}
.qk-list.long li{break-inside:avoid;margin:0 0 4px}
@media(max-width:480px){.qk-list.long{columns:1}}
.qko-list.long{display:block;columns:2;column-gap:12px;font-size:11.8px;line-height:1.18;padding-left:16px;flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}
.qko-list.long li{break-inside:avoid;margin:0 0 2px;hyphens:auto;overflow-wrap:anywhere}
@media(max-width:480px){.qko-list.long{font-size:11.5px;column-gap:8px;padding-left:14px}}
/* Themen-Slideshow */
.ffva-sl{background:#1B1B1D;color:#fff;border-bottom:4px solid #C8102E;position:relative;overflow:hidden}
.ffva-sl-in{max-width:1200px;margin:0 auto;padding:40px 24px 24px;box-sizing:border-box}
.ffva-sl-stage{display:grid}
.ffva-sl-slide{grid-area:1/1;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:40px;align-items:center;opacity:0;visibility:hidden;transform:translateX(24px);transition:opacity .5s,transform .5s,visibility .5s}
.ffva-sl-slide.on{opacity:1;visibility:visible;transform:none}
.ffva-sl-kicker{margin:0 0 12px;font:600 14px/1 'Barlow',sans-serif;letter-spacing:.1em;text-transform:uppercase!important;color:#F2B6BF}
.ffva-sl-title{margin:0 0 16px;font:700 clamp(36px,5.5vw,64px)/1 'Barlow Condensed',sans-serif}
.ffva-sl-p{margin:0 0 22px;font:400 20px/1.55 'Barlow',sans-serif;color:#E6E1DA;max-width:640px}
.ffva-sl-btn{display:inline-block;padding:14px 28px;border-radius:4px;background:#C8102E;color:#fff;font:600 18px/24px 'Barlow',sans-serif;transition:background-color .2s,transform .2s}
.ffva-sl-btn:hover{background:#E0132F;transform:translateY(-2px)}
.ffva-sl-art svg{width:100%;height:auto;max-height:340px;display:block}
.ffva-sl-art img{width:100%;height:340px;object-fit:cover;border-radius:6px;display:block}
.ffva-sl-ctl{display:flex;align-items:center;gap:12px;margin-top:24px}
.ffva-sl-nav,.ffva-sl-pp{width:44px;height:44px;border:2px solid #4A4A4F;border-radius:50%;background:transparent;color:#fff;font:400 26px/1 'Barlow',sans-serif;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0;transition:background-color .2s,border-color .2s}
.ffva-sl-pp{font-size:14px;margin-left:auto}
.ffva-sl-nav:hover,.ffva-sl-pp:hover{background:#C8102E;border-color:#C8102E}
.ffva-sl-dots{display:flex;gap:10px;align-items:center}
.ffva-sl-dots button{width:44px;height:44px;padding:0;border:0;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center}
.ffva-sl-dots button span{display:block;position:relative;width:36px;height:6px;border-radius:3px;background:#4A4A4F;overflow:hidden}
.ffva-sl-dots button.on span{background:#6b6b70}
.ffva-sl-dots button.on span::after{content:"";position:absolute;inset:0;background:#C8102E;transform-origin:left;transform:scaleX(1)}
.ffva-sl.run .ffva-sl-dots button.on span::after{animation:ffvaSl var(--sl-delay,7000ms) linear forwards}
@keyframes ffvaSl{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(max-width:760px){.ffva-sl-in{padding:28px 20px 16px}.ffva-sl-slide{grid-template-columns:1fr;gap:16px}.ffva-sl-art{order:-1}.ffva-sl-art svg,.ffva-sl-art img{max-height:170px;height:170px}.ffva-sl-p{font-size:18px}.ffva-sl-dots button{width:32px}.ffva-sl-dots button span{width:24px}}
@media(prefers-reduced-motion:reduce){.ffva-sl-slide{transition:none;transform:none}.ffva-sl.run .ffva-sl-dots button.on span::after{animation:none}}
.ffva-sl-btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:4px}
.ffva-sl-btn.ghost{background:transparent;border:2px solid #fff;padding:12px 26px}
.ffva-sl-btn.ghost:hover{background:#fff;color:#1B1B1D}
.ffva-sl-slide.hero .ffva-sl-title{font-size:clamp(46px,7.5vw,92px);line-height:.95}
.ffva-sl-slide.hero .ffva-sl-art img{height:auto;max-height:none;aspect-ratio:4/3}
@media(max-width:760px){.ffva-sl-slide.hero .ffva-sl-art img{height:200px;aspect-ratio:auto}}
.ffva-sl-slide.hero .ffva-sl-title{font-size:clamp(40px,5.6vw,72px)}
@media(min-width:761px){.ffva-sl-slide.hero{grid-template-columns:minmax(0,13fr) minmax(0,10fr)}}
.ffva-sl-art{position:relative}
.ffva-sl-credit{position:absolute;right:8px;bottom:8px;padding:3px 8px;border-radius:3px;background:rgba(0,0,0,.55);color:#fff;font:500 12px/1.2 'Barlow',sans-serif;letter-spacing:.02em;pointer-events:none}
.ffva-sl-find{margin:0 0 4px;padding:16px;border:2px solid #4A4A4F;border-radius:8px;max-width:640px}
.ffva-sl-find label{display:block;margin:0 0 10px;font:600 16px/1.2 'Barlow',sans-serif;color:#fff}
.ffva-sl-find-row{display:flex;flex-wrap:wrap;gap:10px}
.ffva-sl-find select{flex:1 1 200px;min-width:0;height:52px;padding:0 12px;border:2px solid #fff;border-radius:4px;background:#fff;color:#1B1B1D;font:500 18px/1 'Barlow',sans-serif}
.ffva-sl-find .ffva-sl-btn{flex:0 1 auto;height:52px;box-sizing:border-box;padding:13px 20px;font-size:17px}
.ffva-sl-btn.disabled{background:#4A4A4F;color:#B5B0A8;pointer-events:none}
.ffva-sl-find-note{margin:10px 0 0!important;font:400 14px/1.4 'Barlow',sans-serif!important;color:#D8D3CC!important}
@media(max-width:760px){.ffva-sl-find .ffva-sl-btn{flex:1 1 100%;text-align:center}}
@media(max-width:760px){.ffva-sl-slide:not(.on){display:none}.ffva-sl-slide.on{animation:ffvaSlIn .4s ease both}}
@keyframes ffvaSlIn{from{opacity:0;transform:translateX(16px)}to{opacity:1;transform:none}}

.ffva-hero-static .ffva-sl-in{padding-bottom:40px}
.ffva-hero-static .ffva-sl-slide{opacity:1;visibility:visible;transform:none;animation:none}
.ffva-hero-static .ffva-sl-slide:not(.on){display:grid}

.ffva-sl{transition:background .4s}
.ffva-sl.tst{background:linear-gradient(135deg,#B3001F 0%,#8A0016 100%)}
.ffva-sl-hint{font-size:15px!important;opacity:.8;margin:-8px 0 0!important}
@media(min-width:761px){.ffva-sl-slide.taster{grid-template-columns:minmax(220px,300px) minmax(0,1fr);gap:40px 64px}.ffva-sl-slide.taster .ffva-sl-art{order:-1}}
.ffva-sl-slide.taster .ffva-sl-art{display:flex;justify-content:center}
.ffva-sl-slide.taster .ffva-sl-art .ffva-melder{width:100%;max-width:300px}
.ffva-sl-slide.taster .ffva-sl-art svg{max-height:none}
@media(max-width:760px){.ffva-sl-slide.taster .ffva-sl-art .ffva-melder{max-width:220px}}
#ffva-slider.ffva-sl{background:linear-gradient(135deg,#B3001F 0%,#8A0016 100%);border-bottom-color:#5E0010}
#ffva-slider .ffva-sl-btn{background:#fff;color:#8A0016}
#ffva-slider .ffva-sl-btn:hover{background:#F5F0EA}
#ffva-slider .ffva-sl-btn.disabled{background:rgba(255,255,255,.25);color:rgba(255,255,255,.7)}
#ffva-slider .ffva-sl-find,#ffva-slider .ffva-sl-nav,#ffva-slider .ffva-sl-pp{border-color:rgba(255,255,255,.55)}
#ffva-slider .ffva-sl-nav:hover,#ffva-slider .ffva-sl-pp:hover{background:#fff;color:#8A0016;border-color:#fff}
#ffva-slider .ffva-sl-dots button span{background:rgba(255,255,255,.3)}
#ffva-slider .ffva-sl-dots button.on span{background:rgba(255,255,255,.4)}
#ffva-slider .ffva-sl-dots button.on span::after{background:#fff}
#ffva-slider .ffva-sl-kicker{color:#FFD3DA}

/* Header fest (mobil) und schlankes Menü rechts (Desktop) */
@media(max-width:860px){
.wp-site-blocks>.wp-block-template-part:first-child{position:sticky;top:0;z-index:1000}
body.admin-bar .wp-site-blocks>.wp-block-template-part:first-child{top:46px}
/* Header behält seine Größe (Schrumpfen löste beim Scrollen eine Flackerschleife aus) */
body.ffva-scrolled header{box-shadow:0 2px 12px rgba(0,0,0,.15)}
.ffva-fab,.ffva-rail,.ffva-rail-ovl{display:none!important}
}
@media(max-width:600px){body.admin-bar .wp-site-blocks>.wp-block-template-part:first-child{top:0}}
@media(min-width:861px){
.ffva-fab{position:fixed;top:16px;right:16px;z-index:990;width:52px;height:52px;border:0;border-radius:50%;background:#C8102E;box-shadow:0 4px 16px rgba(0,0,0,.3);cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transform:scale(.7);transition:opacity .25s,transform .25s,visibility .25s}
body.admin-bar .ffva-fab{top:48px}
body.ffva-fab-on .ffva-fab{opacity:1;visibility:visible;transform:none}
.ffva-fab:hover{background:#E0132F;transform:scale(1.07)}
.ffva-fab i{display:block;width:22px;height:2px;background:#fff;box-shadow:0 7px 0 #fff,0 -7px 0 #fff}
.ffva-rail-ovl{position:fixed;inset:0;background:rgba(27,27,29,.45);opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s;z-index:998}
.ffva-rail{position:fixed;top:0;right:0;bottom:0;width:280px;background:#fff;padding:72px 16px 24px;box-sizing:border-box;overflow-y:auto;display:flex;flex-direction:column;gap:2px;transform:translateX(100%);visibility:hidden;transition:transform .28s ease,visibility .28s;z-index:999;box-shadow:-8px 0 24px rgba(0,0,0,.2)}
body.ffva-rail-open .ffva-rail{transform:none;visibility:visible}
body.ffva-rail-open .ffva-rail-ovl{opacity:1;visibility:visible}
.ffva-rail a{display:block;padding:13px 16px;border-radius:4px;font:600 18px/1.2 'Barlow',sans-serif;color:#1B1B1D;text-decoration:none}
.ffva-rail a.sub{margin-left:20px;padding:11px 16px;font-size:16px;border-radius:4px}
.ffva-rail a:hover{background:#F0EBE4}
.ffva-rail a[aria-current="page"]{background:#C8102E;color:#fff}
.ffva-rail-x{position:absolute;top:14px;right:14px;width:44px;height:44px;border:0;border-radius:6px;background:#F0EBE4;font:400 28px/1 'Barlow',sans-serif;color:#1B1B1D;cursor:pointer}
}

/* Quartett: Zusatzinformationen */
.qko-infobtn{display:block;margin:10px auto 0;padding:9px 16px;border:2px solid #1B1B1D;border-radius:8px;background:#fff;color:#1B1B1D;font:700 15px/1 'Barlow',sans-serif;cursor:pointer}
.qko-infobtn:hover{background:#1B1B1D;color:#fff}
.qko-info{position:absolute;inset:0;z-index:5;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(27,27,29,.8);opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s}
.qko-info.on{opacity:1;visibility:visible}
.qko-info-box{position:relative;width:100%;max-width:680px;max-height:100%;overflow-y:auto;background:#fff;color:#1B1B1D;border-radius:12px;padding:28px 28px 24px;box-sizing:border-box;-webkit-overflow-scrolling:touch}
.qko-info-t{margin:0 44px 14px 0;font:700 28px/1.1 'Barlow Condensed',sans-serif;text-transform:uppercase}
.qko-info-b p{margin:0 0 12px;font:400 16px/1.55 'Barlow',sans-serif;color:#2A2A2D}
.qko-info-x{position:absolute;top:10px;right:10px;width:40px;height:40px;border:0;border-radius:6px;background:#F0EBE4;font:400 26px/1 'Barlow',sans-serif;cursor:pointer}

.ffva-pm-note{margin:6px 0 0;font:italic 400 15px/1.4 'Barlow',sans-serif;color:#8A857E}

/* Ansprechpersonen neben dem Formular */
.ffva-ko{display:flex;flex-direction:column;gap:10px;margin-top:14px;max-width:440px}
.ffva-ko-c{display:flex;align-items:center;gap:16px;padding:12px 16px;border:2px solid rgba(255,255,255,.55);border-radius:8px;background:rgba(255,255,255,.1);color:#fff!important;text-decoration:none!important;transition:background-color .2s,transform .2s,border-color .2s}
.ffva-ko-c:hover,.ffva-ko-c:focus-visible{background:rgba(255,255,255,.22);border-color:#fff;transform:translateX(4px)}
.ffva-ko-i{flex:none;width:56px;height:56px;border-radius:50%;background:rgba(0,0,0,.25);display:flex;align-items:center;justify-content:center;overflow:hidden}
.ffva-ko-t{display:flex;flex-direction:column;gap:4px;min-width:0}
.ffva-ko-r{font:600 13px/1.2 'Barlow',sans-serif;letter-spacing:.08em;text-transform:uppercase;opacity:.85}
.ffva-ko-n{font:700 26px/1 'Barlow Condensed',sans-serif;text-transform:uppercase}
.ffva-ko-c::after{content:"→";margin-left:auto;font:600 22px/1 'Barlow',sans-serif}
article[id^="person-"]{scroll-margin-top:100px}
article[id^="person-"]:target{outline:4px solid #C8102E;outline-offset:4px;animation:ffvaPulse 1.6s ease 2}
@keyframes ffvaPulse{50%{outline-color:transparent}}

/* Technik: animiertes LF 8/6 */
.lf-hero .lf-text{padding-bottom:64px}
.lf-wrap{position:relative;z-index:1;display:flex;align-items:flex-end;justify-content:center;width:100%}
.lf-wrap svg{display:block;width:100%;height:auto;max-width:640px}
.lf-street{position:relative;height:64px;margin-top:-8px;background:#2C2C30;border-top:4px solid #4A4A50}
.lf-street::before{content:"";position:absolute;left:0;right:0;top:50%;height:6px;margin-top:-3px;background:repeating-linear-gradient(90deg,#E6E1DA 0 48px,transparent 48px 96px);animation:lfStreet .6s linear infinite}
@keyframes lfStreet{from{background-position:0 0}to{background-position:-96px 0}}
.lf-spin{transform-box:fill-box;transform-origin:center;animation:lfSpin .55s linear infinite reverse}
@keyframes lfSpin{to{transform:rotate(360deg)}}
.lf-body{animation:lfBob .32s ease-in-out infinite alternate}
@keyframes lfBob{from{transform:translateY(0)}to{transform:translateY(-2px)}}
.lf-l2{animation:lfL1 .7s steps(1) infinite reverse}
@keyframes lfL1{0%{opacity:1}50%{opacity:.12}}
.lf-h1{animation:lfH .7s steps(1) infinite}
.lf-h2{animation:lfH .7s steps(1) infinite reverse}
@keyframes lfH{0%{opacity:.4}50%{opacity:0}}
.lf-speed{animation:lfSpd .5s linear infinite}
@keyframes lfSpd{from{transform:translateX(-16px);opacity:0}30%{opacity:.6}to{transform:translateX(30px);opacity:0}}
@media(prefers-reduced-motion:reduce){.lf-spin,.lf-street::before,.lf-body,.lf-l1,.lf-l2,.lf-h1,.lf-h2,.lf-speed{animation:none}}

.lf-a{animation:lfA .35s steps(1) infinite}
@keyframes lfA{0%{opacity:1}50%{opacity:.25}}
@media(prefers-reduced-motion:reduce){.lf-a{animation:none}}

/* Drehspiegel-Blaulicht und Frontblitzer */
.lf-m{transform-box:fill-box;transform-origin:center;animation:lfM .5s linear infinite}
@keyframes lfM{0%{transform:scaleX(1)}25%{transform:scaleX(.05)}50%{transform:scaleX(-1)}75%{transform:scaleX(.05)}100%{transform:scaleX(1)}}
.lf-g{opacity:.5;animation:lfG .25s ease-in-out infinite alternate}
@keyframes lfG{from{opacity:.55}to{opacity:.08}}
.lf-f{animation:lfF .9s steps(1) infinite}
@keyframes lfF{0%,12%{opacity:1}13%,25%{opacity:.15}26%,38%{opacity:1}39%,100%{opacity:.15}}
.lf-fg{animation:lfFg .9s steps(1) infinite}
@keyframes lfFg{0%,12%{opacity:.6}13%,25%{opacity:0}26%,38%{opacity:.6}39%,100%{opacity:0}}
@media(prefers-reduced-motion:reduce){.lf-m,.lf-g,.lf-f,.lf-fg{animation:none}}

.lf-wrap:focus-visible{outline:3px solid #fff;outline-offset:4px;border-radius:6px}
.lf-wrap.honk .lf-m{animation-duration:.3s}
.lf-wrap.honk .lf-g{animation-duration:.15s}
.lf-hint{margin:0;font:400 15px/1.4 'Barlow',sans-serif;color:#A8A29A;font-style:italic}

/* Kinderfeuerwehr: Schere schneidet beim Scrollen von links nach rechts durch die Seite */
.ffva-cut{position:absolute;left:0;z-index:30;pointer-events:none;overflow:hidden;transition:opacity .3s}
.ffva-cut-clip{position:absolute;left:0;top:0;height:100%;overflow:hidden;filter:drop-shadow(0 0 3px rgba(0,0,0,.45))}
.ffva-cut-gap{display:block;overflow:visible}
.ffva-cut-fill{fill:#1B1B1D}
.ffva-cut-edge{fill:none;stroke:#fff;stroke-width:1.4;stroke-linejoin:miter;opacity:.8}
.ffva-cut-sc{position:absolute;left:0;top:0;overflow:visible;will-change:transform;transform-origin:19px 77px;filter:drop-shadow(0 2px 2px rgba(0,0,0,.4))}
.ffva-cut-a,.ffva-cut-b{transform-box:view-box;transform-origin:14px 25px}
.ffva-cut.cutting .ffva-cut-a{animation:ffva-snip-a .3s ease-in-out infinite alternate}
.ffva-cut.cutting .ffva-cut-b{animation:ffva-snip-b .3s ease-in-out infinite alternate}
@keyframes ffva-snip-a{from{transform:rotate(-26deg)}to{transform:rotate(4deg)}}
@keyframes ffva-snip-b{from{transform:rotate(26deg)}to{transform:rotate(-4deg)}}
@media(prefers-reduced-motion:reduce){.ffva-cut.cutting .ffva-cut-a,.ffva-cut.cutting .ffva-cut-b{animation:none}}

/* Folie Hydrant: Foto eines Unterflurhydranten von oben als Bildeinsatz */
.ffva-sl-art{position:relative}
.ffva-sl-art .ffva-sl-inset{position:absolute;left:0;top:0;width:31%;height:auto;aspect-ratio:3/2;object-fit:cover;border:4px solid #fff;border-radius:8px;box-shadow:0 8px 22px rgba(0,0,0,.45);transform:rotate(-3deg)}
@media(max-width:760px){.ffva-sl-art .ffva-sl-inset{height:auto;max-height:none;width:36%;top:0;left:0}}

/* Kontaktformular in der Personenkarte (eigene Zeile unter Bild und Text) */
.ffva-pm-card{align-content:start;grid-auto-rows:max-content}
.ffva-pm-img{position:relative;min-height:420px;align-self:stretch;width:100%;overflow:hidden}
.ffva-pm-img>*{position:absolute;inset:0;width:100%;height:100%}
.ffva-pm-body{align-self:center}
.ffva-pm-msg{margin-top:6px}
.ffva-pm-msgbtn{padding:12px 20px;border:0;border-radius:4px;background:#C8102E;color:#fff;font:600 16px/1.2 'Barlow',sans-serif;cursor:pointer;transition:background-color .2s}
.ffva-pm-msgbtn:hover{background:#E0132F}
.ffva-pm-msgbtn[aria-expanded=true]{background:#1B1B1D}
.ffva-pm-formrow{grid-column:1/-1;padding:24px 32px 32px;background:#F5F1EB;border-top:1px solid #E4DFD7}
.ffva-pm-formrow[hidden]{display:none}
.ffva-pm-form{position:relative;display:flex;flex-direction:column;gap:14px;max-width:640px}
.ffva-pm-fh{margin:0;font:700 26px/1 'Barlow Condensed',sans-serif;text-transform:uppercase}
.ffva-pm-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.ffva-pm-form label{display:flex;flex-direction:column;gap:4px;font:600 14px/1.2 'Barlow',sans-serif;color:#1B1B1D}
.ffva-pm-form input[type=text],.ffva-pm-form input[type=email],.ffva-pm-form textarea{width:100%;box-sizing:border-box;padding:10px 12px;border:2px solid #CFC9C0;border-radius:4px;background:#fff;font:400 16px/1.3 'Barlow',sans-serif;color:#1B1B1D}
.ffva-pm-form input:focus,.ffva-pm-form textarea:focus{outline:none;border-color:#C8102E}
.ffva-pm-form .ffva-pm-priv{flex-direction:row;align-items:flex-start;gap:10px;font:400 14px/1.4 'Barlow',sans-serif}
.ffva-pm-form .ffva-pm-priv input{margin-top:3px;width:20px;height:20px;flex:none}
.ffva-pm-form .ffva-pm-priv a{color:#B3001F;text-decoration:underline}
.ffva-pm-send{align-self:flex-start;padding:12px 24px;border:0;border-radius:4px;background:#1B1B1D;color:#fff;font:600 16px/1.2 'Barlow',sans-serif;cursor:pointer}
.ffva-pm-send:disabled{opacity:.6;cursor:wait}
.ffva-pm-status{margin:0;font:600 15px/1.4 'Barlow',sans-serif}
.ffva-pm-status.ok{color:#1E6B34}.ffva-pm-status.err{color:#B3001F}
@media(max-width:640px){.ffva-pm-img{min-height:0;aspect-ratio:4/3;align-self:start}.ffva-pm-formrow{padding:20px 22px 26px}.ffva-pm-two{grid-template-columns:1fr}}

/* Kinderfeuerwehr: bewegte Origami-Szene */
.og-scene{width:100%;height:auto;aspect-ratio:4/3;display:block;border-radius:4px;box-shadow:0 10px 30px rgba(0,0,0,.25)}
.og-scene *{transform-box:fill-box}
.og-truck{transform:translate(-190px,193px);animation:og-drive 14s linear infinite}
@keyframes og-drive{from{transform:translate(-190px,193px)}to{transform:translate(420px,193px)}}
.og-bob{animation:og-bob .5s ease-in-out infinite alternate}
@keyframes og-bob{from{transform:translateY(0)}to{transform:translateY(-1.6px)}}
.og-spin{animation:og-spin 1s linear infinite;transform-origin:50% 50%}
@keyframes og-spin{to{transform:rotate(360deg)}}
.og-dash{animation:og-dash 1.2s linear infinite}
@keyframes og-dash{to{stroke-dashoffset:-38}}
.og-helmet{transform-origin:50% 100%;animation:og-helm 3s ease-in-out infinite alternate}
@keyframes og-helm{from{transform:rotate(-5deg)}to{transform:rotate(5deg) translateY(-3px)}}
.og-flame{transform-origin:50% 100%;animation:og-flame .7s ease-in-out infinite alternate}
@keyframes og-flame{from{transform:scale(1,.9) skewX(-3deg)}to{transform:scale(.95,1.08) skewX(3deg)}}
.og-d1,.og-d2,.og-d3{animation:og-drop 1.8s ease-out infinite;opacity:0}
.og-d2{animation-delay:.6s}.og-d3{animation-delay:1.2s}
@keyframes og-drop{0%{transform:translate(0,0);opacity:0}10%{opacity:1}100%{transform:translate(58px,40px);opacity:0}}
.og-crane{animation:og-fly 16s linear infinite;transform:translate(-100px,40px)}
@keyframes og-fly{from{transform:translate(-100px,40px)}to{transform:translate(420px,40px)}}
.og-craneY{animation:og-flap-y 2.4s ease-in-out infinite alternate}
@keyframes og-flap-y{from{transform:translateY(-8px) rotate(-4deg)}to{transform:translateY(14px) rotate(5deg)}}
.og-wing{transform-origin:34px 26px;animation:og-wing .5s ease-in-out infinite alternate;transform-box:view-box}
@keyframes og-wing{from{transform:rotate(-14deg)}to{transform:rotate(26deg)}}
.og-conf polygon{animation:og-fall 7s linear infinite;opacity:.9}
.og-c2{animation-duration:9s!important;animation-delay:-3s}.og-c3{animation-duration:8s!important;animation-delay:-5s}.og-c4{animation-duration:10s!important;animation-delay:-1s}.og-c5{animation-duration:7.5s!important;animation-delay:-6s}.og-c6{animation-duration:11s!important;animation-delay:-8s}
@keyframes og-fall{from{transform:translate(0,0) rotate(0)}to{transform:translate(18px,320px) rotate(300deg)}}
@media(prefers-reduced-motion:reduce){.og-scene *{animation:none!important}.og-truck{transform:translate(120px,193px)}.og-crane{transform:translate(140px,40px)}}

/* Berichte: Bild, Filter, Bildansicht */
.ffva-main{position:relative;display:block;border-radius:6px;overflow:hidden;background:#1B1B1D;cursor:zoom-in;line-height:0}
.ffva-main img{width:100%;height:auto;max-height:78vh;object-fit:contain;display:block;margin:0 auto}
.ffva-main-badge{position:absolute;right:12px;bottom:12px;padding:8px 12px;border-radius:999px;background:rgba(27,27,29,.82);color:#fff;font:600 14px/1 'Barlow',sans-serif;transition:background-color .2s}
.ffva-main:hover .ffva-main-badge,.ffva-main:focus-visible .ffva-main-badge{background:#C8102E}
.ffva-filter{display:flex;flex-wrap:wrap;gap:14px 16px;align-items:flex-end;margin:0 0 28px;padding:16px 18px;background:#fff;border-radius:6px;border-left:6px solid #1B1B1D}
.ffva-filter label{display:flex;flex-direction:column;gap:4px;font:600 13px/1 'Barlow',sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#5E5A55}
.ffva-filter select{min-width:150px;padding:10px 12px;border:2px solid #CFC9C0;border-radius:4px;background:#fff;font:500 16px/1.2 'Barlow',sans-serif;color:#1B1B1D;text-transform:none;letter-spacing:0}
.ffva-filter select:focus{outline:none;border-color:#C8102E}
.ffva-f-r{padding:11px 16px;border:2px solid #1B1B1D;border-radius:4px;background:transparent;font:600 15px/1.2 'Barlow',sans-serif;cursor:pointer}
.ffva-f-r:hover{background:#1B1B1D;color:#fff}
.ffva-f-n{margin:0;flex:1 1 100%;font:600 15px/1.3 'Barlow',sans-serif;color:#B3001F}
.ffva-f-n:empty{display:none}
.ffva-f-none{margin:0;padding:24px 0;font:500 18px/1.5 'Barlow',sans-serif}
.ffva-card[hidden],.ffva-yg[hidden],.ffva-f-r[hidden],.ffva-f-none[hidden]{display:none!important}
.ffva-lb{position:fixed;inset:0;background:rgba(10,10,12,.94);display:flex;align-items:center;justify-content:center;gap:8px;padding:16px;box-sizing:border-box;opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s;z-index:1100}
.ffva-lb.on{opacity:1;visibility:visible}
.ffva-lb-f{margin:0;display:flex;flex-direction:column;align-items:center;gap:10px;min-width:0;max-width:100%}
.ffva-lb-f img{max-width:100%;max-height:calc(100vh - 110px);object-fit:contain;display:block;border-radius:4px}
.ffva-lb-f figcaption{display:flex;flex-wrap:wrap;gap:6px 18px;justify-content:center;font:500 15px/1.3 'Barlow',sans-serif;color:#E6E1DA}
.ffva-lb-o{color:#fff;text-decoration:underline}
.ffva-lb-x{position:absolute;top:12px;right:12px;width:48px;height:48px;border:0;border-radius:50%;background:rgba(255,255,255,.92);font:400 30px/1 'Barlow',sans-serif;cursor:pointer;z-index:2}
.ffva-lb-n{flex:none;width:48px;height:48px;border:0;border-radius:50%;background:rgba(255,255,255,.16);color:#fff;font:400 34px/1 'Barlow',sans-serif;cursor:pointer}
.ffva-lb-n:hover{background:#C8102E}
.ffva-lb-n[hidden]{display:none}
body.ffva-lb-open{overflow:hidden}
@media(max-width:640px){.ffva-lb{padding:8px}.ffva-lb-n{position:absolute;bottom:14px;background:rgba(255,255,255,.22)}.ffva-lb-n.prev{left:14px}.ffva-lb-n.next{right:14px}.ffva-lb-f img{max-height:calc(100vh - 150px)}.ffva-filter select{min-width:0;width:100%}.ffva-filter label{flex:1 1 100%}}

/* ===== Kinderfeuerwehr: eigenes Papier-Design ===== */
.kf-hero{background:#FFF6DC;background-image:linear-gradient(135deg,#FFF6DC 0 60%,#FFEBB8 60% 100%);overflow:hidden}
.kf-hero-in{max-width:1200px;margin:0 auto;padding:56px 24px 64px;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;align-items:center;box-sizing:border-box}
.kf-crumb{margin:0 0 12px;font:500 15px/1 'Barlow',sans-serif;color:#6b5a30}.kf-crumb a{color:#6b5a30;text-decoration:underline}
.kf-h1{margin:0;font:700 clamp(52px,9vw,104px)/.95 'Barlow Condensed',sans-serif;text-transform:uppercase;color:#1B1B1D;hyphens:manual}
.kf-ul{display:block;width:min(260px,70%);height:14px;margin:12px 0 20px}
.kf-lead{margin:0 0 24px;font:500 20px/1.5 'Barlow',sans-serif;color:#3a3220;max-width:520px}
.kf-btn{display:inline-block;padding:14px 24px;background:#1B1B1D;color:#fff;font:600 17px/1 'Barlow',sans-serif;clip-path:polygon(0 0,100% 0,calc(100% - 12px) 100%,0 100%)}
.kf-art{width:100%;height:auto;display:block;filter:drop-shadow(0 10px 18px rgba(0,0,0,.18))}
.kf-art *{transform-box:fill-box}
.kf-fl{animation:kf-float 5s ease-in-out infinite}.kf-fl.f2{animation-duration:6.2s;animation-delay:-1.5s}.kf-fl.f3{animation-duration:7s;animation-delay:-3s}
@keyframes kf-float{0%,100%{translate:0 0;rotate:0deg}50%{translate:0 -8px;rotate:1.5deg}}
.kf-coil{animation:kf-spin 14s linear infinite;transform-origin:center}
@keyframes kf-spin{to{rotate:360deg}}
.kf-pump{animation:kf-pump 1.6s ease-in-out infinite}
@keyframes kf-pump{0%,100%{translate:0 0}50%{translate:0 10px}}
.kf-d{animation:kf-drop 1.4s ease-out infinite;opacity:0}
.kf-d.d2{animation-delay:.45s}.kf-d.d3{animation-delay:.9s}
@keyframes kf-drop{0%{opacity:0;translate:0 -4px;scale:.5}20%{opacity:1}100%{opacity:0;translate:26px 18px;scale:1}}
.kf-card{padding:28px;display:flex;flex-direction:column;gap:12px;background:#fff;clip-path:polygon(0 14px,14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%);border-left:8px solid #C8102E}
.kf-c2{border-left-color:#F2B400}.kf-c3{border-left-color:#1F6FE0}.kf-c4{border-left-color:#2E9E5B}
.kf-h3{margin:0;font:700 26px/1.1 'Barlow Condensed',sans-serif;text-transform:uppercase}
.kf-p{margin:0;font:400 17px/1.55 'Barlow',sans-serif;color:#3a3a3d}
.kf-tile{padding:24px;color:#1B1B1D;clip-path:polygon(0 0,100% 0,100% 100%,18px 100%,0 calc(100% - 18px))}
.kf-t1{background:#FFD98A}.kf-t2{background:#BFE0FA}.kf-t3{background:#F9C3CB}
.kf-tl{margin:0 0 6px;font:600 14px/1 'Barlow',sans-serif;letter-spacing:.08em;text-transform:uppercase}
.kf-tv{margin:0;font:700 26px/1.2 'Barlow Condensed',sans-serif}
.kf-moment{aspect-ratio:4/3;background:#FFF6DC;border:3px dashed #E0B94F;display:flex;align-items:center;justify-content:center;font:600 22px 'Barlow Condensed',sans-serif;color:#8a6d1c;text-transform:uppercase}
@media(prefers-reduced-motion:reduce){.kf-art *{animation:none!important}}

.ffva-more{position:absolute;right:8px;bottom:8px;padding:5px 9px;border-radius:999px;background:rgba(27,27,29,.85);color:#fff;font:700 15px/1 'Barlow',sans-serif;pointer-events:none}
.ffva-thumb:hover img{filter:brightness(1.08)}
.ffva-thumb:focus-visible{outline:3px solid #C8102E;outline-offset:2px}

/* ===== Kinderfeuerwehr v2: Papier-/Schnitt-Look in Rot ===== */
.kf-page{background:#FFF1EA!important;overflow:hidden}
.kf-page div[style*="width:56px"]{display:none!important}
.kf-page h2{font-size:clamp(40px,6vw,64px)!important;color:#C8102E;letter-spacing:.01em;text-shadow:3px 3px 0 #FFD3D8}
.kf-hero{background:#FFF1EA!important;background-image:none!important;position:relative}
.kf-hero::before{content:"";position:absolute;left:-6%;top:-30%;width:46%;height:160%;background:#C8102E;clip-path:polygon(0 0,100% 0,62% 100%,0 100%);opacity:.12}
.kf-hero-in{position:relative}
.kf-h1{color:#C8102E!important;font-size:clamp(48px,7.5vw,92px)!important;overflow-wrap:normal;word-break:keep-all;text-shadow:4px 4px 0 #FFB3BE,8px 8px 0 #1B1B1D}
.kf-crumb,.kf-crumb a{color:#8C1719!important}
.kf-lead{color:#2a1a1a!important}
.kf-btn{background:#C8102E!important;box-shadow:5px 5px 0 #1B1B1D;clip-path:none!important;border-radius:2px;transition:transform .15s,box-shadow .15s}
.kf-btn:hover{transform:translate(2px,2px);box-shadow:3px 3px 0 #1B1B1D}
.kf-ul{display:none}
.kf-art .kf-rock{animation:kf-rock 4s ease-in-out infinite;transform-origin:50% 90%}
@keyframes kf-rock{0%,100%{rotate:-3deg}50%{rotate:3deg}}
.kf-shine{animation:kf-shine 3s ease-in-out infinite;opacity:0}
@keyframes kf-shine{0%,60%,100%{opacity:0}75%{opacity:.8}}
.kf-dl{animation:kf-dropl 1.4s ease-out infinite;opacity:0}.kf-dl.d2{animation-delay:.45s}.kf-dl.d3{animation-delay:.9s}
@keyframes kf-dropl{0%{opacity:0;translate:0 -4px;scale:.5}20%{opacity:1}100%{opacity:0;translate:-30px 20px;scale:1}}
.kf-card{background:#fff;border:3px solid #1B1B1D;border-left-width:3px!important;border-radius:2px;clip-path:none!important;box-shadow:7px 7px 0 #C8102E;position:relative;counter-increment:kfc}
.kf-card:nth-child(odd){transform:rotate(-.8deg)}.kf-card:nth-child(even){transform:rotate(.8deg)}
.kf-card::before{content:counter(kfc);position:absolute;top:-18px;right:16px;width:40px;height:40px;background:#C8102E;color:#fff;font:700 24px/40px 'Barlow Condensed',sans-serif;text-align:center;clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%)}
.kf-page section:nth-of-type(2)>div>div:last-child{counter-reset:kfc}
.kf-page section:nth-of-type(3){background:#C8102E;color:#fff;margin:24px 0;clip-path:polygon(0 12px,2% 0,4% 12px,6% 0,8% 12px,10% 0,12% 12px,14% 0,16% 12px,18% 0,20% 12px,22% 0,24% 12px,26% 0,28% 12px,30% 0,32% 12px,34% 0,36% 12px,38% 0,40% 12px,42% 0,44% 12px,46% 0,48% 12px,50% 0,52% 12px,54% 0,56% 12px,58% 0,60% 12px,62% 0,64% 12px,66% 0,68% 12px,70% 0,72% 12px,74% 0,76% 12px,78% 0,80% 12px,82% 0,84% 12px,86% 0,88% 12px,90% 0,92% 12px,94% 0,96% 12px,98% 0,100% 12px,100% calc(100% - 12px),98% 100%,96% calc(100% - 12px),94% 100%,92% calc(100% - 12px),90% 100%,88% calc(100% - 12px),86% 100%,84% calc(100% - 12px),82% 100%,80% calc(100% - 12px),78% 100%,76% calc(100% - 12px),74% 100%,72% calc(100% - 12px),70% 100%,68% calc(100% - 12px),66% 100%,64% calc(100% - 12px),62% 100%,60% calc(100% - 12px),58% 100%,56% calc(100% - 12px),54% 100%,52% calc(100% - 12px),50% 100%,48% calc(100% - 12px),46% 100%,44% calc(100% - 12px),42% 100%,40% calc(100% - 12px),38% 100%,36% calc(100% - 12px),34% 100%,32% calc(100% - 12px),30% 100%,28% calc(100% - 12px),26% 100%,24% calc(100% - 12px),22% 100%,20% calc(100% - 12px),18% 100%,16% calc(100% - 12px),14% 100%,12% calc(100% - 12px),10% 100%,8% calc(100% - 12px),6% 100%,4% calc(100% - 12px),2% 100%,0 calc(100% - 12px))}
.kf-tile{clip-path:none!important;background:#FFF1EA!important;border:3px solid #1B1B1D;border-radius:2px;box-shadow:6px 6px 0 #1B1B1D}
.kf-tl{color:#C8102E}
.kf-page section[style*="background:#ffffff"]{background:#fff!important;border-top:4px dashed #C8102E;border-bottom:4px dashed #C8102E}
.kf-moment{background:#FFE4E4!important;border:3px dashed #C8102E!important;color:#C8102E!important;border-radius:2px}
.kf-page details{border:3px solid #1B1B1D!important;border-radius:2px!important;box-shadow:5px 5px 0 #FFB3BE}
.kf-page details[open]{box-shadow:5px 5px 0 #C8102E}
.kf-page details summary{font-weight:700!important;color:#1B1B1D}
.kf-page section[style*="background:#1B1B1D"]{background:#C8102E!important}
.kf-page section[style*="background:#1B1B1D"] p{color:#fff!important}
.kf-page section[style*="background:#1B1B1D"] input,.kf-page section[style*="background:#1B1B1D"] textarea{border-color:#1B1B1D!important;border-radius:2px!important}
.kf-page section[style*="background:#1B1B1D"] button,.kf-page section[style*="background:#1B1B1D"] [type=submit]{background:#1B1B1D!important;border-color:#1B1B1D!important;box-shadow:5px 5px 0 #FFB3BE;border-radius:2px!important}
@media(prefers-reduced-motion:reduce){.kf-card{transform:none!important}}
.kf-lead{margin-top:22px!important}
.kf-h1{line-height:1.08!important}@media(max-width:600px){.kf-h1{text-shadow:3px 3px 0 #FFB3BE,5px 5px 0 #1B1B1D!important}}

/* ===== Kinderfeuerwehr v3: Haftnotizen, verteilte Origami, kein Banner ===== */
.kf-hero::before{display:none!important}
.kf-hero{background:transparent!important}
.kf-hero-in{display:block!important;padding:64px 24px 72px}
.kf-hero-t{max-width:60%}
.kf-o{position:absolute;display:block;filter:drop-shadow(0 10px 14px rgba(0,0,0,.2))}
.kf-o-h{right:24px;top:36px;width:min(380px,34%)}
.kf-o-k{right:24px;top:30px;width:min(300px,28%)}
.kf-o-s{right:24px;top:-8px;width:min(330px,30%)}
.kf-page section:nth-of-type(2)>div,.kf-page section[style*="background:#ffffff"]>div{position:relative}
.kf-notes{display:grid;grid-template-columns:repeat(2,minmax(0,290px));max-width:570px;padding:14px 0 30px}
.kf-notes .kf-card{border:0!important;border-radius:2px;box-shadow:0 16px 16px -10px rgba(0,0,0,.4),0 2px 3px rgba(0,0,0,.15);min-height:230px;padding:38px 26px 26px;background:var(--pn)}
.kf-notes .kf-card::before{content:"";counter-increment:none;position:absolute;top:-12px;left:50%;width:92px;height:26px;margin-left:-46px;background:rgba(255,255,255,.6);box-shadow:0 1px 2px rgba(0,0,0,.18);clip-path:none;transform:rotate(-3deg);right:auto;border-radius:0}
.kf-notes .kf-card .kf-h3{font-family:'Barlow Condensed',sans-serif}
.kf-notes .kf-card.kf-c1{--pn:#FFE45E;transform:rotate(-3deg);z-index:1}
.kf-notes .kf-card.kf-c2{--pn:#FF9EB1;transform:rotate(2.5deg);margin:28px 0 0 -26px;z-index:2}
.kf-notes .kf-card.kf-c3{--pn:#9ED8F5;transform:rotate(2deg);margin:-34px 0 0 10px;z-index:3}
.kf-notes .kf-card.kf-c4{--pn:#B7E88A;transform:rotate(-2.5deg);margin:-8px 0 0 -16px;z-index:4}
.kf-notes .kf-card:hover{transform:rotate(0) scale(1.03);z-index:9}
@media(max-width:900px){
  .kf-hero-t{max-width:none}
  .kf-o{position:static;margin:20px auto 0;width:min(300px,70%)!important}
  .kf-notes{grid-template-columns:minmax(0,1fr);max-width:420px}
  .kf-notes .kf-card.kf-c1,.kf-notes .kf-card.kf-c3{margin:-6px 10px 0 0}
  .kf-notes .kf-card.kf-c2,.kf-notes .kf-card.kf-c4{margin:-14px 0 0 12px}
  .kf-notes .kf-card.kf-c1{margin-top:0}
}
@media(prefers-reduced-motion:reduce){.kf-notes .kf-card:hover{transform:none}}

/* ===== Kinderfeuerwehr v4: dunkler, flache Schrift, Waffeln + Hydrant ===== */
.kf-page{background:#2A1417!important}
.kf-page h2{color:#fff!important;text-shadow:none!important}
.kf-h1{color:#fff!important;text-shadow:none!important;display:inline-block;border-bottom:10px solid #C8102E;padding-bottom:6px}
.kf-crumb,.kf-crumb a{color:#FFB3BE!important}
.kf-lead{color:#F6E6E6!important}
.kf-btn{box-shadow:5px 5px 0 #6d0a1b!important}
.kf-btn:hover{box-shadow:3px 3px 0 #6d0a1b!important}
.kf-page section[style*="background:#ffffff"]{background:#3A1B20!important;border-color:#C8102E}
.kf-moment{background:#4B2229!important;color:#FFB3BE!important}
.kf-page details{border-color:#C8102E!important;box-shadow:5px 5px 0 #000!important}
.kf-page details[open]{box-shadow:5px 5px 0 #C8102E!important}
.kf-page section[style*="background:#1B1B1D"] h2{color:#fff!important}
.kf-page section[style*="background:#1B1B1D"] p{font-weight:500;font-size:19px!important}
.kf-page .ffva-ko-c{background:#1B1B1D!important;border-color:#fff!important}
.kf-page .ffva-ko-r{font-size:14px!important;opacity:1!important;color:#FFD3D8!important}
.kf-o{filter:drop-shadow(0 10px 14px rgba(0,0,0,.45))}
.kf-o-w{right:24px;top:-4px;width:min(340px,30%)}
.kf-o-y{right:80px;top:390px;width:min(190px,17%)}
.kf-steam{animation:kf-steam 2.8s ease-in-out infinite}
@keyframes kf-steam{0%,100%{translate:0 0;opacity:.9}50%{translate:0 -8px;opacity:.3}}
.kf-o-w .kf-steam polyline:last-child{animation:kf-steam 2.8s ease-in-out -1.4s infinite}
@media(max-width:900px){.kf-o-y{width:min(180px,50%)!important}}
.kf-o-w{top:-4px!important;width:min(205px,20%)!important}
.kf-h1{align-self:flex-start}
@media(max-width:900px){.kf-o-w{width:min(260px,70%)!important}}

/* ===== Kinderfeuerwehr v5: Schere schneidet beim Laden durch den Hintergrund ===== */
.kf-page{position:relative}
.kf-page>section{position:relative;z-index:1}
.kf-cuts{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.kf-cut{position:absolute;width:116%;height:22px;transform-origin:0 50%;transform:rotate(var(--a))}
.kf-cut-l{position:absolute;inset:0;clip-path:inset(0 100% 0 0);animation:kf-draw 3.4s linear var(--d) forwards;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='22' viewBox='0 0 24 22'%3E%3Cpolyline points='0,16 6,5 18,17 24,6' fill='none' stroke='%23FF6B81' stroke-width='3' stroke-linejoin='miter'/%3E%3C/svg%3E") repeat-x center}
.kf-cut-l::before{content:"";position:absolute;left:0;right:0;top:50%;height:12px;margin-top:-6px;background:rgba(0,0,0,.4);z-index:-1}
@keyframes kf-draw{to{clip-path:inset(0 0 0 0)}}
.kf-sc{position:absolute;top:50%;left:0;width:116px;opacity:0;transform:translate(-96%,-50%);animation:kf-run 3.4s linear var(--d) forwards}
@keyframes kf-run{0%{left:0;opacity:1}96%{opacity:1}100%{left:100%;opacity:0}}
.kf-sc-svg{display:block;width:100%;height:auto;filter:drop-shadow(0 3px 4px rgba(0,0,0,.5))}
.kf-bl{transform-box:view-box;transform-origin:29px 20px;animation:kf-snipA .32s ease-in-out infinite alternate}
.kf-bl.b{animation-name:kf-snipB}
@keyframes kf-snipA{from{rotate:0deg}to{rotate:-9deg}}
@keyframes kf-snipB{from{rotate:0deg}to{rotate:9deg}}
@media(prefers-reduced-motion:reduce){.kf-cut-l{animation:none;clip-path:none;opacity:.6}.kf-sc{display:none}}

/* Info-Kacheln: schlicht */
.kf-tile{background:transparent!important;border:0!important;box-shadow:none!important;padding:8px 24px!important;color:#fff!important;border-left:2px solid rgba(255,255,255,.45)!important;clip-path:none!important}
.kf-tile:first-child{border-left:0!important}
.kf-tl{color:#FFD3D8!important;font-size:14px!important;margin-bottom:8px!important}
.kf-tv{color:#fff!important;font-size:clamp(22px,2.1vw,28px)!important;line-height:1.15!important}
@media(max-width:700px){.kf-tile{border-left:0!important;border-top:2px solid rgba(255,255,255,.4)!important;padding:16px 4px!important}.kf-tile:first-child{border-top:0!important}}

/* Einsatzübersicht */
.ffva-views{display:flex;gap:0;margin:0 0 22px;border:2px solid #1B1B1D;border-radius:6px;overflow:hidden;width:max-content;max-width:100%}
.ffva-v{appearance:none;border:0;background:#fff;color:#1B1B1D;padding:12px 20px;font:600 17px/1 'Barlow',sans-serif;cursor:pointer}
.ffva-v+.ffva-v{border-left:2px solid #1B1B1D}
.ffva-v.on{background:#C8102E;color:#fff}
.ffva-v:focus-visible{outline:3px solid #C8102E;outline-offset:2px}
.ffva-ue-n{margin:0 0 14px;font:500 16px/1.4 'Barlow',sans-serif;color:#3A3733}
.ffva-ue-t{width:100%;border-collapse:collapse;background:#fff;border-radius:6px;overflow:hidden;font:400 17px/1.4 'Barlow',sans-serif}
.ffva-ue-t th{text-align:left;padding:12px 14px;background:#1B1B1D;color:#fff;font:600 14px/1 'Barlow',sans-serif;letter-spacing:.06em;text-transform:uppercase}
.ffva-ue-t td{padding:12px 14px;border-top:1px solid #E4DFD7;vertical-align:top}
.ffva-ue-t tbody tr:nth-child(even){background:#FAF8F5}
.ffva-ue-a{color:#B3001F;font-weight:600;text-decoration:underline;text-underline-offset:3px}
.ffva-ue-a:hover{color:#1B1B1D}
@media(max-width:700px){
  .ffva-ue-t thead{display:none}
  .ffva-ue-t,.ffva-ue-t tbody,.ffva-ue-t tr,.ffva-ue-t td{display:block;width:100%;box-sizing:border-box}
  .ffva-ue-t tr{padding:10px 0;border-top:1px solid #E4DFD7}
  .ffva-ue-t td{border:0;padding:3px 14px}
  .ffva-ue-t td::before{content:attr(data-l);display:block;font:600 12px/1.2 'Barlow',sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#5E5A55}
}

/* ABC-Zug */
.abc-wrap{max-width:1200px;margin:0 auto;padding:64px 24px;display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:48px;align-items:start;box-sizing:border-box}
.abc-h2{margin:0 0 20px;font:700 clamp(34px,5vw,48px)/1 'Barlow Condensed',sans-serif;text-transform:uppercase}
.abc-text p{margin:0 0 16px;font:400 18px/1.65 'Barlow',sans-serif;color:#2A2825;max-width:720px}
.abc-side{display:flex;justify-content:flex-end;position:sticky;top:90px}
.abc-side .qk-card{flex:0 0 auto;width:min(340px,100%)}
.abc-contact{display:flex;gap:20px;align-items:center;margin-top:32px;padding:20px;background:#1B1B1D;color:#fff;border-radius:8px;max-width:720px}
.abc-ph{flex:none;width:110px;height:110px;object-fit:cover;object-position:50% 25%;border-radius:6px;display:block}
.abc-ct{display:flex;flex-direction:column;gap:4px;min-width:0}
.abc-ct p{margin:0!important;color:#fff!important}
.abc-cr{font:600 13px/1.2 'Barlow',sans-serif!important;letter-spacing:.08em;text-transform:uppercase;color:#FFD3D8!important}
.abc-cn{font:700 30px/1 'Barlow Condensed',sans-serif!important;text-transform:uppercase}
.abc-cs{font:400 17px/1.3 'Barlow',sans-serif!important}
.abc-cl{margin-top:6px!important;font:400 17px/1.5 'Barlow',sans-serif!important}
.abc-cl a{color:#fff;text-decoration:underline;overflow-wrap:anywhere}
.abc-btn{align-self:flex-start;margin-top:10px;padding:12px 20px;background:#C8102E;color:#fff!important;font:600 17px/1 'Barlow',sans-serif;border-radius:4px;text-decoration:none}
.abc-btn:hover{background:#E0132F}
@media(max-width:900px){.abc-wrap{grid-template-columns:minmax(0,1fr)}.abc-side{position:static;justify-content:center;order:-1}.abc-contact{flex-direction:column;align-items:flex-start}}

/* ABC-Zug: CSA-Zeichnung + Bildüberblendung */
.abc-wrap2{max-width:1200px;margin:0 auto;padding:64px 24px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center;box-sizing:border-box}
.abc-csa{width:100%;max-width:560px;height:auto;display:block;margin:0 auto}
.abc-breathe{animation:abc-br 4s ease-in-out infinite;transform-origin:150px 240px;transform-box:view-box}
@keyframes abc-br{0%,100%{transform:scale(1)}50%{transform:scale(1.015,1.01)}}
.abc-csa-t p{margin:0 0 16px;font:400 18px/1.65 'Barlow',sans-serif;color:#2A2825;max-width:560px}
.abc-wrap3{max-width:1000px;margin:0 auto;padding:64px 24px;box-sizing:border-box}
.abc-ba-p{margin:0 0 22px;font:400 18px/1.55 'Barlow',sans-serif;color:#2A2825}
.abc-ba{position:relative;aspect-ratio:3/2;border-radius:8px;overflow:hidden;background:#1B1B1D;user-select:none;--p:100%;box-shadow:0 12px 30px rgba(0,0,0,.25)}
.abc-ba img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.ba-b{position:absolute;inset:0;clip-path:inset(0 0 0 var(--p))}
.ba-handle{position:absolute;top:0;bottom:0;left:var(--p);width:4px;margin-left:-2px;background:#fff;box-shadow:0 0 8px rgba(0,0,0,.5);pointer-events:none}
.ba-handle::after{content:"↔";position:absolute;top:50%;left:50%;width:46px;height:46px;margin:-23px 0 0 -23px;border-radius:50%;background:#C8102E;color:#fff;font:700 22px/46px 'Barlow',sans-serif;text-align:center;box-shadow:0 2px 8px rgba(0,0,0,.4)}
.ba-range{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;touch-action:pan-y}
.ba-range:focus-visible+*{outline:none}
.abc-ba:focus-within{outline:3px solid #C8102E;outline-offset:3px}
.ba-label{position:absolute;bottom:12px;padding:6px 12px;border-radius:999px;background:rgba(27,27,29,.8);color:#fff;font:600 14px/1 'Barlow',sans-serif;pointer-events:none}
.ba-label.l{left:12px}.ba-label.r{right:12px}
.abc-ba-note{margin:14px 0 0;font:italic 400 15px/1.4 'Barlow',sans-serif;color:#5E5A55}
@media(max-width:900px){.abc-wrap2{grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){.abc-breathe{animation:none}}
.abc-wrap2{grid-template-columns:minmax(0,1fr)!important;padding:48px 24px!important;justify-items:center}
.abc-csa{max-width:520px}
.abc-csa-c{margin:0;font:600 15px/1 'Barlow',sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#5E5A55;text-align:center}

.abc-side{flex-direction:column;align-items:flex-end;gap:18px}
.abc-csa-n{width:120px;opacity:.95}
.abc-csa-n .abc-csa{width:100%;max-width:none}
@media(max-width:900px){.abc-side{align-items:center}}