/* ==========================================================================
   Mörikeschule Nürtingen – Design (Kindtemplate von Cassiopeia)
   Zuerst Handy, dann Tablet (ab 768 px) und Desktop (ab 1100 px).
   Alle Farben stehen als Variablen ganz oben.
   ========================================================================== */

/* ---------- Schrift: Arial laut CI der Schule (Systemschrift, wird nicht geladen) ---------- */

/* ---------- Farben und Grundwerte ---------- */
:root{
  /* Farben der bisherigen Seite – keine weiteren Farben verwenden */
  --orange:#D76817;          /* Hausfarbe */
  --dunkel:#13294B;          /* Nachtblau: Text, Fußbereich (seit 14.10.2026, vorher Anthrazit #2C2E36) */
  --grau:#A6A6A6;            /* Linien, Flächen */
  --grau-hell:#F5F5F5;       /* helle Flächen */
  --weiss:#FFFFFF;
  --grau-held:#C9C9C9;       /* Ausnahme: Hintergrundgrau im Hände-Banner (Bildfarbe) */
  /* Namen, die in den Regeln verwendet werden – alle auf die Palette gelegt */
  --orange-text:var(--orange);
  --orange-dunkel:var(--dunkel); /* beim Drüberfahren: Nachtblau */
  --orange-hell:var(--grau-hell);
  --grau-linie:rgba(166,166,166,.45);
  --grau-fuss:var(--dunkel);
  --text:var(--dunkel);
  --text-leise:var(--dunkel);
  --rund:8px; --rund-klein:6px;
  --schatten:0 6px 22px rgba(19,41,75,.08);
  --schatten-hoch:0 14px 34px rgba(19,41,75,.14);
  --breite:1200px;
  --schrift:Arial,"Helvetica Neue",Helvetica,sans-serif;
  /* Schriftgrößen – einmal festgelegt, überall verwendet */
  --gr-text:16px; --gr-klein:14px;
  --gr-h1:25px; --gr-h2:21px; --gr-h3:18px; --gr-h4:16px; --gr-h5:16px; --gr-h6:14px;
  --fett:700; --halbfett:400; /* Arial kennt kein Halbfett (600 wäre voll fett): Menü, Sidebar und Listen normal */

  /* Cassiopeia-Variablen auf unser Design umstellen */
  --cassiopeia-font-family-body:var(--schrift);
  --cassiopeia-font-family-headings:var(--schrift);
  --cassiopeia-font-weight-headings:700;
  --cassiopeia-color-primary:var(--orange-text);
  --cassiopeia-color-link:var(--text);
  --cassiopeia-color-hover:var(--orange-dunkel);
  --link-color:var(--text);
  --link-hover-color:var(--orange-dunkel);
  --body-font-family:var(--schrift);
  --body-color:var(--text);
}

/* ---------- Grundlagen ---------- */
html{scroll-behavior:smooth;scroll-padding-top:90px}
body.moerike{font-family:var(--schrift);font-size:var(--gr-text);line-height:1.6;font-weight:400;color:var(--text);background:var(--weiss);padding-bottom:64px}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:var(--schrift);font-weight:var(--fett);line-height:1.25;color:var(--text);hyphens:auto;margin:0 0 .5em}
h1,.h1{font-size:var(--gr-h1)}
h2,.h2{font-size:var(--gr-h2)}
h3,.h3{font-size:var(--gr-h3)}
h4,.h4{font-size:var(--gr-h4)}
h5,.h5{font-size:var(--gr-h5)}
h6,.h6{font-size:var(--gr-h6);text-transform:uppercase;letter-spacing:.04em}
* + h2,* + h3{margin-top:1.4em}
.moerike .page-header h1,.moerike .page-header h2{font-size:var(--gr-h1)}
a{color:var(--text);text-decoration:underline;text-decoration-color:var(--orange);text-decoration-thickness:2px;text-underline-offset:4px}
a:hover{color:var(--orange-dunkel)}
:focus-visible{outline:3px solid var(--dunkel);outline-offset:3px;border-radius:4px}
img{max-width:100%;height:auto}
.innen{width:100%;max-width:var(--breite);margin:0 auto;padding:0 20px}
.sprung{position:absolute;left:-9999px;top:8px;z-index:1000;background:var(--text);color:#fff;padding:10px 16px;border-radius:8px}
.sprung:focus{left:12px;color:#fff}
#inhalt:focus{outline:none}

/* Knöpfe */
.moerike .btn{font-family:var(--schrift);font-weight:var(--fett);border-radius:6px;padding:10px 20px;font-size:var(--gr-text);line-height:1.2;border-width:2px;transition:background-color .2s,color .2s,transform .2s,box-shadow .2s}
.moerike .btn-primary,.moerike .btn-sm.btn-primary{background:var(--orange);border-color:var(--orange);color:var(--dunkel)}
.moerike .btn-primary:hover,.moerike .btn-primary:focus{background:var(--dunkel);border-color:var(--dunkel);color:#fff}
.moerike .btn-hell{background:#fff;border-color:#fff;color:var(--orange-dunkel)}
.moerike .btn-hell:hover{background:var(--orange-hell);color:var(--orange-dunkel)}

/* Symbole (eigene SVG, lokal, als Maske – Farbe kommt von currentColor) */
.symbol{display:inline-block;width:1.2em;height:1.2em;background:currentColor;-webkit-mask:var(--maske) center/contain no-repeat;mask:var(--maske) center/contain no-repeat;vertical-align:-.2em;flex:none}
.symbol-glocke{--maske: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='M18 8a6 6 0 0 0-12 0c0 7-3 9-3 9h18s-3-2-3-9'/%3E%3Cpath d='M13.7 21a2 2 0 0 1-3.4 0'/%3E%3C/svg%3E")}
.symbol-hilfe{--maske: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%3Ccircle cx='12' cy='4.5' r='2'/%3E%3Cpath d='M5 9l7 1.5L19 9M12 10.5V15m0 0l-3.5 6M12 15l3.5 6'/%3E%3C/svg%3E")}

/* ---------- Kopfzeile oben (Adresse, Links) ---------- */
.kopf-oben{background:var(--weiss);font-size:var(--gr-klein);border-bottom:1px solid var(--grau-linie)}
.kopf-oben .innen{display:flex;flex-wrap:wrap;gap:6px 24px;justify-content:space-between;align-items:center;padding-top:10px;padding-bottom:10px}
.kopf-oben p{margin:0}
.kopf-oben-links{display:none}
.kopf-oben-rechts ul{display:flex;flex-direction:row;flex-wrap:wrap;gap:4px 18px;list-style:none;margin:0;padding:0;align-items:center}
.kopf-oben-rechts a{text-decoration:none;font-weight:var(--halbfett);color:var(--text)}
.kopf-oben-rechts a:hover{text-decoration:underline}
/* YouTube und Kontakt als Symbol, Text bleibt für Screenreader */
.kopf-oben-rechts a[href*="youtube"],.kopf-oben-rechts a[href*="kontakt"]{display:inline-flex;width:32px;height:32px;font-size:0;align-items:center;justify-content:center;color:var(--orange-text)}
.kopf-oben-rechts a[href*="youtube"]::before,.kopf-oben-rechts a[href*="kontakt"]::before{content:"";width:18px;height:18px;background:currentColor;-webkit-mask:var(--maske) center/contain no-repeat;mask:var(--maske) center/contain no-repeat}
.kopf-oben-rechts a[href*="youtube"]{--maske:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M23 7.2a3 3 0 0 0-2.1-2.1C19 4.6 12 4.6 12 4.6s-7 0-8.9.5A3 3 0 0 0 1 7.2 31 31 0 0 0 .5 12a31 31 0 0 0 .5 4.8 3 3 0 0 0 2.1 2.1c1.9.5 8.9.5 8.9.5s7 0 8.9-.5a3 3 0 0 0 2.1-2.1 31 31 0 0 0 .5-4.8 31 31 0 0 0-.5-4.8zM9.8 15.1V8.9l5.8 3.1z'/%3E%3C/svg%3E")}
.kopf-oben-rechts a[href*="kontakt"]{--maske: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%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='M3 7l9 6 9-6'/%3E%3C/svg%3E")}

/* ---------- Kopf: Logo und Menü auf Orange ---------- */
.kopf{background:var(--orange);position:sticky;top:0;z-index:100;transition:box-shadow .3s}
.kopf.gescrollt{box-shadow:0 4px 18px rgba(0,0,0,.18)}
.kopf .innen{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:72px;position:relative}
.logo{display:block;flex:none;padding:6px 0}
.logo img{display:block;height:52px;width:auto}

.menue-knopf{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:8px 16px;border:0;border-radius:6px;background:rgba(255,255,255,.92);color:var(--text);font:600 16px/1 var(--schrift);cursor:pointer}
.menue-knopf-striche{display:flex;flex-direction:column;gap:4px;width:20px}
.menue-knopf-striche span{display:block;height:2.5px;border-radius:2px;background:currentColor;transition:transform .25s,opacity .25s}
.menue-knopf[aria-expanded="true"] .menue-knopf-striche span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
.menue-knopf[aria-expanded="true"] .menue-knopf-striche span:nth-child(2){opacity:0}
.menue-knopf[aria-expanded="true"] .menue-knopf-striche span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}

/* Menü Handy: Panel unter dem Kopf */
.hauptmenue{display:none;position:absolute;left:0;right:0;top:100%;background:var(--weiss);box-shadow:0 18px 30px rgba(0,0,0,.15);max-height:calc(100vh - 72px);overflow-y:auto;border-radius:0 0 var(--rund) var(--rund)}
.hauptmenue.offen{display:block}
.hauptmenue ul{list-style:none;margin:0;padding:0}
.hauptmenue > ul{padding:8px 16px 18px;flex-wrap:nowrap}
.hauptmenue li{position:relative}
.hauptmenue a:hover{text-decoration:none}
.hauptmenue a,.hauptmenue .nav-header,.hauptmenue .mod-menu__heading{text-decoration:none;display:block;padding:13px 52px 13px 6px;color:var(--text);font-weight:var(--halbfett);font-size:var(--gr-h5);text-decoration:none;border-bottom:1px solid var(--grau-linie)}
.hauptmenue a:hover,.hauptmenue a[aria-current="page"]{color:var(--orange-text)}
.hauptmenue .mod-menu__sub{display:none;padding:4px 0 8px 14px;font-size:inherit}
.hauptmenue .mod-menu__sub[aria-hidden="false"]{display:block}
/* Joomla-Knopf zum Aufklappen: bei Trennern ist er der ganze Eintrag, bei Links ein runder Knopf rechts */
.hauptmenue .mod-menu__toggle-sub{display:flex;width:100%;justify-content:space-between;align-items:center;padding:13px 6px;border:0;border-bottom:1px solid var(--grau-linie);background:none;color:var(--text);font:600 var(--gr-h5)/1.3 var(--schrift);text-align:left;cursor:pointer}
.hauptmenue .mod-menu__separator{color:inherit;opacity:1;font:inherit}
.hauptmenue li > a + .mod-menu__toggle-sub{position:absolute;right:0;top:5px;width:44px;height:44px;padding:0;justify-content:center;border:0;border-radius:6px;background:var(--orange-hell);color:var(--orange-text)}
.hauptmenue .mod-menu__toggle-sub .icon-chevron-down{margin:0 4px 0 0;transition:transform .2s}
.hauptmenue .mod-menu__toggle-sub[aria-expanded="true"] .icon-chevron-down{transform:rotate(180deg)}
.hauptmenue .mod-menu__sub .mod-menu__separator{display:block;padding:10px 6px 4px;font-weight:var(--fett);font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--orange-text)}
.hauptmenue .mod-menu__sub a,.hauptmenue .mod-menu__sub .nav-header{font-weight:600;font-size:var(--gr-text);padding-top:10px;padding-bottom:10px}
/* Symbole Startseite und Förderverein */
.hauptmenue .item-101 > a::before,.hauptmenue .item-700 > a::before{content:"";display:inline-block;width:18px;height:18px;margin-right:7px;vertical-align:-3px;background:currentColor;-webkit-mask:var(--maske) center/contain no-repeat;mask:var(--maske) center/contain no-repeat}
.hauptmenue .item-101 > a{--maske:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3 2 11.5h3V21h5.5v-6h3v6H19v-9.5h3z'/%3E%3C/svg%3E")}
.hauptmenue .item-700 > a{--maske:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21s-8.5-5.3-8.5-11.3A4.7 4.7 0 0 1 12 6.6a4.7 4.7 0 0 1 8.5 3.1C20.5 15.7 12 21 12 21z'/%3E%3C/svg%3E")}

/* ---------- Willkommens-Banner (Hände) ---------- */
.bereich-held{background:var(--grau-held);position:relative;overflow:hidden}
.held{position:relative;max-width:1400px;margin:0 auto}
.held-bild img{display:block;width:100%;height:150px;object-fit:cover;object-position:78% 50%}
.held-text{padding:20px 20px 30px;background:var(--grau-held)}
.held-text p{margin:0;font-size:var(--gr-text);font-weight:400;color:var(--dunkel)}
.held-text .held-titel{font-size:var(--gr-h1);font-weight:var(--fett);line-height:1.15;margin:0 0 8px;color:var(--text)}
.held-text .btn{margin-top:14px}
.bereich-held::after{display:none;content:"";position:absolute;left:0;right:0;bottom:-1px;height:22px;background:var(--weiss);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 40' preserveAspectRatio='none'%3E%3Cpath d='M0 20c180 22 360 22 540 0s360-22 540 0 260 14 360 4v16H0z'/%3E%3C/svg%3E") bottom/100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 40' preserveAspectRatio='none'%3E%3Cpath d='M0 20c180 22 360 22 540 0s360-22 540 0 260 14 360 4v16H0z'/%3E%3C/svg%3E") bottom/100% 100% no-repeat}
.bereich-hinweise + .bereich-karten{margin-top:0}

/* ---------- Aktuelle Hinweise ---------- */
.bereich-hinweise{padding:28px 0 8px}
.bereich-titel{display:flex;align-items:center;gap:10px;font-size:var(--gr-h2);margin:0 0 14px}
.bereich-titel .symbol{width:34px;height:34px;padding:7px;border-radius:6px;background:var(--orange-hell);color:var(--orange-text);-webkit-mask:none;mask:none;position:relative}
.bereich-titel .symbol::after{content:"";position:absolute;inset:7px;background:var(--orange-text);-webkit-mask:var(--maske) center/contain no-repeat;mask:var(--maske) center/contain no-repeat}
.hinweise-liste{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.hinweis{position:relative;display:flex;gap:14px;align-items:flex-start;background:var(--orange-hell);border-radius:var(--rund);padding:16px 18px;transition:transform .2s,box-shadow .2s}
.hinweis::before{content:"i";flex:none;width:30px;height:30px;border-radius:50%;background:var(--weiss);color:var(--orange-text);font-weight:800;font-family:Georgia,serif;font-style:italic;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px rgba(0,0,0,.06)}
.hinweis p{margin:0}
.hinweis-wichtig{background:var(--grau-hell)}
.hinweis-wichtig::before{font-weight:var(--fett);content:"!";font-family:var(--schrift);font-style:normal;background:var(--orange-text);color:#fff}

/* ---------- Drei Schularten (Karten) ---------- */
.bereich-karten{padding:30px 0}
.raster-karten{display:grid;gap:18px}
.karte{position:relative;background:var(--weiss);border-radius:var(--rund);box-shadow:var(--schatten);padding:30px 24px 26px;text-align:center;transition:transform .25s,box-shadow .25s}
.karte .modul-inhalt > :last-child{margin-bottom:0}
.karte h2,.karte h3{font-size:var(--gr-h3);margin:0 0 10px}
.karte p{margin:0 0 16px}
.karte::before{content:"";display:block;width:64px;height:64px;margin:-6px auto 14px;border-radius:50%;background:var(--farbe,var(--orange)) var(--bild) center/34px no-repeat}
.karte-gelb{--farbe:var(--grau-hell)}
.karte-gruen{--farbe:var(--grau-hell)}
.karte-blau{--farbe:var(--grau-hell)}
.karte-grundschule{--bild:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23D76817' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 19.5V5a2 2 0 0 1 2-2h12v18H6a2 2 0 0 1-2-1.5zM4 19.5A2 2 0 0 1 6 18h12'/%3E%3Cpath d='M9 7h6M9 10.5h4'/%3E%3C/svg%3E")}
.karte-sprache{--bild:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23D76817' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 5h11v8H8l-3 3v-3H3z'/%3E%3Cpath d='M10 16v1h6l3 3v-3h2V9h-5'/%3E%3C/svg%3E")}
.karte-werkreal{--bild:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23D76817' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 9l10-5 10 5-10 5z'/%3E%3Cpath d='M6 11v5c3 2.5 9 2.5 12 0v-5M22 9v6'/%3E%3C/svg%3E")}

/* ---------- Aktionen (Förderverein, Berufsorientierung) ---------- */
.bereich-aktionen{padding:10px 0 30px}
.aktionen{display:grid;gap:18px}
.aktion{position:relative;border-radius:var(--rund);overflow:hidden;background:var(--grau-held);box-shadow:var(--schatten);transition:transform .25s,box-shadow .25s}
.aktion-bild img{display:block;width:100%;height:auto}
.aktion-text{padding:18px 20px 22px}
.aktion-text h2,.aktion-text h3{font-size:var(--gr-h3);margin:0 0 6px}
.aktion-text p{margin:0 0 14px}
.aktion-blau{background:var(--grau-hell)}

/* ---------- Krankmeldung und Neueste Beiträge ---------- */
.bereich-start{padding:10px 0 34px}
.raster-start{display:grid;gap:18px}
.modul-titel{font-size:var(--gr-h3);margin:0 0 12px}
.box-krankmeldung{background:var(--orange);color:var(--dunkel);border-radius:var(--rund);padding:26px 24px;box-shadow:var(--schatten);position:relative;overflow:hidden}
.box-krankmeldung::after{display:none;content:"";position:absolute;right:-30px;bottom:-30px;width:150px;height:150px;border-radius:50%;background:rgba(255,255,255,.08)}
.box-krankmeldung .modul-titel{color:var(--dunkel);display:flex;align-items:center;gap:10px}
.box-krankmeldung .modul-titel::before{content:"";width:30px;height:30px;flex:none;background:var(--dunkel);-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'%3E%3Cpath d='M14 14.8V4a2 2 0 0 0-4 0v10.8a4 4 0 1 0 4 0z'/%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'%3E%3Cpath d='M14 14.8V4a2 2 0 0 0-4 0v10.8a4 4 0 1 0 4 0z'/%3E%3C/svg%3E") center/contain no-repeat}
.box-krankmeldung a:not(.btn){color:var(--dunkel);text-decoration-color:var(--dunkel)}
.box-krankmeldung p{margin:0 0 14px}
.box-krankmeldung .modul-inhalt > :last-child{margin-bottom:0}
.box-beitraege{background:var(--grau-hell);border-radius:var(--rund);padding:26px 24px}
.box-beitraege ul{list-style:none;margin:0;padding:0}
.box-beitraege li{border-bottom:1px solid var(--grau-linie)}
.box-beitraege li:last-child{border-bottom:0}
.box-beitraege a{display:flex;gap:10px;align-items:baseline;padding:9px 0;text-decoration:none;font-weight:var(--halbfett);color:var(--text)}
.box-beitraege a::before{content:"";flex:none;width:9px;height:9px;border-radius:50%;background:var(--orange);transform:translateY(-1px)}
.box-beitraege li:nth-child(5n+2) a::before{background:var(--orange)}
.box-beitraege li:nth-child(5n+3) a::before{background:var(--dunkel)}
.box-beitraege li:nth-child(5n+4) a::before{background:var(--grau-hell)}
.box-beitraege li:nth-child(5n+5) a::before{background:var(--orange)}
.box-beitraege a:hover{color:var(--orange-text)}

/* ---------- Galerie ---------- */
.bereich-galerie{background:var(--grau-hell);padding:34px 0}
.galerie-liste{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.galerie-liste li{border-radius:var(--rund-klein);overflow:hidden;aspect-ratio:4/3;background:var(--grau-linie)}
.galerie-liste img{width:100%;height:100%;object-fit:cover;transition:transform .5s}

/* ---------- Unterseiten ---------- */
.bereich-held-klein .held-bild img{height:110px}
.seite{display:grid;gap:30px;padding-top:26px;padding-bottom:40px}
.seite-inhalt{min-width:0}
.seite .breadcrumb{background:none;padding:0;margin:0 0 16px;font-size:var(--gr-klein)}
.seite .breadcrumb a{text-decoration:none}
.seite-sidebar .modul{background:var(--grau-hell);border-radius:var(--rund);padding:20px 22px;margin-bottom:18px}
.seite-sidebar .modul-titel{font-size:var(--gr-h4)}
.seite-sidebar ul{padding-left:0;list-style:none;margin:0}
.seite-sidebar li a{display:block;padding:7px 0;border-bottom:1px solid var(--grau-linie);text-decoration:none;font-weight:var(--halbfett)}
.com-content-article__body img,.item-page img{border-radius:var(--rund-klein)}
.moerike .page-header h1,.moerike .page-header h2{margin-bottom:.4em}
.blog-item,.com-content-category-blog__item{background:var(--weiss);border-radius:var(--rund);box-shadow:var(--schatten);padding:22px;margin-bottom:22px}
.bereich-unten{background:var(--grau-hell);padding:30px 0}

/* Download- und Linklisten */
.download-liste,.link-liste{list-style:none;margin:0 0 28px;padding:0;border-top:1px solid var(--grau-linie)}
.download-liste li,.link-liste li{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;padding:11px 0 11px 32px;border-bottom:1px solid var(--grau-linie);position:relative}
.download-liste li::before,.link-liste li::before{content:"";position:absolute;left:2px;top:13px;width:20px;height:20px;background:var(--orange-text);-webkit-mask:var(--maske) center/contain no-repeat;mask:var(--maske) center/contain no-repeat}
.download-liste li{--maske:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M14 3H6a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z%27/%3E%3Cpath d=%27M14 3v6h6M12 12v6M9 15l3 3 3-3%27/%3E%3C/svg%3E")}
.link-liste li{--maske:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6M15 3h6v6M10 14L21 3%27/%3E%3C/svg%3E")}
.download-liste a,.link-liste a{font-weight:var(--halbfett)}
.datei-info{color:var(--text-leise);font-size:var(--gr-klein)}

/* ---------- Fußbereich ---------- */
.fuss{margin-top:0;color:#fff;border-top:4px solid var(--orange)}
.welle-fuss{display:none;width:100%;height:40px;fill:var(--grau-fuss);margin-bottom:-1px}
.fuss-farbe{background:var(--grau-fuss)}
.fuss-spalten{display:grid;gap:32px;padding-top:52px;padding-bottom:44px}
.fuss .modul-titel{color:#fff;font-size:var(--gr-h4);display:flex;align-items:center;gap:8px}
.fuss .modul-titel::before{content:"";width:10px;height:22px;border-radius:5px;background:var(--orange)}
.fuss a{color:#FFFFFF}
.fuss a:hover{color:#fff}
.fuss p{margin:0 0 12px}
.fuss .btn-primary{background:var(--orange);border-color:var(--orange);color:var(--dunkel)}
.fuss .btn-primary:hover{background:#fff;border-color:#fff;color:var(--orange-dunkel)}
.fuss img{display:block}
.fuss-unten{background:rgba(0,0,0,.18);font-size:var(--gr-klein)}
.fuss-unten .innen{display:flex;flex-wrap:wrap;gap:8px 24px;justify-content:space-between;align-items:center;padding-top:14px;padding-bottom:14px}
.fuss-copy{margin:0;margin-right:auto}
.fuss-unten .modul-inhalt,.fuss-unten nav{margin:0}
.fuss-unten ul{display:flex;flex-direction:row;flex-wrap:wrap;gap:6px 18px;list-style:none;margin:0;padding:0}
.fuss-unten a{text-decoration:none}
.fuss-unten a:hover{text-decoration:underline}

/* ---------- Leiste unten (nur Handy) ---------- */
.mobil-leiste{position:fixed;left:0;right:0;bottom:0;z-index:90;background:var(--weiss);box-shadow:0 -4px 16px rgba(0,0,0,.12);padding-bottom:env(safe-area-inset-bottom)}
.mobil-leiste .modul-inhalt,.mobil-leiste > div,.mobil-leiste p{margin:0}
.leiste{display:flex}
.leiste a{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;min-height:58px;font-weight:var(--fett);text-decoration:none;font-size:16px}
.leiste a:first-child{background:var(--orange-text);color:#fff}
.leiste a + a{background:var(--weiss);color:var(--orange-text)}
.leiste a::before{content:"";width:20px;height:20px;background:currentColor;-webkit-mask:var(--maske) center/contain no-repeat;mask:var(--maske) center/contain no-repeat}
.leiste a:first-child{--maske:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1 1 .4 1.9.7 2.8a2 2 0 0 1-.5 2.1L8 9.9a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.4c.9.3 1.8.6 2.8.7a2 2 0 0 1 1.7 2z%27/%3E%3C/svg%3E")}
.leiste a + a{--maske:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M14 3H6a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z%27/%3E%3Cpath d=%27M14 3v6h6M8 13h8M8 17h5%27/%3E%3C/svg%3E")}


/* Barrierefreiheits-Plugin von Joomla (Bedienungshilfen) */
html body ._access-icon{left:12px!important;right:auto!important;bottom:74px!important;top:auto!important}
/* Bedienungshilfe (Joomla-Plugin): Knopf und Symbole wie auf der bisherigen Seite, alles lokal */
html body ._access-icon{width:52px!important;height:52px!important;border-radius:10px!important;border:0!important;background:var(--orange-text) url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27white%27%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%273.6%27%20r%3D%272.1%27%2F%3E%3Cpath%20d%3D%27M3.5%207.2c2.9.8%205.6%201.2%208.5%201.2s5.6-.4%208.5-1.2l.5%201.9c-2.2.6-4.4%201-6.6%201.2v3.3l2.4%207.6-1.9.6-2.3-6.9h-1.2l-2.3%206.9-1.9-.6%202.4-7.6v-3.3C7.4%2010.1%205.2%209.7%203%209.1z%27%2F%3E%3C%2Fsvg%3E") center/32px no-repeat!important;color:transparent!important;font-size:0!important;text-shadow:none!important;transform:none!important;box-shadow:0 4px 14px rgba(0,0,0,.25)!important}
html body ._access-icon:hover{background-color:var(--orange-dunkel)!important}
html body ._access-menu{font-family:var(--schrift)!important;border-radius:0 var(--rund) var(--rund) 0!important;box-shadow:var(--schatten-hoch)!important}
html body ._access-menu h3{font-family:var(--schrift)!important;font-weight:800!important}
html body ._access-menu ul li{font-family:var(--schrift)!important;border-radius:10px!important;color:var(--text)!important}
html body ._access-menu ul li:before{content:''!important;display:inline-block!important;width:22px!important;height:22px!important;margin-right:10px!important;vertical-align:-5px!important;background:var(--dunkel)!important;-webkit-mask:var(--symbol) center/contain no-repeat!important;mask:var(--symbol) center/contain no-repeat!important}
html body ._access-menu ul li:hover{background-color:var(--orange-hell)!important;color:var(--orange-dunkel)!important}
html body ._access-menu ul li:hover:before{background:var(--orange-dunkel)!important}
html body ._access-menu ul li.active,html body ._access-menu ul li.active:hover{background-color:var(--orange-text)!important;color:#fff!important}
html body ._access-menu ul li.active:before{background:#fff!important}
html body ._access-menu ul li[data-access-action="increaseText"]{--symbol:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%2710.5%27%20cy%3D%2710.5%27%20r%3D%276.5%27%2F%3E%3Cpath%20d%3D%27M20%2020l-4.8-4.8M10.5%207.8v5.4M7.8%2010.5h5.4%27%2F%3E%3C%2Fsvg%3E")}
html body ._access-menu ul li[data-access-action="decreaseText"]{--symbol:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%2710.5%27%20cy%3D%2710.5%27%20r%3D%276.5%27%2F%3E%3Cpath%20d%3D%27M20%2020l-4.8-4.8M7.8%2010.5h5.4%27%2F%3E%3C%2Fsvg%3E")}
html body ._access-menu ul li[data-access-action="increaseTextSpacing"]{--symbol:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M8%207l-5%205%205%205M16%207l5%205-5%205%27%2F%3E%3C%2Fsvg%3E")}
html body ._access-menu ul li[data-access-action="decreaseTextSpacing"]{--symbol:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M4%207l5%205-5%205M20%207l-5%205%205%205%27%2F%3E%3C%2Fsvg%3E")}
html body ._access-menu ul li[data-access-action="invertColors"]{--symbol:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2712%27%20r%3D%278.5%27%2F%3E%3Cpath%20d%3D%27M12%203.5a8.5%208.5%200%200%201%200%2017z%27%20fill%3D%27black%27%2F%3E%3C%2Fsvg%3E")}
html body ._access-menu ul li[data-access-action="grayHues"]{--symbol:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M12%203.5s6%206.4%206%2010.5a6%206%200%200%201-9.6%204.8M7.3%2015.7A6%206%200%200%201%206%2014c0-2.4%202.1-5.5%203.8-7.7M3%203l18%2018%27%2F%3E%3C%2Fsvg%3E")}
html body ._access-menu ul li[data-access-action="underlineLinks"]{--symbol:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M7%204v6a5%205%200%200%200%2010%200V4M5%2020h14%27%2F%3E%3C%2Fsvg%3E")}
html body ._access-menu ul li[data-access-action="bigCursor"]{--symbol:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27black%27%3E%3Cpath%20d%3D%27M5%203l14%207.5-6%201.6-2.4%206.4z%27%2F%3E%3C%2Fsvg%3E")}
html body ._access-menu ul li[data-access-action="readingGuide"]{--symbol:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M3%206h2M8%206h2M13%206h2M18%206h3M3%2012h18M3%2018h2M8%2018h2M13%2018h2M18%2018h3%27%2F%3E%3C%2Fsvg%3E")}
html body ._access-menu ul li[data-access-action="textToSpeech"]{--symbol:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%279%27%20cy%3D%278%27%20r%3D%273.5%27%2F%3E%3Cpath%20d%3D%27M3%2020c.5-3.5%203-5.5%206-5.5s5.5%202%206%205.5M17%206.5a4%204%200%200%201%200%205M19.5%204a7.5%207.5%200%200%201%200%2010%27%2F%3E%3C%2Fsvg%3E")}
html body ._access-menu ul li[data-access-action="speechToText"]{--symbol:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%279%27%20y%3D%273%27%20width%3D%276%27%20height%3D%2711%27%20rx%3D%273%27%2F%3E%3Cpath%20d%3D%27M5.5%2011a6.5%206.5%200%200%200%2013%200M12%2017.5V21%27%2F%3E%3C%2Fsvg%3E")}

@media (min-width:1100px){html body ._access-icon{bottom:24px!important}}

/* Nach oben */
.nach-oben{position:fixed;right:14px;bottom:76px;z-index:95;width:50px;height:50px;border-radius:8px;background:var(--orange-text);color:#fff;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:800;text-decoration:none;box-shadow:0 4px 14px rgba(0,0,0,.25);opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .3s,transform .3s,visibility .3s}
.nach-oben.zeigen{opacity:1;visibility:visible;transform:none}
.nach-oben:hover{background:var(--orange-dunkel);color:#fff}

/* Sanftes Einblenden beim Scrollen */
.einblenden{opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s ease}
.einblenden.sichtbar{opacity:1;transform:none}

/* ==========================================================================
   Tablet ab 768 px
   ========================================================================== */
@media (min-width:768px){
  .kopf-oben-links{display:block}
  .logo img{height:62px}
  .held{display:flex;align-items:stretch;min-height:240px}
  .held-bild{position:absolute;inset:0 0 0 auto;width:72%}
  .held-bild img{height:100%;object-position:100% 60%}
  .held-text{position:relative;z-index:1;align-self:center;max-width:470px;margin:30px 0 40px 20px;padding:24px 28px;background:rgba(255,255,255,.82);border-radius:var(--rund);backdrop-filter:blur(2px)}
  .bereich-held-klein .held{min-height:150px}
  .raster-karten{grid-template-columns:repeat(3,1fr)}
  .aktionen{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}
  .raster-start{grid-template-columns:5fr 7fr}
  .galerie-liste{grid-template-columns:repeat(3,1fr);gap:16px}
  .fuss-spalten{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) auto;column-gap:56px}
  .fuss-spalte:last-child{justify-self:end}
  .hinweise-liste{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}
}

/* ==========================================================================
   Desktop ab 1100 px: Menü in der Kopfzeile, Mega-Menü
   ========================================================================== */
@media (min-width:1100px){
  :root{--gr-text:16px;--gr-klein:14px;--gr-h1:30px;--gr-h2:24px;--gr-h3:19px;--gr-h4:17px;--gr-h5:16px;--gr-h6:14px}
  body.moerike{padding-bottom:0}
  .mobil-leiste{display:none}
  .hilfen,.nach-oben{bottom:24px}
  .kopf .innen{min-height:100px;padding-top:6px}
  .logo img{height:70px}
  .menue-knopf{display:none}
  .hauptmenue{display:block;position:static;flex:1;background:none;box-shadow:none;max-height:none;overflow:visible;border-radius:0}
  .hauptmenue > ul{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-end;align-items:center;gap:2px;padding:0}
  .hauptmenue > ul > li{display:flex;align-items:center;white-space:nowrap}
  .hauptmenue > ul > li > a{display:inline-flex;align-items:center;text-decoration:none}
  .hauptmenue > ul > li > .mod-menu__toggle-sub{justify-content:flex-start;gap:2px;white-space:nowrap}
  .hauptmenue > ul > li > .mod-menu__toggle-sub .icon-chevron-down{margin:0 0 0 6px;font-size:12px}
  .hauptmenue > ul > li > .mod-menu__toggle-sub{width:auto;border:0;padding:12px 12px;font-size:16px;font-weight:var(--halbfett);letter-spacing:0;text-transform:none;color:var(--dunkel);border-radius:0;background:none;transition:color .2s}
  .hauptmenue > ul > li > .mod-menu__toggle-sub:hover,.hauptmenue > ul > li:focus-within > .mod-menu__toggle-sub,.hauptmenue > ul > li > .mod-menu__toggle-sub[aria-expanded="true"]{color:#fff}
  .hauptmenue > ul > li > a + .mod-menu__toggle-sub{position:static;width:26px;height:26px;margin-left:-12px;background:none;color:var(--dunkel);border-radius:4px;padding:0;justify-content:center}
  .hauptmenue > ul > li > a + .mod-menu__toggle-sub .icon-chevron-down{margin:0}
  .hauptmenue > ul > li > a[aria-current]{text-decoration:none}
  .hauptmenue > ul > li > a,.hauptmenue > ul > li > .nav-header{border:0;padding:12px 12px;font-size:16px;font-weight:var(--halbfett);letter-spacing:0;text-transform:none;color:var(--dunkel);border-radius:0;text-decoration:none;transition:color .2s}
  .hauptmenue > ul > li > a:hover,.hauptmenue > ul > li:focus-within > a,.hauptmenue > ul > li.active > a{background:none;color:#fff;text-decoration:none}
  .hauptmenue > ul > li:hover > a + .mod-menu__toggle-sub,.hauptmenue > ul > li.active > a + .mod-menu__toggle-sub{color:#fff}
  /* Dropdown */
  .hauptmenue > ul > li > .mod-menu__sub{display:block;position:absolute;top:calc(100% - 6px);left:0;min-width:250px;background:#fff;border-radius:0 0 var(--rund) var(--rund);box-shadow:var(--schatten-hoch);padding:12px;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .2s,transform .2s,visibility .2s;z-index:10}
  .hauptmenue > ul > li:hover > .mod-menu__sub,.hauptmenue > ul > li:focus-within > .mod-menu__sub,.hauptmenue > ul > li > .mod-menu__sub[aria-hidden="false"]{opacity:1;visibility:visible;transform:none}
  .hauptmenue .mod-menu__sub .mod-menu__separator{padding:6px 12px 2px}
  .hauptmenue .mod-menu__sub a,.hauptmenue .mod-menu__sub .nav-header{border:0;border-radius:4px;padding:8px 12px;font-size:15px;font-weight:400}
  .hauptmenue .mod-menu__sub a:hover{background:var(--orange-hell);color:var(--text)}
  .hauptmenue .mod-menu__sub .mod-menu__sub{display:block;padding:0 0 6px 10px}
  .hauptmenue .mod-menu__sub .mod-menu__sub a{font-weight:600;font-size:15px;padding:6px 12px;color:var(--text-leise)}
  /* Mega-Menü: breites Panel mit Spalten */
  .hauptmenue > ul > li.mega{position:static}
  .hauptmenue > ul > li.mega > .mod-menu__sub{left:20px;right:20px;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:4px 18px;padding:22px}
  .hauptmenue > ul > li.mega > .mod-menu__sub > li > a,.hauptmenue > ul > li.mega > .mod-menu__sub > li > .nav-header{color:var(--text);font-weight:var(--fett)}
  /* „Spenden & helfen“ am Förderverein */
  .hauptmenue .item-700{position:relative}
  .hauptmenue > ul > li.item-700::before{content:"Spenden & helfen";position:absolute;left:50%;top:-14px;transform:translateX(-50%);white-space:nowrap;background:var(--dunkel);color:#fff;font-size:11px;font-weight:700;letter-spacing:.02em;padding:1px 7px;border-radius:3px;pointer-events:none}
  .hauptmenue > ul > li.mega.item-700::before{left:auto}
  .held{min-height:300px}
  .held-text{margin-left:max(20px,calc((100% - var(--breite)) / 2 + 20px))}
  .seite.mit-sidebar{grid-template-columns:minmax(0,1fr) 320px;gap:44px}
  .galerie-liste li:nth-child(4),.galerie-liste li:nth-child(5),.galerie-liste li:nth-child(6){aspect-ratio:3/4}
}

/* Weniger Bewegung, wenn im Gerät so eingestellt */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{transition:none!important;animation:none!important}
  .einblenden{opacity:1;transform:none}
}

/* Druck */
@media print{
  .kopf-oben,.kopf,.mobil-leiste,.hilfen,.nach-oben,.fuss .welle,.bereich-galerie{display:none}
  body.moerike{padding:0}
}

/* Externe Links: kleiner Pfeil, Screenreader hören „externer Link“ */
main a[href^="http"]:not([href*="moerikeschule-nuertingen.de"]):not([href*="localhost"]):not(.btn):not(.schnell)::after,
.fuss a[href^="http"]:not([href*="moerikeschule-nuertingen.de"]):not([href*="localhost"]):not(.btn)::after{
  content:"" / "externer Link";display:inline-block;width:.75em;height:.75em;margin-left:.25em;vertical-align:.02em;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.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17L17 7M9 7h8v8'/%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.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17L17 7M9 7h8v8'/%3E%3C/svg%3E") center/contain no-repeat}
/* Externe Knöpfe: Pfeil im Knopf */
main a.btn[href^="http"]:not([href*="moerikeschule-nuertingen.de"]):not([href*="localhost"])::after,
.fuss a.btn[href^="http"]:not([href*="moerikeschule-nuertingen.de"]):not([href*="localhost"])::after{
  content:"" / "externer Link";display:inline-block;width:.8em;height:.8em;margin-left:.4em;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.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17L17 7M9 7h8v8'/%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.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17L17 7M9 7h8v8'/%3E%3C/svg%3E") center/contain no-repeat}
main a:has(> img)::after{display:none!important}