.heftseite{--papier:#fffaf1; --tinte:#241d17; --grau:#6f6458; --linie:rgba(36,29,23,.16); --gold:#e2b84a; --gold-dunkel:#b8902e; --gold-text:#8a6516; }
.heftseite *{box-sizing: border-box; }
.heftseite{font-family: 'Lato', Arial, sans-serif; color: var(--tinte); font-kerning: normal; -webkit-print-color-adjust: exact; print-color-adjust: exact; }
.heftseite .seite{--ton:#8a6516; --ton-hell:#fbefd0; --ton-licht:rgba(240,200,90,.26); position: relative; width: 794px; height: 1059px; overflow: hidden; page-break-after: always; break-after: page; background: radial-gradient(circle at 97% 2%, var(--ton-licht) 0, rgba(255,250,241,0) 33%), radial-gradient(circle at 0% 100%, rgba(240,200,90,.14) 0, rgba(255,250,241,0) 28%), var(--papier); }
.heftseite .seite:last-child{page-break-after: auto; break-after: auto; }
.heftseite .ton-apricot{--ton:#a3472a; --ton-hell:#fde7d6; --ton-licht:rgba(244,160,110,.24); }
.heftseite .ton-salbei{--ton:#3f6a3b; --ton-hell:#e5efde; --ton-licht:rgba(140,190,125,.26); }
.heftseite .ton-rose{--ton:#a1435a; --ton-hell:#fbe5df; --ton-licht:rgba(238,150,160,.24); }
.heftseite .ton-butter{--ton:#8a6516; --ton-hell:#fbefd0; --ton-licht:rgba(240,200,90,.30); }
.heftseite .innen{position: absolute; left: 64px; right: 64px; top: 84px; bottom: 76px; }
.heftseite .kopf{position: absolute; left: 64px; right: 64px; top: 30px; display: flex; justify-content: space-between; align-items: baseline; padding-bottom: 9px; border-bottom: 1px solid var(--linie); font-size: 10.5px; letter-spacing: 2.6px; text-transform: uppercase; color: var(--grau); }
.heftseite .kopf b{color: var(--tinte); letter-spacing: 3px; }
.heftseite .kopf span{color: var(--ton); font-weight: 700; }
.heftseite .rechts .kopf{flex-direction: row-reverse; }
.heftseite .fuss{position: absolute; left: 64px; right: 64px; bottom: 28px; display: flex; align-items: center; gap: 12px; font-size: 10px; letter-spacing: 2px; text-transform: uppercase; color: var(--grau); }
.heftseite .fuss b{font-family: 'Playfair Display', Georgia, serif; font-size: 15px; letter-spacing: 0; color: var(--tinte); }
.heftseite .fuss i{width: 18px; height: 1.5px; background: var(--gold); }
.heftseite .fuss .web{margin-left: auto; text-transform: none; letter-spacing: .6px; font-size: 10.5px; }
.heftseite .rechts .fuss{flex-direction: row-reverse; }
.heftseite .rechts .fuss .web{margin-left: 0; margin-right: auto; }
.heftseite .kicker{display: flex; align-items: center; gap: 10px; font-size: 11.5px; letter-spacing: 2.8px; text-transform: uppercase; font-weight: 700; color: var(--ton); }
.heftseite .kicker::before{content: ''; width: 28px; height: 2px; background: var(--gold); flex: none; }
.heftseite .mitte .kicker{justify-content: center; }
.heftseite .mitte .kicker::after{content: ''; width: 28px; height: 2px; background: var(--gold); flex: none; }
.heftseite h1, .heftseite h2, .heftseite h3{font-family: 'Playfair Display', Georgia, serif; margin: 0; text-wrap: balance; }
.heftseite h1{font-size: 56px; line-height: 1.03; font-weight: 800; letter-spacing: -.5px; margin-top: 12px; }
.heftseite h2{font-size: 40px; line-height: 1.08; font-weight: 800; letter-spacing: -.3px; margin-top: 10px; }
.heftseite h3{font-size: 19px; line-height: 1.22; font-weight: 700; }
.heftseite h1 em, .heftseite h2 em{font-style: italic; font-weight: 500; color: var(--ton); }
.heftseite .vorspann{font-family: 'Playfair Display', Georgia, serif; font-size: 20px; line-height: 1.42; font-weight: 500; margin: 14px 0 0; text-wrap: pretty; }
.heftseite .autor{font-size: 10.5px; letter-spacing: 2.2px; text-transform: uppercase; color: var(--grau); margin: 12px 0 0; }
.heftseite .autor b{color: var(--tinte); }
.heftseite p{font-size: 15.5px; line-height: 1.6; margin: 0 0 12px; }
.heftseite .satz{text-align: left; hyphens: auto; -webkit-hyphens: auto; margin-top: 18px; }
.heftseite h1, .heftseite h2, .heftseite h3, .heftseite .tipp .nr, .heftseite .fuss b, .heftseite .inhalt-zeile b, .heftseite .zeit .tag, .heftseite .zeit .was b, .heftseite .vorschau .bild span{font-variant-numeric: lining-nums; }
.heftseite .spalte{display: flex; flex-direction: column; }
.heftseite .unten{margin-top: auto !important; }
.heftseite .satz p{margin: 0; font-size: 16.5px; line-height: 1.62; text-wrap: pretty; }
.heftseite .satz p + p{text-indent: 1.3em; }
.heftseite .zwei{column-count: 2; column-gap: 30px; }
.heftseite .satz.knapp p{font-size: 15.5px; line-height: 1.58; }
.heftseite .initial::first-letter{float: left; font-family: 'Playfair Display', Georgia, serif; font-weight: 800; font-size: 63px; line-height: .84; padding: 7px 9px 0 0; color: var(--ton); }
.heftseite .zwischen{font-family: 'Playfair Display', Georgia, serif; font-size: 19px; font-weight: 700; margin: 18px 0 8px; }
.heftseite .zitat{font-family: 'Playfair Display', Georgia, serif; font-style: italic; font-size: 25px; line-height: 1.32; font-weight: 500; margin: 20px 0; padding: 14px 0 15px; border-top: 2px solid var(--gold); border-bottom: 1px solid var(--linie); text-wrap: balance; }
.heftseite .zitat small{display: block; font-family: 'Lato', Arial, sans-serif; font-style: normal; font-size: 10.5px; letter-spacing: 2px; text-transform: uppercase; color: var(--grau); margin-top: 10px; }
.heftseite .frage{font-family: 'Playfair Display', Georgia, serif; font-style: italic; font-size: 22px; line-height: 1.3; color: var(--ton); margin: 18px 0 0; }
.heftseite .bild{position: relative; overflow: hidden; }
.heftseite .bild img{position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }
.heftseite .vermerk{position: absolute; right: 0; bottom: 0; z-index: 2; font-size: 9.5px; letter-spacing: 1.6px; text-transform: uppercase; color: #fff; background: rgba(36,29,23,.55); padding: 4px 8px 3px; }
.heftseite .bu{position: absolute; font-size: 11.5px; line-height: 1.45; color: var(--grau); margin: 0; }
.heftseite .bu b{color: var(--tinte); }
.heftseite .kasten{background: var(--ton-hell); padding: 18px 22px 19px; border-top: 3px solid var(--ton); margin-top: 20px; }
.heftseite .kasten .kicker{font-size: 10.5px; }
.heftseite .kasten h3{margin: 8px 0 6px; }
.heftseite .kasten p{font-size: 14.5px; line-height: 1.55; margin: 0 0 7px; }
.heftseite .kasten p:last-child{margin-bottom: 0; }
.heftseite .kasten .prompt{font-family: 'Playfair Display', Georgia, serif; font-style: italic; font-size: 17px; line-height: 1.4; padding-left: 14px; border-left: 2px solid var(--gold); margin: 9px 0 10px; }
.heftseite .sonne{background: linear-gradient(135deg, #fff4d6 0%, #fbe3ad 100%); border-top: 0; padding: 22px 26px 22px; }
.heftseite .sonne .kicker{color: var(--gold-text); }
.heftseite .tipps{display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 16px; border-top: 1px solid var(--linie); }
.heftseite .tipp{padding: 13px 18px 0 0; }
.heftseite .tipp + .tipp{padding-left: 18px; border-left: 1px solid var(--linie); }
.heftseite .tipp .nr{font-family: 'Playfair Display', Georgia, serif; font-size: 34px; line-height: 1; font-weight: 800; color: var(--gold); }
.heftseite .tipp h3{font-size: 17.5px; margin: 6px 0 5px; }
.heftseite .tipp p{font-size: 14px; line-height: 1.5; margin: 0; }
.heftseite .gewusst{display: flex; gap: 18px; align-items: center; margin-top: 18px; padding: 14px 0 7px; border-top: 1px solid var(--linie); }
.heftseite .gewusst h3{flex: none; width: 84px; height: 84px; border-radius: 50%; display: flex; align-items: center; justify-content: center; text-align: center; transform: rotate(-8deg); font-style: italic; font-weight: 700; font-size: 16px; background: radial-gradient(circle at 32% 28%, #fff3c4 0%, #f2d27a 32%, #d9ae45 66%, #b0852a 100%); box-shadow: 0 6px 14px rgba(120,80,20,.22); }
.heftseite .gewusst p{font-size: 14.5px; line-height: 1.55; margin: 0; }
.heftseite .zeit{display: grid; grid-template-columns: 104px 1fr; column-gap: 22px; margin-top: 16px; }
.heftseite .zeit .tag{font-family: 'Playfair Display', Georgia, serif; font-style: italic; font-size: 16px; font-weight: 700; color: var(--ton); padding: 13px 0 12px; border-top: 1px solid var(--linie); line-height: 1.25; }
.heftseite .zeit .was{padding: 13px 0 12px; border-top: 1px solid var(--linie); }
.heftseite .zeit .was b{font-family: 'Playfair Display', Georgia, serif; font-size: 17.5px; display: block; line-height: 1.25; margin-bottom: 2px; }
.heftseite .zeit .was span{font-size: 14.5px; line-height: 1.45; display: block; color: #4a4036; }
.heftseite .weiter{position: absolute; left: 0; right: 0; bottom: 0; display: flex; gap: 20px; align-items: center; background: var(--ton-hell); border-top: 3px solid var(--ton); padding: 16px 20px; }
.heftseite .weiter .qr{width: 92px; height: 92px; background: #fff; padding: 7px; flex: none; }
.heftseite .weiter .qr img{width: 100%; height: 100%; display: block; }
.heftseite .weiter p{font-size: 14px; line-height: 1.45; margin: 0 0 4px; }
.heftseite .weiter strong{font-family: 'Playfair Display', Georgia, serif; font-size: 19px; }
.heftseite .weiter .link{color: var(--ton); font-weight: 700; margin: 0; }
.heftseite .inhalt-kopf{display: flex; justify-content: space-between; align-items: baseline; border-bottom: 2px solid var(--tinte); padding-bottom: 6px; margin-top: 26px; }
.heftseite .inhalt-kopf h2{font-size: 44px; margin: 0; }
.heftseite .inhalt-kopf span{font-size: 11px; letter-spacing: 2.4px; text-transform: uppercase; color: var(--grau); }
.heftseite .vorschau{display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 16px; }
.heftseite .vorschau .bild{height: 128px; }
.heftseite .vorschau .bild span{position: absolute; left: 0; bottom: 0; z-index: 2; background: var(--papier); font-family: 'Playfair Display', Georgia, serif; font-weight: 800; font-size: 20px; line-height: 1; padding: 7px 10px 4px 0; }
.heftseite .inhalt{display: grid; grid-template-columns: repeat(3, 1fr); gap: 0 16px; margin-top: 12px; }
.heftseite .teil{font-size: 10.5px; letter-spacing: 2.4px; text-transform: uppercase; font-weight: 700; color: var(--gold-text); padding: 8px 0 4px; border-bottom: 1px solid var(--linie); }
.heftseite .inhalt-zeile{display: grid; grid-template-columns: 30px 1fr; gap: 6px; padding: 6px 0 5px; border-bottom: 1px dotted rgba(36,29,23,.18); font-size: 13.5px; line-height: 1.32; }
.heftseite .inhalt-zeile b{font-family: 'Playfair Display', Georgia, serif; font-size: 16px; line-height: 1.1; color: var(--gold-text); }
.heftseite .signatur{font-family: 'Great Vibes', cursive; font-size: 38px; line-height: 1; color: var(--gold-text); margin: 8px 0 0; }
.heftseite .vollbild{color: #fff; }
.heftseite .vollbild .kicker{color: #f6dc8e; }
.heftseite .vollbild .schleier{position: absolute; inset: 0; background: linear-gradient(to top, rgba(36,24,12,.92) 0%, rgba(36,24,12,.78) 34%, rgba(36,24,12,0) 60%); }
.heftseite .vollbild .text{position: absolute; left: 64px; right: 64px; bottom: 82px; }
.heftseite .vollbild h2{font-size: 44px; }
.heftseite .vollbild h2 em{color: #f6dc8e; }
.heftseite .vollbild p{color: #f6efe2; }
.heftseite .vollbild .fuss, .heftseite .vollbild .fuss b{color: #eadfca; }
.heftseite .bogen{border-radius: 999px 999px 4px 4px; }
.heftseite .bogenlinie{position: absolute; border: 1.5px solid var(--gold-dunkel); border-radius: 999px 999px 6px 6px; }
.heftseite .foto-rahmen{background: #fff; padding: 11px 11px 34px; box-shadow: 0 14px 30px rgba(90,60,20,.20); }
.heftseite .foto-rahmen .bild{position: absolute; left: 11px; right: 11px; top: 11px; bottom: 34px; }
.heftseite .marke{font-family: 'Playfair Display', Georgia, serif; font-weight: 800; font-size: 72px; letter-spacing: 2px; line-height: 1; }
.heftseite .marke span{color: var(--gold-dunkel); }
.heftseite .qr-zeile{display: flex; gap: 20px; align-items: center; justify-content: center; margin: 26px auto 0; }
.heftseite .qr-zeile .qr{width: 104px; height: 104px; background: #fff; padding: 8px; box-shadow: 0 6px 16px rgba(120,80,20,.12); flex: none; }
.heftseite .qr-zeile .qr img{width: 100%; height: 100%; display: block; }
.heftseite .qr-zeile p{margin: 0; text-align: left; font-size: 14.5px; line-height: 1.45; }
.heftseite .qr-zeile strong{font-family: 'Playfair Display', Georgia, serif; font-size: 20px; display: block; margin-bottom: 2px; }
.heftseite .impressum{border-top: 2px solid var(--tinte); padding-top: 12px; text-align: left; }
.heftseite .impressum h3.nachweis{font-size: 22px; line-height: 1.2; color: var(--tinte); margin: 0 0 12px; }
.heftseite .impressum-raster{column-count: 2; column-gap: 34px; }
.heftseite .impressum .nachweis{break-inside: avoid; font-size: 12.5px; line-height: 1.5; color: #4a4036; margin: 0 0 11px; }
.heftseite .impressum .nachweis b span{display: none; }
.heftseite .impressum .nachweis b{display: block; font-size: 9.5px; letter-spacing: 2px; text-transform: uppercase; color: var(--ton); margin-bottom: 2px; }
.heftseite .funke{position: absolute; width: 18px; height: 18px; fill: var(--gold); }
.heftseite .funke.klein{width: 11px; height: 11px; }