/* Feuerwehr Führungen 3.5.0. All styles are scoped to this directory. */
.fwf-directory{--fwf-red:#b7192d;--fwf-ink:#192b3e;--fwf-muted:#485a6b;--fwf-line:#dce3ea;width:100%;max-width:1320px;min-width:0;margin:0 auto;padding:clamp(24px,4vw,48px) clamp(12px,2vw,24px);box-sizing:border-box;color:var(--fwf-ink);font-family:inherit;line-height:1.6}
.fwf-directory *{box-sizing:border-box}.fwf-directory svg{display:block}.fwf-directory a:focus-visible{outline:3px solid #236ec2;outline-offset:4px}
.fwf-directory .fwf-hero{padding:8px 0 28px;margin:0 0 28px;border-bottom:1px solid var(--fwf-line)}
.fwf-directory .fwf-eyebrow{display:block;font-size:12px;font-weight:700;letter-spacing:1.4px;color:var(--fwf-red);margin-bottom:12px}
.fwf-directory .fwf-hero h2{margin:0 0 12px;color:var(--fwf-ink);font-family:inherit;font-size:clamp(28px,4vw,40px);line-height:1.2;font-weight:750;text-transform:none}
.fwf-directory .fwf-hero p{margin:0;color:var(--fwf-muted);font-size:17px}.fwf-directory .fwf-hero-mark{display:none}
.fwf-directory .fwf-nav{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 30px;padding:0}
.fwf-directory .fwf-nav a{display:inline-flex;align-items:center;justify-content:center;min-width:0;min-height:50px;padding:12px 18px;border:1px solid var(--fwf-line);border-radius:11px;background:#fff;color:var(--fwf-ink);font-size:15px;font-weight:650;line-height:1.4;text-align:center;text-decoration:none;overflow-wrap:anywhere;transition:background .18s,border-color .18s,box-shadow .18s}
.fwf-directory .fwf-nav a:hover{background:#fff4f5;border-color:#b7192d;color:var(--fwf-red)}
.fwf-directory .fwf-nav a[aria-selected="true"]{background:var(--fwf-red);border-color:var(--fwf-red);color:#fff;box-shadow:0 4px 12px #b7192d18}
.fwf-directory .fwf-main-nav{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:8px;margin-bottom:0;border:1px solid #d3dde6;border-bottom:0;border-radius:20px 20px 0 0;background:#edf2f6}
.fwf-directory .fwf-main-nav a{min-height:70px;padding:18px;font-size:clamp(19px,2.5vw,23px);font-weight:750;border:1px solid transparent;border-radius:13px;background:transparent}
.fwf-directory .fwf-main-nav a[aria-selected="true"]{background:var(--fwf-ink);border-color:var(--fwf-ink);color:#fff;box-shadow:0 5px 14px #192b3e20}
.fwf-directory .fwf-main-panel{min-width:0;padding:clamp(20px,3vw,36px);border:1px solid #d3dde6;border-top:4px solid var(--fwf-red);border-radius:0 0 20px 20px;background:linear-gradient(180deg,#f6f8fb,#fff 480px)}
.fwf-directory .fwf-main-panel[hidden],.fwf-directory .fwf-group[hidden]{display:none !important}
.fwf-directory [role="tabpanel"]:focus-visible{outline:3px solid #236ec2;outline-offset:5px}
.fwf-directory .fwf-area-label{margin:0 0 28px;color:var(--fwf-muted);font-size:14px;font-weight:700;letter-spacing:1px;text-transform:uppercase}
.fwf-directory .fwf-department-nav{padding-bottom:26px;margin-bottom:30px;border-bottom:1px solid var(--fwf-line)}
.fwf-directory .fwf-group{margin:0 0 44px;scroll-margin-top:110px;min-width:0}.fwf-directory .fwf-group:last-child{margin-bottom:0}
.fwf-directory .fwf-heading{display:flex;align-items:center;gap:15px;margin:0 0 23px;padding:0}
.fwf-directory .fwf-heading::after{content:"";height:1px;background:var(--fwf-line);flex:1;min-width:12px}
.fwf-directory .fwf-heading-icon{display:grid;place-items:center;flex:0 0 50px;width:50px;height:50px;background:#fbe9ed;color:var(--fwf-red);border-radius:14px}
.fwf-directory .fwf-heading-icon svg{width:29px;height:29px;fill:currentColor}
.fwf-directory .fwf-heading h2,.fwf-directory .fwf-heading h3{min-width:0;margin:0;padding:0;color:var(--fwf-ink);font-family:inherit;font-size:clamp(23px,2.6vw,30px);font-weight:750;line-height:1.25;letter-spacing:-.5px;text-transform:none;overflow-wrap:anywhere}
.fwf-directory .fwf-group-number{display:none}
.fwf-directory .fwf-grid,.fwf-directory .fwf-grid-three{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:24px}
/* Contacts span the full card width, so long email addresses retain space. */
.fwf-directory .fwf-card{display:grid;grid-template-columns:120px minmax(0,1fr);grid-template-rows:auto 1fr auto;align-content:start;column-gap:24px;row-gap:0;min-width:0;padding:26px;background:#fff;border:1px solid var(--fwf-line);border-top:4px solid var(--fwf-red);border-radius:17px;box-shadow:0 6px 22px #192b3e09;transition:box-shadow .18s,border-color .18s}
.fwf-directory .fwf-card:hover{border-color:#b8c5d2;border-top-color:var(--fwf-red);box-shadow:0 10px 28px #192b3e13}
.fwf-directory .fwf-avatar{grid-column:1;grid-row:1 / 3;width:120px;aspect-ratio:35/45;overflow:hidden;border-radius:12px;background:linear-gradient(140deg,#eef3f7,#dce5ed);border:1px solid #e0e6ed;align-self:start}
.fwf-directory .fwf-avatar img{display:block;width:100%;max-width:100%;height:100%;aspect-ratio:35/45;object-fit:cover;object-position:center 18%;border:0;border-radius:0;margin:0;padding:0}
.fwf-directory .fwf-avatar-placeholder{display:grid;place-items:center;width:100%;height:100%;color:#687f94}.fwf-directory .fwf-avatar-placeholder svg{width:54px;height:54px;fill:currentColor}
.fwf-directory .fwf-card-content{display:contents}
.fwf-directory .fwf-role{grid-column:2;grid-row:1;margin:2px 0 10px;padding:0;color:var(--fwf-red);font-size:14px;font-weight:700;line-height:1.5;overflow-wrap:anywhere}
.fwf-directory .fwf-name{grid-column:2;grid-row:2;align-self:start;margin:0;padding:0;color:var(--fwf-ink);font-family:inherit;font-size:clamp(23px,2.3vw,28px);font-weight:750;line-height:1.25;letter-spacing:-.5px;text-transform:none;overflow-wrap:anywhere}
.fwf-directory .fwf-contacts{grid-column:1 / -1;grid-row:3;min-width:0;border-top:1px solid var(--fwf-line);margin-top:24px;padding-top:12px}
.fwf-directory .fwf-contact{display:flex;align-items:flex-start;gap:12px;min-height:48px;padding:12px 10px;border-radius:8px;color:var(--fwf-muted);font-size:15px;line-height:1.6;text-decoration:none;transition:background .18s}
.fwf-directory .fwf-contact span{min-width:0;overflow-wrap:anywhere}.fwf-directory .fwf-contact svg{flex:0 0 19px;width:19px;height:19px;margin-top:3px;fill:var(--fwf-red)}
.fwf-directory .fwf-contact:hover{background:#f4f6f9;color:var(--fwf-red);text-decoration:underline;text-underline-offset:3px}
.fwf-directory .fwf-empty{margin:0;padding:28px;border:1px dashed #bbc8d5;border-radius:14px;background:#fff;color:var(--fwf-muted);font-size:16px;line-height:1.7}
@media(max-width:700px){.fwf-directory .fwf-main-panel{padding:24px 18px}.fwf-directory .fwf-grid,.fwf-directory .fwf-grid-three{grid-template-columns:1fr}.fwf-directory .fwf-department-nav a{flex:1 1 auto}}
@media(max-width:480px){.fwf-directory{padding:24px 10px}.fwf-directory .fwf-main-nav{gap:5px;padding:6px}.fwf-directory .fwf-main-nav a{min-height:60px;padding:14px 8px;font-size:19px}.fwf-directory .fwf-main-panel{padding:22px 12px}.fwf-directory .fwf-card{grid-template-columns:82px minmax(0,1fr);column-gap:16px;padding:20px 16px}.fwf-directory .fwf-avatar{width:82px}.fwf-directory .fwf-role{font-size:13px;margin-top:0}.fwf-directory .fwf-name{font-size:23px}.fwf-directory .fwf-contact{padding:12px 0;font-size:14px;gap:9px}.fwf-directory .fwf-contacts{margin-top:20px}.fwf-directory .fwf-heading{gap:10px}.fwf-directory .fwf-heading-icon{width:42px;height:42px;flex-basis:42px}.fwf-directory .fwf-heading h2,.fwf-directory .fwf-heading h3{font-size:23px}.fwf-directory .fwf-nav a{font-size:14px}.fwf-directory .fwf-main-nav a{font-size:19px}.fwf-directory .fwf-area-label{font-size:12px}.fwf-directory .fwf-group{margin-bottom:34px}}
@media(prefers-reduced-motion:reduce){.fwf-directory *{transition:none}}
@media print{.fwf-directory{padding:0;max-width:none}.fwf-directory .fwf-nav{display:none}.fwf-directory .fwf-main-panel[hidden],.fwf-directory .fwf-group[hidden]{display:block !important}.fwf-directory .fwf-main-panel{border:0;background:#fff;padding:0;margin-bottom:24px}.fwf-directory .fwf-card{break-inside:avoid;box-shadow:none}}
/* Keep the available width in Elementor, without resizing unrelated widgets. */
.elementor-widget-shortcode:has(.fwf-directory){width:100% !important;max-width:100% !important;min-width:0;align-self:stretch;flex-grow:1}
.elementor-widget-shortcode:has(.fwf-directory) > .elementor-widget-container,.elementor-shortcode:has(> .fwf-directory){width:100%;min-width:0;max-width:100%}

/* Finishing details: department symbols, portrait frame and contact surfaces. */
.fwf-directory .fwf-department-nav a{gap:10px}
.fwf-directory .fwf-tab-icon{flex:0 0 23px;width:23px;height:23px;display:grid;place-items:center}
.fwf-directory .fwf-tab-icon svg{width:23px;height:23px;fill:currentColor}
.fwf-directory .fwf-avatar{padding:5px;border:1px solid #ccd6e0;border-radius:14px;background:#edf2f6;box-shadow:0 3px 10px #192b3e0c}
.fwf-directory .fwf-avatar img{border-radius:8px;aspect-ratio:auto}
.fwf-directory .fwf-avatar-placeholder{border-radius:8px;background:#e3eaf1}
.fwf-directory .fwf-contacts{display:grid;gap:8px}
.fwf-directory .fwf-contact{padding:12px;background:#f3f6f9;border:1px solid #e7ecf1;border-radius:10px}
.fwf-directory .fwf-contact:hover,.fwf-directory .fwf-contact:focus-visible{background:#fceff1;border-color:#e9bac2}
.fwf-directory .fwf-command .fwf-card{border-top-color:var(--fwf-ink);box-shadow:0 7px 24px #192b3e0d}
.fwf-directory .fwf-command .fwf-heading-icon{background:var(--fwf-ink);color:#fff}
.fwf-directory .fwf-command .fwf-role{color:var(--fwf-ink)}
@media(max-width:480px){.fwf-directory .fwf-tab-icon,.fwf-directory .fwf-tab-icon svg{width:20px;height:20px}.fwf-directory .fwf-tab-icon{flex-basis:20px}.fwf-directory .fwf-contact{padding:11px 9px}.fwf-directory .fwf-avatar{padding:4px}}
@media print{.fwf-directory .fwf-command .fwf-card,.fwf-directory .fwf-avatar{box-shadow:none}.fwf-directory .fwf-contact{background:#fff}}

/* Shared mail belongs to the team; personal mail remains on each person's card. */
.fwf-directory .fwf-shared-contact{display:flex;align-items:flex-start;gap:16px;margin:0 0 24px;padding:22px 24px;background:#eaf0f6;border:1px solid #cbd8e5;border-left:4px solid var(--fwf-ink);border-radius:12px;min-width:0}
.fwf-directory .fwf-shared-contact-icon{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:11px;background:var(--fwf-ink);color:#fff}
.fwf-directory .fwf-shared-contact-icon svg{width:22px;height:22px;fill:currentColor}
.fwf-directory .fwf-shared-contact-content{min-width:0}.fwf-directory .fwf-shared-contact-title{margin:0;color:var(--fwf-ink);font-size:17px;font-weight:750;line-height:1.4;overflow-wrap:anywhere}
.fwf-directory .fwf-shared-contact-note{margin:5px 0 3px;color:var(--fwf-muted);font-size:14px;line-height:1.5}
.fwf-directory .fwf-shared-contact a{display:inline-block;max-width:100%;min-height:44px;padding:9px 0;color:var(--fwf-ink);font-size:16px;font-weight:650;text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}
.fwf-directory .fwf-shared-contact a:hover{color:var(--fwf-red)}
.fwf-directory .fwf-personal-email{display:flex;flex-direction:column;gap:2px}.fwf-directory .fwf-contact-label{font-size:12px;font-weight:700;color:var(--fwf-muted)}
@media(max-width:480px){.fwf-directory .fwf-shared-contact{padding:18px 14px;gap:12px}.fwf-directory .fwf-shared-contact-title{font-size:16px}.fwf-directory .fwf-shared-contact a{font-size:14px}.fwf-directory .fwf-shared-contact-icon{width:34px;height:34px;flex-basis:34px}}
