/* Exposé – A4-Druckansicht. Auf dem Bildschirm: Blätter mit Schatten; im Druck: je Blatt eine Seite. */
:root{--navy:#0e1d33;--gold:#c3a05a;--gold-d:#a8863f;--line:#e5ddcf;--muted:#5f6b7a;--paper:#f7f4ee}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Segoe UI',system-ui,-apple-system,Helvetica,Arial,sans-serif;color:#1a2029;background:#d9dde3;font-size:10.5pt;line-height:1.55;-webkit-print-color-adjust:exact;print-color-adjust:exact}
h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:var(--navy)}
img{display:block;max-width:100%}
.werkzeug{position:sticky;top:0;z-index:5;background:var(--navy);padding:12px 20px;display:flex;gap:18px;align-items:center;justify-content:center}
.werkzeug button{background:var(--gold);color:#fff;border:0;padding:11px 24px;font:600 1rem inherit;font-family:inherit;border-radius:4px;cursor:pointer}
.werkzeug a{color:#e3d3ad;font-size:.95rem}
.blatt{width:210mm;min-height:297mm;margin:10mm auto;background:#fff;padding:16mm 16mm 14mm;box-shadow:0 10px 30px rgba(0,0,0,.18);position:relative;overflow:hidden}
.kopf{display:flex;justify-content:space-between;align-items:center;border-bottom:1.5px solid var(--gold);padding-bottom:5mm;margin-bottom:7mm}
.kopf img{height:13mm;width:auto}
.kopf span{font-family:Georgia,serif;letter-spacing:.3em;text-transform:uppercase;color:var(--gold-d);font-size:10pt}
.titelbild{height:118mm;margin:0 -16mm;overflow:hidden;background:var(--paper)}
.titelbild img{width:100%;height:100%;object-fit:cover}
.titelblock{background:var(--navy);color:#fff;margin:-16mm 4mm 0;position:relative;padding:8mm 9mm;border-top:2px solid var(--gold)}
.titelblock .art{text-transform:uppercase;letter-spacing:.22em;font-size:8pt;color:#e3d3ad;font-weight:700;margin-bottom:3mm}
.titelblock h1{color:#fff;font-size:21pt;line-height:1.2}
.titelblock .ort{color:#c3ccd9;margin-top:3mm;font-size:11pt}
.deckblatt .eck-raster{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:9mm;border:1px solid var(--line)}
.deckblatt .eck-raster div{padding:4mm 5mm;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.deckblatt .eck-raster div:nth-child(4n){border-right:0}
.eck-raster span{display:block;font-size:7.5pt;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-weight:600}
.eck-raster strong{display:block;font-family:Georgia,serif;font-weight:400;font-size:14pt;color:var(--navy);margin-top:1mm}
.zwei{display:grid;grid-template-columns:1fr 62mm;gap:10mm}
h2{font-size:15pt;margin:0 0 4mm;padding-bottom:2mm;border-bottom:1px solid var(--line)}
.zwei>div>h2:not(:first-child),aside h2{margin-top:7mm}
aside h2:first-child{margin-top:0}
.text p{margin-bottom:3mm}.text ul{margin:0 0 3mm 5mm}
.text a{color:var(--gold-d);word-break:break-all}
.chips{list-style:none;display:flex;flex-wrap:wrap;gap:2mm}
.chips li{border:1px solid var(--line);background:var(--paper);padding:1mm 3mm;border-radius:10mm;font-size:9pt}
.chips li::before{content:"✓ ";color:var(--gold-d);font-weight:700}
aside dl{display:grid;grid-template-columns:1fr auto;gap:1.5mm 3mm;font-size:9.5pt}
aside dt{color:var(--muted)}aside dd{text-align:right}
aside .fett{font-weight:700;color:var(--navy);border-top:1px solid var(--line);padding-top:1.5mm}
.kontakt{margin-top:8mm;background:var(--navy);color:#dfe5ee;padding:5mm 6mm;border-radius:1mm}
.kontakt h2{color:#fff;border-color:rgba(255,255,255,.2);font-size:12pt}
.kontakt p{font-size:9.5pt;margin-bottom:2mm}
.bilder h2{margin-bottom:5mm}
.foto-raster{display:grid;grid-template-columns:1fr 1fr;gap:4mm}
.foto-raster figure{break-inside:avoid}
.foto-raster img{width:100%;height:76mm;object-fit:cover;background:var(--paper)}
.foto-raster.n1 img{height:160mm}.foto-raster.n1{grid-template-columns:1fr}
.foto-raster.n2 img{height:110mm}
figcaption{font-size:8.5pt;color:var(--muted);margin-top:1.5mm}
.fuss{width:210mm;margin:0 auto 12mm;font-size:8pt;color:#4c5562;text-align:center;padding:0 16mm}
@page{size:A4;margin:0}
@media print{
  body{background:#fff}
  .werkzeug{display:none}
  .blatt{margin:0;box-shadow:none;page-break-after:always;break-after:page;min-height:297mm;height:297mm}
  article.blatt:last-of-type{page-break-after:auto;break-after:auto}
  .fuss{position:fixed;bottom:5mm;left:0;right:0;margin:0}
}
@media screen and (max-width:820px){
  .blatt{width:auto;min-height:0;margin:12px;padding:20px}
  .titelbild{margin:0 -20px;height:56vw}
  .titelblock{margin:-40px 6px 0}
  .zwei{grid-template-columns:1fr}
  .deckblatt .eck-raster{grid-template-columns:1fr 1fr}
  .foto-raster img{height:40vw}
  .fuss{width:auto;padding:0 16px}
}