/* Stadtansichten – zentrale Zusatz-Styles (Child-Theme, auf allen Seiten geladen)
   Texturen wie wagnergraphics.de. Wiederverwendbar über „Zusätzliche CSS-Klasse(n)“ im Editor:
   .sa-papier      = helle Papierfläche mit Fasern + Korn
   .sa-filz-dunkel = dunkler Anthrazit-Filz, Text hell */
:root{ --sa-papier:#F3F4F2; --sa-filz:#2A2D31; --sa-filz-text:#D9DEE2; }

/* Papier */
.sa-papier, div.stk-9c9d4c3.stk-9c9d4c3{
  background:var(--sa-papier) url(../img/papier-fasern.svg) 0 0/420px 420px repeat !important; position:relative; isolation:isolate }
.sa-papier::before, div.stk-9c9d4c3.stk-9c9d4c3::before{
  content:'' !important; display:block !important; position:absolute; inset:0;
  background:url(../img/papier-korn.svg) repeat !important; opacity:.5 !important; mix-blend-mode:multiply; pointer-events:none; z-index:0 }
.sa-papier > *, div.stk-9c9d4c3.stk-9c9d4c3 > .stk-row{ position:relative; z-index:1 }

/* Filz dunkel: Filzkarton wie wagnergraphics.de/druck (felt-dark.webp, 384px gekachelt), abgedunkelt, Lichtkegel oben links */
.sa-filz-dunkel, .stk-95b7869.stk-block-background{
  background-color:var(--sa-filz) !important;
  background-image:linear-gradient(rgba(0,0,0,.3),rgba(0,0,0,.3)), radial-gradient(ellipse 55% 140% at 18% 0%,rgba(255,255,255,.06),transparent 70%), url(../img/felt-dark.webp) !important;
  background-size:100% 100%, 100% 100%, 384px 384px !important;
  background-repeat:no-repeat, no-repeat, repeat !important;
  position:relative; isolation:isolate }
.sa-filz-dunkel::before, .stk-95b7869.stk-block-background::before{ content:none !important; display:none !important }
.sa-filz-dunkel > *, .stk-95b7869 > *{ position:relative; z-index:1 }
.sa-filz-dunkel h1, .sa-filz-dunkel h2, .sa-filz-dunkel h3, .sa-filz-dunkel .stk-block-heading__text,
.stk-95b7869 h2, .stk-95b7869 .stk-block-heading__text{ color:#fff !important }
.sa-filz-dunkel p, .stk-95b7869 p{ color:var(--sa-filz-text) !important }
.sa-filz-dunkel .wp-block-button__link, .stk-95b7869 .wp-block-button__link{ background:var(--sa-papier) !important; color:var(--sa-filz) !important }
.sa-filz-dunkel .wp-block-button__link:hover, .sa-filz-dunkel .wp-block-button__link:focus-visible,
.stk-95b7869 .wp-block-button__link:hover, .stk-95b7869 .wp-block-button__link:focus-visible{ background:#fff !important }

/* Startseite: Postkarten-Spalte */
.pk-intro{ max-width:none; margin:20px 0 0 !important; text-align:left !important }
.stk-95b7869 h2.stk-block-heading__text.has-text-align-center{ text-align:left !important }
.stk-95b7869 .pk-grid .wc-block-components-product-image{ margin-bottom:0 !important }
.stk-95b7869 .pk-grid .wp-block-post-template{ row-gap:5px !important }
/* Unterzeile statt h6 (Heading-Reihenfolge, PageSpeed) */
.sa-subline{font-family:'Roboto Slab',serif;font-size:20px;font-weight:400;line-height:1.5}
@media (max-width:689.98px){.sa-subline{font-size:16px}}

/* Postkarten-Seite: Kartenraster auf Filz, Hinweisleiste auf Papier */
.sa-filz-dunkel .kwl-pk-card h3{color:var(--theme-palette-color-4) !important}
.kwl-pk-hinweis{padding-block:clamp(22px,3vw,34px)}
.kwl-pk-hinweis{padding-block:clamp(40px,5vw,72px)}
.kwl-pk-hinweis .kwl-info{gap:clamp(18px,2.5vw,32px);margin:0}
.kwl-info-card{background:#fff;padding:clamp(24px,2.8vw,38px);border-radius:4px;border-top:3px solid var(--theme-palette-color-1);box-shadow:0 18px 40px -28px rgba(17,21,24,.45),0 0 0 1px rgba(17,21,24,.06)}
.kwl-info-card h3{margin:0 0 10px;font-size:clamp(19px,1.6vw,22px);line-height:1.3}
.kwl-info-card p{margin:0 0 16px;font-size:15.5px;line-height:1.6;color:var(--theme-palette-color-3)}
.kwl-info-card p:last-child{margin-bottom:0}
.kwl-info-link a{font-weight:600;color:var(--theme-palette-color-1);text-decoration:none}
.kwl-info-link a:hover,.kwl-info-link a:focus-visible{text-decoration:underline;text-underline-offset:3px}
.kwl-pk-hinweis .kwl-note{margin:clamp(20px,2.5vw,28px) 0 0;text-align:center;font-size:14px;max-width:none}
/* Postkarten auf Filz: Karten beige, 10er-Zeile 50 % / 80 % Weiss, Radius 3px */
.sa-filz-dunkel .kwl-pk-card{background:var(--theme-palette-color-7)}
.sa-filz-dunkel .kwl-pk-row--best{background:rgba(255,255,255,.5);box-shadow:none;border-radius:3px;transition:background-color .25s ease}
.sa-filz-dunkel .kwl-pk-row--best:hover{background:rgba(255,255,255,.8);box-shadow:none}

/* Newsletter-Popup (Content Block 17263): kein Außenabstand, Bild füllt links, Papier rechts */
.sa-nl-popup.stk-block{margin:0 !important}
.sa-nl-popup .stk-block-column.stk-block-background{background-size:cover !important;background-position:center !important}
.sa-nl-popup .sa-papier .stk-column-wrapper{padding:clamp(24px,3vw,40px)}