/* Datei: assets/css/main.css */

/* Design tokens */
:root{
  --fmn-red: #C8102E;
  --fmn-dark: #222222;
  --fmn-gray: #F5F5F5;
  --fmn-accent: #FFD100;
  --radius: 14px;
  --shadow-sm: 0 1px 2px rgba(0,0,0,.05), 0 1px 1px rgba(0,0,0,.04);
  --shadow-md: 0 10px 22px rgba(34,34,34,.12);
  --ql-size: 84px;
}

/* Base */
html,body{height:100%}
body{
  color:var(--fmn-dark);
  background:#fafbfc;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
/* Falls ein Inline-Style der Admin-Bar ein margin-top setzt, neutralisieren */
html[style*="margin-top"], body[style*="margin-top"]{ margin-top:0 !important }
/* Verhindert weißen Balken unter der Admin-Bar auf der Startseite */
.home{background:#fafbfc}
.home .wp-block-cover:first-child,
.home .wp-block-group:first-child{margin-top:0}
/* Wenn das Inline-SVG (Sprite) als erstes Kindelement kommt, trotzdem erstes Cover ohne Abstand */
body.home > svg + .wp-block-cover{margin-top:0 !important}
/* Fange weitere Fälle ab: erster Block ohne oberen Abstand */
.home .wp-block-post-content > *:first-child,
.home .entry-content > *:first-child,
.home .is-layout-constrained > *:first-child{margin-top:0 !important}
.admin-bar .hero{margin-top:0 !important}
a{color:var(--fmn-red); text-decoration:none}
a:hover{text-decoration:underline}

.container{width:min(1200px,92vw); margin-inline:auto;}
.container--content{width:min(var(--wp--style--global--content-size, 760px), 92vw); margin-inline:auto}
.container--wide{width:min(var(--wp--style--global--wide-size, 1200px), 92vw); margin-inline:auto}

/* Block style helpers for width */
.is-style-fmn-content{max-width:min(var(--wp--style--global--content-size, 760px), 92vw); margin-left:auto; margin-right:auto}
.is-style-fmn-wide{max-width:min(var(--wp--style--global--wide-size, 1200px), 92vw); margin-left:auto; margin-right:auto}
.is-style-fmn-full{width:100vw; margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw)}
.section{padding:clamp(2.5rem, 5vw, 4.5rem) 0}

/* Header */
.site-header{position:sticky; top:0; z-index:50; background:#fff; border-bottom:1px solid #eee}
.site-header--with-image{background:transparent; border-bottom-color:rgba(255,255,255,.25)}
.site-header--with-image{overflow:hidden}
/* Verhindert helle Ränder durch Blur, indem die Ebene über den Rand hinausragt */
.site-header--with-image::before{content:""; position:absolute; inset:-18px; background-image:var(--header-bg); background-size:cover; background-position:center; filter:blur(var(--header-blur, 8px)) brightness(.75); will-change:filter; z-index:0}
.site-header--with-image::after{content:""; position:absolute; inset:0; background:linear-gradient(0deg, rgba(0,0,0,.35), rgba(0,0,0,.15)); z-index:0}
.site-header--with-image .container{position:relative; z-index:1}
.site-header--with-image .site-logo{color:#fff !important}
.site-header--with-image .menu a{color:#fff}
.site-header--with-image .menu a:hover{color:var(--fmn-accent)}
.site-header--with-image .site-logo__context{color:#fff; font-weight:700; letter-spacing:.02em; text-shadow:0 2px 12px rgba(0,0,0,.45); white-space:nowrap}
.site-header--with-image .site-logo__context::before{content:"\2013"; display:inline-block; margin:0 .5ch;}

/* Header alignment: vertical centering of texts */
.site-header .header__bar{display:flex; align-items:center; justify-content:space-between; min-height:var(--header-height, 64px); padding:0}
.site-header .header__left{display:flex; align-items:center; gap:0; min-width:0}
.site-header .site-logo,.site-header .site-logo__context{display:inline-flex; align-items:center; line-height:1}
.site-header .site-logo__context{min-width:0; overflow:hidden; text-overflow:ellipsis}
.site-header .menu{align-items:center}
/* Header auf Startseite ausblenden */
.home .site-header, .front-page .site-header{display:none}
.menu{display:flex; gap:1rem; list-style:none; margin:0; padding:0}
.menu a{color:var(--fmn-dark); text-decoration:none; font-weight:600}
.menu a:hover{color:var(--fmn-red)}

/* Hero */
.hero{position:relative; min-height:56vh; display:grid; place-items:center}
.hero::after{content:""; position:absolute; inset:0; background:linear-gradient(0deg, rgba(0,0,0,.55), rgba(0,0,0,.25) 45%, rgba(0,0,0,0));}
.hero__inner{position:relative; color:#fff; padding:clamp(2rem,5vw,4rem) 0; text-align:center}
.hero__inner h1{font-weight:800; text-transform:uppercase; letter-spacing:.04em; text-shadow:0 2px 16px rgba(0,0,0,.35)}
.hero__inner p{margin:.25rem 0 0.75rem; font-weight:600; letter-spacing:.03em}
.hero .button{margin-top:1rem}

/* Cover-Block Stil: Inhalt mittig (Hero) */
.is-style-fmn-hero-center{min-height:56vh}
.is-style-fmn-hero-center .wp-block-cover__inner-container{display:grid; place-items:center; padding:clamp(1.25rem,4vw,3rem) 0; text-align:center; gap:var(--wp--style--block-gap, clamp(.25rem, 1vw, .75rem))}
.is-style-fmn-hero-center .wp-block-cover__inner-container > *{text-align:center !important}

/* Grid */
.grid{display:grid; gap:clamp(1rem, 2.5vw, 1.5rem)}
.grid--1{grid-template-columns:1fr}
.grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width: 960px){
  .grid--2,.grid--3{grid-template-columns:1fr}
}

/* Cards */
.card{display:block; padding:1.25rem 1.5rem; background:#fff; border:1px solid #e9eaee; border-radius:var(--radius);
  box-shadow:var(--shadow-sm); transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease}
.card:hover{transform:translateY(-2px); box-shadow:var(--shadow-md); border-color:#e2e3e8}
.card h3{margin:0 0 .375rem; font-size:1.125rem; display:flex; align-items:center; gap:.5rem}
.card p{margin:.25rem 0 0; color:#555}
a.card{color:inherit}

/* Quicklinks */
.quicklinks .card--ql{ text-align:center; padding:1.75rem }
.quicklinks .card--ql h3{ display:block; margin:0 0 .375rem; text-align:center; gap:0 }
.quicklinks .card--ql p{ text-align:center }
.quicklinks a.card:hover{ text-decoration:none }
.ql-badge{display:inline-block; width:var(--ql-size); height:var(--ql-size); margin:0 auto .9rem; color:var(--ql-bg, var(--fmn-red))}
.ql-badge .ql-badge__bg{fill:currentColor}
.ql-badge .ql-badge__bg-mask{fill:currentColor}
.ql-badge .ql-badge__icon{color:#fff; fill:#fff}
.icon{width:1em; height:1em; fill:currentColor}

/* Post cards */
.card--post{padding:0}
.card__inner{padding:1rem 1.25rem}
.card__thumb{border-radius:var(--radius) var(--radius) 0 0; width:100%; height:auto; display:block}
.card--post h3{margin:.25rem 0 .5rem}
.card--post small{color:#7a7a7a}
.card--post .button{margin-top:.5rem; padding:.5rem .875rem}
.link-more{display:inline-block; margin-top:.5rem; color:var(--fmn-red); font-weight:700; text-transform:uppercase; letter-spacing:.02em}
.link-more:hover{text-decoration:underline}

/* Buttons */
.button{display:inline-flex; align-items:center; justify-content:center; gap:.5rem; padding:.65rem 1rem; border-radius:999px; border:1px solid transparent; font-weight:700}
.button--primary{background:var(--fmn-red); color:#fff; box-shadow:var(--shadow-sm)}
.button--primary:hover{filter:brightness(.95); text-decoration:none}
.button--ghost{background:transparent; color:#fff; border-color:rgba(255,255,255,.7)}
.button--ghost:hover{background:rgba(255,255,255,.08); text-decoration:none}

/* Gutenberg Button-Block Größenvarianten */
.is-style-fmn-btn-lg .wp-block-button__link{font-size:1.125rem; padding:.85rem 1.25rem; border-radius:999px}
.is-style-fmn-btn-xl .wp-block-button__link{font-size:1.25rem; padding:1rem 1.5rem; border-radius:999px}

/* Hero Button Hover: sanftes Liften, Glow, leichte Sättigung */
.is-style-fmn-hero-center .wp-block-button__link,
.hero .wp-block-button__link{
  transition: transform .18s ease, box-shadow .2s ease, filter .18s ease, background-color .18s ease;
  border-radius:999px;
}
.is-style-fmn-hero-center .wp-block-button__link.has-fmn-red-background-color,
.hero .wp-block-button__link.has-fmn-red-background-color{
  background-color: var(--fmn-red);
  color:#fff;
  box-shadow: var(--shadow-sm);
}
.is-style-fmn-hero-center .wp-block-button__link:hover,
.hero .wp-block-button__link:hover{
  transform: translateY(-2px) scale(1.02);
  box-shadow: 0 10px 22px rgba(200,16,46,.28), 0 4px 10px rgba(0,0,0,.12);
  filter: saturate(1.05) brightness(.98);
  text-decoration:none;
}
.is-style-fmn-hero-center .wp-block-button__link:active,
.hero .wp-block-button__link:active{
  transform: translateY(0) scale(1.0);
  box-shadow: var(--shadow-sm);
}
.is-style-fmn-hero-center .wp-block-button__link:focus-visible,
.hero .wp-block-button__link:focus-visible{
  outline: 3px solid rgba(255,255,255,.8);
  outline-offset: 2px;
}

/* Headings and spacing tweaks */
h1{font-size:clamp(2rem, 3vw, 2.75rem); line-height:1.15; margin:0 0 .5rem}
h2{margin:0 0 .75rem; font-size:clamp(1.5rem, 2.2vw, 1.9rem)}
.section h2 + .grid{margin-top:1rem}

/* Footer */
.site-footer{background:#111; color:#d6d6d6}
.site-footer a{color:#fff}
.site-footer h3,.site-footer h4{color:#fff}
.site-footer .widget{margin-bottom:1rem}
.site-footer .widget__title{margin:0 0 .5rem}

/* Einsätze-Widget */
.fmn-einsatz-widget{margin:1rem 0}
.fmn-ew__title{margin:0 0 .5rem}
.fmn-ew__list{list-style:none; padding:0; margin:0; display:grid; gap:.75rem}
.fmn-ew__item{background:#fff; border:1px solid #e9eaee; border-radius:var(--radius); overflow:hidden; box-shadow:var(--shadow-sm); transition:transform .16s ease, box-shadow .16s ease}
.fmn-ew__link{display:flex; align-items:center; gap:.875rem; padding:.5rem .75rem; color:inherit; text-decoration:none}
.fmn-ew__thumb{flex:0 0 84px; width:84px; height:64px; border-radius:10px; background-size:cover; background-position:center}
.fmn-ew__meta{display:flex; flex-direction:column}
.fmn-ew__number{color:#6b6b6b; text-transform:uppercase; letter-spacing:.03em}
.fmn-ew__headline{font-size:1rem; line-height:1.25}
.fmn-ew__stichwortline{color:#a90e27; font-weight:800}
.fmn-ew__stichwort{color:#a90e27; font-weight:700}
.fmn-ew__place{color:#6b6b6b}
.fmn-ew__date{color:#6b6b6b}
.fmn-ew__item:hover{transform:translateY(-2px); box-shadow:var(--shadow-md)}

/* Custom cards (manuelle Kacheln) */
.fmn-cw__title{font-size:1rem; line-height:1.25}
.fmn-cw__subtitle{color:#6b6b6b}

/* Grid-Layout: Kacheln nebeneinander */
.fmn-einsatz-widget--grid .fmn-ew__list{grid-template-columns:repeat(var(--cols,3), minmax(0,1fr)); gap:1rem}
.fmn-einsatz-widget--grid .fmn-ew__link{display:block; padding:0}
.fmn-einsatz-widget--grid .fmn-ew__thumb{display:block; width:100%; height:160px; border-radius:var(--radius) var(--radius) 0 0; background-size:cover; background-position:center; aspect-ratio:16/9}
.fmn-einsatz-widget--grid .fmn-ew__meta{padding:.75rem .875rem}
.fmn-einsatz-widget--grid .fmn-ew__number{margin:0 0 .125rem}
.fmn-einsatz-widget--grid .fmn-ew__headline{margin:0 0 .125rem}
.fmn-einsatz-widget--grid .fmn-ew__stichwort{margin:0 0 .125rem}
.fmn-einsatz-widget--grid .fmn-ew__stichwortline{margin:0 0 .125rem}
.fmn-einsatz-widget--grid .fmn-cw__title{margin:0 0 .125rem}

/* Min-height für individuelle Kacheln */
.fmn-custom-widget .fmn-ew__item{min-height:var(--cw-min-h, auto)}

/* Debug output styling */
.fmn-ew__debug{list-style:none; padding:.25rem 0; margin:0}
.fmn-ew__debug details{background:#fbfbfc; border:1px dashed #d9dbe1; border-radius:8px; padding:.5rem .75rem}
.fmn-ew__debug pre{white-space:pre-wrap; font-size:.85em; margin:.5rem 0 0}

/* Responsive: Grid wird bei schmalen Bildschirmen automatisch vertikal */
@media (max-width: 1200px){
  .fmn-einsatz-widget--grid .fmn-ew__list{grid-template-columns:repeat(2, minmax(0,1fr))}
}
@media (max-width: 960px){
  .fmn-einsatz-widget--grid .fmn-ew__list{grid-template-columns:1fr}
}

/* Latest Posts Widget (abgesetzt vom Einsatz-Stil) */
.fmn-lp-widget{margin:1rem 0}
.fmn-lp__title{margin:0 0 .5rem}
.fmn-lp__list{list-style:none; margin:0; padding:0; display:grid; gap:1rem}
.fmn-lp__item{background:#fff; border:1px solid #e7e9ee; border-radius:14px; overflow:hidden; box-shadow:0 4px 14px rgba(34,34,34,.08); transition:transform .16s ease, box-shadow .16s ease}
.fmn-lp__link{display:block; color:inherit; text-decoration:none}
.fmn-lp--grid .fmn-lp__link{display:flex; flex-direction:column; height:100%}
.fmn-lp__thumb{position:relative; display:block}
.fmn-lp__img{display:block; width:100%; height:160px; background-size:cover; background-position:center}
.fmn-lp__badges{position:absolute; left:10px; bottom:10px; display:flex; gap:6px; flex-wrap:wrap; align-items:center}
.fmn-lp__badge{background:rgba(200,16,46,.95); color:#fff; padding:.25rem .5rem; border-radius:999px; font-size:.75rem; line-height:1; box-shadow:0 6px 14px rgba(200,16,46,.35)}
.fmn-lp__meta{display:flex; flex-direction:column; padding:.75rem .875rem}
.fmn-lp__headline{display:block; font-size:1.05rem; line-height:1.25; margin:0 0 .25rem}
.fmn-lp__excerpt{display:block; color:#555; margin:0 0 .25rem}
.fmn-lp__date{color:#7a7a7a; margin-top:auto}
.fmn-lp__item:hover{transform:translateY(-2px); box-shadow:0 12px 26px rgba(34,34,34,.14)}
.fmn-lp__footer{display:flex; justify-content:center; margin-top:.5rem}

/* Grid layout */
.fmn-lp--grid .fmn-lp__list{grid-template-columns:repeat(var(--cols,3), minmax(0,1fr))}
@media (max-width: 1200px){ .fmn-lp--grid .fmn-lp__list{grid-template-columns:repeat(2, minmax(0,1fr))} }
@media (max-width: 960px){ .fmn-lp--grid .fmn-lp__list{grid-template-columns:1fr} }

/* List layout (Bild links) */
.fmn-lp--list .fmn-lp__list{grid-template-columns:1fr}
.fmn-lp--list .fmn-lp__link{display:flex; gap:1rem; align-items:flex-start}
.fmn-lp--list .fmn-lp__thumb{flex:0 0 clamp(220px, 30vw, 420px)}
.fmn-lp--list .fmn-lp__img{height:auto; aspect-ratio:16/9; border-radius:14px 0 0 14px}
.fmn-lp--list .fmn-lp__meta{display:flex; flex-direction:column; padding: .75rem .875rem}

/* Responsive: auf kleinen Bildschirmen Bild oben, Text darunter */
@media (max-width: 740px){
  .fmn-lp--list .fmn-lp__link{flex-direction:column; align-items:stretch}
  .fmn-lp--list .fmn-lp__thumb{flex:0 0 auto; width:100%}
  .fmn-lp--list .fmn-lp__img{width:100%; height:auto; aspect-ratio:16/9; border-radius:14px 14px 0 0}
  .fmn-lp--list .fmn-lp__meta{padding:.75rem .875rem}
}

/* Person Duo */
.fmn-duo{margin:1rem 0}
.fmn-duo__image{display:flex; justify-content:center}
.fmn-duo__image img{display:block; width:auto; max-width:100%; height:auto; border-radius:14px}
.fmn-duo__cols{display:grid; gap:1rem; grid-template-columns:repeat(2,minmax(0,1fr)); margin-top:.75rem}
.fmn-duo__col{background:#fff; border:1px solid #e7e9ee; border-radius:14px; padding:.75rem .875rem; box-shadow:0 4px 12px rgba(34,34,34,.06)}
.fmn-duo__title{display:block; margin:0 0 .25rem; font-size:1.05rem}
.fmn-duo__text{color:#555}
@media (max-width: 960px){ .fmn-duo__cols{grid-template-columns:1fr} }
/* Filterbar */
.fmn-filterbar{display:flex; flex-wrap:wrap; gap:.5rem .75rem; margin:.5rem 0 1rem}
.fmn-filterbar .button{background:#f1f3f7; color:#222; border:1px solid #e0e3ea}
.fmn-filterbar .button.is-active{background:var(--fmn-red); color:#fff; border-color:transparent}

/* Einsatzverwaltung Tabelle – optisch ans Theme angepasst */
table.einsatzverwaltung-reportlist{width:100%; border-collapse:separate; border-spacing:0; background:#fff; border:1px solid #e7e9ee; border-radius:14px; box-shadow:var(--shadow-sm); overflow:hidden;  font-size:clamp(10px, 1.1vw, 14px)}
/* Alle Zellen/Ãœberschriften zentrieren */
table.einsatzverwaltung-reportlist th,
table.einsatzverwaltung-reportlist td{ text-align:center; vertical-align:middle; white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
/* Langer Link-Titel in einer Zeile mit Ellipsis */
table.einsatzverwaltung-reportlist td.einsatz-column-title a{ display:inline-block; max-width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
/* Feste Spaltenbreiten: 1=Lfd. 2=Datum 3=Uhrzeit 4=Dauer 5=Ort 6=Meldung (flex) 7=Alarmierungsart 8=Foto 9=Besonderes */
/* Falls das Plugin ein <colgroup> nutzt, setze Breiten auch dort */

/* Spalte 6 (Einsatzmeldung) bleibt flexibel, aber nicht kleiner als 160px */
/* Body-Zeilen haben ein zusätzliches erstes TD (.smallscreen), daher hier über Klassen steuern */
/* In den Icon-Spalten keine Ellipsis/Punkte anzeigen und evtl. Resttext unterdrücken */

/* Smallscreen-Zelle grundsätzlich aus Layout rausnehmen (Desktop/Mittel), nur im Mobile-Override sichtbar */

table.einsatzverwaltung-reportlist tr.einsatz-title-month td{background:#fff !important; color:#222; font-weight:800; text-transform:uppercase; letter-spacing:.03em; padding:.75rem .75rem; border-top:1px solid #e7e9ee; text-align:center; white-space:normal !important; overflow:visible !important; text-overflow:clip !important}
table.einsatzverwaltung-reportlist tr.report:hover td{background:#fbfcfe}
table.einsatzverwaltung-reportlist tr.report{transition: background-color .12s ease}
table.einsatzverwaltung-reportlist tr.report:hover td{background:#f7f9fc}
table.einsatzverwaltung-reportlist tr.report[tabindex]:focus td, table.einsatzverwaltung-reportlist tr.report:focus-within td{background:#eef3fb}
table.einsatzverwaltung-reportlist tr.zebracorrection td{display:none}
table.einsatzverwaltung-reportlist td.einsatz-column-title a{color:var(--fmn-red); font-weight:700; text-decoration:none}
table.einsatzverwaltung-reportlist td.einsatz-column-title a:hover{text-decoration:underline}

table.einsatzverwaltung-reportlist i.fa-camera[title*="keine"],
table.einsatzverwaltung-reportlist i.fa-camera[title*="Keine"],
table.einsatzverwaltung-reportlist i.fa-camera[title*="ohne"],
table.einsatzverwaltung-reportlist i.fa-camera[title*="Ohne"]{color:#bbb !important}
table.einsatzverwaltung-reportlist i.fa-star{color:var(--fmn-red) !important}
table.einsatzverwaltung-reportlist i.fa-star[title*="Kein"],
table.einsatzverwaltung-reportlist i.fa-star[title*="kein"]{color:#bbb !important}
/* Mobile Icon-Bar */
.annotation-icon-bar i.fa-camera{color:var(--fmn-red) !important}
.annotation-icon-bar i.fa-camera[title*="keine"],
.annotation-icon-bar i.fa-camera[title*="Keine"],
.annotation-icon-bar i.fa-camera[title*="ohne"],
.annotation-icon-bar i.fa-camera[title*="Ohne"]{color:#bbb !important}
.annotation-icon-bar i.fa-star{color:var(--fmn-red) !important}
.annotation-icon-bar i.fa-star[title*="Kein"],
.annotation-icon-bar i.fa-star[title*="kein"]{color:#bbb !important}
table.einsatzverwaltung-reportlist .annotation-icon-bar{margin-bottom:.25rem}
table.einsatzverwaltung-reportlist td.smallscreen{background:#fff; border:1px solid #e7e9ee; border-radius:12px; padding:.75rem; box-shadow:var(--shadow-sm); position:relative}
table.einsatzverwaltung-reportlist td.smallscreen .einsatz-title a{color:var(--fmn-red); font-weight:700}
/* Mobile: ab schmalen Bildschirmen Stack-Layout (Smallscreen-Zelle) */
@media (max-width: 740px){
  table.einsatzverwaltung-reportlist{width:100%; border-collapse:separate; border-spacing:0; background:#fff; border:1px solid #e7e9ee; border-radius:14px; box-shadow:var(--shadow-sm); overflow:hidden;  width:100% !important; text-align:center; background:#fff; border:1px solid #e7e9ee; border-radius:12px; padding:.55rem .7rem; box-shadow:0 2px 8px rgba(0,0,0,.04); position:relative }
  /* Icons oben rechts, nehmen keinen Platz in der Breite ein */
  table.einsatzverwaltung-reportlist td.smallscreen .annotation-icon-bar{ position:absolute; top:.35rem; right:.5rem; display:flex; gap:.35rem; margin:0; z-index:2 }
  table.einsatzverwaltung-reportlist td.smallscreen .annotation-icon-bar i{ line-height:1; font-size:1rem }
  table.einsatzverwaltung-reportlist td.smallscreen .annotation-icon-bar .fa-solid{ font-family:"Font Awesome 6 Free"; font-weight:900 }
  table.einsatzverwaltung-reportlist td.smallscreen span{ display:block; margin:.08rem 0; line-height:1.1 }
  table.einsatzverwaltung-reportlist td.smallscreen strong{ color:#777; font-weight:600 }
  /* Lfd.-Nummer wie die übrigen Zeilen (gleich große Schrift/Abstände), zentriert */
  table.einsatzverwaltung-reportlist td.smallscreen .einsatz-seqNum{
    display:block; text-align:center; margin:.08rem 0; line-height:1.1;
    font-size:inherit; font-weight:inherit; letter-spacing:normal; color:inherit;
  }
  table.einsatzverwaltung-reportlist td.smallscreen .einsatz-title a{ color: var(--fmn-red); font-weight:700; text-decoration:none }
}

/* Kompakte Karten für Beitrags-Liste mit Filter */
.fmn-filter-list .card--post{padding:0}
.fmn-filter-list .card--post a{display:flex; align-items:flex-start; gap:.5rem; padding:.4rem .5rem}
/* Gleich große Bilder + sehr kompakte Darstellung */
.fmn-filter-list .card__thumb{display:block; flex:0 0 clamp(140px, 24vw, 260px); width:clamp(140px, 24vw, 260px); height:120px; object-fit:cover; border-radius:10px}
.fmn-filter-list .card__inner{padding:.2rem .35rem; display:flex; flex-direction:column}
.fmn-filter-list .card--post h3{margin:0 0 .2rem; font-size:.95rem; line-height:1.25}
.fmn-filter-list .card--post p{display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; margin:.15rem 0 .15rem; font-size:.88rem; color:#555}
.fmn-filter-list .card--post small{font-size:.8rem; color:#7a7a7a; margin-top:auto; align-self:flex-end; text-align:right}
.fmn-filter-list .link-more{display:none}
@media (max-width: 640px){
  .fmn-filter-list .card--post a{flex-direction:column}
  .fmn-filter-list .card__thumb{width:100%; flex:0 0 auto; height:160px}
}

/* (entfernt) Facebook Caption Feed Styles */








/* Header: Mobile Layout Tweaks */
@media (max-width: 740px){
  /* Site title: Umbruch an Bindestrich erlauben und komplette Lesbarkeit sichern */
  .site-header--with-image .site-logo{
    display:inline-block; max-width:12ch; white-space:normal; line-height:1.05;
    hyphens: manual; overflow-wrap: anywhere; word-break: normal;
  }
  /* Kontext: komplette Wörter lesbar, keine Ellipsis; lange deutsche Wörter dürfen umbrechen */
  .site-header--with-image .site-logo__context{
    /* Auf Mobil: Kontext-Titel im Header ausblenden, Überschrift steht unten im Content */
    display:none !important;
  }
}