/* Vorlage „Wetter & Ausflugstipps“ (Kandidat 0190): digitale Bildschirmansicht in vier Vorlagen, Hochformat und Querformat getrennt angeordnet.
   g8 (styles/aufsteller.css) und m7.3a160/m7.3a161 (styles/aufsteller.css) BYTEGLEICH. Klassen: ga-auf-v-<vorlage>, ga-auf-hoch | ga-auf-quer (von der Seite nach dem Fenster gesetzt).
   Lesen aus der Entfernung: Grundschrift = 2,3 vmin (bei 1920 × 1080 und 1080 × 1920 = 24,8 px für Tipptexte); ergänzende Angaben (Fußzeile, Quelle, Aktualisierung, Herkunftszeile) 0,76 em = 18,9 px;
   auf kleineren Geräten skaliert alles mit. Hierarchie: Unterkunft -> Heute (sichtbar größer) -> nächste drei Tage -> Ausflugstipps.
   Motive liegen NIE hinter Text: die Eckmotive stehen im Fluss in eigenen Randbereichen (Kopf links, Fuß rechts) neben dem Text, nicht darüber. */
@font-face { font-family: "Lora Aufsteller"; src: url("../fonts/Lora-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Lora Aufsteller"; src: url("../fonts/Lora-Medium.ttf") format("truetype"); font-weight: 500 700; font-style: normal; font-display: swap; }
.ga-auf { --a-titel: "Lora Aufsteller", Georgia, "Times New Roman", serif; --a-grund: #FBF8EF; --a-karte: #FFFFFF; --a-tinte: #23271C; --a-leise: #4D5240; --a-akzent: #4E5C2E; --a-zweit: #C9A817; --a-hell: #F1F3DF; --a-heute: #E6EBC4; --a-linie: #D9D2B4; --ecke: clamp(5rem, 13.5vmin, 22rem);
  position: relative; box-sizing: border-box; margin: 0; padding: 1em 1.1em; display: grid; gap: .8em; align-content: start;
  grid-template-areas: "kopf" "wetter" "tipps" "fuss"; grid-template-columns: minmax(0, 1fr);
  background: var(--a-grund); color: var(--a-tinte); font-family: var(--ga-schrift, "Inter Gast", Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif); line-height: 1.35;
  font-size: clamp(13px, 2.3vmin, 36px); overflow-wrap: break-word; isolation: isolate; overflow: hidden; }
.ga-auf-v-toskana_landschaft { --a-grund: #F6EFE2; --a-karte: #FFFBF3; --a-tinte: #2B2118; --a-leise: #5A4A3A; --a-akzent: #8F4A2A; --a-zweit: #4A5A33; --a-hell: #F1E4CC; --a-heute: #EAD3AB; --a-linie: #D8C6A6; }
.ga-auf-v-botanisch_toskana { --a-grund: #FBF8EC; --a-tinte: #2A2320; --a-leise: #524840; --a-akzent: #6A2E3F; --a-hell: #F4EBE0; --a-heute: #EBD9CF; --a-linie: #D9CFC0; --ecke: clamp(6rem, 17vmin, 26rem); }
.ga-auf-v-botanisch_toskana.ist-herbst { --a-akzent: #8A4B1F; }
.ga-auf-v-pur_elegant { --a-grund: #FFFFFF; --a-karte: #FFFFFF; --a-tinte: #1E1E1E; --a-leise: #505050; --a-akzent: #3E4B28; --a-hell: #F5F5F1; --a-heute: #EEF0E4; --a-linie: #CFCFCF; }
.ga-auf a { color: var(--a-akzent); }
.ga-auf a:focus-visible { outline: 3px solid var(--a-akzent); outline-offset: 2px; border-radius: 4px; }
.ga-auf-wetter { grid-area: wetter; } .ga-auf-tipps { grid-area: tipps; } .ga-auf-fuss { grid-area: fuss; }
.ga-auf svg.ga-svg { width: 100%; height: 100%; }
/* Kopf: Datum, Name, Leitzeile; Eckmotiv (nur Oliven & Limonen, Botanische Toskana) im eigenen Randbereich neben dem Text */
.ga-auf-kopf { grid-area: kopf; position: relative; display: grid; grid-template-columns: minmax(0, 1fr); align-items: center; padding: .1em .3em; }
.ga-auf-datum { margin: 0; font-size: .82em; letter-spacing: .06em; text-transform: uppercase; color: var(--a-leise); font-weight: 700; }
.ga-auf-name { margin: .1em 0 0; font-family: var(--a-titel); font-weight: 600; font-size: 2.3em; line-height: 1.1; }
.ga-auf-titel { margin: .25em 0 0; font-family: var(--a-titel); font-size: 1.05em; color: var(--a-akzent); }
.ga-auf-logo { display: block; max-width: 7em; max-height: 3.4em; margin: 0 0 .5em; object-fit: contain; object-position: left center; }
.ga-auf-ecke { display: block; width: var(--ecke); aspect-ratio: var(--ecke-ratio, 1); background: var(--ecke-bild) center / contain no-repeat; pointer-events: none; }
.ga-auf-ecke-ol { align-self: start; } .ga-auf-ecke-ur { align-self: end; }
.ga-auf-v-oliven_limonen .ga-auf-kopf, .ga-auf-v-botanisch_toskana .ga-auf-kopf { grid-template-columns: var(--ecke) minmax(0, 1fr); gap: .8em; }
.ga-auf-v-oliven_limonen .ga-auf-kopf { grid-template-columns: var(--ecke) minmax(0, 1fr) var(--ecke); text-align: center; }
.ga-auf-v-oliven_limonen .ga-auf-kopftext { grid-column: 2; } .ga-auf-v-oliven_limonen .ga-auf-logo { margin-left: auto; margin-right: auto; object-position: center; }
.ga-auf-v-oliven_limonen .ga-auf-kopftext::after { content: ""; display: block; width: 5em; height: .26em; margin: .6em auto 0; background: var(--a-zweit); border-radius: 2px; }
/* Karten */
.ga-auf-wetter, .ga-auf-tipps { padding: .9em 1em; background: var(--a-karte); border: 1px solid var(--a-linie); border-radius: 16px; position: relative; display: flex; flex-direction: column; gap: .6em; }
.ga-auf-h2 { margin: 0; display: flex; align-items: center; gap: .5em; font-family: var(--a-titel); font-size: 1.3em; font-weight: 600; }
.ga-auf-titelsymbol { display: inline-flex; width: 1.5em; height: 1.5em; color: var(--a-akzent); }
.ga-auf-wetter .ga-auf-h2 { position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }   /* „Wetter“ steht schon in der Heute-Karte: nur für Vorlesegeräte */
/* Heute: sichtbar mehr Gewicht; füllt in der Höhe den freien Platz */
.ga-auf-heute { flex: 1 1 auto; display: flex; flex-direction: column; justify-content: center; gap: .5em; padding: .9em 1.1em; background: var(--a-heute); border: 2px solid var(--a-akzent); border-radius: 14px; }
.ga-auf-heute-kopf { display: flex; flex-wrap: wrap; align-items: center; gap: .3em 1em; }
.ga-auf-heute-label { margin: 0; font-size: .9em; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--a-akzent); }
.ga-auf-heute-zeile { display: grid; grid-template-columns: auto minmax(0, 1fr); grid-template-areas: "symbol grad" "rest rest"; gap: .4em 1.1em; align-items: center; }
.ga-auf-heute-symbol { grid-area: symbol; display: block; width: 6.5em; height: 6.5em; color: var(--a-akzent); }
.ga-auf-heute-grad { grid-area: grad; min-width: 0; }
.ga-auf-heute-maxlabel { margin: 0; font-size: .82em; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; color: var(--a-leise); }
.ga-auf-heute-max { margin: 0; font-family: var(--a-titel); font-weight: 500; font-size: 4.6em; line-height: 1.02; white-space: nowrap; }
.ga-auf-heute-lage { margin: .1em 0 0; font-family: var(--a-titel); font-size: 1.4em; color: var(--a-akzent); line-height: 1.2; }
.ga-auf-heute-rest { grid-area: rest; display: flex; flex-wrap: wrap; gap: .1em 2em; }
.ga-auf-wert { margin: 0; font-size: 1em; color: var(--a-leise); }
.ga-auf-wert strong { color: var(--a-tinte); }
/* nächste drei Tage: in jeder Kachel gleicher Aufbau – Symbol + Name + Wetterlage, darunter „Max …“, „Min …“ und Regen je in eigener Zeile */
.ga-auf-tage { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .6em; container-type: inline-size; }
.ga-auf-tag { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: .2em .6em; align-items: start; padding: .6em .7em; background: var(--a-hell); border-radius: 12px; min-width: 0; }
.ga-auf-symbol { width: 2.6em; height: 2.6em; color: var(--a-akzent); display: block; }
.ga-auf-tagtext { min-width: 0; display: grid; gap: .05em; }
.ga-auf-tagname { margin: 0; font-weight: 800; }
.ga-auf-lage { margin: 0; line-height: 1.25; }
.ga-auf-grad { margin: .25em 0 0; display: grid; gap: .05em; font-size: 1.05em; }
.ga-auf-paar { display: block; white-space: nowrap; }
.ga-auf-label { color: var(--a-leise); }
.ga-auf-tag .ga-auf-regen { margin: 0; font-size: .8em; }
.ga-auf-hinweis { margin: .2em 0 0; color: var(--a-leise); font-size: .8em; }
.ga-auf-hinweis.ist-veraltet { color: #6E4300; font-weight: 600; }
.ga-auf-beispiel { margin: 0; padding: .15em .7em; border-radius: 999px; background: #FFF4C2; color: #4A3A00; font-weight: 700; font-size: .8em; }
/* Tipps */
.ga-auf-tippliste { list-style: none; margin: 0; padding: 0; display: grid; gap: .6em; flex: 1 1 auto; align-content: start; }
.ga-auf-quer .ga-auf-tipps-3 .ga-auf-tippliste { grid-auto-rows: 1fr; align-content: stretch; }
.ga-auf-tipp { align-items: center; }
.ga-auf-tipp { display: grid; grid-template-columns: 8em minmax(0, 1fr); gap: .8em; padding: .55em; background: var(--a-hell); border-radius: 12px; align-items: start; }
.ga-auf-tipp.ohne-bild { grid-template-columns: minmax(0, 1fr); padding-left: .8em; }
.ga-auf-tippbild { aspect-ratio: 3 / 2; border-radius: 10px; overflow: hidden; background: var(--a-linie); }
.ga-auf-tippbild img { display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1.06); }   /* kleiner Sicherheitsrand: Bildränder (z. B. dunkle Streifen im Quellbild) bleiben außerhalb */
.ga-auf-herkunft { margin: 0 0 .1em; font-size: .76em; letter-spacing: .05em; text-transform: uppercase; color: var(--a-akzent); font-weight: 800; }
.ga-auf-tipp.ist-auto .ga-auf-herkunft { color: var(--a-leise); }
.ga-auf-tipport { font-weight: 600; text-transform: none; letter-spacing: 0; color: var(--a-leise); }
.ga-auf-tippname { margin: 0; font-family: var(--a-titel); font-size: 1.16em; line-height: 1.2; }
.ga-auf-notiz { margin: .25em 0 0; font-size: 1em; white-space: pre-line; }
.ga-auf-ersatz { margin: .15em 0 0; font-size: .76em; font-style: italic; color: var(--a-leise); }
.ga-auf-autohinweis { margin-top: .2em; }
/* Fuß: ergänzende Angaben (18,9 px bei Full HD); Eckmotiv rechts im eigenen Bereich */
.ga-auf-fuss { display: grid; grid-template-columns: minmax(0, 1fr); align-items: end; padding: .2em .4em; color: var(--a-leise); }
.ga-auf-fusstext { display: flex; flex-wrap: wrap; gap: .2em 1.4em; align-items: baseline; font-size: .76em; }
.ga-auf-v-oliven_limonen .ga-auf-fuss, .ga-auf-v-botanisch_toskana .ga-auf-fuss { grid-template-columns: minmax(0, 1fr) var(--ecke); gap: .8em; }
.ga-auf-aus { justify-content: center; align-items: center; text-align: center; }
/* Querformat: zwei Spalten – links Kopf und Wetter, rechts Tipps (über die ganze Höhe); Fuß unten über die ganze Breite */
.ga-auf-quer { grid-template-areas: "kopf tipps" "wetter tipps" "fuss fuss"; grid-template-columns: minmax(0, 1fr) minmax(0, 1.08fr); grid-template-rows: auto 1fr auto; align-items: stretch; }
.ga-auf-quer .ga-auf-tipp { grid-template-columns: 11em minmax(0, 1fr); } .ga-auf-quer .ga-auf-tipp.ohne-bild { grid-template-columns: minmax(0, 1fr); }
.ga-auf-quer { --ecke: clamp(4.5rem, 10vmin, 18rem); } .ga-auf-quer.ga-auf-v-botanisch_toskana { --ecke: clamp(5rem, 13vmin, 20rem); }
.ga-auf-quer .ga-auf-heute-symbol { width: 8.2em; height: 8.2em; } .ga-auf-quer .ga-auf-heute-max { font-size: 5.9em; } .ga-auf-quer .ga-auf-heute-lage { font-size: 1.55em; } .ga-auf-quer .ga-auf-heute-maxlabel { font-size: .95em; } .ga-auf-quer .ga-auf-heute { gap: .6em; }
.ga-auf-quer .ga-auf-heute-rest { justify-content: space-between; gap: .1em 1.2em; }
.ga-auf-quer .ga-auf-kopftext { display: grid; grid-template-columns: auto minmax(0, 1fr); column-gap: .9em; align-items: center; }
.ga-auf-quer .ga-auf-kopftext > .ga-auf-logo { grid-row: 1 / span 3; margin: 0; max-width: 5em; max-height: 4.5em; align-self: center; }
.ga-auf-quer .ga-auf-kopftext > :not(.ga-auf-logo) { grid-column: 2; }
.ga-auf-quer.ga-auf-v-oliven_limonen .ga-auf-kopftext > :not(.ga-auf-logo) { text-align: left; }
.ga-auf-quer.ga-auf-v-oliven_limonen .ga-auf-kopftext::after { grid-column: 2; margin-left: 0; }
.ga-auf-quer .ga-auf-tipp { align-items: center; }
.ga-auf-quer .ga-auf-banner { height: 4em; }
@media (max-width: 36rem) { .ga-auf-tage { grid-template-columns: minmax(0, 1fr); } .ga-auf-tipp { grid-template-columns: minmax(0, 1fr); } }
/* Toskanische Landschaft: Bildkopf */
.ga-auf-v-toskana_landschaft { grid-template-areas: "banner" "kopf" "wetter" "tipps" "fuss"; }
.ga-auf-v-toskana_landschaft.ga-auf-quer { grid-template-areas: "banner banner" "kopf tipps" "wetter tipps" "fuss fuss"; grid-template-rows: auto auto 1fr auto; }
.ga-auf-banner { grid-area: banner; height: 8em; border-radius: 14px; background: var(--banner-bild) center 42% / cover no-repeat; border-bottom: .3em solid var(--a-akzent); }
.ga-auf-v-toskana_landschaft .ga-auf-kopftext::after { content: ""; display: block; width: 4em; height: .22em; margin: .5em 0 0; background: var(--a-akzent); }
.ga-auf-v-oliven_limonen .ga-auf-heute, .ga-auf-v-botanisch_toskana .ga-auf-heute { background: var(--a-karte); }
/* Pur & Elegant: viel Weißraum, Haarlinien statt Karten */
.ga-auf-v-pur_elegant { gap: 1em; padding: 1.3em 1.5em; }
.ga-auf-v-pur_elegant .ga-auf-wetter, .ga-auf-v-pur_elegant .ga-auf-tipps { background: transparent; border: 0; border-top: 1px solid var(--a-linie); border-radius: 0; padding: .8em 0 0; }
.ga-auf-v-pur_elegant .ga-auf-heute, .ga-auf-v-pur_elegant .ga-auf-tag, .ga-auf-v-pur_elegant .ga-auf-tipp { background: transparent; border: 0; border-radius: 0; padding-left: 0; padding-right: 0; }
.ga-auf-v-pur_elegant .ga-auf-tage { border-top: 1px solid var(--a-linie); padding-top: .7em; }
.ga-auf-v-pur_elegant .ga-auf-tag + .ga-auf-tag { border-left: 1px solid var(--a-linie); padding-left: .9em; }
.ga-auf-v-pur_elegant .ga-auf-logo { max-width: 9em; max-height: 4.5em; margin-bottom: .8em; }
.ga-auf-v-pur_elegant .ga-auf-name { font-weight: 400; }
.ga-auf-v-pur_elegant .ga-auf-tippbild { border-radius: 4px; }
@media print { .ga-auf { min-height: 0; } }
/* schmale Wetterspalte (z. B. Tablet quer): Symbol über dem Text, damit nichts abgeschnitten wird; Aufbau der Kacheln bleibt in allen gleich */
@container (max-width: 33em) { .ga-auf-tag { grid-template-columns: minmax(0, 1fr); } }