:root{--turq:#7AC0C0;--turq-dark:#5FA8A8;--turq-deep:#78BBBB;--cream:#E3E0DD;--cream-light:#F6EDD8;--coral:#E68966;--coral-dark:#D17556;--dark:#383A3C;--footer:#4C5057;--text:#383A3C;--maxw:1200px}
@font-face{font-family:"BazarMedium";src:url("/fonts/bazarmedium.woff") format("woff"),url("/fonts/bazarmedium.ttf") format("truetype");font-weight:normal;font-style:normal;font-display:swap}
@font-face{font-family:"Roboto Slab";src:url("/fonts/roboto-slab-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Roboto Slab";src:url("/fonts/roboto-slab-700.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:"Roboto Slab",Georgia,serif;color:var(--text);line-height:1.7;background:var(--cream);-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:"BazarMedium",Georgia,serif;font-weight:400;letter-spacing:.02em;line-height:1.15;text-transform:uppercase}
h1{font-size:2.9rem;margin-bottom:.5rem;text-align:center;text-shadow:1px 2px #FCFAF7,3px 4px #484A4D}
h2{font-size:2.6rem;margin-bottom:.5rem;text-align:center;text-shadow:1px 2px #FCFAF7,3px 4px #484A4D}
.section-coral h2,.section-turq h2,.section-turq-light h2,.section-dark h2{text-shadow:1px 2px #484A4D,3px 4px #D4CEBF}
h3{font-size:1.4rem;margin:2rem 0 .5rem}
p{margin:1rem 0}
a{color:inherit;text-decoration:none}
.container{max-width:var(--maxw);margin:0 auto;padding:0 1.25rem}
.site-header{background:var(--turq);padding:1.25rem 0}
.header-inner{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;flex-wrap:wrap}
.logo{display:flex;align-items:center;gap:1rem;color:var(--cream-light)}
.logo img{width:84px;height:84px;display:block;filter:drop-shadow(0 2px 6px rgba(0,0,0,.15))}
.logo-text{font-family:"BazarMedium",Georgia,serif;font-size:2.1rem;letter-spacing:.06em;line-height:1.1}
.logo-text small{display:block;font-size:1.1rem;letter-spacing:.12em;opacity:1;margin-top:.4rem}
.site-nav ul{display:flex;gap:2.5rem;list-style:none}
.site-nav a{color:var(--cream-light);font-family:"BazarMedium",Georgia,serif;font-size:1.05rem;letter-spacing:.08em;text-transform:uppercase;text-shadow:0 1px 1px rgba(0,0,0,.2);padding:.25rem 0;border-bottom:2px solid transparent;transition:border-color .2s}
.site-nav a:hover{border-bottom-color:var(--cream-light)}
.divider{display:flex;align-items:center;justify-content:center;gap:.85rem;font-size:.85rem;color:currentColor;opacity:.65;letter-spacing:.25em;margin:.6rem auto 1.6rem;max-width:240px}
.divider::before,.divider::after{content:"";flex:0 0 48px;height:2px;background:currentColor}
.section{padding:5rem 0;position:relative}
.section-cream{background:var(--cream);color:var(--dark)}
.section-coral{background:var(--coral);color:var(--cream-light)}
.section-turq{background:var(--turq-deep);color:var(--cream-light)}
.section-turq-light{background:var(--turq);color:var(--cream-light)}
.section-dark{background:var(--footer);color:var(--cream-light)}
.lead{font-size:1.1rem;max-width:850px;margin:1rem auto;text-align:center}
.quick-nav{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center;margin:2rem auto 0;max-width:740px}
.quick-nav a{background:var(--dark);color:var(--cream-light);padding:.6rem 1.2rem;border-radius:999px;font-family:"BazarMedium",Georgia,serif;font-size:.85rem;letter-spacing:.08em;transition:transform .2s,background .2s}
.quick-nav a:hover{background:var(--coral);transform:translateY(-2px)}
.cam-embed{position:relative;width:100%;max-width:960px;margin:2rem auto 0;padding-top:56.25%;background:#111;border-radius:12px;overflow:hidden;box-shadow:0 12px 30px rgba(0,0,0,.25),0 0 0 8px rgba(255,255,255,.15)}
.section:has(.cam-embed) > .container > h3,
.section:has(.cam-embed) > .container > p{max-width:960px;margin-left:auto;margin-right:auto}
.cam-embed iframe,.cam-embed img,.cam-embed video{position:absolute;inset:0;width:100%;height:100%;border:0}
.cam-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;font-family:"BazarMedium",Georgia,serif;font-size:1.1rem;text-align:center;padding:1.5rem;background:linear-gradient(135deg,#2c3e50,#4a6572)}
.cam-embed .cam-consent{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.9rem;padding:1.5rem;text-align:center;color:var(--cream-light);background-size:cover;background-position:center;background-color:#2c3e50;cursor:pointer;border:0;font:inherit;transition:filter .25s ease,transform .25s ease}
.cam-embed .cam-consent::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(0,0,0,0) 0%,rgba(0,0,0,.35) 55%,rgba(0,0,0,.7) 100%),linear-gradient(180deg,rgba(0,0,0,.1) 0%,rgba(56,58,60,.55) 100%)}
.cam-embed .cam-consent:hover{filter:brightness(1.08)}
.cam-embed .cam-consent:hover .play-icon{transform:scale(1.06);background:var(--turq)}
.cam-embed .cam-consent:focus-visible{outline:3px solid var(--cream-light);outline-offset:-6px}
.cam-embed .cam-consent .live-badge{position:absolute;top:14px;left:14px;display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .65rem;background:var(--coral);color:var(--cream-light);font-family:"BazarMedium",Georgia,serif;font-size:.75rem;letter-spacing:.12em;border-radius:999px;text-transform:uppercase;box-shadow:0 4px 14px rgba(0,0,0,.35)}
.cam-embed .cam-consent .live-badge::before{content:"";width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 0 0 rgba(255,255,255,.6);animation:cam-pulse 1.6s infinite}
@keyframes cam-pulse{0%{box-shadow:0 0 0 0 rgba(255,255,255,.7)}70%{box-shadow:0 0 0 10px rgba(255,255,255,0)}100%{box-shadow:0 0 0 0 rgba(255,255,255,0)}}
.cam-embed .cam-consent .play-icon{position:relative;width:84px;height:84px;border-radius:50%;background:var(--coral);display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px rgba(0,0,0,.45),0 0 0 6px rgba(246,237,216,.12);transition:transform .25s ease,background .25s ease}
.cam-embed .cam-consent .play-icon::after{content:"";width:0;height:0;border-style:solid;border-width:14px 0 14px 22px;border-color:transparent transparent transparent var(--cream-light);margin-left:5px}
.cam-embed .cam-consent .cam-label{position:relative;font-family:"BazarMedium",Georgia,serif;font-size:1.15rem;letter-spacing:.04em;line-height:1.25;max-width:90%;text-shadow:0 2px 8px rgba(0,0,0,.5)}
.cam-embed .cam-consent .cam-hint{position:relative;font-family:"Roboto Slab",Georgia,serif;font-size:.8rem;line-height:1.45;opacity:.92;max-width:92%;text-shadow:0 1px 4px rgba(0,0,0,.5)}
.faq details{background:rgba(255,255,255,.85);color:var(--text);border-radius:8px;padding:1rem 1.25rem;margin:.5rem 0;position:relative}
.faq summary{cursor:pointer;font-family:"BazarMedium",Georgia,serif;font-size:1.05rem;padding-right:2rem;list-style:none;outline:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:1rem;top:1rem;font-size:1.6rem;font-family:"BazarMedium",Georgia,serif;color:var(--coral);line-height:1}
.faq details[open] summary::after{content:"–"}
.faq p{text-align:left;margin-top:1rem}
.contact a{color:var(--cream-light);text-decoration:underline;text-underline-offset:4px}
.site-footer{background:#1d1d1d;color:#999;padding:2rem 0;text-align:center;font-size:.9rem;font-family:"Roboto Slab",serif}
.site-footer a{color:#ddd}
.weather-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:1.5rem;margin-top:2.5rem;text-align:left}
.weather-status{grid-column:1/-1;text-align:center;opacity:.8;margin:1rem 0}
.wx-card{background:rgba(255,255,255,.6);border-radius:16px;padding:1.5rem 1.6rem;box-shadow:0 10px 26px rgba(0,0,0,.08)}
.wx-head{text-align:center;border-bottom:1px solid rgba(56,58,60,.15);padding-bottom:.8rem;margin-bottom:1rem}
.wx-head h3{margin:0;font-size:1.5rem}
.wx-now{display:flex;align-items:center;justify-content:center;gap:.6rem}
.wx-now-ic{font-size:2.8rem;line-height:1}
.wx-now-temp{font-family:"BazarMedium",Georgia,serif;font-size:2.6rem;line-height:1}
.wx-desc{margin:.3rem 0 0;font-weight:700}
.wx-stats{display:grid;grid-template-columns:1fr 1fr;gap:.4rem .9rem}
.wx-stat{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem;font-size:.85rem;border-bottom:1px dotted rgba(56,58,60,.18);padding:.2rem 0}
.wx-stat span{opacity:.75}
.wx-stat b{white-space:nowrap}
.wx-sea{display:flex;flex-wrap:wrap;gap:.5rem .9rem;justify-content:center;margin-top:1rem;padding:.6rem .8rem;border-radius:10px;background:rgba(122,192,192,.22);font-size:.85rem}
.wx-block-label{font-family:"BazarMedium",Georgia,serif;text-transform:uppercase;letter-spacing:.1em;font-size:.95rem;color:var(--coral);margin:2rem 0 .8rem;font-weight:700}
.wx-hours{display:grid;grid-template-columns:repeat(12,1fr);gap:.4rem;background:#fff;border-radius:14px;padding:1rem 1.2rem;box-shadow:0 4px 14px rgba(0,0,0,.06);overflow-x:auto}
.wx-hour{display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:.3rem 0;color:var(--text);background:transparent;box-shadow:none;min-width:0}
.wx-h-time{font-family:"BazarMedium",Georgia,serif;letter-spacing:.03em;color:var(--dark);opacity:.7;font-size:.78rem}
.wx-h-ic{font-size:1.5rem;line-height:1}
.wx-h-temp{font-family:"BazarMedium",Georgia,serif;font-weight:400;font-size:1.15rem;color:var(--text)}
.wx-h-pop{opacity:.8;font-size:.72rem;color:var(--dark)}
@media(max-width:820px){.wx-hours{grid-template-columns:repeat(6,1fr)}}
@media(max-width:520px){.wx-hours{grid-template-columns:repeat(4,1fr)}}
.wx-week{display:flex;flex-direction:column;background:#fff;border-radius:14px;padding:.5rem 1.2rem;box-shadow:0 4px 14px rgba(0,0,0,.06)}
.wx-row{display:flex;align-items:center;gap:1rem;padding:.75rem 0;font-size:.92rem;border-top:1px solid rgba(56,58,60,.1);color:var(--text)}
.wx-row:first-child{border-top:0}
.wx-r-day{width:3rem;font-family:"BazarMedium",Georgia,serif;letter-spacing:.04em;color:var(--dark);flex-shrink:0}
.wx-r-ic{width:2rem;font-size:1.35rem;text-align:center;flex-shrink:0}
.wx-r-temp{white-space:nowrap;font-family:"BazarMedium",Georgia,serif;font-size:1.05rem;color:var(--text)}
.wx-r-temp b{font-weight:400}
.wx-r-pop{margin-left:auto;white-space:nowrap;font-size:.88rem;opacity:.85;color:var(--dark)}
.wx-r-wind{white-space:nowrap;font-size:.88rem;opacity:.85;color:var(--dark);min-width:3.5rem;text-align:right}
.wetter-panel-head h3{color:var(--cream-light)}
.wetter-panel-head .wx-panel-desc{color:var(--cream-light);opacity:.9}
.wx-attrib{text-align:center;font-size:.8rem;opacity:.6;margin-top:2rem}
.wx-attrib a{text-decoration:underline;text-underline-offset:3px}
.wetter-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin:2rem auto 0;max-width:960px;padding:0 .5rem}
.wetter-tab{background:rgba(255,255,255,.6);color:var(--text);padding:.55rem 1.15rem;border-radius:999px;font-family:"BazarMedium",Georgia,serif;text-transform:uppercase;letter-spacing:.06em;font-size:.85rem;border:0;cursor:pointer;transition:transform .18s ease,background .18s ease,color .18s ease}
.wetter-tab:hover{background:rgba(255,255,255,.9);transform:translateY(-1px)}
.wetter-tab.is-active{background:var(--coral);color:var(--cream-light);box-shadow:0 6px 14px rgba(230,137,102,.35)}
.wetter-panels{max-width:1080px;margin:2rem auto 0}
.wetter-panel{display:none}
.wetter-panel.is-active{display:block}
.wetter-panel-head{text-align:center;margin-bottom:1.4rem}
.wetter-panel-head h3{margin:0;font-size:1.7rem}
.wetter-panel-head .wx-panel-desc{margin:.5rem 0 0;font-size:.98rem;font-weight:500}
.wx-hero-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:.5rem}
.wx-hero-tile{background:#fff;border-radius:16px;padding:1.5rem 1.3rem 1.4rem;text-align:center;box-shadow:0 8px 20px rgba(0,0,0,.1);display:flex;flex-direction:column;gap:.4rem;color:var(--text)}
.wx-hero-tile-emoji{font-size:2.4rem;line-height:1}
.wx-hero-tile-label{font-family:"BazarMedium",Georgia,serif;text-transform:uppercase;letter-spacing:.1em;font-size:.72rem;color:var(--dark);opacity:.65}
.wx-hero-tile-value{font-family:"BazarMedium",Georgia,serif;font-size:2rem;line-height:1;color:var(--text)}
.wx-hero-tile-sub{font-size:.82rem;line-height:1.4;color:var(--dark);opacity:.85}
@media(max-width:900px){.wx-hero-tiles{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.wx-hero-tiles{grid-template-columns:1fr}}
.wx-details-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.85rem;margin-top:1.5rem}
.wx-detail{background:#fff;border-radius:12px;padding:.95rem 1rem 1rem;text-align:center;display:flex;flex-direction:column;gap:.2rem;color:var(--text);box-shadow:0 4px 12px rgba(0,0,0,.06)}
.wx-detail-emoji{font-size:1.4rem;line-height:1}
.wx-detail-label{font-family:"BazarMedium",Georgia,serif;text-transform:uppercase;letter-spacing:.1em;font-size:.66rem;color:var(--dark);opacity:.7}
.wx-detail-value{font-size:1.05rem;font-weight:700;line-height:1.3;color:var(--text)}
@media(max-width:820px){.wx-details-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:560px){.wx-details-grid{grid-template-columns:repeat(2,1fr)}}
.wx-mini-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.8rem;max-width:1080px;margin:2rem auto 0}
.wx-mini{background:#fff;border-radius:12px;padding:1rem .8rem;text-align:center;transition:transform .18s ease,box-shadow .18s ease;cursor:pointer;border:0;font:inherit;color:var(--text);display:flex;flex-direction:column;align-items:center;gap:.35rem;box-shadow:0 4px 12px rgba(0,0,0,.06)}
.wx-mini:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(0,0,0,.1)}
.wx-mini-ic{font-size:1.8rem;line-height:1}
.wx-mini-temp{font-family:"BazarMedium",Georgia,serif;font-size:1.6rem;line-height:1;color:var(--text)}
.wx-mini-name{font-family:"BazarMedium",Georgia,serif;text-transform:uppercase;letter-spacing:.06em;font-size:.8rem;color:var(--dark)}
@media(max-width:820px){.wx-mini-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:560px){.wx-mini-grid{grid-template-columns:repeat(2,1fr)}}
.cam-wetter{max-width:960px;margin:2rem auto 0}
.cam-wetter-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.9rem}
.cam-wetter-tile{background:rgba(255,255,255,.7);border-radius:14px;padding:1rem 1.1rem;text-align:center;display:flex;flex-direction:column;gap:.15rem}
.cam-wetter-tile-emoji{font-size:1.7rem;line-height:1}
.cam-wetter-tile-label{font-family:"BazarMedium",Georgia,serif;text-transform:uppercase;letter-spacing:.1em;font-size:.65rem;opacity:.65}
.cam-wetter-tile-value{font-family:"BazarMedium",Georgia,serif;font-size:1.35rem;line-height:1;color:var(--text)}
.cam-wetter-tile-sub{font-size:.78rem;opacity:.75}
.cam-wetter-cta{text-align:center;margin-top:1.2rem;font-size:.9rem}
.cam-wetter-cta a{font-family:"BazarMedium",Georgia,serif;text-transform:uppercase;letter-spacing:.06em;color:var(--coral);border-bottom:2px solid currentColor;padding-bottom:2px}
.cam-wetter-cta a:hover{opacity:.75}
.cam-wetter-status{text-align:center;opacity:.8;margin:1rem 0}
.legal{max-width:820px;margin:0 auto;text-align:left}
.legal h3{margin:1.6rem 0 .4rem;font-size:1.15rem}
.legal h3:first-child{margin-top:0}
.legal p{margin:.3rem 0;line-height:1.7}
.legal ul{margin:.4rem 0 .6rem 1.4rem;line-height:1.6}
.legal li{margin:.2rem 0}
.legal a{text-decoration:underline;text-underline-offset:3px;word-break:break-word}
.seo-text{max-width:850px;margin:1.5rem auto 0;text-align:left}
.seo-text p{margin:1rem 0;line-height:1.8}
.seo-text a{text-decoration:underline;text-underline-offset:3px}
.breadcrumb{max-width:var(--maxw);margin:0 auto;padding:1.25rem 1.25rem 0;font-family:"Roboto Slab",serif;font-size:.85rem;color:var(--dark)}
.breadcrumb a{text-decoration:underline;text-underline-offset:2px}
.breadcrumb span{margin:0 .35rem;opacity:.5}
.cam-more{text-align:center;margin-top:1.2rem}
.more-link{display:inline-block;font-family:"BazarMedium",Georgia,serif;text-transform:uppercase;letter-spacing:.05em;font-size:.95rem;border-bottom:2px solid currentColor;padding-bottom:3px;transition:opacity .2s}
.more-link:hover{opacity:.7}
@media (max-width:480px){.weather-grid{grid-template-columns:1fr}}
@media (max-width:720px){.header-inner{flex-direction:column;text-align:center}.logo{flex-direction:column;gap:.5rem}.logo img{width:72px;height:72px}.site-nav ul{gap:1.25rem;justify-content:center;flex-wrap:wrap}.section{padding:3.5rem 0}.section h1,.section h2{font-size:2.2rem}}
@media (max-width:600px){.cam-embed .cam-consent .play-icon{width:64px;height:64px}.cam-embed .cam-consent .play-icon::after{border-width:11px 0 11px 17px}.cam-embed .cam-consent .cam-label{font-size:1rem}.cam-embed .cam-consent .cam-hint{font-size:.72rem}}
.cam-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.cam-fallback{max-width:960px;margin:.8rem auto 0;font-size:.88rem;text-align:center;opacity:.9;line-height:1.5}
.cam-fallback a{font-weight:700;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.section-coral .cam-fallback,.section-turq .cam-fallback,.section-turq-light .cam-fallback,.section-dark .cam-fallback{color:var(--cream-light)}
.cam-embed .cam-consent > *:not(.cam-poster){position:relative;z-index:1}
.zw-consent{position:fixed;bottom:1rem;left:50%;transform:translateX(-50%);z-index:9999;max-width:640px;width:calc(100% - 2rem);background:#1d1d1d;color:var(--cream-light);padding:1.25rem 1.5rem;border-radius:12px;box-shadow:0 20px 50px rgba(0,0,0,.4);font-family:"Roboto Slab",serif;font-size:.9rem;line-height:1.5}
.zw-consent p{margin:0 0 .8rem}
.zw-consent-actions{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:.7rem}
.zw-consent-actions button{flex:1 1 auto;background:var(--coral);color:var(--cream-light);border:0;padding:.7rem 1.1rem;border-radius:999px;font-family:"BazarMedium",Georgia,serif;font-size:.9rem;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;transition:transform .2s,background .2s}
.zw-consent-actions button:hover{transform:translateY(-1px);background:var(--coral-dark)}
.zw-consent-actions button[data-consent="reject"]{background:#3a3a3a}
.zw-consent-actions button[data-consent="reject"]:hover{background:#4a4a4a}
.zw-consent-more{font-size:.8rem;opacity:.75;margin:0}
.zw-consent-more a{color:currentColor;text-decoration:underline;text-underline-offset:3px}
.zw-map{width:100%;max-width:960px;height:480px;margin:2rem auto 0;border-radius:14px;overflow:hidden;box-shadow:0 12px 30px rgba(0,0,0,.15)}
.zw-map .leaflet-container{background:#dfe8e8}
.zw-map-popup{font-family:"Roboto Slab",serif;font-size:.9rem;text-align:center}
.zw-map-popup strong{display:block;font-family:"BazarMedium",Georgia,serif;font-size:1rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.3rem}
.zw-map-popup a{display:inline-block;margin-top:.4rem;color:var(--coral);font-weight:700;text-decoration:underline;text-underline-offset:2px}
.anreise{max-width:960px;margin:2rem auto 0}
.anreise-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin-top:1rem}
.anreise-card{background:rgba(255,255,255,.6);border-radius:12px;padding:1.2rem 1.3rem}
.anreise-card h4{font-family:"BazarMedium",Georgia,serif;font-size:1.05rem;text-transform:uppercase;letter-spacing:.05em;margin:0 0 .5rem;color:var(--text)}
.anreise-card p{margin:0;font-size:.9rem;line-height:1.6;color:var(--text)}
.blog-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.75rem;max-width:1080px;margin:2.5rem auto 0}
.blog-card{position:relative;display:flex;flex-direction:column;background:#fff;border-radius:12px;padding:1.6rem 1.7rem 1.75rem;box-shadow:0 4px 14px rgba(0,0,0,.06);text-align:left;transition:transform .2s ease,box-shadow .2s ease;border-top:3px solid var(--coral)}
.blog-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(0,0,0,.1)}
.blog-card-meta{display:flex;justify-content:space-between;align-items:baseline;gap:.8rem;margin-bottom:.9rem;font-family:"BazarMedium",Georgia,serif;font-size:.72rem;text-transform:uppercase;letter-spacing:.14em}
.blog-card-cat{color:var(--coral);font-weight:700}
.blog-card-time{color:var(--dark);opacity:.55}
.blog-card h3{margin:0 0 .8rem;font-size:1.2rem;line-height:1.45;font-family:"Roboto Slab",Georgia,serif;font-weight:700;text-transform:none;letter-spacing:normal;color:var(--text)}
.blog-card h3 a{color:inherit}
.blog-card h3 a:hover{color:var(--coral)}
.blog-card p{margin:0 0 1.1rem;line-height:1.6;color:var(--text);opacity:.82;font-size:.95rem;flex:1}
.blog-card .more-link{margin-top:auto;color:var(--coral);font-size:.88rem;border-bottom:1.5px solid currentColor;align-self:flex-start;padding-bottom:2px}
.blog-card .more-link:hover{opacity:.7}
.blog-header-eyebrow{text-align:center;font-family:"BazarMedium",Georgia,serif;text-transform:uppercase;letter-spacing:.18em;font-size:.85rem;color:var(--coral);margin-bottom:1rem}
.article-header-meta{text-align:center;font-family:"BazarMedium",Georgia,serif;text-transform:uppercase;letter-spacing:.16em;font-size:.85rem;color:var(--coral);margin:0 0 .9rem}
.article-header-meta .sep{display:inline-block;margin:0 .55rem;opacity:.5;color:var(--dark)}
.article-toc{max-width:720px;margin:2.5rem auto 0;padding:1.2rem 1.5rem;background:rgba(255,255,255,.65);border-left:3px solid var(--coral);border-radius:0 10px 10px 0;font-size:.94rem}
.article-toc-title{font-family:"BazarMedium",Georgia,serif;text-transform:uppercase;letter-spacing:.1em;font-size:.78rem;color:var(--coral);margin:0 0 .6rem;font-weight:700}
.article-toc ol{margin:0;padding-left:1.4rem;line-height:1.85;color:var(--text)}
.article-toc li{padding-left:.3rem}
.article-toc a{color:var(--text);text-decoration:none;border-bottom:1px dotted rgba(56,58,60,.35);transition:color .15s ease,border-color .15s ease}
.article-toc a:hover{color:var(--coral);border-bottom-color:var(--coral)}
.reading-progress{position:fixed;top:0;left:0;height:3px;background:var(--coral);width:0;z-index:9998;transition:width .12s ease-out;box-shadow:0 0 8px rgba(230,137,102,.5);pointer-events:none}
.article{max-width:720px;margin:2.5rem auto 0;text-align:left;counter-reset:sec}
.article > p:first-of-type{font-size:1.12rem;line-height:1.75}
.article > p:first-of-type::first-letter{font-family:"BazarMedium",Georgia,serif;font-size:3.4rem;line-height:.85;float:left;padding:.18rem .55rem 0 0;color:var(--coral);font-weight:400}
.article h2{counter-increment:sec;text-align:left;text-shadow:none;font-size:1.55rem;margin:2.5rem 0 1rem;padding-bottom:.45rem;border-bottom:1px solid rgba(56,58,60,.15);scroll-margin-top:1rem;font-family:"BazarMedium",Georgia,serif;letter-spacing:.03em;text-transform:none;color:var(--text)}
.article h2::before{content:counter(sec,decimal-leading-zero) " · ";color:var(--coral);font-weight:400;letter-spacing:.05em;opacity:.85}
.section-coral .article h2,.section-turq .article h2,.section-turq-light .article h2,.section-dark .article h2{text-shadow:none}
.article p{margin:1rem 0;line-height:1.8;font-size:1.03rem}
.article a{text-decoration:underline;text-underline-offset:3px}
.article blockquote{margin:2.5rem 0;padding:1.4rem 1.7rem 1.4rem 3.2rem;border-left:3px solid var(--coral);background:rgba(230,137,102,.07);border-radius:0 12px 12px 0;font-family:"BazarMedium",Georgia,serif;font-size:1.25rem;line-height:1.5;color:var(--text);letter-spacing:.02em;position:relative}
.article blockquote::before{content:"„";position:absolute;left:1.2rem;top:.6rem;font-size:3rem;line-height:.5;color:var(--coral);opacity:.55}
.article blockquote p{margin:0;padding-top:.3rem}
.article-divider{text-align:center;font-family:"BazarMedium",Georgia,serif;font-size:1.15rem;color:var(--coral);letter-spacing:.5em;opacity:.5;margin:2.5rem 0}
.article-divider::before{content:"×××"}
.article-conclusion{background:rgba(255,255,255,.7);border-left:3px solid var(--coral);border-radius:0 10px 10px 0;padding:1.3rem 1.5rem;margin-top:2.5rem;font-size:1.03rem;line-height:1.75;color:var(--text)}
.article-hero-image{max-width:960px;margin:2rem auto 0;border-radius:14px;overflow:hidden;box-shadow:0 12px 30px rgba(0,0,0,.15)}
.article-hero-image img{display:block;width:100%;height:auto;max-height:560px;object-fit:cover;object-position:center 65%}
.article-figure{margin:2rem 0;border-radius:12px;overflow:hidden;box-shadow:0 6px 18px rgba(0,0,0,.1)}
.article-figure img{display:block;width:100%;height:auto}
.article-caption{background:rgba(255,255,255,.6);padding:.55rem 1rem;font-size:.78rem;color:var(--dark);opacity:.85;line-height:1.5}
.article-caption a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.article-footer{max-width:720px;margin:2.5rem auto 0;padding:1.1rem 1.4rem;background:rgba(255,255,255,.55);border-radius:12px;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;align-items:center;font-size:.85rem}
.article-byline{font-family:"BazarMedium",Georgia,serif;text-transform:uppercase;letter-spacing:.1em;color:var(--dark);opacity:.75}
.article-share{display:flex;gap:.5rem;flex-wrap:wrap}
.article-share a{background:var(--dark);color:var(--cream-light);padding:.45rem .9rem;border-radius:999px;font-family:"BazarMedium",Georgia,serif;text-transform:uppercase;letter-spacing:.05em;font-size:.72rem;transition:background .2s,transform .2s;text-decoration:none}
.article-share a:hover{background:var(--coral);transform:translateY(-1px)}
.article-related{max-width:720px;margin:3rem auto 0;padding-top:2rem;border-top:1px solid rgba(56,58,60,.15)}
.article-related-title{font-family:"BazarMedium",Georgia,serif;text-transform:uppercase;letter-spacing:.1em;font-size:.85rem;color:var(--coral);margin:0 0 1.1rem;font-weight:700}
.article-related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}
.article-related-card{background:#fff;border-radius:10px;padding:1rem 1.2rem;box-shadow:0 4px 12px rgba(0,0,0,.05);display:block;transition:transform .2s ease,box-shadow .2s ease;border-top:2px solid var(--coral)}
.article-related-card:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(0,0,0,.09)}
.article-related-card .rel-cat{display:block;font-family:"BazarMedium",Georgia,serif;font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;color:var(--coral);font-weight:700;margin-bottom:.35rem}
.article-related-card h4{margin:0;font-size:.98rem;line-height:1.45;color:var(--text);font-family:"Roboto Slab",Georgia,serif;font-weight:700;text-transform:none;letter-spacing:normal}
.regions-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.8rem;max-width:760px;margin:2rem auto 0}
.regions-list a{background:var(--dark);color:var(--cream-light);padding:.85rem 1rem;border-radius:12px;font-family:"BazarMedium",Georgia,serif;text-transform:uppercase;letter-spacing:.05em;font-size:.95rem;text-align:center;transition:transform .2s,background .2s}
.regions-list a:hover{transform:translateY(-2px);background:var(--coral)}
.region-cams-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin-top:2rem}
.region-cam-card{display:flex;flex-direction:column;gap:.4rem;background:rgba(255,255,255,.7);border-radius:12px;padding:1.1rem 1.3rem;color:var(--text);transition:transform .2s,box-shadow .2s}
.region-cam-card:hover{transform:translateY(-3px);box-shadow:0 12px 25px rgba(0,0,0,.15)}
.region-cam-card strong{font-family:"BazarMedium",Georgia,serif;text-transform:uppercase;letter-spacing:.04em;font-size:1rem;color:var(--text)}
.region-cam-card span{font-size:.85rem;line-height:1.5;opacity:.85}