:root{--ink:#1c3440;--inksoft:#49606a;--cream:#f9f7f3;--ivory:#fffdf9;--line:#d8d9d4;--copper:#a9795d;--muted:#607077;--serif:Georgia,'Times New Roman',serif;--sans:system-ui,-apple-system,'Segoe UI',sans-serif;--max:1400px}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body.kr-site{margin:0;color:var(--ink);background:var(--cream);font:16px/1.7 var(--sans)}img{max-width:100%;height:auto}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}.kr-wrap{width:min(calc(100% - 92px),var(--max));margin-inline:auto}.kr-skip{position:absolute;top:-100px;left:15px;z-index:1000;padding:8px 14px;background:#fff}.kr-skip:focus{top:10px}.kr-site :focus-visible{outline:2px solid #a9795d;outline-offset:4px}
/* HEADER */
.kr-site-header{position:relative;z-index:30;background:rgba(251,249,246,.98);box-shadow:0 1px 14px #1f394019}.kr-header-inner{max-width:1650px;width:calc(100% - 96px);margin:auto;min-height:96px;display:flex;gap:30px;align-items:center;justify-content:space-between}.kr-brand{min-width:max-content}.kr-brand>a{display:flex;flex-direction:column;line-height:1}.kr-brand-name{font:400 clamp(28px,2.6vw,42px)/1.05 var(--serif);letter-spacing:-.04em}.kr-brand-dot{color:var(--copper)}.kr-brand-line{font-size:9px;letter-spacing:.42em;margin-top:9px;font-weight:600;color:#4f636a}.kr-brand-line b{color:var(--copper)}.kr-header-links{display:flex;gap:clamp(14px,1.7vw,36px);align-items:center;justify-content:center;margin-left:auto}.kr-header-links a{white-space:nowrap;font:400 clamp(13px,1vw,15px)/1.2 var(--serif);border-bottom:1px solid transparent;padding:12px 0}.kr-header-links a:hover{border-color:var(--copper)}.kr-menu-button{min-width:88px;display:flex;gap:10px;align-items:center;justify-content:center;padding:10px 0;background:transparent;color:var(--ink);border:0}.kr-menu-word{font-size:12px;letter-spacing:.12em;text-transform:uppercase}.kr-menu-icon{display:grid;gap:5px}.kr-menu-icon span{display:block;width:23px;height:1.5px;background:currentColor;transition:transform .25s,opacity .25s}.kr-menu-active .kr-menu-icon span:first-child{transform:translateY(6.5px) rotate(45deg)}.kr-menu-active .kr-menu-icon span:nth-child(2){opacity:0}.kr-menu-active .kr-menu-icon span:last-child{transform:translateY(-6.5px) rotate(-45deg)}
/* Mega-menu with actual WordPress menu items */
.kr-nav-backdrop:not([hidden]){position:fixed;inset:96px 0 0;background:#10262b52;z-index:35}.kr-primary-nav{display:none;position:absolute;left:0;right:0;top:100%;z-index:40;margin:auto;width:min(100% - 72px,1600px);background:#f8f6f2;border:1px solid #e6e1d8;box-shadow:0 28px 48px #1b303744}.kr-primary-nav.kr-nav-open{display:block;animation:kr-menu-fade .3s ease-out both}.kr-menu-inner{display:grid;grid-template-columns:23% 39% 38%;min-height:490px;max-height:min(74vh,760px);overflow:hidden}.kr-menu-lead{padding:50px 29px 32px 45px;border-right:1px solid #e1dfda}.kr-eyebrow{font-size:10px;color:#58717b;letter-spacing:.24em;font-weight:600}.kr-menu-lead p{font:400 clamp(25px,2.8vw,40px)/1.22 var(--serif);margin:32px 0}.kr-menu-lead em{font-weight:400}.kr-menu-lead small{font-size:13px;line-height:1.7;display:block;color:#65777b}.kr-menu-list{padding:36px 31px 36px 37px;overflow:auto;overscroll-behavior:contain}.kr-nav-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}.kr-nav-list>li{border-bottom:1px solid #e4e2dc;position:relative;padding:0 24px 0 0}.kr-nav-list>li>a{display:block;padding:11px 0;font:400 18px/1.4 var(--serif);white-space:normal}.kr-nav-list a:hover{color:#9b684b}.kr-nav-list .sub-menu{list-style:none;padding:0 0 14px 16px;margin:0;display:none}.kr-nav-list .sub-menu li a{display:block;padding:5px 0;font-size:12px;line-height:1.4}.kr-submenu-toggle{position:absolute;top:12px;right:0;font-size:21px;line-height:1;background:transparent;border:0;color:#77888e;padding:0 2px}.kr-sub-open>.sub-menu{display:block!important}.kr-menu-picture{position:relative;background:#253946 url('../images/salz-rauch-menu.jpg') center/cover no-repeat;min-height:450px;opacity:0;animation:kr-picture-in .6s ease-out .12s both}.kr-menu-picture:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#f8f6f2 0%,#f8f6f22b 23%,transparent 60%),linear-gradient(0deg,#10242f88,transparent 35%)}.kr-menu-picture>span{position:absolute;bottom:33px;right:28px;font:400 13px var(--serif);letter-spacing:.22em;color:#fff;text-shadow:0 1px 7px #0008}.kr-menu-active{overflow:hidden}@keyframes kr-menu-fade{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes kr-picture-in{from{opacity:0;transform:translateX(17px)}to{opacity:1;transform:translateX(0)}}
/* HERO — own, cropped AI-generated coastal image (no giant meat). */
.kr-hero{height:min(660px,70vw);min-height:505px;position:relative;isolation:isolate;background:#a9b2b4;overflow:hidden}.kr-hero-image{position:absolute;inset:0;background:url('../images/kueste-sonnenuntergang.jpg') center/cover no-repeat;z-index:-2}.kr-hero-tint{position:absolute;inset:0;background:linear-gradient(90deg,#fbf8eeec 0%,#f5f0e7cd 30%,#e9ded65e 56%,transparent 80%);z-index:-1}.kr-hero-content{padding-top:clamp(85px,10vw,142px)}.kr-hero-kicker{font-size:11px;letter-spacing:.26em;font-weight:600;color:#415968;margin:0 0 19px}.kr-hero h1{font:400 clamp(59px,6.5vw,106px)/1.04 var(--serif);letter-spacing:-.055em;margin:0 0 23px;color:#1a3747}.kr-hero h1 em{font-style:normal;font-weight:400}.kr-hero-sub{font:400 17px/1.7 var(--sans);color:#254350;max-width:445px;margin:0 0 27px}.kr-button{display:inline-flex;align-items:center;gap:40px;padding:12px 24px;color:#fff;background:#213f4c;letter-spacing:.16em;text-transform:uppercase;font-size:11px;font-weight:600;min-height:52px;border:1px solid #213f4c}.kr-button:hover{background:#365a67}
/* Four editorial tiles */
.kr-tiles{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:-40px;z-index:3;margin-bottom:68px}.kr-tile{height:220px;position:relative;border-radius:5px;overflow:hidden;box-shadow:0 16px 24px #1a2c3129;background:#22343a;color:#fff}.kr-tile>img{width:100%;height:100%;object-fit:cover;transition:transform .4s;filter:saturate(.75)}.kr-tile:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0d1c24ed,transparent 73%)}.kr-tile:hover>img{transform:scale(1.05)}.kr-tile-icon{position:absolute;top:20px;left:24px;z-index:1;background:#f7f6f0;color:#294858;border-radius:50%;width:40px;height:40px;display:grid;place-items:center;font:26px var(--serif)}.kr-tile-content{position:absolute;bottom:21px;left:23px;right:39px;z-index:1}.kr-tile-content strong{display:block;font:400 22px/1.2 var(--serif)}.kr-tile-content small{display:block;color:#e9efef;line-height:1.45;font-size:12px;margin-top:5px}.kr-tile-arrow{position:absolute;right:18px;bottom:19px;z-index:1;font-size:22px}
/* Content and legacy content */
.kr-intro{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding-block:52px 102px}.kr-intro h2,.kr-section-head h2{font:400 clamp(38px,4.4vw,61px)/1.16 var(--serif);letter-spacing:-.035em;margin:19px 0}.kr-intro-text{max-width:530px;align-self:end;color:#596f76;font-size:16px}.kr-intro-text p{margin:0 0 17px}.kr-journal{padding-bottom:100px}.kr-section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:31px}.kr-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.kr-card{background:#fff;box-shadow:0 10px 20px #0d283018}.kr-card-media{display:block;aspect-ratio:1.6;overflow:hidden;background:#d7dbd5}.kr-card-media img{width:100%;height:100%;object-fit:cover}.kr-card-body{padding:22px}.kr-card h3{font:400 27px/1.18 var(--serif);margin:10px 0}.kr-card p{color:#596c70;font-size:13px}.kr-text-link{font-size:12px;border-bottom:1px solid var(--copper)}.kr-card-placeholder{display:grid;place-items:center;height:100%;background:#45636b;color:white;font:60px var(--serif)}.kr-existing-content{padding:0 0 55px}.kr-existing-content details{border-top:1px solid var(--line);padding:18px 0}.kr-existing-content summary{cursor:pointer;font-size:13px;color:#65777a}.kr-existing-inner{padding:30px 0;overflow:hidden}
.kr-site-footer{background:#152d37;color:#f9f8f3;padding:62px 0 23px}.kr-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:70px}.kr-footer-brand{font:400 33px var(--serif)}.kr-footer-brand span{color:var(--copper)}.kr-footer-grid p:not(.kr-footer-label){font-size:13px;color:#c4d0cf}.kr-footer-label{font-size:10px;letter-spacing:.23em;text-transform:uppercase;color:#e7b89e}.kr-footer-grid a{display:block;font-size:13px;padding:5px 0}.kr-footer-bottom{display:flex;justify-content:space-between;font-size:11px;color:#b7c5c5;border-top:1px solid #45606a;margin-top:45px;padding-top:19px}
/* Generic article, page, archive compatibility */
.kr-page-shell,.kr-article-shell,.kr-listing{padding-block:70px 110px}.kr-article-heading{text-align:center;max-width:940px;margin:0 auto 44px}.kr-article-heading h1{font:400 clamp(41px,5vw,72px)/1.14 var(--serif);letter-spacing:-.038em;margin:14px 0}.kr-title-rule{display:block;width:60px;border-bottom:1px solid var(--copper);margin:24px auto}.kr-article-meta{font-size:12px;color:var(--muted)}.kr-page-content,.kr-entry{max-width:920px;margin:auto;font-size:16px;overflow-wrap:anywhere;line-height:1.9}.kr-page-content h2,.kr-entry h2{font:400 39px/1.25 var(--serif)}.kr-page-content img,.kr-entry img{max-width:100%;height:auto}.kr-featured-image,.kr-page-visual{margin:0 auto 50px;max-width:1100px}.kr-featured-image img,.kr-page-visual img{max-height:640px;object-fit:cover}.kr-entry a,.kr-page-content a{text-decoration:underline;text-decoration-color:#b48c77}.kr-entry blockquote,.kr-page-content blockquote{font:italic 28px var(--serif);padding-left:22px;border-left:2px solid var(--copper)}.kr-article-end{text-align:center;padding:35px;border-top:1px solid var(--line);margin-top:50px}.kr-listing h1{font:400 56px var(--serif)}.kr-pagination .nav-links{display:flex;gap:12px;justify-content:center;padding:35px}.kr-pagination a,.kr-pagination span{padding:8px 12px;border:1px solid var(--line)}.kr-not-found{min-height:60vh;padding-top:140px}.kr-not-found h1{font:400 64px var(--serif)}
@media(max-width:1250px){.kr-header-links{display:none}.kr-menu-inner{grid-template-columns:28% 40% 32%}.kr-menu-lead{padding:30px 18px}.kr-menu-list{padding:25px}.kr-menu-inner{max-height:76vh}.kr-tiles{grid-template-columns:repeat(2,1fr)}}
@media(max-width:860px){.kr-header-inner{width:calc(100% - 42px);min-height:80px}.kr-nav-backdrop:not([hidden]){inset:80px 0 0}.kr-primary-nav{width:100%;border-inline:0}.kr-menu-inner{display:grid;grid-template-columns:1fr 35%;max-height:calc(100dvh - 80px)}.kr-menu-lead{display:none}.kr-menu-list{padding:20px 25px}.kr-menu-picture{min-height:420px}.kr-hero{min-height:500px}.kr-hero-content{padding-top:95px}.kr-hero h1{font-size:clamp(52px,8vw,73px)}.kr-hero-tint{background:linear-gradient(90deg,#faf8eddc 0%,#f5f0e5aa 59%,transparent)}.kr-tiles{margin-top:-25px}.kr-intro{padding-top:18px}}
@media(max-width:600px){.kr-wrap{width:calc(100% - 36px)}.kr-brand-name{font-size:28px}.kr-brand-line{font-size:7px}.kr-menu-word{display:none}.kr-menu-button{min-width:30px}.kr-menu-inner{grid-template-columns:1fr}.kr-menu-picture{display:none}.kr-nav-list>li>a{font-size:18px}.kr-primary-nav{max-height:calc(100dvh - 80px);overflow:auto}.kr-menu-list{overflow:visible}.kr-hero{height:auto;min-height:480px}.kr-hero-content{padding-top:78px;padding-bottom:85px}.kr-hero h1{font-size:clamp(47px,12vw,65px)}.kr-hero-sub{font-size:15px}.kr-tiles{grid-template-columns:1fr 1fr;gap:9px;margin-top:-25px;margin-bottom:45px}.kr-tile{height:175px}.kr-tile-icon{width:32px;height:32px;font-size:19px;top:10px;left:12px}.kr-tile-content{left:12px;right:12px;bottom:13px}.kr-tile-content strong{font-size:17px}.kr-tile-content small{font-size:10px}.kr-tile-arrow{display:none}.kr-intro{grid-template-columns:1fr;gap:15px;padding-bottom:60px}.kr-card-grid{grid-template-columns:1fr}.kr-section-head{align-items:start;flex-direction:column}.kr-footer-grid{grid-template-columns:1fr 1fr;gap:28px}.kr-footer-grid>div:first-child{grid-column:span 2}.kr-footer-bottom{gap:10px;flex-wrap:wrap}.kr-page-shell,.kr-article-shell{padding-block:50px 85px}.kr-page-content,.kr-entry{font-size:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

