/*
Theme Name: Zons am Rhein
Description: Ein ruhiges, eigenständiges Block-Theme für die historische Zollfeste und die Bücher von Catherine Shepherd. Systemschriften, native WordPress-Blöcke, keine externen Bibliotheken.
Version: 1.0.0
Requires at least: 6.6
Requires PHP: 8.0
Author: KAFEL Verlag
Text Domain: zons-am-rhein
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/
:root{--zons-cream:#f7f4ed;--zons-sand:#e9e1d1;--zons-green:#153d35;--zons-ink:#20332e;--zons-copper:#995138;--zons-line:#d5cdbd;--zons-muted:#5c675f;--zons-serif:Georgia,'Times New Roman',serif;--zons-sans:-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;--zons-wide:1240px}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:2rem}
body{margin:0;background:var(--zons-cream);color:var(--zons-ink);font-family:var(--zons-sans);font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased}
body .wp-site-blocks{padding:0}
body .wp-site-blocks>*,body main>*{margin-block-start:0}
img{display:block;max-width:100%;height:auto}
figure{margin:0}
a{color:inherit;text-underline-offset:4px;text-decoration-thickness:1px}
a:hover{color:var(--zons-copper)}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--zons-copper);outline-offset:5px}
h1,h2,h3,h4{font-family:var(--zons-serif);font-weight:400;line-height:1.08;letter-spacing:-.045em;color:var(--zons-green);text-wrap:balance;margin:0 0 1.25rem}
h1{font-size:clamp(3.2rem,6.5vw,6.1rem);max-width:1000px}
h2{font-size:clamp(2.35rem,4.3vw,4.1rem)}
h3{font-size:clamp(1.65rem,2.4vw,2.25rem);letter-spacing:-.025em}
p{margin:0 0 1.25rem;max-width:70ch}
p:last-child{margin-bottom:0}
button,input{font:inherit}
.zons-eyebrow{font-size:.72rem;font-weight:700;line-height:1.5;letter-spacing:.16em;text-transform:uppercase;color:var(--zons-copper);margin-bottom:1.6rem}
.zons-lead{font-size:clamp(1.05rem,1.5vw,1.2rem);line-height:1.65;max-width:50ch}
.zons-fine,.zons-source{font-size:.79rem;color:var(--zons-muted);line-height:1.65}
.zons-source{margin-bottom:.6rem}
.zons-section{padding:clamp(3.5rem,7vw,7rem) max(24px,calc((100% - var(--zons-wide))/2))}
.zons-section>.wp-block-group,.zons-section>.wp-block-columns{width:100%}
.zons-sand{background:var(--zons-sand)}
.wp-block-columns{display:flex;gap:clamp(2rem,5vw,5rem);align-items:flex-start;margin:0}
.wp-block-column{flex:1 1 0;min-width:0}
.wp-block-buttons{display:flex;flex-wrap:wrap;gap:12px;margin:1.8rem 0}
.wp-block-button__link{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.85rem 1.3rem;background:var(--zons-green);border:1px solid var(--zons-green);border-radius:0;color:var(--zons-cream);font-family:var(--zons-sans);font-weight:600;font-size:.85rem;line-height:1.35;text-decoration:none;transition:background .15s,color .15s}
.wp-block-button__link:hover{background:#22574b;border-color:#22574b;color:white}
.is-style-outline .wp-block-button__link{background:transparent;color:var(--zons-green)}
.is-style-outline .wp-block-button__link:hover{background:var(--zons-green);color:var(--zons-cream)}
.zons-topline{padding:11px 24px;background:var(--zons-green);color:var(--zons-cream);text-align:center;font-size:.72rem;letter-spacing:.025em}
.zons-topline a{color:inherit;text-decoration:none}
.zons-topline a:hover{text-decoration:underline}
.zons-topline p{max-width:none;margin:0}
.zons-header{max-width:var(--zons-wide);margin:auto!important;padding:28px 0;display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:106px;border-bottom:1px solid var(--zons-line)}
.zons-brand{text-decoration:none;line-height:.9!important;color:var(--zons-green);flex-shrink:0}
.zons-brand span,.zons-site-title{font:400 2.5rem/.95 var(--zons-serif);letter-spacing:.1em}
.zons-brand small{display:block;font:600 .6rem/1.6 var(--zons-sans);letter-spacing:.35em;margin:9px 0 0 4px}
.zons-site-title a{text-decoration:none}
.zons-wordmark p{margin:0}
.zons-wordmark .zons-eyebrow{margin:7px 0 0 3px;font-size:.6rem;letter-spacing:.3em;color:var(--zons-green)}
.zons-nav{display:flex;align-items:center;gap:28px;font-size:.83rem;font-weight:500}
.zons-nav a{text-decoration:none;padding:8px 0}
.zons-nav a[aria-current=page]{border-bottom:1px solid var(--zons-copper);color:var(--zons-copper)}
.zons-header .wp-block-navigation{font-size:.84rem;font-weight:500}
.zons-header .wp-block-navigation__container{gap:clamp(1rem,2.5vw,2.5rem)}
.zons-menu-toggle{display:none;border:1px solid var(--zons-line);padding:8px 14px;background:none;color:var(--zons-green);cursor:pointer}
.zons-hero{padding-top:clamp(3rem,5.7vw,6rem);padding-bottom:4.5rem}
.zons-hero-grid{align-items:center;gap:3.5rem}
.zons-hero-grid>.wp-block-column:first-child{flex:1.05}
.zons-hero h1{font-size:clamp(3.3rem,5.8vw,5.55rem);letter-spacing:-.055em;line-height:1.01;margin-bottom:1.7rem}
.zons-hero .zons-eyebrow{font-size:.65rem;max-width:42ch}
.zons-hero-photo{position:relative}
.zons-hero-photo img{width:100%;height:510px;object-fit:cover;object-position:60% 50%;border-radius:48% 48% 0 0}
.wp-element-caption{font-size:.73rem;line-height:1.5;color:var(--zons-muted);margin-top:11px}
.zons-current{background:var(--zons-green);color:var(--zons-cream);padding-top:4rem;padding-bottom:4rem}
.zons-current h2{color:var(--zons-cream)}
.zons-current .zons-eyebrow{color:#d9b390}
.zons-current .zons-fine{color:#ccdad1}
.zons-current-grid{align-items:center;max-width:1020px;margin:auto!important;gap:5rem}
.zons-current-grid>.wp-block-column:first-child{flex:0 0 30%}
.zons-current-cover{max-width:230px;margin:auto;transform:rotate(-5deg);filter:drop-shadow(14px 18px 14px #0005)}
.zons-current .wp-block-button__link{background:var(--zons-cream);border-color:var(--zons-cream);color:var(--zons-green)}
.zons-current .wp-block-button__link:hover{background:#e9d0a9;border-color:#e9d0a9}
.zons-small-cover{max-width:155px;margin:auto;filter:drop-shadow(9px 12px 8px #0002)}
.zons-featured-books{margin:2.8rem 0 2rem;gap:2.5rem}
.zons-featured-books .zons-book-card{display:grid;grid-template-columns:145px 1fr;gap:1.7rem;padding:25px;border-top:1px solid var(--zons-line);border-bottom:1px solid var(--zons-line)}
.zons-featured-books .zons-book-cover{margin:0;max-width:145px}
.zons-featured-books .zons-book-copy h3{font-size:1.7rem}
.zons-featured-books .zons-book-copy p:not(.zons-eyebrow):not(.zons-book-kindlev){font-size:.85rem}
.zons-featured-books .zons-book-copy .wp-block-buttons{margin-top:1.1rem}
.zons-book-cover{max-width:180px;margin:0 auto 1.8rem;filter:drop-shadow(8px 10px 7px #0002)}
.zons-book-cover img{height:270px;width:100%;object-fit:contain}
.zons-book-card .zons-eyebrow{font-size:.65rem;margin-bottom:.65rem}
.zons-book-card .wp-block-button__link{font-size:.78rem;padding:.75rem 1rem;min-height:44px}
.zons-book-kindlev{font-size:.76rem}
.zons-editorial-grid{align-items:center}
.zons-editorial-grid .zons-lead{max-width:42ch}
.zons-editorial-photo img{width:100%;height:auto;aspect-ratio:1.2;object-fit:cover}
.zons-wide-photo img{width:100%;height:auto;max-height:540px;object-fit:cover}
.zons-reverse{flex-direction:row-reverse}
.zons-page-intro{padding-bottom:2rem;max-width:none}
.zons-page-intro .zons-lead{max-width:65ch}
.zons-page-intro h1{max-width:1050px}
.zons-page-intro+.zons-section{padding-top:2.5rem}
.zons-catalog{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4.5rem 2.5rem}
.zons-catalog .zons-book-card{display:flex;flex-direction:column;border-top:1px solid var(--zons-line);padding-top:2rem}
.zons-catalog .zons-book-copy{display:flex;flex:1;flex-direction:column}
.zons-catalog .zons-book-copy h3{font-size:1.8rem;min-height:2.2em}
.zons-catalog .zons-book-copy p:not(.zons-eyebrow):not(.zons-book-kindlev){font-size:.88rem;line-height:1.6;flex:1}
.zons-catalog .wp-block-buttons{margin:1.25rem 0 .7rem}
.zons-volume-nav{border-block:1px solid var(--zons-line);padding:1.1rem 0;font-size:.85rem}
.zons-volume-nav a{display:inline-block;padding:6px;min-width:30px;text-align:center}
.zons-jump-links{font-size:.85rem;line-height:2}
.zons-timeline-row{padding:2.4rem 0;border-top:1px solid var(--zons-line);align-items:baseline;max-width:1000px}
.zons-timeline-row>.wp-block-column:first-child{flex:0 0 200px}
.zons-year{font-size:4rem;color:var(--zons-copper);margin:0}
.zons-three-columns h2{font-size:2.2rem}
.zons-three-columns .wp-block-column{border-top:1px solid var(--zons-line);padding-top:1.5rem}
.zons-three-columns p{font-size:.94rem}
.zons-gallery{display:grid;grid-template-columns:1.1fr .9fr;gap:3rem}
.zons-gallery-item img{width:100%;height:auto;aspect-ratio:1.35;object-fit:cover}
.zons-gallery-item:nth-child(2n){margin-top:3.5rem}
.zons-archive-links a{display:inline-block;padding:12px 18px;margin:4px;border:1px solid var(--zons-line);font-size:.85rem}
.zons-footer{background:#e7e0d2;padding:4rem max(24px,calc((100% - var(--zons-wide))/2));border-top:1px solid #c9c1b1}
.zons-footer-inner{display:grid;grid-template-columns:1.8fr 1fr 1fr;gap:3rem}
.zons-footer .zons-brand{display:block;margin-bottom:1.7rem}
.zons-footer p,.zons-footer a{font-size:.85rem}
.zons-footer nav{display:flex;flex-direction:column;align-items:flex-start;gap:.7rem}
.zons-footer nav a{text-decoration:none}
.zons-footer .zons-eyebrow{margin-bottom:1rem}
.zons-footer .zons-brand span{font-size:2.5rem}
.zons-skip{position:absolute;top:-100px;left:20px;background:var(--zons-green);color:white;padding:10px 20px;z-index:9999}
.zons-skip:focus{top:12px}
.zons-article-content{max-width:800px;margin:auto;padding:4rem 24px}
.zons-article-content h1{font-size:3.4rem}
.zons-article-content h2{font-size:2.4rem;margin-top:3rem}
.zons-archive-content{padding:4rem max(24px,calc((100% - 850px)/2))}
.zons-archive-content h1{font-size:clamp(2.5rem,5vw,4.5rem)}
.zons-archive-content h2{font-size:2rem;margin-top:3rem;padding-top:2rem;border-top:1px solid var(--zons-line)}
.zons-archive-content h3{font-size:1.4rem;margin-top:2rem}
.zons-archive-content p{overflow-wrap:anywhere}
.wp-block-search__input{padding:12px;border:1px solid var(--zons-line)}
.wp-block-search__button{background:var(--zons-green);color:white;border:0;padding:12px 20px}
@media(max-width:1300px){.zons-header{margin-inline:24px!important}.zons-catalog{gap:3rem 2rem}.zons-featured-books .zons-book-card{grid-template-columns:110px 1fr;gap:1.2rem;padding-inline:0}.zons-featured-books .zons-book-cover img{height:190px}.zons-current-grid{gap:3rem}}
@media(max-width:1000px){.zons-catalog{grid-template-columns:repeat(3,minmax(0,1fr))}.zons-hero-photo img{height:440px}.zons-hero-grid{gap:2rem}.zons-hero h1{font-size:4rem}.zons-featured-books{flex-direction:column}.zons-featured-books>.wp-block-column{width:100%}.zons-featured-books .zons-book-card{grid-template-columns:150px 1fr;padding:25px}.zons-featured-books .zons-book-cover img{height:220px}.zons-featured-books .zons-book-copy p:not(.zons-eyebrow):not(.zons-book-kindlev){font-size:1rem}}
@media(max-width:781px){.wp-block-columns{flex-direction:column;gap:2rem}.wp-block-column{width:100%;flex-basis:auto!important}.zons-header{min-height:90px;padding:22px 0}.zons-brand span{font-size:2rem}.zons-hero h1{font-size:clamp(3.1rem,9vw,4.6rem)}.zons-hero-grid{gap:2.5rem}.zons-hero-photo img{height:370px;border-radius:45% 45% 0 0;object-position:60% 50%}.zons-current-grid{display:grid;grid-template-columns:150px 1fr;gap:2rem}.zons-current-grid .wp-block-column{width:auto}.zons-current-cover{max-width:150px}.zons-current h2{font-size:2.8rem}.zons-current .zons-lead{font-size:1rem}.zons-catalog{grid-template-columns:repeat(2,minmax(0,1fr));gap:3rem 1.5rem}.zons-catalog .zons-book-copy h3{font-size:1.6rem}.zons-editorial-photo img{max-height:420px}.zons-three-columns .wp-block-column{width:100%}.zons-footer-inner{grid-template-columns:1.5fr 1fr;gap:2rem}.zons-footer-inner>div:last-child{grid-column:1/-1}.zons-nav{display:none;position:absolute;z-index:20;top:90px;left:0;right:0;background:var(--zons-cream);padding:24px;border-bottom:1px solid var(--zons-line);flex-direction:column;align-items:stretch;gap:12px}.zons-nav.is-open{display:flex}.zons-menu-toggle{display:block}.zons-gallery{gap:1.5rem}.zons-gallery-item:nth-child(2n){margin-top:2rem}.zons-timeline-row{gap:1rem}.zons-timeline-row>.wp-block-column:first-child{flex:initial}.zons-year{font-size:3rem}.zons-section{padding-block:3.5rem}.zons-hero{padding-top:2.8rem}.zons-reverse{flex-direction:column}}
@media(max-width:480px){.zons-topline{font-size:.64rem;padding-inline:14px}.zons-current-grid{display:flex;flex-direction:column;align-items:flex-start;gap:2.5rem}.zons-current-grid>.wp-block-column:first-child{width:100%}.zons-current-cover{max-width:155px;margin:0 0 0 14px}.zons-current h2{font-size:3rem}.zons-book-cover{max-width:130px}.zons-book-cover img{height:200px}.zons-catalog{gap:2.5rem 1rem}.zons-catalog .zons-book-copy h3{font-size:1.35rem;line-height:1.13}.zons-catalog .zons-book-copy p:not(.zons-eyebrow):not(.zons-book-kindlev){font-size:.79rem}.zons-catalog .wp-block-button__link{font-size:.72rem;padding:.65rem .7rem}.zons-featured-books .zons-book-card{grid-template-columns:100px 1fr;padding:20px 0;gap:1rem}.zons-featured-books .zons-book-cover img{height:150px}.zons-featured-books .zons-book-copy h3{font-size:1.6rem}.zons-featured-books .zons-book-copy p:not(.zons-eyebrow):not(.zons-book-kindlev){font-size:.83rem}.zons-gallery{grid-template-columns:1fr}.zons-gallery-item:nth-child(2n){margin-top:0}.zons-footer-inner{grid-template-columns:1fr}.zons-footer-inner>div:last-child{grid-column:auto}.zons-page-intro h1{font-size:3rem}.zons-hero-photo img{height:300px}.zons-volume-nav{font-size:.75rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@media print{.zons-topline,.zons-header,.zons-footer,.wp-block-buttons,.zons-menu-toggle{display:none}.zons-section{padding:1rem 0}body{background:white;color:black}.zons-current{background:white;color:black}.zons-current h2{color:black}img{max-height:300px;object-fit:contain}.zons-catalog{grid-template-columns:repeat(2,1fr)}}

/* Ruhiger literarischer Hinweis unter den touristischen Inhalten. */
.zons-literary{border-top:1px solid var(--zons-line);padding-top:3rem;padding-bottom:3rem}.zons-literary h2{font-size:clamp(1.8rem,3vw,2.6rem)}.zons-literary p{font-size:.95rem}.zons-literary .zons-editorial-grid>.wp-block-column:first-child{flex:0 0 35%}