/* ==========================================================================
   News-Seite: Ergaenzungen zum News-Werkzeug (25.9.2026)

   Geladen von news.html (alle Sprachen) UND vom News-Werkzeug
   (dashboard.html), damit die Live-Vorschau dort exakt so aussieht wie die
   Seite. Grundoptik der Karten und des Detailfensters steht weiterhin in
   website-basis.css (.newscard, .newsmodal) — hier nur, was das Werkzeug neu
   in die Meldungen schreiben kann:
     - Abzeichen „Wichtig" an angehefteten Meldungen (data-news-oben)
     - Zwischenueberschriften, Listen und Links im ausfuehrlichen Text
     - Runde 2: Kategorie-Farben, Termin, Neu-Abzeichen, Galerie, Knoepfe
     - 26.9.2026: Design-Vorlagen, Anordnungen, Akzentfarben, Abzeichen und
       formatierter Text (Schriften, Formatvorlagen, Zitat, Bilder im Text)
   ========================================================================== */

/* Luecken im Raster fuellen: Steht eine angeheftete normale Karte vor einer
   hervorgehobenen (volle Breite), blieben rechts daneben sonst zwei leere
   Zellen. "dense" zieht die naechsten Karten in diese Luecken. */
.news{grid-auto-flow:row dense}

/* Angeheftet: dezentes Abzeichen oben links auf dem Foto. Das Stecknadel-
   Symbol kommt aus dem CSS (Maske), nicht als <svg> im Markup — Meldungen
   duerfen serverseitig keine SVG-Elemente enthalten (speichere-news.js). */
.newscard .newspin{
  position:absolute;top:14px;left:14px;z-index:3;
  display:inline-flex;align-items:center;gap:.5em;
  padding:.42em .85em .42em .7em;border-radius:99px;
  font-size:.7rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;line-height:1;
  color:#fff;background:rgba(15,11,8,.74);border:1px solid rgba(255,255,255,.22);
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
  pointer-events:none;
}
.newscard .newspin::before{
  content:"";width:.95em;height:.95em;flex:none;background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 4h6l-1 5 3 3H7l3-3z'/%3E%3Cpath d='M12 12v8'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 4h6l-1 5 3 3H7l3-3z'/%3E%3Cpath d='M12 12v8'/%3E%3C/svg%3E") center/contain no-repeat;
}

/* Ausfuehrlicher Text im Detailfenster: Zwischenueberschriften, Listen, Links */
.newsmodal-text h4{
  margin:1.5em 0 .5em;font-family:var(--display);font-weight:700;text-transform:uppercase;
  font-size:1.05rem;letter-spacing:.04em;line-height:1.2;color:#fff;
}
.newsmodal-text h4:first-child{margin-top:0}
.newsmodal-text ul,.newsmodal-text ol{
  margin:.9em 0 0;padding-left:1.3em;max-width:62ch;
  font-size:1.02rem;line-height:1.7;color:#d4c2b7;
}
.newsmodal-text ul{list-style:none;padding-left:0}
.newsmodal-text ul li{position:relative;padding-left:1.25em}
.newsmodal-text ul li::before{
  content:"";position:absolute;left:.15em;top:.72em;width:.42em;height:.42em;border-radius:50%;
  background:var(--red-lit,#e4173a);
}
.newsmodal-text ol li::marker{color:#e8d6b5;font-weight:600}
.newsmodal-text li + li{margin-top:.35em}
.newsmodal-text p + ul,.newsmodal-text p + ol,.newsmodal-text ul + p,.newsmodal-text ol + p{margin-top:1.1em}
.newsmodal-text strong{color:#fff;font-weight:600}
.newsmodal-text a{
  color:#fff;text-decoration:underline;text-decoration-color:rgba(228,23,58,.7);
  text-underline-offset:.18em;text-decoration-thickness:1.5px;
}
.newsmodal-text a:hover{color:var(--red-lit,#e4173a)}

/* ==========================================================================
   Runde 2 (25.9.2026): Kategorie-Farben, Untertitel, Termin, Neu-Abzeichen,
   Bildnachweis, Galerie, weitere Knoepfe und Schlagworte im Detailfenster.
   Alles, was hier neu ist, schreibt das News-Werkzeug (werkzeug-news.js);
   das Verhalten steht in website-interaktion.js (News-Teil).
   Kontraste gegen die Karte (--ink-2 #3d2c1a) nachgerechnet: Kategorie-
   farben 7,9–9,3 : 1 (vorher Rot #e4173a nur 2,9 : 1), Datum #b8a781
   5,6 : 1 (vorher #9c8b6e 4,0 : 1), Termin #e8d6b5 9,4 : 1.
   ========================================================================== */
.newscard .newsmeta,.newsmodal .newsmeta{color:#b8a781}
.newscard[data-cat] .newsmeta .tag,.newsmodal[data-cat] .newsmeta .tag{color:var(--kat,#ff8a9d);border-color:color-mix(in srgb,var(--kat,#ff8a9d) 45%,transparent)}
/* Farbe haengt am Container (Karte bzw. Detailfenster), nicht am Etikett —
   sonst gewinnt die allgemeinere Regel oben durch hoehere Spezifitaet */
.newscard[data-cat="hotel"],.newsmodal[data-cat="hotel"]{--kat:#f6c28b}
.newscard[data-cat="verleih"],.newsmodal[data-cat="verleih"]{--kat:#9fd3ff}
.newscard[data-cat="vorteil"],.newsmodal[data-cat="vorteil"]{--kat:#ffb3c0}
.newscard[data-cat="service"],.newsmodal[data-cat="service"]{--kat:#b9e3b0}
.newscard[data-cat="region"],.newsmodal[data-cat="region"]{--kat:#d8c6ff}
.newscard[data-cat="event"],.newsmodal[data-cat="event"]{--kat:#8fe3d9}
/* feine Farbkante oben an der Karte in der Kategoriefarbe */
.newscard[data-cat]{position:relative}
.newscard[data-cat]::after{content:"";position:absolute;left:0;right:0;top:0;height:3px;z-index:2;pointer-events:none;
  background:linear-gradient(90deg,var(--kat,transparent),transparent 70%);opacity:.9}

/* Untertitel und Termin-Zeile (Karte und Detailfenster) */
.newscard p.newsunter,.newsmodal-unter{flex:0 0 auto;margin:-.15em 0 .7em;font-size:1rem;line-height:1.45;font-weight:600;color:#e8d6b5}
.newscard p.newstermin,.newsmodal-termin{flex:0 0 auto;display:flex;flex-wrap:wrap;align-items:center;gap:.35em .7em;margin:0 0 .9em;
  font-size:.88rem;line-height:1.4;font-weight:600;color:#e8d6b5}
.newstermin::before,.newsmodal-termin::before{content:"";width:1.05em;height:1.05em;flex:none;background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='5' width='17' height='15.5' rx='2'/%3E%3Cpath d='M3.5 10h17M8 3v4M16 3v4'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='5' width='17' height='15.5' rx='2'/%3E%3Cpath d='M3.5 10h17M8 3v4M16 3v4'/%3E%3C/svg%3E") center/contain no-repeat}
.newstermin .newsort,.newsmodal-termin .newsort{display:inline-flex;align-items:center;gap:.4em;font-weight:500;color:#cbbba8}
/* Ort mit Ortsmarke statt Trennpunkt — bricht die Zeile um, steht kein
   verwaister Punkt am Zeilenanfang */
.newstermin .newsort::before,.newsmodal-termin .newsort::before{content:"";width:1em;height:1em;flex:none;background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s-7-6.2-7-11.5a7 7 0 0 1 14 0C19 14.8 12 21 12 21z'/%3E%3Ccircle cx='12' cy='9.5' r='2.5'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s-7-6.2-7-11.5a7 7 0 0 1 14 0C19 14.8 12 21 12 21z'/%3E%3Ccircle cx='12' cy='9.5' r='2.5'/%3E%3C/svg%3E") center/contain no-repeat}
.newscard .newsfoto,.newscard .newsgal,.newscard .newslinks{display:none}

/* Neu-Abzeichen (setzt website-interaktion.js, solange data-news-neu gilt) */
.newscard .newsneu{position:absolute;top:14px;right:14px;z-index:3;padding:.42em .85em;border-radius:99px;
  font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;line-height:1;color:#fff;
  background:var(--red,#c41230);box-shadow:0 8px 20px -8px rgba(196,18,48,.8);pointer-events:none;
  animation:newsneu-ein .6s cubic-bezier(.2,.8,.2,1) both}
@keyframes newsneu-ein{from{opacity:0;transform:translateY(-6px) scale(.9)}}
@media (prefers-reduced-motion:reduce){.newscard .newsneu{animation:none}}

/* Detailfenster: Bildnachweis, Galerie, weitere Knoepfe, Schlagworte */
.newsmodal-pic{position:relative}
.newsmodal-pic img{transition:opacity .35s ease}
.newsmodal-pic img.is-wechsel{opacity:0}
.newsmodal-foto{margin:0;padding:.55em clamp(24px,3.4vw,44px) 0;font-size:.78rem;line-height:1.4;color:#b8a781}
.newsmodal-bildtext{margin:.2em 0 0;padding:0 clamp(24px,3.4vw,44px);font-size:.86rem;color:#e8d6b5}
.newsmodal-gal{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px;margin-top:1.6em}
.newsmodal-gal button{position:relative;aspect-ratio:4/3;border-radius:10px;overflow:hidden;padding:0;
  border:2px solid transparent;background:var(--ink-3,#4f3a22);cursor:pointer;transition:border-color .25s,transform .25s}
.newsmodal-gal button img{width:100%;height:100%;object-fit:cover;display:block}
.newsmodal-gal button:hover{transform:translateY(-2px)}
.newsmodal-gal button[aria-current="true"]{border-color:#fff}
.newsmodal-gal button:focus-visible{outline:2px solid #fff;outline-offset:2px}
.newsmodal-galtitel{margin:1.8em 0 0;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:#b8a781}
.newsmodal-links{display:flex;flex-wrap:wrap;gap:.6em 1.6em;margin-top:.8em}
.newsmodal-worte{display:flex;flex-wrap:wrap;gap:.45em;margin-top:1.4em;padding:0;list-style:none}
.newsmodal-worte li{padding:.32em .8em;border-radius:99px;border:1px solid rgba(255,255,255,.18);font-size:.76rem;color:#e8d6b5}
@media (prefers-reduced-motion:reduce){.newsmodal-pic img{transition:none}.newsmodal-gal button{transition:none}}

/* Detailfenster: Abstand Kategorie-Zeile → Titel. „mt-2" rechnet in em und
   ergab bei der grossen Titelschrift rund 100 px Luecke. */
.newsmodal-body #newsModalTitle.mt-2{margin-top:.3em}
.newsmodal-unter{margin-top:.45em}

/* ==========================================================================
   Design-Vorlagen, Anordnungen, Akzentfarben und formatierter Text
   (26.9.2026, Paket news)

   Das News-Werkzeug (dashboard.html) schreibt an die Meldung
     data-vorlage   standard | aktion | neuigkeit | event | saison | zeiten |
                    hinweis | geschichte | zitat | schlicht
     data-layout    gross (Standard, Attribut fehlt) | links | rechts | ohne | galerie
     data-akzent    rot | gold | gletscher | tanne | beere | sonne | schiefer
   dazu optional <span class="newsband"> (Abzeichen, z. B. „−25 %") und bei
   Veranstaltungen <span class="newsdatum"> (Kalenderblatt). Den
   ausfuehrlichen Text filtert werkzeug-news-text.js auf eine feste Form mit
   den Klassen nb-… (unten, Abschnitt „Formatierter Text").
   Dasselbe Attribut setzt website-interaktion.js beim Oeffnen auch an das
   Detailfenster (#newsModal), damit Karte und Fenster zusammenpassen.

   Farben: --nk = Akzent fuer Schrift/Linien auf der dunklen Karte (--ink-2),
   --nk-bg/--nk-ink = gefuellte Flaeche (Abzeichen, Kalenderblatt) und
   Schrift darauf. Kontraste nachgerechnet gegen #3d2c1a: alle --nk-Toene
   zwischen 5,1 : 1 (rot #ff7a90) und 12,6 : 1 (sonne #ffcf6b); Schrift auf
   den Flaechen mindestens 5,9 : 1 (weiss auf #c41230).
   Kein Stil hier laedt etwas von fremden Servern: Symbole sind data:-Masken,
   Schriften liegen unter assets/fonts/.
   ========================================================================== */

/* --- Schriftarten fuer formatierten Text -----------------------------------
   Dieselben @font-face-Regeln wie im Seiten-Werkzeug (cms-inhalte.css,
   erzeugt aus SCHRIFTEN in cms-kern.js). Ein Browser laedt eine Schrift nur,
   wenn eine Meldung sie wirklich verwendet — die Liste kostet sonst nichts.
   Kommt eine Schrift in cms-kern.js dazu: den Block zwischen den
   Markierungen aus cms-inhalte.css hierher kopieren. */
/* SCHRIFTEN:ANFANG */
@font-face{font-family:'Roboto';src:url(../fonts/cms/roboto-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:'Roboto';src:url(../fonts/cms/roboto-700.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:'Open Sans';src:url(../fonts/cms/open-sans-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:'Open Sans';src:url(../fonts/cms/open-sans-700.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:'Lato';src:url(../fonts/cms/lato-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:'Lato';src:url(../fonts/cms/lato-700.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:'Montserrat';src:url(../fonts/cms/montserrat-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:'Montserrat';src:url(../fonts/cms/montserrat-700.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:'Poppins';src:url(../fonts/cms/poppins-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:'Poppins';src:url(../fonts/cms/poppins-700.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:'Raleway';src:url(../fonts/cms/raleway-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:'Raleway';src:url(../fonts/cms/raleway-700.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:'Nunito';src:url(../fonts/cms/nunito-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:'Nunito';src:url(../fonts/cms/nunito-700.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:'Work Sans';src:url(../fonts/cms/work-sans-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:'Work Sans';src:url(../fonts/cms/work-sans-700.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:'DM Sans';src:url(../fonts/cms/dm-sans-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:'DM Sans';src:url(../fonts/cms/dm-sans-700.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:'Source Sans 3';src:url(../fonts/cms/source-sans-3-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:'Source Sans 3';src:url(../fonts/cms/source-sans-3-700.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:'Barlow';src:url(../fonts/cms/barlow-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:'Barlow';src:url(../fonts/cms/barlow-700.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:'Manrope';src:url(../fonts/cms/manrope-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:'Manrope';src:url(../fonts/cms/manrope-700.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:'Outfit';src:url(../fonts/cms/outfit-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:'Outfit';src:url(../fonts/cms/outfit-700.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:'Figtree';src:url(../fonts/cms/figtree-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:'Figtree';src:url(../fonts/cms/figtree-700.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:'Rubik';src:url(../fonts/cms/rubik-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:'Rubik';src:url(../fonts/cms/rubik-700.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:'Karla';src:url(../fonts/cms/karla-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:'Karla';src:url(../fonts/cms/karla-700.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:'Mulish';src:url(../fonts/cms/mulish-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:'Mulish';src:url(../fonts/cms/mulish-700.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:'Quicksand';src:url(../fonts/cms/quicksand-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:'Quicksand';src:url(../fonts/cms/quicksand-700.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:'Josefin Sans';src:url(../fonts/cms/josefin-sans-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:'Josefin Sans';src:url(../fonts/cms/josefin-sans-700.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:'Archivo';src:url(../fonts/cms/archivo-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:'Archivo';src:url(../fonts/cms/archivo-700.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:'Plus Jakarta Sans';src:url(../fonts/cms/plus-jakarta-sans-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:'Plus Jakarta Sans';src:url(../fonts/cms/plus-jakarta-sans-700.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:'Urbanist';src:url(../fonts/cms/urbanist-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:'Urbanist';src:url(../fonts/cms/urbanist-700.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:'Lexend';src:url(../fonts/cms/lexend-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:'Lexend';src:url(../fonts/cms/lexend-700.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:'Oswald';src:url(../fonts/cms/oswald-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:'Oswald';src:url(../fonts/cms/oswald-700.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:'Barlow Condensed';src:url(../fonts/cms/barlow-condensed-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:'Barlow Condensed';src:url(../fonts/cms/barlow-condensed-700.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:'Bebas Neue';src:url(../fonts/cms/bebas-neue-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:'Anton';src:url(../fonts/cms/anton-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:'Fjalla One';src:url(../fonts/cms/fjalla-one-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:'League Spartan';src:url(../fonts/cms/league-spartan-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:'League Spartan';src:url(../fonts/cms/league-spartan-700.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:'Saira';src:url(../fonts/cms/saira-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:'Saira';src:url(../fonts/cms/saira-700.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:'Saira Condensed';src:url(../fonts/cms/saira-condensed-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:'Saira Condensed';src:url(../fonts/cms/saira-condensed-700.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:'Teko';src:url(../fonts/cms/teko-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:'Teko';src:url(../fonts/cms/teko-700.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:'Archivo Black';src:url(../fonts/cms/archivo-black-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:'Alfa Slab One';src:url(../fonts/cms/alfa-slab-one-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:'Righteous';src:url(../fonts/cms/righteous-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:'Playfair Display';src:url(../fonts/cms/playfair-display-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:'Playfair Display';src:url(../fonts/cms/playfair-display-700.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:'Merriweather';src:url(../fonts/cms/merriweather-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:'Merriweather';src:url(../fonts/cms/merriweather-700.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:'Lora';src:url(../fonts/cms/lora-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:'Lora';src:url(../fonts/cms/lora-700.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:'Libre Baskerville';src:url(../fonts/cms/libre-baskerville-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:'Libre Baskerville';src:url(../fonts/cms/libre-baskerville-700.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:'EB Garamond';src:url(../fonts/cms/eb-garamond-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:'EB Garamond';src:url(../fonts/cms/eb-garamond-700.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:'Cormorant Garamond';src:url(../fonts/cms/cormorant-garamond-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:'Cormorant Garamond';src:url(../fonts/cms/cormorant-garamond-700.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:'DM Serif Display';src:url(../fonts/cms/dm-serif-display-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:'Crimson Pro';src:url(../fonts/cms/crimson-pro-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:'Crimson Pro';src:url(../fonts/cms/crimson-pro-700.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:'Cinzel';src:url(../fonts/cms/cinzel-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:'Cinzel';src:url(../fonts/cms/cinzel-700.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:'Bodoni Moda';src:url(../fonts/cms/bodoni-moda-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:'Bodoni Moda';src:url(../fonts/cms/bodoni-moda-700.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:'Abril Fatface';src:url(../fonts/cms/abril-fatface-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:'Roboto Slab';src:url(../fonts/cms/roboto-slab-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:'Roboto Slab';src:url(../fonts/cms/roboto-slab-700.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:'Zilla Slab';src:url(../fonts/cms/zilla-slab-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:'Zilla Slab';src:url(../fonts/cms/zilla-slab-700.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:'Spectral';src:url(../fonts/cms/spectral-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:'Spectral';src:url(../fonts/cms/spectral-700.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:'Prata';src:url(../fonts/cms/prata-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:'Marcellus';src:url(../fonts/cms/marcellus-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:'Dancing Script';src:url(../fonts/cms/dancing-script-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:'Dancing Script';src:url(../fonts/cms/dancing-script-700.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:'Great Vibes';src:url(../fonts/cms/great-vibes-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:'Pacifico';src:url(../fonts/cms/pacifico-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:'Caveat';src:url(../fonts/cms/caveat-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:'Caveat';src:url(../fonts/cms/caveat-700.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:'Satisfy';src:url(../fonts/cms/satisfy-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:'Kaushan Script';src:url(../fonts/cms/kaushan-script-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:'Parisienne';src:url(../fonts/cms/parisienne-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:'Sacramento';src:url(../fonts/cms/sacramento-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:'Amatic SC';src:url(../fonts/cms/amatic-sc-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:'Amatic SC';src:url(../fonts/cms/amatic-sc-700.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:'Permanent Marker';src:url(../fonts/cms/permanent-marker-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:'Allura';src:url(../fonts/cms/allura-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:'Shadows Into Light';src:url(../fonts/cms/shadows-into-light-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:'Indie Flower';src:url(../fonts/cms/indie-flower-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:'JetBrains Mono';src:url(../fonts/cms/jetbrains-mono-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:'JetBrains Mono';src:url(../fonts/cms/jetbrains-mono-700.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:'Space Mono';src:url(../fonts/cms/space-mono-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:'Space Mono';src:url(../fonts/cms/space-mono-700.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:'IBM Plex Mono';src:url(../fonts/cms/ibm-plex-mono-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:'IBM Plex Mono';src:url(../fonts/cms/ibm-plex-mono-700.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:'Courier Prime';src:url(../fonts/cms/courier-prime-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:'Courier Prime';src:url(../fonts/cms/courier-prime-700.woff2) format("woff2");font-weight:700;font-display:swap}
/* SCHRIFTEN:ENDE */

/* --- Akzent je Vorlage, dann ueberschreibbar per data-akzent --------------- */
.newscard,.newsmodal{--nk:var(--kat,#ff8a9d);--nk-bg:#c41230;--nk-ink:#fff}
.newscard[data-vorlage="aktion"],.newsmodal[data-vorlage="aktion"]{--nk:#ff7a90;--nk-bg:#c41230;--nk-ink:#fff}
.newscard[data-vorlage="neuigkeit"],.newsmodal[data-vorlage="neuigkeit"],
.newscard[data-vorlage="geschichte"],.newsmodal[data-vorlage="geschichte"],
.newscard[data-vorlage="zitat"],.newsmodal[data-vorlage="zitat"]{--nk:#e2b57c;--nk-bg:#cf9f66;--nk-ink:#1a120a}
.newscard[data-vorlage="event"],.newsmodal[data-vorlage="event"],
.newscard[data-vorlage="saison"],.newsmodal[data-vorlage="saison"]{--nk:#9fd8ff;--nk-bg:#9fd8ff;--nk-ink:#0d1a24}
.newscard[data-vorlage="zeiten"],.newsmodal[data-vorlage="zeiten"],
.newscard[data-vorlage="hinweis"],.newsmodal[data-vorlage="hinweis"]{--nk:#ffcf6b;--nk-bg:#ffcf6b;--nk-ink:#241a05}
.newscard[data-vorlage="schlicht"],.newsmodal[data-vorlage="schlicht"]{--nk:#c3ccd6;--nk-bg:#c3ccd6;--nk-ink:#151a20}
/* data-akzent steht bewusst NACH den Vorlagen: gleiche Spezifitaet, gewinnt */
.newscard[data-akzent="rot"],.newsmodal[data-akzent="rot"]{--nk:#ff7a90;--nk-bg:#c41230;--nk-ink:#fff}
.newscard[data-akzent="gold"],.newsmodal[data-akzent="gold"]{--nk:#e2b57c;--nk-bg:#cf9f66;--nk-ink:#1a120a}
.newscard[data-akzent="gletscher"],.newsmodal[data-akzent="gletscher"]{--nk:#9fd8ff;--nk-bg:#9fd8ff;--nk-ink:#0d1a24}
.newscard[data-akzent="tanne"],.newsmodal[data-akzent="tanne"]{--nk:#8fdcaa;--nk-bg:#8fdcaa;--nk-ink:#0c1f14}
.newscard[data-akzent="beere"],.newsmodal[data-akzent="beere"]{--nk:#ffa3c4;--nk-bg:#ffa3c4;--nk-ink:#2a0c18}
.newscard[data-akzent="sonne"],.newsmodal[data-akzent="sonne"]{--nk:#ffcf6b;--nk-bg:#ffcf6b;--nk-ink:#241a05}
.newscard[data-akzent="schiefer"],.newsmodal[data-akzent="schiefer"]{--nk:#c3ccd6;--nk-bg:#c3ccd6;--nk-ink:#151a20}

/* Farbkante oben: Akzent statt Kategorie, sobald Vorlage oder Akzent gesetzt */
.newscard[data-vorlage]::after,.newscard[data-akzent]::after{
  content:"";position:absolute;left:0;right:0;top:0;height:3px;z-index:2;pointer-events:none;
  background:linear-gradient(90deg,var(--nk),transparent 75%);opacity:.95}
.newscard[data-vorlage],.newscard[data-akzent]{position:relative}
.newscard[data-vorlage] h3 .newsopen:hover,.newscard[data-akzent] h3 .newsopen:hover{color:var(--nk)}

/* --- Abzeichen auf der Karte (newsband) und Kalenderblatt (newsdatum) ------ */
.newscard .newsband{
  position:absolute;top:14px;right:14px;z-index:3;max-width:calc(100% - 28px);
  padding:.46em .9em;border-radius:99px;
  font-family:var(--display);font-weight:700;font-size:.86rem;letter-spacing:.04em;line-height:1.05;text-transform:uppercase;
  color:var(--nk-ink);background:var(--nk-bg);box-shadow:0 10px 24px -10px rgba(0,0,0,.75);
  pointer-events:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.newscard .newsdatum{
  position:absolute;top:14px;right:14px;z-index:3;display:flex;flex-direction:column;align-items:stretch;
  min-width:62px;border-radius:12px;overflow:hidden;text-align:center;line-height:1;
  background:#fff;color:#1a120a;box-shadow:0 12px 26px -12px rgba(0,0,0,.8);pointer-events:none}
.newscard .newsdatum small{order:-1;display:block;padding:.46em .7em;font-size:.66rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  background:var(--nk-bg);color:var(--nk-ink)}
.newscard .newsdatum b{display:block;padding:.26em .4em .3em;font-family:var(--display);font-weight:700;font-size:1.75rem}
.newscard .newsdatum ~ .newsband{top:92px}
/* Neu-Abzeichen links, unter „Wichtig", damit rechts Platz fuer Abzeichen/Datum bleibt */
.newscard .newsneu{right:auto;left:14px}
.newscard[data-news-oben] .newsneu{top:52px}

/* --- Anordnung von Bild und Text (data-layout) ----------------------------- */
/* Bild links / rechts: die Karte bekommt zwei Spalten des Rasters */
.newscard[data-layout="links"],.newscard[data-layout="rechts"]{grid-column:span 2;flex-direction:row}
.newscard[data-layout="rechts"]{flex-direction:row-reverse}
.newscard[data-layout="links"] .pic,.newscard[data-layout="rechts"] .pic{flex:0 0 45%;aspect-ratio:auto;min-height:280px}
.newscard[data-layout="links"] .body-in,.newscard[data-layout="rechts"] .body-in{justify-content:center}
.newscard.lead-item[data-layout="links"],.newscard.lead-item[data-layout="rechts"]{grid-column:1 / -1}

/* Ohne Bild: Text als Hauptsache, Abzeichen in einer Zeile oben */
.newscard[data-layout="ohne"]{flex-flow:row wrap;align-content:flex-start;
  background:radial-gradient(120% 80% at 100% 0%,color-mix(in srgb,var(--nk) 16%,transparent),transparent 62%),var(--ink-2)}
.newscard[data-layout="ohne"] > .newspin,.newscard[data-layout="ohne"] > .newsband,
.newscard[data-layout="ohne"] > .newsdatum,.newscard[data-layout="ohne"] > .newsneu{position:static;flex:none;margin:22px 0 0 clamp(20px,2.2vw,28px);align-self:flex-start}
.newscard[data-layout="ohne"] > .newsdatum + .newsband{margin-left:10px}
.newscard[data-layout="ohne"] > .body-in{flex:1 1 100%;padding-top:clamp(18px,2vw,24px)}
.newscard[data-layout="ohne"] h3{font-size:clamp(1.45rem,2.3vw,2rem)}
.newscard[data-layout="ohne"] .body-in > p:not([class]){font-size:1.04rem;color:#d4c2b7}
.newscard.lead-item[data-layout="ohne"] .body-in{padding:clamp(24px,3.4vw,48px)}

/* Galerie: Titelbild gross, bis zu zwei weitere Bilder daneben */
.newscard .pic-mosaik{display:grid;gap:3px;grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr}
.newscard .pic-mosaik img{width:100%;height:100%;min-height:0;object-fit:cover}
.newscard .pic-mosaik img:first-child{grid-row:1 / 3}
.newscard .pic-mosaik img:first-child:nth-last-child(2){grid-row:auto}
.newscard .pic-mosaik:has(img:first-child:nth-last-child(2)){grid-template-columns:1fr 1fr;grid-template-rows:1fr}
.newscard .pic-mosaik img:only-child{grid-row:auto;grid-column:1 / -1}
.newscard.lead-item .pic-mosaik{min-height:320px}

@media (max-width:1100px){
  .newscard[data-layout="links"],.newscard[data-layout="rechts"]{grid-column:1 / -1}
}
@media (max-width:680px){
  .newscard[data-layout="links"],.newscard[data-layout="rechts"]{grid-column:auto;flex-direction:column}
  .newscard[data-layout="links"] .pic,.newscard[data-layout="rechts"] .pic{flex:none;aspect-ratio:16/10;min-height:0}
}
@media (max-width:1000px){
  .newscard.lead-item[data-layout="rechts"]{flex-direction:column}
  .newscard.lead-item[data-layout="ohne"]{flex-direction:row}
}

/* --- Design-Vorlagen (data-vorlage) ---------------------------------------- */
/* Aktion / Angebot: rotes Leuchten, grosses schraeges Abzeichen */
.newscard[data-vorlage="aktion"]{border-color:color-mix(in srgb,var(--nk) 38%,transparent);
  background:radial-gradient(90% 70% at 100% 100%,color-mix(in srgb,var(--nk-bg) 22%,transparent),transparent 65%),var(--ink-2)}
.newscard[data-vorlage="aktion"] .newsband{font-size:1.08rem;padding:.55em 1.05em;transform:rotate(-4deg);transform-origin:100% 0}
.newscard[data-vorlage="aktion"] h3{font-size:clamp(1.3rem,2.1vw,1.8rem)}

/* Neuigkeit: goldene Kante ueber die ganze Breite, ruhiges Bild */
.newscard[data-vorlage="neuigkeit"]::after{height:4px;background:linear-gradient(90deg,var(--nk),color-mix(in srgb,var(--nk) 30%,transparent))}
.newscard[data-vorlage="neuigkeit"] .newsmeta time{color:var(--nk)}

/* Veranstaltung: Kalenderblatt, Termin in der Akzentfarbe */
.newscard[data-vorlage="event"] .newstermin,.newsmodal[data-vorlage="event"] .newsmodal-termin{color:var(--nk)}
.newscard[data-vorlage="event"]{background:linear-gradient(180deg,var(--ink-2) 60%,color-mix(in srgb,var(--nk) 8%,var(--ink-2)))}

/* Saisonstart: Gletscherschimmer und feiner Schnee */
.newscard[data-vorlage="saison"],.newsmodal[data-vorlage="saison"] .newsmodal-panel{
  background:
    radial-gradient(circle at 1px 1px,rgba(255,255,255,.13) 1px,transparent 1.7px) 0 0/22px 22px,
    radial-gradient(110% 80% at 100% 0%,rgba(159,216,255,.2),transparent 60%),
    linear-gradient(180deg,#2f3a44 0%,var(--ink-2) 55%)}
.newscard[data-vorlage="saison"] h3{letter-spacing:.01em}

/* Oeffnungszeiten: Uhr als Wasserzeichen, gleich breite Ziffern */
.newscard[data-vorlage="zeiten"] .body-in{position:relative;font-variant-numeric:tabular-nums}
.newscard[data-vorlage="zeiten"] .body-in::before{content:"";position:absolute;right:14px;bottom:14px;width:96px;height:96px;pointer-events:none;
  background:var(--nk);opacity:.09;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E") center/contain no-repeat}
.newscard[data-vorlage="zeiten"] .body-in > *{position:relative}

/* Hinweis / Warnung: Warnstreifen oben, gelber Rahmen */
.newscard[data-vorlage="hinweis"]{border-color:color-mix(in srgb,var(--nk) 45%,transparent)}
.newscard[data-vorlage="hinweis"]::after,.newsmodal[data-vorlage="hinweis"] .newsmodal-panel::before{
  height:6px;opacity:1;background:repeating-linear-gradient(135deg,var(--nk) 0 12px,#1a120a 12px 24px)}
.newsmodal[data-vorlage="hinweis"] .newsmodal-panel::before{content:"";display:block;position:sticky;top:0;z-index:3}

/* Bildergeschichte: grosses, hohes Bild */
.newscard[data-vorlage="geschichte"] .pic{aspect-ratio:1/1}
.newscard.lead-item[data-vorlage="geschichte"] .pic{aspect-ratio:auto;min-height:420px}
.newscard[data-vorlage="geschichte"] h3{font-size:clamp(1.3rem,2.1vw,1.85rem)}

/* Zitat: Kurztext als grosses Zitat */
.newscard[data-vorlage="zitat"] .body-in > p:not([class]){position:relative;padding-top:.9em;
  font-size:1.14rem;line-height:1.55;font-style:italic;color:#f3e6d0}
.newscard[data-vorlage="zitat"] .body-in > p:not([class])::before{content:"\201E";position:absolute;left:-.04em;top:-.42em;
  font-family:Georgia,serif;font-style:normal;font-size:3.2rem;line-height:1;color:var(--nk)}

/* Schlicht: ohne Kachel, nur Linie */
.newscard[data-vorlage="schlicht"]{background:transparent;border-color:transparent;border-bottom-color:var(--line);border-radius:0}
.newscard[data-vorlage="schlicht"] .pic{border-radius:14px}
.newscard[data-vorlage="schlicht"] .body-in{padding-left:0;padding-right:0}
.newscard[data-vorlage="schlicht"]::after{display:none}
.newscard[data-vorlage="schlicht"]:hover{transform:none}

/* --- Detailfenster passend zur Vorlage ------------------------------------- */
.newsmodal[data-vorlage] .newsmodal-panel,.newsmodal[data-akzent] .newsmodal-panel{
  border-top:3px solid var(--nk)}
.newsmodal[data-vorlage="hinweis"] .newsmodal-panel,.newsmodal[data-vorlage="schlicht"] .newsmodal-panel{border-top-width:1px;border-top-color:var(--line)}
.newsmodal[data-vorlage="aktion"] .newsmodal-panel{
  background:radial-gradient(80% 50% at 100% 0%,color-mix(in srgb,var(--nk-bg) 20%,transparent),transparent 60%),var(--ink-2)}
.newsmodal .newsmeta .newsband{display:inline-block;padding:.36em .8em;border-radius:99px;
  font-family:var(--display);font-weight:700;font-size:.78rem;letter-spacing:.06em;line-height:1.1;text-transform:uppercase;
  color:var(--nk-ink);background:var(--nk-bg)}
/* Ohne Bild: Abstand fuer den Schliessen-Knopf */
.newsmodal-pic[hidden] + .newsmodal-body,.newsmodal.nm-ohne-bild .newsmodal-body{padding-top:72px}

/* --- Formatierter Text im Detailfenster (werkzeug-news-text.js) ------------- */
.newsmodal-text::after{content:"";display:block;clear:both}
.newsmodal-text h3{margin:1.6em 0 .55em;font-family:var(--display);font-weight:700;text-transform:uppercase;
  font-size:clamp(1.25rem,2vw,1.55rem);letter-spacing:.02em;line-height:1.1;color:#fff}
.newsmodal-text h3:first-child{margin-top:0}
.newsmodal-text p + h3,.newsmodal-text ul + h3,.newsmodal-text ol + h3{margin-top:1.4em}
.newsmodal-text p + h4,.newsmodal-text ul + h4,.newsmodal-text ol + h4{margin-top:1.3em}
.newsmodal-text [style*="text-align:center"]{margin-left:auto;margin-right:auto}
.newsmodal-text [style*="text-align:right"]{margin-left:auto}
.newsmodal-text p.nb-lead{font-size:1.2rem;line-height:1.6;color:#f3e6d0}
.newsmodal-text p.nb-klein{font-size:.88rem;line-height:1.6;color:#b8a781}
.newsmodal-text p.nb-kicker{font-size:.78rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--nk,#ff8a9d)}
.newsmodal-text p.nb-kicker + *{margin-top:.4em}
.newsmodal-text p.nb-akzent{font-weight:600;color:var(--nk,#e2b57c)}
.newsmodal-text p.nb-gross{font-family:var(--display);font-weight:700;text-transform:uppercase;font-size:clamp(1.5rem,2.6vw,2rem);line-height:1.08;color:#fff}
/* Kaesten: Info, Tipp, Achtung, Gold — mit Symbol, Text bleibt normale Farbe */
.newsmodal-text p[class*="nb-kasten"]{position:relative;max-width:none;margin-top:1.3em;margin-bottom:1.3em;padding:1em 1.2em 1em 3.2em;
  border-radius:14px;border:1px solid;border-left-width:4px;color:#f1e4d0}
.newsmodal-text p[class*="nb-kasten"]::before{content:"";position:absolute;left:1.05em;top:1.08em;width:1.35em;height:1.35em;background:currentColor;
  -webkit-mask:var(--nb-ikon) center/contain no-repeat;mask:var(--nb-ikon) center/contain no-repeat}
.newsmodal-text p.nb-kasten-info{--kc:#9fd8ff;border-color:rgba(159,216,255,.4);border-left-color:var(--kc);background:rgba(159,216,255,.09);
  --nb-ikon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 11v6M12 7.5v.5'/%3E%3C/svg%3E")}
.newsmodal-text p.nb-kasten-tipp{--kc:#8fdcaa;border-color:rgba(143,220,170,.4);border-left-color:var(--kc);background:rgba(143,220,170,.09);
  --nb-ikon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18h6M10 21h4M12 3a6 6 0 0 0-3.5 10.9c.6.5 1 1.2 1 2.1h5c0-.9.4-1.6 1-2.1A6 6 0 0 0 12 3z'/%3E%3C/svg%3E")}
.newsmodal-text p.nb-kasten-warn{--kc:#ffcf6b;border-color:rgba(255,207,107,.45);border-left-color:var(--kc);background:rgba(255,207,107,.1);
  --nb-ikon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3 2 20h20z'/%3E%3Cpath d='M12 10v4M12 17v.5'/%3E%3C/svg%3E")}
.newsmodal-text p.nb-kasten-gold{--kc:#e2b57c;border-color:rgba(226,181,124,.45);border-left-color:var(--kc);background:rgba(207,159,102,.12);
  --nb-ikon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='m12 3 2.7 5.6 6.1.9-4.4 4.3 1 6.1L12 17l-5.4 2.9 1-6.1L3.2 9.5l6.1-.9z'/%3E%3C/svg%3E")}
.newsmodal-text p[class*="nb-kasten"]::before{color:var(--kc)}
/* Listen mit Zeichen */
.newsmodal-text ul.nb-haken li::before,.newsmodal-text ul.nb-pfeile li::before,.newsmodal-text ul.nb-sterne li::before{
  top:.32em;left:0;width:1em;height:1em;border-radius:0;background:var(--nk,#e4173a);
  -webkit-mask:var(--nb-z) center/contain no-repeat;mask:var(--nb-z) center/contain no-repeat}
.newsmodal-text ul.nb-haken li,.newsmodal-text ul.nb-pfeile li,.newsmodal-text ul.nb-sterne li{padding-left:1.55em}
.newsmodal-text ul.nb-haken{--nb-z:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 5 5 9-10'/%3E%3C/svg%3E")}
.newsmodal-text ul.nb-pfeile{--nb-z:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h13M13 6l6 6-6 6'/%3E%3C/svg%3E")}
.newsmodal-text ul.nb-sterne{--nb-z:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m12 2.5 2.9 6 6.6.9-4.8 4.6 1.2 6.5L12 17.4l-5.9 3.1 1.2-6.5L2.5 9.4l6.6-.9z'/%3E%3C/svg%3E")}
/* Zitat */
.newsmodal-text blockquote{margin:1.5em 0;padding:.2em 0 .2em 1.2em;max-width:60ch;border-left:3px solid var(--nk,#e4173a);
  font-size:1.12rem;line-height:1.65;font-style:italic;color:#f3e6d0}
.newsmodal-text blockquote.nb-zitat-gross{position:relative;border-left:0;padding:1.3em 0 0;font-size:clamp(1.3rem,2.4vw,1.7rem);line-height:1.45}
.newsmodal-text blockquote.nb-zitat-gross::before{content:"\201E";position:absolute;left:-.04em;top:-.35em;font-family:Georgia,serif;font-style:normal;
  font-size:4rem;line-height:1;color:var(--nk,#e4173a)}
.newsmodal-text blockquote.nb-zitat-gold{border-left-color:#cf9f66;color:#e8c893;background:linear-gradient(90deg,rgba(207,159,102,.12),transparent 80%);padding:.8em 1em .8em 1.2em;border-radius:0 12px 12px 0}
/* Trennlinien */
.newsmodal-text hr{clear:both;height:1px;margin:1.8em 0;border:0;background:rgba(255,255,255,.16)}
.newsmodal-text hr.nb-punkte{height:6px;background:radial-gradient(circle,rgba(255,255,255,.35) 2px,transparent 2.6px) center/16px 6px repeat-x}
.newsmodal-text hr.nb-gold{height:2px;width:40%;margin-left:auto;margin-right:auto;background:linear-gradient(90deg,transparent,#cf9f66,transparent)}
.newsmodal-text hr.nb-flocken{height:auto;overflow:visible;background:none;text-align:center;line-height:1}
.newsmodal-text hr.nb-flocken::before{content:"\2744\00a0\00a0\00a0\2744\00a0\00a0\00a0\2744";font-size:.95rem;color:var(--nk,#9fd8ff)}
/* Bilder im Text */
.newsmodal-text figure.nb-bild{margin:1.6em 0}
.newsmodal-text figure.nb-bild img{display:block;width:100%;height:auto;border-radius:14px;background:var(--ink-3)}
.newsmodal-text figure.nb-bild figcaption{margin-top:.6em;font-size:.86rem;line-height:1.5;color:#cbbba8}
.newsmodal-text figure.nb-bild figcaption small{display:block;margin-top:.2em;font-size:.76rem;color:#b8a781}
.newsmodal-text figure.nb-mitte{max-width:70%;margin-left:auto;margin-right:auto}
.newsmodal-text figure.nb-links{float:left;width:44%;margin:.3em 1.4em .8em 0}
.newsmodal-text figure.nb-rechts{float:right;width:44%;margin:.3em 0 .8em 1.4em}
@media (max-width:600px){
  .newsmodal-text figure.nb-links,.newsmodal-text figure.nb-rechts{float:none;width:auto;margin:1.4em 0}
  .newsmodal-text figure.nb-mitte{max-width:none}
}
/* Markierung, Durchgestrichen, Knoepfe im Text */
.newsmodal-text mark{padding:.05em .25em;border-radius:4px;color:inherit;background:rgba(255,207,107,.32)}
.newsmodal-text s{text-decoration-thickness:1.5px}
.newsmodal-text a.btn,.newsmodal-text a.btn-ghost{
  position:relative;display:inline-flex;align-items:center;gap:.6em;margin:.3em .4em .3em 0;padding:.85em 1.7em;border-radius:100px;
  font-weight:700;font-size:.92rem;text-decoration:none;transition:transform .4s var(--ease),background .3s var(--ease),color .3s var(--ease)}
.newsmodal-text a.btn{color:#fff;background:var(--red,#c41230)}
.newsmodal-text a.btn:hover{color:#fff;background:var(--red-lit,#e4173a);transform:translateY(-2px)}
.newsmodal-text a.btn-ghost{color:#fff;background:transparent;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.3)}
.newsmodal-text a.btn-ghost:hover{color:var(--ink,#2b1f13);background:#fff}
.newsmodal-text a.tlink{text-decoration:none}

@media (prefers-reduced-motion:reduce){
  .newscard[data-vorlage="aktion"] .newsband{transform:none}
}
@media print{
  .newscard .newsband,.newscard .newsdatum{box-shadow:none}
}