/* site.css */
:root{--ink:#203e56;--blue:#315f86;--muted:#526a7e;--mist:#eaf1f7;--line:#d5e0e9;--paper:#faf9f6;--sand:#f0cf9a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.7 Arial,Helvetica,sans-serif}a{color:#285d89;text-underline-offset:4px;overflow-wrap:anywhere}a:hover{text-decoration-thickness:2px}button,input,select{font:inherit}button,a,summary,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #99671c;outline-offset:5px}img{display:block;max-width:100%;height:auto}figure{margin:0}figcaption,.fine{font-size:13px;line-height:1.65;color:var(--muted)}figcaption{margin-top:10px}h1,h2,h3{font-weight:500;line-height:1.15;margin:0 0 20px;overflow-wrap:break-word}h1{font-size:clamp(42px,5.3vw,76px);letter-spacing:-2.5px}h2{font-size:clamp(29px,3.3vw,46px);letter-spacing:-1.2px}h3{font-size:25px;letter-spacing:-.5px}p{margin:0 0 20px}p:last-child{margin-bottom:0}.wrap{width:min(1180px,92%);margin-inline:auto}.narrow{max-width:860px}.previewbar{padding:8px 4%;background:#edf2f6;display:flex;gap:16px;justify-content:space-between;flex-wrap:wrap;font-size:11px;letter-spacing:1px}.site-header{display:flex;align-items:center;justify-content:space-between;gap:22px;padding-block:24px}.brand{display:flex;gap:10px;align-items:center;text-decoration:none;color:var(--ink);font-weight:700;font-size:19px;letter-spacing:1.8px;line-height:1.1;flex-shrink:0}.brand>span:first-child{font:46px Georgia;color:#789fbf}.brand small{display:block;font-size:10px;letter-spacing:4.3px;margin-top:6px}.site-header nav{display:flex;gap:23px;align-items:center;font-size:14px}.site-header nav a{text-decoration:none;color:var(--ink)}.nav-menu{position:relative;border:0;padding:0;margin:0}.nav-menu summary{font-weight:400;min-height:44px;display:flex;align-items:center;padding:0;gap:7px}.nav-menu summary:after{content:'⌄'}.nav-menu div{position:absolute;top:45px;left:-18px;width:300px;background:white;border:1px solid var(--line);box-shadow:0 12px 32px #173c5c22;z-index:10;border-radius:8px;padding:12px}.nav-menu div a{display:block;padding:10px;font-size:14px}.btn{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 20px;background:var(--blue);border:1px solid var(--blue);border-radius:6px;color:white;text-decoration:none;font-size:14px;font-weight:600;line-height:1.5;text-align:center}.btn:hover{background:#244965;color:white}.btn.outline{background:transparent;color:var(--blue)}.btn.outline:hover{background:#dce8f1}.btn.small{font-size:13px}.btn.sand{background:var(--sand);color:#172e41;border-color:var(--sand)}.eyebrow{display:block;font-size:11px;font-weight:700;letter-spacing:1.7px;line-height:1.7;color:#526f86;margin-bottom:12px}.hero{position:relative;background:linear-gradient(115deg,#edf3f8,#f7f9fb 70%);overflow:hidden;isolation:isolate}.hero-inner{padding-block:64px 154px;position:relative;z-index:1}.hero h1{font-size:clamp(64px,7.5vw,104px);letter-spacing:-4px;margin:20px 0 24px}.hero h1 em{font-family:Georgia,serif;color:#527c9e;font-weight:400}.hero-lead{max-width:590px;font-size:20px;color:#526a7e}.hero-note{position:absolute;right:0;top:180px;font:italic 25px/1.55 Georgia;text-align:right;color:#607f98}.hero-note span{font:13px/1.8 Arial;font-style:normal}.actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:28px;font-size:14px}.waves{position:absolute;bottom:0;left:0;width:200%;height:115px;pointer-events:none;z-index:0}.waves svg{width:100%;height:100%;display:block;animation:wave 28s linear infinite}.paused .waves svg{animation-play-state:paused}@keyframes wave{to{transform:translateX(-50%)}}.motion{position:absolute;right:0;bottom:42px;z-index:2;border:1px solid #6989a2;color:#244965;background:#f5f9fc;padding:7px 12px;border-radius:4px;font-size:12px;min-height:36px}.orientation{display:flex;justify-content:space-between;gap:18px;padding:20px 4%;border-bottom:1px solid var(--line);font-size:12px;color:var(--muted)}.section{padding-block:76px;scroll-margin-top:16px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:28px}.section-head h2{margin-bottom:22px}.lead{font-size:19px;color:var(--muted);max-width:780px}.themes{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:32px}.theme{background:white;border:1px solid var(--line);border-radius:9px;padding:20px 16px;min-width:0;display:flex;flex-direction:column}.theme-icon{font:45px/1.3 Georgia;color:#7396b3;margin-bottom:13px}.theme h3{font-size:23px;margin-bottom:14px}.theme h3 a{text-decoration:none;color:var(--ink)}.theme p{font-size:14px;color:var(--muted);margin-bottom:20px}.theme details{margin-top:auto;font-size:13px}.theme details ul{padding-left:17px}.theme li{margin:8px 0}.theme .eyebrow{font-size:10px}.tint{background:var(--mist)}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px}.planning-links a{display:grid;grid-template-columns:40px 1fr 20px;gap:10px;border-bottom:1px solid #b9ccdc;padding:16px 0;text-decoration:none;font-size:16px;line-height:1.4}.planning-links a:first-child{padding-top:0}.planning-links a span{font:13px Georgia;color:#607c93}.planning-links a b{font-weight:400}.pill{display:inline-block;white-space:nowrap;padding:7px 13px;font-size:12px;background:#f5f9fc;border:1px solid #c7d8e5;border-radius:30px;color:#466883}.map-section{padding-bottom:0}.map-section .lead{max-width:900px}.map-actions{display:flex;gap:25px;flex-wrap:wrap;font-size:14px;margin:23px 0}.map-wrap{background:#132f49;width:min(1440px,100%);margin:28px auto 0}.map-wrap iframe{display:block;width:100%;height:1050px;border:0;background:#132f49}.map-caption{padding-block:22px 35px;font-size:13px;color:var(--muted)}.grid{display:grid;gap:20px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.compare{padding:30px;background:var(--paper);border:1px solid #cbdce9;border-radius:12px}.compare h3{font-size:32px}.compare p{max-width:480px}.feature{display:grid;grid-template-columns:1.15fr 1fr;gap:48px;align-items:center}.feature img{border-radius:10px}.feature .btn{margin-top:12px;margin-bottom:22px}.dark{background:#132f49;color:#e1effb}.dark h2{color:white}.dark .eyebrow,.dark .fine{color:#d6e8f6}.dark a{color:#c2e3f8}.sound-panel{background:#214966;border:1px solid #426580;padding:30px;border-radius:12px}.sound-panel h3{font:37px/1.15 Georgia}.sound-panel h3 em{font-weight:400;color:var(--sand)}.sound-panel p{font-size:14px}.music-list{margin:22px 0}.music-list a{display:flex;align-items:center;gap:16px;padding:16px 0;border-top:1px solid #789fbf70;text-decoration:none;line-height:1.45}.music-list a>span:nth-child(2){flex:1}.music-list strong{font-size:15px;font-weight:500}.music-list small{display:block;font-size:12px;opacity:.8;margin-top:4px}.track-number{font:20px Georgia;opacity:.7}.story-card{height:100%;border:1px solid var(--line);border-radius:9px;background:white;padding:26px;display:flex;flex-direction:column;min-width:0}.story-card .eyebrow{font-size:10px;letter-spacing:1px}.story-card h3{font-size:25px}.story-card h3 a{text-decoration:none;color:var(--ink)}.story-card p{font-size:15px;color:var(--muted)}.arrow-link{margin-top:auto;padding-top:12px;text-decoration:none;font-size:14px;display:flex;justify-content:space-between;gap:15px}.arrow-link span{font-size:23px}.photo-feature{display:grid;grid-template-columns:1.2fr 1fr;gap:55px;align-items:center}.photo-feature img{border-radius:8px}.faq{display:grid;grid-template-columns:1fr 2fr;gap:70px}details{border-top:1px solid var(--line);padding-top:4px}summary{cursor:pointer;font-weight:600;padding:17px 0;line-height:1.5;min-height:44px}details p{padding-bottom:15px;font-size:16px;color:var(--muted)}.author{display:flex;gap:27px;align-items:center;padding:15px 0 70px;max-width:850px}.author img{width:112px;height:112px;object-fit:contain;flex-shrink:0;border-radius:50%;background:var(--mist)}.author h2{font-size:28px;margin-bottom:10px}.author p{font-size:14px;color:var(--muted)}.author a{font-size:14px}.footer{background:#1e3f5b;color:#d4e3ef;padding:42px 0}.footer .brand,.footer a{color:#d4e3ef}.footer-links{display:flex;gap:15px 25px;flex-wrap:wrap;font-size:13px;margin:28px 0}.footer p{font-size:12px;max-width:820px}.skip{position:absolute;top:-100px;left:10px;background:white;padding:15px;z-index:100}.skip:focus{top:8px}.breadcrumbs{display:flex;gap:12px;flex-wrap:wrap;font-size:13px;margin-bottom:35px}.article-head{padding-top:45px;padding-bottom:44px;border-bottom:1px solid var(--line)}.article-head h1{max-width:1000px;font-size:clamp(38px,4.5vw,64px);margin-top:17px}.article-lead{font-size:22px;max-width:900px;line-height:1.6;color:#4a657b}.article-meta{display:flex;gap:12px 22px;flex-wrap:wrap;font-size:12px;color:var(--muted);margin-top:30px}.text-button{border:0;background:none;padding:0;color:#285d89;font-size:12px;text-decoration:underline}.article-layout{display:grid;grid-template-columns:minmax(0,760px) minmax(200px,1fr);gap:85px;padding-top:25px}.prose{font-size:18px;line-height:1.85;min-width:0}.prose h2{font-size:30px;line-height:1.25;letter-spacing:-.5px;margin:36px 0 18px;scroll-margin-top:20px}.prose p{margin:0 0 23px}.reading-sidebar{padding-top:25px;align-self:start;position:sticky;top:20px}.reading-sidebar nav{display:flex;flex-direction:column;gap:13px;font-size:13px;line-height:1.5}.reading-sidebar nav a{text-decoration:none}.sidebar-note{background:var(--mist);border-radius:7px;padding:22px;font-size:13px;margin-top:32px}.sidebar-note p{margin:10px 0}.sourcebox{margin-top:45px;border-top:2px solid #b9cfdf;padding-top:5px}.sourcebox ul{font-size:14px;padding-left:19px;line-height:1.65}.sourcebox li{margin:11px 0}.sourcebox .fine{font-size:12px}.article-end{margin-top:35px;border-top:1px solid var(--line);padding-top:30px;display:flex;align-items:flex-start;flex-direction:column;gap:25px;font-size:14px}.inline-note{background:var(--mist);padding:25px;border-radius:9px;margin-top:35px}.inline-note h2{margin-top:0}.inline-note p{font-size:16px}.related{border-top:1px solid var(--line);margin-top:55px}.page-title{max-width:1000px;margin:18px 0 28px}.article-search{display:grid;grid-template-columns:2fr 1fr auto;gap:18px;align-items:end;margin:35px 0 15px}.article-search label{font-size:12px;font-weight:600}.article-search input,.article-search select{width:100%;min-height:46px;border:1px solid #a8bdcd;border-radius:6px;background:white;color:var(--ink);padding:10px;margin-top:7px;font-size:15px}#search-count{font-size:14px;color:var(--muted);margin-bottom:25px}.spaced{margin-top:55px}.editor-note{margin-top:45px;padding:12px 20px;background:#fff}.editor-note p{font-size:14px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:7px;margin:25px 0}table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.6}td,th{text-align:left;vertical-align:top;padding:14px 17px;border-bottom:1px solid var(--line)}th{background:var(--mist);font-weight:600}.report h2{margin-top:50px}.report h3{margin-top:30px}.swatches{display:flex;gap:15px;flex-wrap:wrap;margin:25px 0}.swatches span{padding:25px 20px;border:1px solid #bdcedb;border-radius:6px;font-size:13px}.note{padding:22px 26px;border-left:4px solid #789fbf;background:var(--mist);margin:25px 0}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:30px 0}.metric{background:var(--mist);padding:20px;border-radius:8px}.metric b{display:block;font:38px Georgia;margin-bottom:5px}.metric span{font-size:13px}[hidden]{display:none!important}
@media(max-width:1100px){.site-header{flex-wrap:wrap}.site-header nav{gap:18px}.hero-note{right:0;max-width:230px;font-size:22px}.hero-lead{max-width:550px}.themes{grid-template-columns:repeat(3,minmax(0,1fr))}.article-layout{gap:45px}.grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}.split{gap:35px}}
@media(max-width:850px){.hero-note{display:none}.article-layout{grid-template-columns:1fr;gap:0}.reading-sidebar{display:none}.grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}.feature,.photo-feature{gap:28px}.site-header nav{order:3;width:100%;justify-content:space-between}.site-header .small{margin-left:auto}}
@media(max-width:600px){body{font-size:16px}.wrap{width:90%}.previewbar{font-size:9px;gap:6px;letter-spacing:.5px}.site-header{padding-block:17px;gap:14px}.brand{font-size:15px}.brand small{font-size:8px;letter-spacing:3.7px}.brand>span:first-child{font-size:37px}.site-header .btn{font-size:11px;padding:10px}.site-header nav{gap:10px;font-size:12px;flex-wrap:wrap;justify-content:flex-start}.site-header nav a{padding:7px 0}.nav-menu div{width:260px;left:-80px}.hero-inner{padding-top:42px;padding-bottom:140px}.hero h1{font-size:64px;letter-spacing:-2.7px}.hero-lead{font-size:17px}.hero .eyebrow{font-size:10px}.actions{gap:18px;margin-top:24px}.hero-note{display:none}.motion{bottom:33px;font-size:11px}.orientation{flex-direction:column;gap:5px;font-size:10px}.section{padding-block:48px}.section-head{flex-direction:column;align-items:flex-start;gap:7px;margin-bottom:22px}.section-head h2{margin-bottom:12px}.lead{font-size:17px}.themes{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:25px}.theme:last-child{grid-column:1/-1}.theme{padding:18px 13px}.theme h3{font-size:21px}.theme p{font-size:13px}.theme-icon{font-size:36px}.split,.feature,.photo-feature,.faq{grid-template-columns:1fr;gap:28px}.planning-links a{font-size:15px}.grid.two,.grid.three,.grid.four{grid-template-columns:1fr}.compare{padding:23px}.compare h3{font-size:28px}.map-wrap{margin-top:24px}.map-caption{padding-bottom:0}.map-actions{gap:14px;font-size:13px}.map-section{padding-bottom:35px}.sound-panel{padding:24px}.sound-panel h3{font-size:32px}.story-card{padding:23px}.story-card h3{font-size:25px}.author{align-items:flex-start;gap:17px;padding:12px 0 48px}.author img{width:68px;height:68px}.author h2{font-size:23px}.author .eyebrow{font-size:9px}.author p{font-size:13px}.article-head{padding-top:25px;padding-bottom:30px}.article-head h1{font-size:37px;letter-spacing:-1.3px}.article-lead{font-size:19px;line-height:1.65}.breadcrumbs{margin-bottom:24px;font-size:11px}.article-layout{padding-top:12px}.prose{font-size:17px;line-height:1.8}.prose h2{font-size:27px}.article-search{grid-template-columns:1fr;gap:12px}.page-title{font-size:42px;letter-spacing:-1.5px}.metric-grid{grid-template-columns:repeat(2,1fr)}td,th{min-width:155px}.footer-links{flex-direction:column;gap:12px}.inline-note{padding:20px}.nav-menu summary{min-height:34px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.waves svg{animation:none!important}}

/* Variante 3: Abend am See. Palette, Wellenpfade und Bewegung aus R6, 23.10.2026. */
:root{color-scheme:dark;--paper:#132f49;--mist:#193b58;--card:#214966;--ink:#e1effb;--muted:#b7d3e8;--line:#416985;--blue:#326f9f;--footer:#0b2237}
body{background:var(--paper);color:var(--ink)}
a,.text-button{color:var(--ink)}
.previewbar{background:var(--footer);color:var(--muted)}
.site-header{background:var(--paper)}
.nav-menu div,.theme,.story-card,.compare,.editor-note,.article-search input,.article-search select,.pill{background:var(--card);border-color:var(--line);color:var(--ink)}
.nav-menu div{box-shadow:0 12px 32px #06172866}
.eyebrow,.hero-lead,.hero-note,.article-lead,.planning-links a span,.theme-icon{color:var(--muted)}
.hero{background:#173f5e}
.hero h1,.hero h1 em,.hero .eyebrow,.hero-lead,.hero-note{color:#e8f4ff}
.hero .btn{background:#205e8d;border-color:#a4cce8;color:#eef7ff}
.waves path{fill:var(--paper)}
.waves path:nth-child(1){opacity:.28}.waves path:nth-child(2){opacity:.55}
.btn{color:#eef7ff}.btn:hover{background:#3a7bab;color:#fff}
.btn.outline{background:var(--card);border-color:var(--line);color:var(--ink)}
.btn.outline:hover{background:#2a5777}
.btn.sand,.dark .btn.sand{background:var(--sand);border-color:var(--sand);color:#172e41}
.btn.sand:hover{background:#f6daad}
.planning-links a,.sourcebox,.swatches span{border-color:var(--line)}
.sound-panel{background:var(--card);border-color:var(--line)}
.dark .fine,.dark .eyebrow{color:var(--muted)}
.footer{background:var(--footer)}
.footer .brand,.footer a,.footer p{color:#c9e2f4}
.skip{background:var(--card);color:var(--ink)}
.article-search input::placeholder{color:var(--muted);opacity:1}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline-color:#a8d9ff}
.brand>span.brandmark{display:inline-flex;width:38px;height:36px;flex:0 0 38px;align-items:center;color:var(--muted)}
.ba-logo-waves{display:block;width:38px;height:36px;overflow:hidden}
.ba-logo-waves path{fill:none;stroke:currentColor;stroke-width:3.2;stroke-linecap:round;animation:ba-logo-flow 5s linear infinite}
.ba-logo-waves path:nth-child(2){opacity:.8}
@keyframes ba-logo-flow{from{transform:translateX(0)}to{transform:translateX(-24px)}}
.section{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='200'%3E%3Cpath d='M-50 70 Q25 35 100 70 T250 70 T400 70 T550 70 T700 70' fill='none' stroke='%2379b5dc' stroke-opacity='.09' stroke-width='1.5'/%3E%3C/svg%3E");animation:ba-water-drift 50s linear infinite}
@keyframes ba-water-drift{from{background-position:0 0}to{background-position:600px 0}}
.motion,.motion-control{background:transparent;border:1px solid #8bb5d4;color:#d4e7f6;min-height:44px;padding:8px 14px;border-radius:5px;font-size:12px}
.footer .motion-control{margin-top:24px}
.motion:disabled,.motion-control:disabled{cursor:default;opacity:.8}
.paused .ba-logo-waves path,.paused .section,.paused .waves svg{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.ba-logo-waves path,.section,.waves svg{animation:none!important}}
@media print{:root{color-scheme:light;--paper:#fff;--ink:#203e56;--muted:#526a7e;--mist:#eaf1f7;--line:#d5e0e9;--card:#fff}.section{background-image:none}.motion-control{display:none}.article-lead,.eyebrow,a,.text-button{color:#203e56}}
@media print{.site-header,.previewbar,.footer,.reading-sidebar,.related,.article-end,.article-meta button,.skip{display:none}.wrap{width:100%}.article-layout{display:block}.prose{font-size:11pt;line-height:1.5}.article-head h1{font-size:27pt}.article-lead{font-size:13pt}body{background:white;color:black}.prose h2{font-size:17pt;break-after:avoid}a{color:inherit}.article-head{padding-top:0}.sourcebox{break-before:auto}.inline-note{background:white;border:1px solid #aaa}.music-list{display:none}}

/* Kompakte Direktlinks zu allen 24 Unterkapiteln. */
.mini-navigation{background:var(--mist);border-top:1px solid var(--line);padding:40px 0 46px}.mini-navigation h2{font-size:28px;letter-spacing:-.5px;margin-bottom:26px}.mini-chapters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 24px}.mini-chapter h3{font-size:15px;letter-spacing:0;margin:0 0 12px;color:var(--muted)}.mini-buttons{display:flex;flex-wrap:wrap;gap:8px}.mini-button{display:inline-flex;align-items:center;gap:9px;justify-content:space-between;min-height:36px;max-width:100%;padding:7px 11px;border:1px solid var(--line);border-radius:6px;background:var(--card);color:var(--ink);font-size:12px;line-height:1.4;text-decoration:none}.mini-button:hover{background:#2a5777;border-color:#8bb5d4}.mini-button span{flex-shrink:0}@media(max-width:850px){.mini-chapters{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.mini-chapters{grid-template-columns:1fr;gap:24px}.mini-navigation{padding-block:32px}.mini-button{min-height:44px;font-size:13px}.mini-navigation h2{font-size:26px}}@media print{.mini-navigation{display:none}}

/* Fünf Themenkacheln: Symbolfoto, blaue Überlagerung und kompakter Abschluss. */
.album-preview{display:grid;grid-template-columns:minmax(120px,220px) minmax(0,1fr);gap:24px;align-items:center;margin:22px 0}.album-cover{display:block;max-width:320px}.album-cover img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;border-radius:10px;box-shadow:0 14px 34px #0004}.album-info{min-width:0}.album-info h3{font-size:25px;line-height:1.18;letter-spacing:-.4px;margin:8px 0 12px}.album-kicker{font-size:11px!important;letter-spacing:1.2px;line-height:1.5!important;font-weight:700;color:var(--muted);margin:0 0 8px!important}.album-meta,.album-credit{font-size:12px!important;line-height:1.6!important;color:var(--muted);margin:10px 0!important}.streaming-links{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px}.stream-link{display:inline-flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:11px 14px;border:1px solid #87b7cf;border-radius:6px;font-size:13px!important;line-height:1.4!important;text-decoration:none;font-weight:700}.stream-link.spotify{background:#164b37;color:#fff}.stream-link.amazon{background:#d4af62;color:#102d43;border-color:#efd69a}.stream-link:hover{filter:brightness(1.12)}.artist-links{display:flex;flex-wrap:wrap;gap:12px 24px;margin:20px 0;font-size:13px}.klaus-preview{display:grid;grid-template-columns:140px minmax(0,1fr);gap:22px;align-items:start;margin:22px 0}.klaus-poster{display:block;position:relative;max-width:220px}.klaus-poster img{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:contain;border-radius:10px}.clip-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#102d43df;border:1px solid #fff;color:#fff;font-size:20px}.klaus-preview h3{font-size:25px;line-height:1.2;margin:0 0 12px}.klaus-preview p{font-size:14px;line-height:1.7}.klaus-preview .fine{font-size:12px}.media-duo{align-items:start}.media-duo .sound-panel{padding:24px}.media-duo .album-preview{grid-template-columns:1fr;margin-top:0}.media-duo .album-cover{width:100%;max-width:280px}.all-music-link{display:inline-block;margin-top:16px;font-size:13px}.release-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.release-list article{padding:24px;background:var(--card);border:1px solid var(--line);border-radius:10px}.release-list h3{font-size:23px;line-height:1.2;margin:0}.music-klaus-section{margin:48px 0}.inline-note>.klaus-preview{padding-top:24px;border-top:1px solid var(--line);margin-top:28px}.prose .album-preview h3,.prose .klaus-preview h3{margin-top:0}@media(max-width:850px){.release-list{grid-template-columns:1fr}.album-preview{grid-template-columns:160px minmax(0,1fr)}}@media(max-width:600px){.album-preview{grid-template-columns:1fr;gap:20px}.album-cover{max-width:280px}.klaus-preview{grid-template-columns:100px minmax(0,1fr);gap:16px}.klaus-preview h3{font-size:22px}.klaus-preview .btn{padding:10px;font-size:12px}.media-duo .sound-panel{padding:20px}.inline-note .klaus-preview{grid-template-columns:1fr}.inline-note .klaus-poster{max-width:150px}.album-info h3{font-size:25px}.streaming-links{gap:8px}}@media print{.album-cover{max-width:140px}.klaus-poster{max-width:90px}.clip-play{display:none}}
.theme{background-color:#132f49;background-image:linear-gradient(180deg,rgba(9,35,57,.68),rgba(9,35,57,.79) 52%,rgba(9,35,57,.9)),var(--theme-photo);background-size:cover;background-position:center center;color:#fff;padding-bottom:8px;overflow:hidden}.theme h3 a,.theme p,.theme .eyebrow,.theme .theme-icon,.theme details,.theme details a{color:#fff}.theme details{border-color:#ffffff40}.theme summary{padding:12px 0 6px;min-height:44px}.theme details ul{margin-top:7px;margin-bottom:4px}.theme details li:last-child{margin-bottom:0}.theme details a{display:inline-block;padding-block:4px}.theme a:focus-visible,.theme summary:focus-visible{outline-offset:2px}.theme-image-note{margin-top:10px;font-size:12px}

/* Vier veröffentlichte Singles, Cover vor dem lokalen Player. */
.album-media{min-width:0}.album-media audio{display:block;width:100%;max-width:320px;margin-top:16px;height:44px}.single-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.single-grid .album-preview,.release-list .album-preview{display:flex;flex-direction:column;align-items:stretch;gap:20px;padding:20px;background:var(--card);border:1px solid var(--line);border-radius:12px;margin:0}.single-grid .album-info h3{font-size:22px;line-height:1.25}.single-grid .album-cover,.release-list .album-cover{max-width:none}.single-grid .streaming-links{flex-direction:column}.stream-link.apple{background:#243b50;color:#fff}.music-intro{max-width:760px;margin:48px 0 28px}.single-grid .album-info{display:flex;flex-direction:column;flex:1}.single-grid .streaming-links{margin-top:auto;padding-top:14px}.single-grid .album-credit{margin-top:16px!important}@media(max-width:1100px){.single-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.single-grid{grid-template-columns:1fr}.single-grid .album-preview{padding:22px}.single-grid .album-media audio{max-width:none}.single-grid .streaming-links{flex-direction:row}.album-media{width:100%}}

/* CHAPTER_IMAGES_R1 */
.themes.chapter-themes{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.chapter-themes>.chapter-theme{background:#214966;background-image:none;color:#e1effb;padding:0;min-width:0;overflow:hidden}
.chapter-themes>.chapter-theme:last-child{grid-column:auto}
.chapter-image-link{display:block;flex:none}
.chapter-image-link img,.chapter-visual img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#132f49}
.chapter-theme-body{padding:16px;display:flex;flex:1;flex-direction:column;min-width:0}
.chapter-theme .chapter-image-credit{font-size:12px;line-height:1.5;color:#d6e8f6;margin:0 0 12px}
.chapter-theme h3{font-size:20px;line-height:1.2;margin-bottom:12px}
.chapter-theme .chapter-hook{font-size:15px;line-height:1.5;font-weight:700;color:#e1effb;margin-bottom:12px}
.chapter-theme p{font-size:14px;line-height:1.55;color:#e1effb}
.chapter-theme details{margin-top:auto}
.chapter-theme details a{font-size:14px;line-height:1.5}
.chapter-visual{margin:0 0 32px;max-width:100%}
.chapter-visual img{border-radius:9px}
.chapter-visual figcaption{font:12px/1.55 Arial,sans-serif;color:#d6e8f6;margin-top:8px}
.chapter-visual .chapter-hook{font-size:20px;line-height:1.45;font-weight:700;color:#e1effb;margin:16px 0}
.chapter-visual .chapter-image-notes{font:12px/1.55 Arial,sans-serif;color:#d6e8f6;border:0;border-radius:0;background:none;padding:0;margin:4px 0 0;box-shadow:none}
.chapter-visual .chapter-image-notes summary{cursor:pointer;font:inherit;min-height:0;padding:0;color:inherit}
.chapter-visual .chapter-image-notes p{font:inherit;color:inherit;margin:7px 0 0;padding:0}
.chapter-image-notes a{color:#d6e8f6;overflow-wrap:anywhere}
@media(max-width:1199px){.themes.chapter-themes{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.themes.chapter-themes{grid-template-columns:1fr;gap:18px}.chapter-theme-body{padding:15px}.chapter-theme h3{font-size:25px}.chapter-visual .chapter-hook{font-size:18px}}
@media(min-width:1000px){.chapter-theme h3{white-space:nowrap}}
/* END_CHAPTER_IMAGES_R1 */

/* READMORE_BOTTOM_7PX: one bottom inset after the final visible link line. */
.story-card{height:auto;min-height:0;align-self:start;padding-bottom:7px}
.story-card>.arrow-link{margin-top:0;margin-bottom:0;padding-bottom:0;align-items:flex-end;line-height:1.5}
.story-card>.arrow-link>span{line-height:1;flex-shrink:0}
/* END_READMORE_BOTTOM_7PX */

/* MUSIC_SPACING_7PX: einheitliche Abstände in den Musikkarten. */
.single-grid,.release-list{gap:7px;align-items:start}
.album-preview,.single-grid .album-preview,.release-list .album-preview{gap:7px;padding:7px;align-self:start;margin:0}
.album-preview .album-media{display:flex;flex-direction:column;gap:7px}
.album-preview .album-cover{margin:0;max-width:none}
.album-preview .album-media audio{width:100%;max-width:none;margin:0}
.album-preview .album-info{display:flex;flex-direction:column;gap:7px;flex:initial}
.album-preview .album-info h3,.album-preview .album-info p{margin:0!important;padding:0}
.album-preview .streaming-links{gap:7px;margin:0;padding:0}
.album-preview .stream-link{padding:7px;gap:7px;min-height:0}
.music-intro{margin:7px 0}
.music-intro h2,.music-intro p{margin:0}
.music-intro h2{margin-bottom:7px}
/* END_MUSIC_SPACING_7PX */

/* Compact topic links on phones; larger viewports retain their current layout. */
@media (max-width: 600px) {
  .mini-navigation .mini-buttons {
    gap: 7px;
    align-items: flex-start;
  }

  .mini-navigation .mini-button {
    min-height: 36px;
    padding: 4px 8px;
    gap: 6px;
    font-size: 13px;
    line-height: 1.35;
  }
}

/* LIGHT_TILES_WHITE_TEXT_2026_11_08: load after the page stylesheets. */
@media screen {
  :root {
    --ink: #fff;
    --muted: #fff;
  }

  /* Only the five home-page tiles receive a light blue photo overlay. */
  .theme:not(.chapter-theme) {
    background-image: var(--theme-photo);
  }
  #erlebnisse > .themes > .theme {
    background-image: linear-gradient(180deg,
      rgba(9, 35, 57, .38),
      rgba(9, 35, 57, .46) 52%,
      rgba(9, 35, 57, .54)), var(--theme-photo);
  }
  #erlebnisse > .themes > .theme .theme-ai-label {
    display: none;
  }

  #erlebnisse > .themes > .theme :is(h3, p, summary, .eyebrow, .theme-icon) {
    text-shadow: 0 1px 2px rgba(0, 0, 0, .95), 0 0 7px rgba(0, 0, 0, .8);
  }
  .guide-card-media::after {
    content: none;
    background: none;
  }
  /* Neutral shading keeps white copy readable without tinting the photos blue. */
  .affiliate-illustrated::before {
    background: linear-gradient(180deg,
      rgba(0, 0, 0, .68),
      rgba(0, 0, 0, .76) 50%,
      rgba(0, 0, 0, .84));
  }

  .hero h1,
  .hero h1 em,
  .hero .eyebrow,
  .hero-lead,
  .hero-note,
  .dark,
  .dark a:not(.btn):not(.stream-link),
  .footer,
  .footer .brand,
  .footer a,
  .footer p,
  .motion,
  .motion-control,
  .footer > .wrap > .motion-control,
  .chapter-themes > .chapter-theme,
  .chapter-theme .chapter-image-credit,
  .chapter-theme .chapter-hook,
  .chapter-theme p,
  .chapter-visual figcaption,
  .chapter-visual .chapter-hook,
  .chapter-visual .chapter-image-notes,
  .chapter-image-notes a,
  .theme-ai-label,
  .album-ai-label,
  .guide-card,
  .guide-card .guide-card-teaser,
  .guide-card .guide-card-caption,
  .guide-card-link,
  .story-card.journal-card,
  .story-card .journal-card-teaser,
  .story-card .journal-card-caption,
  .journal-card-copy > .journal-card-link,
  .article-author,
  .blog-hero figcaption,
  .affiliate-placements,
  .affiliate-placements a,
  .affiliate-offer p:not(.affiliate-kind):not(.affiliate-image-label),
  .affiliate-offer .affiliate-condition,
  .affiliate-offer .product-source,
  .quick-starts a,
  .travel-banner,
  .travel-banner > p.fine,
  .klaus-inline-preview .klaus-video-status,
  .legal-draft-note {
    color: #fff !important;
  }

  .btn,
  .hero .btn {
    color: #fff;
  }

  /* Keep dark type on the existing light and gold controls. */
  .btn.sand,
  .dark .btn.sand {
    color: #172e41;
  }
  .affiliate-offer .btn,
  .affiliate-offer.affiliate-illustrated .btn,
  .stream-link.amazon,
  .klaus-video-controls [data-klaus-play],
  .klaus-video-controls [data-klaus-stop] {
    color: #102d43;
  }
  .travel-banner .btn {
    color: #102e46;
  }

  .music-list small,
  .track-number {
    opacity: 1;
  }
  .stream-link:hover {
    filter: none;
  }
}
/* END_LIGHT_TILES_WHITE_TEXT_2026_11_08 */




/* journal-cards.css */
/* Foto mit separater Lesefläche. Lokale Umsetzung vom 09.11.2026. */
.album-cover{position:relative}
.album-ai-label{position:absolute;right:7px;bottom:7px;padding:2px 5px;border-radius:3px;background:rgba(11,34,55,.9);color:#dedede;font:11px/16px Arial,Helvetica,sans-serif;pointer-events:none}
#blog-grid,#blog>.grid{max-width:1120px;margin-inline:auto;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}
#blog-grid>div{display:flex;min-width:0}
.story-card.journal-card{padding:0;display:flex;flex-direction:column;min-width:0;width:100%;height:100%;min-height:0;align-self:stretch;overflow:hidden;container-type:inline-size;background:#214966;border:1px solid #527a95;border-radius:10px;color:#fff}
.journal-card-media{position:relative;width:100%;aspect-ratio:16/9;margin:0;background:#132f49;overflow:hidden;flex:none}
.journal-card-media>a{position:absolute;inset:0;display:block}
.journal-card-media img{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;filter:none;opacity:1;mix-blend-mode:normal}
.journal-card-copy{display:grid;grid-template-rows:repeat(5,max-content);gap:7px;padding:7px 12px 7px;min-width:0}
.journal-card-copy>p,.journal-card-copy>h3,.journal-card-copy>span{margin:0}
.journal-card-label{min-height:2.8em;font:11px/1.4 Arial,Helvetica,sans-serif;letter-spacing:.3px;color:#fff}
.journal-card-label>span{display:block;white-space:nowrap}
.story-card .journal-card-title{width:100%;min-height:3lh;font-size:clamp(18px,5.7cqi,21px);font-weight:500;line-height:1.22;letter-spacing:normal;overflow-wrap:break-word;color:#fff}
.story-card .journal-card-title>a{color:#fff;text-decoration:none}
.story-card .journal-card-teaser{width:100%;min-height:4lh;font-size:14px;line-height:1.45;color:#fff;overflow-wrap:break-word}
.story-card .journal-card-caption{width:100%;font-size:11px;line-height:1.4;color:#fff;white-space:nowrap}
.journal-card-copy>.journal-card-link{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:7px;width:100%;min-height:0;margin:0;padding:7px 0 0;border-top:1px solid #527a95;font:13px/20px Arial,Helvetica,sans-serif;color:#fff;text-decoration:none}
.journal-card-link::after{content:"";position:absolute;inset:-8px 0 -7px}
.journal-card-copy>.journal-card-link>span{font:16px/20px Arial,Helvetica,sans-serif;flex-shrink:0}
.journal-card a:focus-visible{outline:3px solid #f0cf9a;outline-offset:-3px}
@media(max-width:979px){#blog-grid,#blog>.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:639px){#blog-grid,#blog>.grid,.grid:has(.journal-card){grid-template-columns:1fr}}
@media print{.journal-card-label,.story-card .journal-card-title,.story-card .journal-card-teaser{min-height:0}.story-card .journal-card-caption{white-space:normal}}

/* guide-cards.css */
/* Wegweiser-Karten: eigenes Raster, keine Änderungen an Volltext oder Journal. */
.guide-grid,
.grid:has(> .guide-card) {
  display:grid;
  width:100%;
  max-width:1120px;
  margin-inline:auto;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  align-items:stretch;
}
.guide-card {
  box-sizing:border-box;
  display:flex;
  flex-direction:column;
  width:100%;
  min-width:0;
  margin:0;
  padding:0;
  container-type:inline-size;
  background:#214966;
  border:1px solid #527a95;
  border-radius:10px;
  color:#e1effb;
}
.guide-card-media {
  position:relative;
  flex:none;
  width:100%;
  aspect-ratio:16/9;
  margin:0;
  overflow:hidden;
  border-radius:9px 9px 0 0;
  background:#132f49;
}
.guide-card-media > a {
  position:absolute;
  inset:0;
  display:block;
}
.guide-card-media img {
  display:block;
  width:100%;
  height:100%;
  max-width:100%;
  max-height:100%;
  object-fit:contain;
}
.guide-card-media::after {
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(33,73,102,.03),rgba(19,47,73,.12));
}
.guide-card-copy {
  display:grid;
  grid-template-rows:15px 24px 60px 15px 28px;
  gap:7px;
  width:100%;
  min-width:0;
  padding:7px 12px;
}
.guide-card-copy > p,
.guide-card-copy > h3,
.guide-card-copy > span {
  width:100%;
  min-width:0;
  margin:0;
  padding:0;
}
.guide-card-label {
  color:#f0cf9a;
  font:10px/15px Arial,Helvetica,sans-serif;
  letter-spacing:.5px;
  white-space:nowrap;
}
.guide-card .guide-card-title {
  font-family:Arial,Helvetica,sans-serif;
  font-size:14px;
  font-size:clamp(16px,5.5cqi,20px);
  font-weight:500;
  line-height:24px;
  letter-spacing:normal;
  white-space:nowrap;
  overflow-wrap:normal;
  word-break:normal;
}
.guide-card-title > a {
  color:inherit;
  text-decoration:none;
  overflow-wrap:normal;
}
.guide-card .guide-card-teaser {
  color:#d4e6f3;
  font-family:Arial,Helvetica,sans-serif;
  font-size:12px;
  font-size:clamp(12px,3.9cqi,14px);
  line-height:20px;
  letter-spacing:normal;
}
.guide-card-line {
  display:block;
  height:20px;
  white-space:nowrap;
  overflow-wrap:normal;
  word-break:normal;
}
.guide-card .guide-card-caption {
  color:#bed6e8;
  font-family:Arial,Helvetica,sans-serif;
  font-size:11px;
  font-size:clamp(9px,3.2cqi,11.5px);
  line-height:15px;
  letter-spacing:normal;
  white-space:nowrap;
  overflow-wrap:normal;
}
.guide-card-link {
  position:relative;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:7px;
  width:100%;
  min-width:0;
  min-height:0;
  margin:0;
  padding:7px 0 0;
  border-top:1px solid #527a95;
  color:#e1effb;
  font:12px/20px Arial,Helvetica,sans-serif;
  text-decoration:none;
}
.guide-card-link::after {
  content:"";
  position:absolute;
  inset:-8px 0 -7px;
}
.guide-card-link > span {
  flex-shrink:0;
  font:16px/20px Arial,Helvetica,sans-serif;
}
.guide-card a:focus-visible {
  outline:3px solid #f0cf9a;
  outline-offset:-3px;
}
@media (max-width:979px) {
  .guide-grid,
  .grid:has(> .guide-card) { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:639px) {
  .guide-grid,
  .grid:has(> .guide-card) { grid-template-columns:1fr; }
}
@media print {
  .guide-card { break-inside:avoid; }
  .guide-card-media::after { display:none; }
}

.guide-card-copy{box-sizing:border-box}
.guide-page-image{margin:0 0 16px}
.guide-page-image figure{margin:0 0 7px}
.guide-page-image img{display:block;width:100%;height:auto;object-fit:contain}
.guide-page-image details{margin:0;padding:0 0 7px;font-size:13px}
.guide-page-image summary{cursor:pointer;padding-block:7px}

/* waves-footer.css */
/* Kompakter Wellenbutton im Footer, 44 px Bedienfläche bleiben erhalten. */
.footer > .wrap {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  column-gap:14px;
  align-items:center;
}
.footer > .wrap > .brand {
  grid-column:1;
  grid-row:1;
  min-width:0;
  justify-self:start;
}
.footer > .wrap > .motion-control {
  position:relative;
  isolation:isolate;
  grid-column:2;
  grid-row:1;
  justify-self:end;
  align-self:center;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:max-content;
  max-width:100%;
  min-width:44px;
  min-height:44px;
  height:44px;
  margin:0;
  padding:0 10px;
  border:0;
  border-radius:5px;
  background:transparent;
  color:#d4e7f6;
  font:11px/18px Arial,Helvetica,sans-serif;
  white-space:nowrap;
  cursor:pointer;
}
.footer > .wrap > .motion-control::before {
  content:"";
  position:absolute;
  z-index:-1;
  inset:6px 0;
  border:1px solid #8bb5d4;
  border-radius:5px;
  background:#173c56;
  pointer-events:none;
}
.footer > .wrap > .motion-control:hover::before {
  border-color:#d4e7f6;
  background:#214966;
}
.footer > .wrap > .motion-control:focus-visible {
  outline:3px solid #f0cf9a;
  outline-offset:2px;
}
.footer > .wrap > .motion-control:disabled {
  cursor:default;
}
.footer > .wrap > .footer-links,
.footer > .wrap > p {
  grid-column:1 / -1;
}
@media (max-width:519px) {
  .footer > .wrap > .brand { grid-column:1 / -1; }
  .footer > .wrap > .motion-control {
    grid-row:2;
    margin-top:7px;
  }
}
@media print {
  .footer > .wrap > .motion-control { display:none; }
}

/* legal-pages.css */
.legal-page{max-width:1000px}
.legal-page .prose{max-width:850px}
.legal-page .prose section{margin:24px 0;padding:0}
.legal-page address{font-style:normal;line-height:1.6}
.legal-page .prose h2{font-size:clamp(22px,3.5vw,30px);line-height:1.2}
.legal-page a{overflow-wrap:anywhere}
.legal-draft-note{padding:16px;background:#214966;border:1px solid #527a95;border-radius:8px;color:#e1effb}

/* travel-sidebar.css */
.travel-banner{display:flex;flex-direction:column;align-items:flex-start;gap:7px;margin-top:18px;padding:14px;background:#214966;border:1px solid #527a95;border-radius:10px;color:#e1effb}
.travel-banner>h2,.travel-banner>p{margin:0}
.travel-banner .eyebrow{font-size:10px;line-height:1.4;color:#f0cf9a}
.travel-banner>img{width:150px;height:79px;object-fit:contain;align-self:center}
.travel-banner>h2{font-size:21px;line-height:1.2}
.travel-banner>p{font-size:14px;line-height:1.5}
.travel-banner .btn{width:100%;min-height:44px;padding:8px 10px;font-size:13px;background:#d7b35e;color:#102e46}
.travel-banner>p.fine{font-size:11px;line-height:1.45;color:#bed6e8}
.travel-banner .snowtrex-creative{display:block;align-self:center;max-width:100%;line-height:0}
.travel-banner .snowtrex-creative img{display:block;max-width:100%;height:auto}
.travel-banner .snowtrex-square{display:none}
.travel-banner .snowtrex-creative:focus-visible{outline:3px solid #f0cf9a;outline-offset:4px}
@media(max-width:850px){.travel-banner .snowtrex-portrait{display:none}.travel-banner .snowtrex-square{display:block}}
@media(max-width:850px){.reading-sidebar:has(.travel-banner){display:block;padding:0}.reading-sidebar:has(.travel-banner)>:not(.travel-banner){display:none}.reading-sidebar .travel-banner{max-width:420px;margin:18px auto}}
@media print{.reading-sidebar:has(.travel-banner){display:none}}
.site-header .nav-compact{display:none}
@media(max-width:600px){.site-header .nav-full{display:none}.site-header .nav-compact{display:inline}.site-header>nav{gap:clamp(4px,1.2vw,7px);font-size:clamp(10px,2.9vw,12px)}}

/* klaus-player.css */
/* Local Klaus video. The portrait stays complete at every preview width. */
.klaus-preview.klaus-inline-preview{grid-template-columns:minmax(0,220px) minmax(0,1fr);gap:22px;align-items:start}
.klaus-player{width:100%;min-width:0;max-width:220px}
.klaus-video-frame{position:relative;aspect-ratio:9/16;background:#0b2237;border:1px solid #668ba6;border-radius:10px;overflow:hidden}
.klaus-video-frame video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain}
.klaus-video-controls{display:flex;gap:7px;margin:7px 0 0}
.klaus-video-controls button{display:inline-flex;align-items:center;justify-content:center;gap:7px;flex:1;min-height:44px;margin:0;padding:7px 12px;border:1px solid #8cb3ca;border-radius:6px;background:#214b66;color:#fff;font:700 14px/1.3 Arial,sans-serif;cursor:pointer}
.klaus-video-controls [data-klaus-play]{background:#d4af62;border-color:#efd69a;color:#102d43}
.klaus-video-controls button:disabled{opacity:.65;cursor:default}
.klaus-video-controls button:focus-visible{outline:3px solid #f2d69c;outline-offset:3px}
.klaus-inline-preview .klaus-video-status{margin:7px 0 0;font-size:12px;line-height:1.4;color:#dcebf5}
.klaus-video-copy{display:grid;gap:7px;min-width:0}
.klaus-inline-preview .klaus-video-copy>*{margin:0!important}
@media(max-width:600px){.klaus-preview.klaus-inline-preview{grid-template-columns:1fr;gap:14px}.klaus-player{justify-self:center}}
@media print{.klaus-video-controls,.klaus-video-status{display:none!important}}

.klaus-video-controls [data-klaus-stop]{background:#f7d3b1;color:#102d43;border:2px solid #df9b68;font-weight:700}

/* seo-content.css */
/* Gemeinsame Ergänzungen zur lokalen SEO/GEO-Fassung, 08.11.2026 */
.article-author{flex-basis:100%;color:#e1effb}
.blog-hero{margin:0 0 21px;max-width:100%}
.blog-hero img{display:block;width:100%;height:auto;object-fit:contain;border-radius:12px}
.blog-hero figcaption{margin:7px 0 0;font-size:clamp(10px,1.6vw,14px);line-height:1.4;white-space:nowrap;color:#b7d3e8}
.comparison-scroll{max-width:100%;overflow-x:auto;margin:14px 0;border:1px solid #668ba6;border-radius:8px}
.comparison-scroll table{width:100%;border-collapse:collapse;min-width:540px;font-size:16px;line-height:1.5}
.comparison-scroll th,.comparison-scroll td{padding:12px;text-align:left;vertical-align:top;border-bottom:1px solid #416985;white-space:normal}
.comparison-scroll th{background:#0b2237;color:#fff}
.comparison-scroll tr:last-child td{border-bottom:0}
.comparison-scroll:focus-visible{outline:3px solid #f2d69c;outline-offset:3px}
.affiliate-section{margin:28px 0;padding:16px 14px 7px;border:1px solid #668ba6;border-radius:12px;background:#193b58}
.affiliate-section h2{margin:7px 0;font-size:27px}
.affiliate-section>.fine{font-size:14px;line-height:1.5;margin:7px 0}
.affiliate-placements{margin:14px 0;padding:7px 12px;background:#193b58;color:#e1effb;border:1px solid #668ba6;border-radius:8px}
.affiliate-placements summary{padding:7px 0;cursor:pointer;font-weight:700;color:#fff}
.affiliate-placements p,.affiliate-placements li{margin:7px 0}
.affiliate-placements ol,.affiliate-placements ul{padding-left:22px}
.affiliate-placements a{color:#e1effb;overflow-wrap:anywhere}
.affiliate-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}
.affiliate-offer{display:flex;flex-direction:column;gap:7px;min-width:0;background:#214966;border:1px solid #668ba6;border-radius:8px;padding:12px 12px 7px}
.affiliate-offer h3{font-size:19px;line-height:1.3;letter-spacing:normal;margin:0;color:#fff}
.affiliate-offer p{font-size:15px;line-height:1.5;margin:0;color:#e1effb}
.affiliate-offer .affiliate-kind{color:#f2d69c;font-size:12px}
.affiliate-offer .affiliate-condition{font-size:13px;color:#b7d3e8}
.affiliate-offer .btn{font-size:14px;padding:10px;margin-top:auto;min-height:44px;text-align:center;background:#d4af62;color:#102d43;white-space:normal;line-height:1.3;align-self:stretch}
.affiliate-offer .product-source{font-size:12px;line-height:1.4;color:#e1effb}
.card-calculator{padding:16px;border:1px solid #668ba6;border-radius:12px;background:#193b58;margin:24px 0}
.card-calculator h2{margin-top:0}
.card-calculator form{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.card-calculator label{font-size:15px;display:grid;gap:7px}
.card-calculator input{width:100%;box-sizing:border-box;min-width:0;padding:12px;background:#0b2237;border:1px solid #668ba6;color:#fff;font:inherit;border-radius:6px}
.card-calculator output{grid-column:1/-1;display:block;padding:12px;background:#0b2237;border-left:4px solid #d4af62;font-weight:700}
.card-calculator button{align-self:end;min-height:44px}
.quick-starts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:21px}
.quick-starts a{display:block;border:1px solid #668ba6;border-radius:8px;padding:14px;color:#e1effb;text-decoration:none}
.quick-starts strong{display:block;color:#fff;margin-bottom:7px}
@media(max-width:1100px){.affiliate-grid{grid-template-columns:1fr}.affiliate-offer .btn{align-self:start}.affiliate-offer{gap:7px}}
@media(max-width:600px){.card-calculator form,.quick-starts{grid-template-columns:1fr}.affiliate-section{padding:12px 10px 7px}.affiliate-section h2{font-size:24px}.comparison-scroll table{font-size:14px}.article-meta{gap:7px}.blog-hero figcaption{font-size:11px}}
@media print{.affiliate-section,.card-calculator form{display:none}}

/* Affiliate-Themenbilder: Schutzfläche auch über vollständig weißen Motiven. */
.affiliate-grid{gap:7px;align-items:stretch}
.affiliate-offer.affiliate-illustrated{position:relative;isolation:isolate;overflow:hidden;gap:7px;padding:7px;min-height:380px;background:#0b2237;overflow-wrap:anywhere}
.affiliate-illustrated>.affiliate-backdrop{position:absolute;inset:0;z-index:0;pointer-events:none;display:block}
.affiliate-illustrated>.affiliate-backdrop img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.affiliate-illustrated::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(11,34,55,.82) 0%,rgba(11,34,55,.88) 50%,rgba(11,34,55,.94) 100%)}
.affiliate-illustrated>:not(.affiliate-backdrop){position:relative;z-index:2}
.affiliate-offer.affiliate-illustrated h3,.affiliate-offer.affiliate-illustrated p,.affiliate-offer.affiliate-illustrated li,.affiliate-offer.affiliate-illustrated a:not(.btn),.affiliate-offer.affiliate-illustrated summary{color:#fff;opacity:1}
.affiliate-offer.affiliate-illustrated h3,.affiliate-offer.affiliate-illustrated p{margin:0;padding:0}
.affiliate-offer.affiliate-illustrated .affiliate-kind,.affiliate-offer.affiliate-illustrated .affiliate-image-label{color:#f2d69c;font-size:12px;line-height:1.4;font-weight:700}
.affiliate-offer.affiliate-illustrated .affiliate-image-disclosure{font-size:12px;line-height:1.4}
.affiliate-offer.affiliate-illustrated .affiliate-condition{font-size:13px}
.affiliate-offer.affiliate-illustrated .btn{background:#d4af62;color:#102d43;border:1px solid #d4af62;opacity:1;min-height:44px;padding:7px;align-self:stretch;margin-top:auto}
.affiliate-offer.affiliate-illustrated .btn:hover{background:#e3c68a;color:#102d43;border-color:#e3c68a}
.affiliate-offer.affiliate-illustrated details{padding:7px 0 0;margin:0;border-top:1px solid #8aa6ba}
.affiliate-offer.affiliate-illustrated details[open]{background:#0b2237;border:1px solid #8aa6ba;border-radius:5px;padding:7px}
.affiliate-offer.affiliate-illustrated summary{padding:0;min-height:44px;display:list-item;font-size:14px;line-height:1.5;white-space:normal}
.affiliate-offer.affiliate-illustrated details[open] summary{margin-bottom:7px}
.affiliate-offer.affiliate-illustrated details ul{padding-left:21px;margin:7px 0}
.affiliate-offer.affiliate-illustrated details li{font-size:14px;line-height:1.5;margin:7px 0}
.affiliate-offer.affiliate-illustrated .affiliate-image-metadata{font-size:12px;line-height:1.4}
.affiliate-offer.affiliate-illustrated :focus-visible{outline:3px solid #fff;outline-offset:2px}
@media(max-width:600px){.affiliate-offer.affiliate-illustrated{min-height:0}}

/* chapter-navigation.css */
/* Complete titles on at most three deliberately composed lines. */
.themes>.theme{container-type:inline-size}
.themes>.theme{position:relative}
.theme-ai-label{position:absolute;top:7px;right:7px;z-index:1;padding:2px 5px;border-radius:3px;background:rgba(11,34,55,.88);color:#e1effb;font:10px/14px Arial,Helvetica,sans-serif;letter-spacing:0}
.themes>.theme h3.theme-title{font-size:clamp(16px,9cqi,23px);line-height:1.2;letter-spacing:-.3px;white-space:normal}
.theme-title>a>span{display:block;white-space:nowrap}
@media(max-width:850px){.themes{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){
 .themes{grid-template-columns:1fr}
 .themes>.theme:last-child{grid-column:auto}
 .site-header>nav{flex-wrap:nowrap;gap:clamp(4px,1.5vw,8px);justify-content:space-between;font-size:clamp(10px,3vw,12px);white-space:nowrap}
 .site-header>nav>a,.site-header>nav>.nav-menu{flex:0 0 auto}
 .site-header>nav>a{display:flex;align-items:center;min-height:44px}
 .site-header>nav>.nav-menu summary{font-size:inherit;gap:4px;min-height:44px}
 .site-header .nav-menu div{white-space:normal}
}

/* visual-colors.css */
/* LIGHT_TILES_WHITE_TEXT_2026_11_08: load after the page stylesheets. */
@media screen {
  :root {
    --ink: #fff;
    --muted: #fff;
  }

  /* Only the five home-page tiles receive a light blue photo overlay. */
  .theme:not(.chapter-theme) {
    background-image: var(--theme-photo);
  }
  #erlebnisse > .themes > .theme {
    background-image: linear-gradient(180deg,
      rgba(9, 35, 57, .38),
      rgba(9, 35, 57, .46) 52%,
      rgba(9, 35, 57, .54)), var(--theme-photo);
  }
  #erlebnisse > .themes > .theme .theme-ai-label {
    display: none;
  }

  #erlebnisse > .themes > .theme :is(h3, p, summary, .eyebrow, .theme-icon) {
    text-shadow: 0 1px 2px rgba(0, 0, 0, .95), 0 0 7px rgba(0, 0, 0, .8);
  }
  .guide-card-media::after {
    content: none;
    background: none;
  }
  /* Neutral shading keeps white copy readable without tinting the photos blue. */
  .affiliate-illustrated::before {
    background: linear-gradient(180deg,
      rgba(0, 0, 0, .68),
      rgba(0, 0, 0, .76) 50%,
      rgba(0, 0, 0, .84));
  }

  .hero h1,
  .hero h1 em,
  .hero .eyebrow,
  .hero-lead,
  .hero-note,
  .dark,
  .dark a:not(.btn):not(.stream-link),
  .footer,
  .footer .brand,
  .footer a,
  .footer p,
  .motion,
  .motion-control,
  .footer > .wrap > .motion-control,
  .chapter-themes > .chapter-theme,
  .chapter-theme .chapter-image-credit,
  .chapter-theme .chapter-hook,
  .chapter-theme p,
  .chapter-visual figcaption,
  .chapter-visual .chapter-hook,
  .chapter-visual .chapter-image-notes,
  .chapter-image-notes a,
  .theme-ai-label,
  .album-ai-label,
  .guide-card,
  .guide-card .guide-card-teaser,
  .guide-card .guide-card-caption,
  .guide-card-link,
  .story-card.journal-card,
  .story-card .journal-card-teaser,
  .story-card .journal-card-caption,
  .journal-card-copy > .journal-card-link,
  .article-author,
  .blog-hero figcaption,
  .affiliate-placements,
  .affiliate-placements a,
  .affiliate-offer p:not(.affiliate-kind):not(.affiliate-image-label),
  .affiliate-offer .affiliate-condition,
  .affiliate-offer .product-source,
  .quick-starts a,
  .travel-banner,
  .travel-banner > p.fine,
  .klaus-inline-preview .klaus-video-status,
  .legal-draft-note {
    color: #fff !important;
  }

  .btn,
  .hero .btn {
    color: #fff;
  }

  /* Keep dark type on the existing light and gold controls. */
  .btn.sand,
  .dark .btn.sand {
    color: #172e41;
  }
  .affiliate-offer .btn,
  .affiliate-offer.affiliate-illustrated .btn,
  .stream-link.amazon,
  .klaus-video-controls [data-klaus-play],
  .klaus-video-controls [data-klaus-stop] {
    color: #102d43;
  }
  .travel-banner .btn {
    color: #102e46;
  }

  .music-list small,
  .track-number {
    opacity: 1;
  }
  .stream-link:hover {
    filter: none;
  }
}
/* END_LIGHT_TILES_WHITE_TEXT_2026_11_08 */

/* entry-tiles.css */
/* Freigegebener lokaler Entwurf. Der Verlauf liegt ausschließlich auf den fünf Einstiegsbildern. */
#erlebnisse.entry-worlds{max-width:1440px;color:#fff}
#erlebnisse .entry-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
#erlebnisse .entry-tile{position:relative;isolation:isolate;min-width:0;height:410px;border-radius:9px;overflow:hidden;background:#214966;color:#fff}
#erlebnisse .entry-photo{position:absolute;inset:0;z-index:-2;display:block;width:100%;height:100%;object-fit:cover;object-position:var(--entry-focus,50%) center;filter:none;opacity:1}
#erlebnisse .entry-tile::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(9,35,57,.12),rgba(9,35,57,.50) 43%,rgba(9,35,57,.91))}
#erlebnisse .entry-copy{height:100%;padding:18px 16px;display:flex;flex-direction:column;justify-content:flex-end;gap:7px;color:#fff}
#erlebnisse .entry-copy h3{margin:0;min-height:2.3em;font:600 clamp(20px,1.7vw,25px)/1.15 Arial,Helvetica,sans-serif;letter-spacing:-.4px;color:#fff;text-wrap:balance}
#erlebnisse .entry-copy h3 a{color:#fff;text-decoration:none}
#erlebnisse .entry-copy p{margin:0;min-height:4.2em;font:15px/1.4 Arial,Helvetica,sans-serif;color:#fff}
#erlebnisse .entry-open{display:flex;align-items:center;justify-content:space-between;gap:7px;width:100%;min-height:48px;padding:10px 11px;border:1px solid #85b4ce;border-radius:5px;background:#246c96;color:#fff;font:600 14px/1.25 Arial,Helvetica,sans-serif;text-align:left;cursor:pointer}
#erlebnisse .entry-open:hover{background:#205e82}
#erlebnisse .entry-open[aria-expanded=true]{background:#d3af62;border-color:#d3af62;color:#102b40}
#erlebnisse .entry-image-note{font:12px/1.4 Arial,Helvetica,sans-serif;margin:7px 0;color:#fff}
#erlebnisse .entry-panel{margin-top:14px;padding:18px;background:#214966;border:1px solid #587b91;border-radius:8px;color:#fff}
#erlebnisse .entry-panel[hidden]{display:none}
#erlebnisse .entry-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
#erlebnisse .entry-panel h3{font:500 24px/1.2 Arial,Helvetica,sans-serif;margin:0;color:#fff}
#erlebnisse .entry-panel-heading button{min-height:44px;padding:6px 10px;background:transparent;color:#fff;border:1px solid #789db4;border-radius:5px;font:14px Arial,Helvetica,sans-serif;cursor:pointer}
#erlebnisse .entry-panel ul{padding:0;margin:14px 0;list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
#erlebnisse .entry-panel li a{display:block;padding:12px 0;border-top:1px solid #789db4;color:#fff;font-size:16px;line-height:1.4}
#erlebnisse .entry-chapter{color:#fff;font-size:14px}
#erlebnisse a:focus-visible,#erlebnisse button:focus-visible{outline:3px solid #f0cf9a;outline-offset:3px}
#finder .map-load-controls{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:12px 0}
#finder .map-load-controls p{margin:0;color:#fff;font-size:14px}
#ba-map-frame{display:block;width:100%;min-height:650px;border:0;background:#142f46}
@media(max-width:1199px){#erlebnisse .entry-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#erlebnisse .entry-tile{height:350px}#erlebnisse .entry-tile:last-child{grid-column:1/-1;width:calc((100% - 14px)/2);justify-self:center}#erlebnisse .entry-copy h3{font-size:25px}#erlebnisse .entry-copy p{min-height:2.8em}#erlebnisse .entry-panel ul{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:599px){#erlebnisse .entry-grid{grid-template-columns:1fr}#erlebnisse .entry-tile,#erlebnisse .entry-tile:last-child{grid-column:auto;width:100%;height:330px}#erlebnisse .entry-copy{padding:18px}#erlebnisse .entry-copy h3{font-size:26px}#erlebnisse .entry-panel ul{grid-template-columns:1fr}#erlebnisse .entry-panel{margin-top:0}#erlebnisse .entry-panel-heading{align-items:start}#erlebnisse .entry-panel-heading button{font-size:12px}}

/* chapter-layout.css */
/* Five experience chapter openings: title, full image, then introduction. */
.experience-chapter .site-header{padding-bottom:0;align-items:flex-end}
.experience-chapter .article-head{padding:15px 0 0;border-bottom:0}
.experience-chapter .article-head h1{max-width:none;margin:0 0 7px;font-size:clamp(30px,4.3vw,56px);line-height:1.15}
.experience-chapter .article-layout{padding-top:0}
.experience-chapter .reading-sidebar{padding-top:0}
.experience-chapter .chapter-visual{margin:0 0 7px}
.experience-chapter .chapter-visual .chapter-hook{margin:7px 0}
.experience-chapter .prose>.article-lead{margin:7px 0 23px}

/* Published wp-release-nav.css */
/* Release-only header link: no external shop embed. */
.site-header nav .ba-souvenirs{white-space:nowrap;flex:0 0 auto;width:auto}
@media(max-width:800px){.site-header nav{display:flex;flex-wrap:nowrap!important;white-space:nowrap;gap:12px;overflow-x:auto;scrollbar-width:thin;max-width:100%;padding-bottom:4px}.site-header nav>a,.site-header nav>details{flex:0 0 auto}.site-header nav .nav-menu[open]>div{position:fixed;z-index:2000;white-space:normal;max-height:60vh;overflow:auto;box-sizing:border-box}}