/* Exposé im Stil des Schleiz-Exposés (Creme-Variante): alle Seiten creme, Flächen weiß mit Creme-Linie,
   Gold als einziger Akzent, Serifen-Überschriften mit kursivem Gold-Wort, Fotos im weißen Rahmen.
   Keine Schatten/Verläufe auf den Seiten (macOS-Vorschau zeigt sie in PDFs rosa). Alles unter .ex. */
.ex{
  --ex-cream:#F4EFE4;--ex-cream-2:#ECE5D6;--ex-line:#DDD4C1;--ex-white:#FFFFFF;
  --ex-gold:#D3AF37;--ex-gold-deep:#A07E1E;
  --ex-tx:#1A1913;--ex-tx-2:#413C30;--ex-tx-mut:#6E6857;
  --ex-sans:Hanken,"Helvetica Neue",Arial,sans-serif;
  --ex-serif:"Cormorant Garamond",Georgia,serif;
  background:#3a3a36;min-height:100vh;color-scheme:light
}
.ex-leiste{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px max(16px,env(safe-area-inset-left,0px));background:rgba(28,27,24,.94);backdrop-filter:blur(10px);color:#EDE9DC}
.ex-leiste .titel{flex:1;min-width:0;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ex-leiste .titel small{display:block;color:#A8A294;font-size:.75rem}
.ex-leiste .knopf{height:38px;background:transparent;color:#EDE9DC;border-color:rgba(255,255,255,.22)}
.ex-leiste .knopf:hover{background:rgba(255,255,255,.08);border-color:var(--ex-gold)}
.ex-leiste .knopf.gold{background:var(--ex-gold);border-color:var(--ex-gold);color:#1A1913}
.ex-seiten{padding:16px 0 60px}
.ex-hinweis{max-width:794px;margin:0 auto 12px;padding:0 16px;color:#C7C1B0;font-size:.82rem;text-align:center}

.ex .page{width:210mm;height:297mm;position:relative;overflow:hidden;margin:0 auto 10mm;background:var(--ex-cream);color:var(--ex-tx);font-family:var(--ex-sans);font-size:9.4pt;line-height:1.62;-webkit-print-color-adjust:exact;print-color-adjust:exact;page-break-after:always;break-after:page}
:where(.ex .page *){box-sizing:border-box;margin:0;padding:0}
.ex .page img{display:block;max-width:100%}
.ex .in{position:absolute;inset:0;padding:20mm 19mm 24mm}
.ex .snum{position:absolute;top:12mm;right:15mm;font-family:var(--ex-serif);font-weight:300;font-size:92pt;line-height:.8;color:var(--ex-gold-deep);opacity:.1}
.ex .foot{position:absolute;left:19mm;right:19mm;bottom:11mm;display:flex;justify-content:space-between;align-items:center;font-size:6.4pt;letter-spacing:.18em;text-transform:uppercase;color:var(--ex-tx-mut);border-top:.25mm solid var(--ex-line);padding-top:3.2mm}
.ex .foot b{font-weight:600;color:var(--ex-gold-deep)}
.ex .eyebrow{display:flex;align-items:center;gap:3mm;font-size:6.8pt;font-weight:600;letter-spacing:.28em;text-transform:uppercase;color:var(--ex-gold-deep);margin-bottom:4.5mm}
.ex .eyebrow::before{content:'';width:9mm;height:.25mm;background:var(--ex-gold-deep);opacity:.75}
.ex h1,.ex h2,.ex h3{letter-spacing:normal}
.ex h2{font-family:var(--ex-serif);font-weight:300;font-size:30pt;line-height:1.04;letter-spacing:-.005em;color:var(--ex-tx);margin-bottom:5mm;text-wrap:balance}
.ex h2 em{font-style:italic;color:var(--ex-gold-deep)}
.ex h3{font-family:var(--ex-serif);font-weight:500;font-size:15.5pt;line-height:1.15;color:var(--ex-tx);margin-bottom:2mm}
.ex .lead{font-size:10.6pt;line-height:1.62;font-weight:300;color:var(--ex-tx-2);max-width:160mm;text-align:justify;hyphens:auto;-webkit-hyphens:auto}
.ex p{color:var(--ex-tx-2)}
.ex p+p{margin-top:3mm}
.ex .text{font-size:9.8pt;line-height:1.7}
.ex .text p{text-align:justify;hyphens:auto;-webkit-hyphens:auto}
.ex ul.ticks{list-style:none}
.ex ul.ticks li{position:relative;padding-left:7mm;margin-bottom:2.4mm;font-size:9.3pt;line-height:1.5;color:var(--ex-tx)}
.ex ul.ticks li::before{content:'';position:absolute;left:0;top:1.5mm;width:3mm;height:1.6mm;border-left:.5mm solid var(--ex-gold-deep);border-bottom:.5mm solid var(--ex-gold-deep);transform:rotate(-45deg)}
.ex .note{border:.25mm solid var(--ex-line);background:var(--ex-white);padding:4.5mm 5.5mm;font-size:7.6pt;line-height:1.62;color:var(--ex-tx-mut)}
.ex .note strong{color:var(--ex-gold-deep);font-weight:600}
.ex .gal{display:grid;grid-template-columns:1fr 1fr;gap:4mm;margin-top:6mm}
.ex .gal figure{background:var(--ex-white);border:.25mm solid var(--ex-line);padding:3mm}
.ex .gal img{width:100%;aspect-ratio:4/3;object-fit:cover}
.ex .gal figcaption{font-family:var(--ex-serif);font-style:italic;font-size:9.5pt;color:var(--ex-tx-mut);margin-top:2mm;text-align:center}

/* Titelseite */
.ex .cover .kopfzeile{position:absolute;left:19mm;right:19mm;top:0;height:26mm;display:flex;justify-content:space-between;align-items:center;border-bottom:.25mm solid var(--ex-line)}
.ex .brand{display:flex;align-items:center;gap:4.5mm}
.ex .brand img{width:16mm}
.ex .brand b{display:block;font-family:var(--ex-serif);font-weight:500;font-size:20pt;line-height:1;color:var(--ex-tx);letter-spacing:.05em}
.ex .brand small{display:block;margin-top:1.6mm;font-size:6.4pt;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--ex-gold-deep)}
.ex .cover .ex-tag{text-align:right;font-size:6.6pt;letter-spacing:.3em;text-transform:uppercase;color:var(--ex-gold-deep);line-height:1.9}
.ex .cover .ex-tag span{color:var(--ex-tx-mut)}
.ex .cover .hero{position:absolute;left:0;right:0;top:28mm;height:157.5mm;overflow:hidden;background:var(--ex-cream-2)}
.ex .cover .hero img{width:100%;height:100%;object-fit:cover}
.ex .cover .unten{position:absolute;left:19mm;right:19mm;top:194mm}
.ex .cover h1{font-family:var(--ex-serif);font-weight:300;font-size:32pt;line-height:1.04;letter-spacing:-.01em;color:var(--ex-tx);text-wrap:balance}
.ex .cover .sub{font-family:var(--ex-serif);font-weight:400;font-size:17pt;line-height:1.15;color:var(--ex-tx-2);margin-top:3mm}
.ex .cover .sub em{font-style:italic;color:var(--ex-gold-deep)}
.ex .cover .sub2{font-size:9.5pt;color:var(--ex-tx-mut);margin-top:2.5mm}
.ex .strip{margin-top:7mm;padding-top:6mm;border-top:.25mm solid var(--ex-gold-deep);display:grid;grid-template-columns:repeat(4,1fr);gap:4mm;text-align:center}
.ex .strip b{display:block;font-family:var(--ex-serif);font-weight:300;font-size:25pt;line-height:1;color:var(--ex-tx)}
.ex .strip b i{font-style:normal;font-size:.5em;color:var(--ex-gold-deep)}
.ex .strip small{display:block;margin-top:2mm;font-size:5.8pt;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--ex-tx-mut)}

/* Foto oben, Text darunter */
.ex .topphoto{position:absolute;left:0;right:0;top:0;height:157.5mm;overflow:hidden;background:var(--ex-cream-2)}
.ex .topphoto img{width:100%;height:100%;object-fit:cover}
.ex .topcap{position:absolute;left:19mm;right:19mm;top:160mm;font-family:var(--ex-serif);font-style:italic;font-size:9.5pt;color:var(--ex-tx-mut);text-align:center}
.ex .below{position:absolute;left:19mm;right:19mm;top:170mm;bottom:24mm;overflow:hidden}
.ex .below h2{font-size:24pt;margin-bottom:3.5mm}
.ex .below .text{font-size:10.4pt;line-height:1.72}
.ex .in .fluss{position:absolute;left:19mm;right:19mm;top:20mm;bottom:24mm;overflow:hidden}

/* Kacheln & Tabellen */
.ex .kpis{display:grid;gap:3mm;align-content:start}
.ex .kpi{background:var(--ex-white);border:.25mm solid var(--ex-line);padding:5mm 6mm}
.ex .kpi .lab{display:block;font-size:6.4pt;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--ex-gold-deep);margin-bottom:2mm}
.ex .kpi b{display:block;font-family:var(--ex-serif);font-weight:400;font-size:17pt;line-height:1.1;color:var(--ex-tx)}
.ex .kpi p{font-size:8.2pt;line-height:1.55;color:var(--ex-tx-mut);margin-top:2mm}
.ex table{width:100%;border-collapse:collapse}
.ex .facts tr{border-bottom:.25mm solid var(--ex-line)}
.ex .facts tr:first-child{border-top:.25mm solid var(--ex-line)}
.ex .facts th{text-align:left;font-weight:400;padding:2.2mm 3mm 2.2mm 0;color:var(--ex-tx-mut);font-size:8.3pt;white-space:nowrap;width:40%;vertical-align:top}
.ex .facts td{text-align:right;font-weight:600;padding:2.2mm 0;color:var(--ex-tx);font-size:8.3pt}
.ex .two{display:grid;grid-template-columns:1fr 1fr;gap:9mm;margin-top:7mm}
.ex .two.wide-left{grid-template-columns:1.3fr 1fr}
.ex .dist{display:grid;grid-template-columns:1fr 1fr;gap:.3mm;background:var(--ex-line);border:.3mm solid var(--ex-line);margin-top:6mm}
.ex .dist div{background:var(--ex-white);padding:4.5mm 5.5mm;display:flex;justify-content:space-between;align-items:baseline;gap:3mm}
.ex .dist .t{font-size:8.6pt;font-weight:500;color:var(--ex-tx)}
.ex .dist .v{font-family:var(--ex-serif);font-size:13pt;color:var(--ex-gold-deep);white-space:nowrap}
.ex .energy{margin-top:6mm;border:.25mm solid var(--ex-line);background:var(--ex-white);padding:6mm 6.5mm}
.ex .energy .lab{display:block;font-size:6.4pt;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--ex-gold-deep);margin-bottom:3.5mm}
.ex .escale{display:grid;grid-template-columns:repeat(9,1fr);gap:.6mm}
.ex .escale div{border:.25mm solid var(--ex-line);background:var(--ex-cream);padding:3.2mm 0 2.6mm;text-align:center;font-family:var(--ex-serif);font-weight:500;font-size:12pt;color:var(--ex-tx-mut);line-height:1}
.ex .escale div.on{background:var(--ex-gold-deep);border-color:var(--ex-gold-deep);color:var(--ex-white)}
.ex .efacts{display:grid;grid-template-columns:repeat(4,1fr);gap:3mm;margin-top:5mm;padding-top:4mm;border-top:.25mm solid var(--ex-line)}
.ex .efacts small{display:block;font-size:6pt;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--ex-tx-mut);margin-bottom:1.4mm}
.ex .efacts b{display:block;font-family:var(--ex-serif);font-weight:500;font-size:13.5pt;color:var(--ex-tx);line-height:1.1}
.ex .efacts span{display:block;font-size:7.2pt;color:var(--ex-tx-mut);margin-top:.8mm}

/* Kontakt */
.ex .ccard{margin-top:7mm;background:var(--ex-white);border:.25mm solid var(--ex-line);padding:8mm;display:grid;grid-template-columns:1fr auto;gap:8mm;align-items:center}
.ex .ccard .who small{display:block;font-size:6.2pt;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--ex-gold-deep);margin-bottom:2.4mm}
.ex .ccard .who b{display:block;font-family:var(--ex-serif);font-weight:400;font-size:28pt;line-height:1;color:var(--ex-tx)}
.ex .ccard .who i{display:block;font-style:normal;font-size:8.5pt;color:var(--ex-tx-mut);margin-top:2mm}
.ex .ccard .rows{margin-top:6mm}
.ex .ccard .row{display:flex;gap:4mm;align-items:baseline;padding:2.4mm 0;border-top:.25mm solid var(--ex-line)}
.ex .ccard .row span{width:22mm;font-size:6.2pt;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--ex-tx-mut)}
.ex .ccard .row em{font-style:normal;font-size:10.5pt;color:var(--ex-tx)}
.ex .ccard .row .tel{font-family:var(--ex-serif);font-size:16pt;color:var(--ex-gold-deep)}
.ex .ccard .ex-logo img{width:34mm}
.ex .price{margin-top:5mm;display:flex;justify-content:space-between;align-items:center;padding:5mm 6mm;border:.25mm solid var(--ex-line);background:var(--ex-white)}
.ex .price small{font-size:6.2pt;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--ex-gold-deep)}
.ex .price b{font-family:var(--ex-serif);font-weight:400;font-size:19pt;color:var(--ex-tx)}
.ex .disc{position:absolute;left:19mm;right:19mm;bottom:11mm;font-size:5.9pt;line-height:1.55;color:var(--ex-tx-mut)}
.ex .sign{position:absolute;left:19mm;right:19mm;bottom:28mm;display:flex;gap:6mm;align-items:center;padding-top:6mm;border-top:.25mm solid var(--ex-line)}
.ex .sign img{width:18mm}
.ex .sign p{font-size:7.6pt;line-height:1.6;color:var(--ex-tx-mut)}

@page{size:A4;margin:0}
@media print{
  body{background:none}
  .ex{background:none}
  .ex-leiste,.ex-hinweis,.vorschau-hinweis,.unten-leiste{display:none!important}
  .ex-seiten{padding:0;zoom:1!important}
  .ex .page{margin:0}
}
