:root{--bg:#f7f6f2;--text:#25352f;--muted:#5b6961;--line:#d7dbd4;--deep:#253e35;--accent:#5d7968;--max:1370px;--serif:Georgia,"Times New Roman",serif;--sans:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:94px}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}
:focus-visible{outline:2px solid #c58b55;outline-offset:4px}
.skip-link{position:absolute;top:-120px;left:14px;background:var(--deep);color:#fff;padding:12px;z-index:100}.skip-link:focus{top:14px}
.site-header{max-width:1700px;margin:auto;height:83px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,4.6vw,70px);background:var(--bg);position:relative;z-index:12;border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:13px;min-width:0}.brand-mark{font:normal 34px/1 var(--serif);border-right:1px solid #819087;padding-right:12px;letter-spacing:-.09em}.brand-mark span{font-style:italic;color:var(--accent)}.brand-name{font:normal 27px/.97 var(--serif);letter-spacing:-.05em}.brand-name em{font-weight:400;color:var(--accent)}.brand-name small{display:block;font:600 10px/1.2 var(--sans);letter-spacing:.07em;margin-top:7px;color:var(--muted)}
.nav{display:flex;align-items:center;gap:clamp(20px,2.2vw,39px);font-size:14px}.nav a:hover{color:var(--accent)}.nav-last{border:1px solid #899c8e;padding:12px 17px;display:flex;gap:20px;align-items:center}.menu-toggle{display:none}
.hero{display:grid;grid-template-columns:52% 48%;max-width:1700px;margin:auto;min-height:630px}.hero-copy{display:flex;flex-direction:column;justify-content:center;padding:76px clamp(26px,5vw,75px);gap:0;min-width:0}.overline,.chapter-no{display:block;font-size:13px;letter-spacing:.07em;font-weight:700;color:#536b5c}.hero h1{font:normal clamp(40px,4vw,58px)/1.16 var(--serif);letter-spacing:-.045em;max-width:740px;margin:28px 0 25px;text-wrap:balance}.hero h1 em,h2 em{font-style:italic;font-weight:400;color:var(--accent)}.hero-promise{font-size:19px;line-height:1.55;margin:0 0 18px}.hero-promise strong{font-weight:700}.hero-desc{font-size:17px;line-height:1.75;color:var(--muted);max-width:630px;margin:0 0 30px}.primary-link{background:var(--deep);color:#fff;display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:19px 21px;min-height:57px;width:fit-content;font-size:15px;font-weight:700;transition:background .2s}.primary-link:hover{background:#375649}.hero-image{position:relative;min-height:630px;background:#526c59;overflow:hidden}.hero-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%;position:absolute;inset:0;filter:saturate(.88)}.photo-caption{position:absolute;bottom:25px;left:26px;color:#fff;font:italic 19px var(--serif);z-index:1}.photo-caption span{font-style:normal;color:#d8c7aa}
.page-sections{max-width:var(--max);padding:0 clamp(22px,4vw,60px);margin:0 auto}.chapter{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:clamp(28px,4.2vw,66px);padding:43px 0 48px;border-top:1px solid var(--line);align-items:start}.chapter:first-child{border-top:0}.chapter-side{max-width:490px}.chapter h2{font:normal clamp(35px,3.15vw,43px)/1.22 var(--serif);letter-spacing:-.038em;margin:27px 0 0;text-wrap:balance}.chapter-lead{font-size:16px;line-height:1.76;color:var(--muted);margin:22px 0 0;max-width:440px}.chapter-main{min-width:0;padding-top:39px}.intro-copy p{font-size:18px;line-height:1.82;color:#475b4f;margin:0 0 19px}.intro-copy p:last-child{margin-bottom:0}.entry-list{padding-top:0}.entry{border-bottom:1px solid var(--line);display:grid;grid-template-columns:54px minmax(0,1fr);gap:16px;padding:25px 0 26px}.entry:first-child{border-top:1px solid var(--line)}.entry-number{font:italic 18px/1.4 var(--serif);color:#536b5c}.entry h3{font:normal 23px/1.3 var(--serif);letter-spacing:-.02em;margin:0 0 10px}.entry p{font-size:16px;line-height:1.75;color:var(--muted);margin:0;max-width:630px}
.chapter-contact{background:#e7eee7;margin:0 clamp(-60px,-4vw,-22px);padding:46px clamp(22px,4vw,60px) 52px;border-top:0}.contact-links{padding-top:5px;display:flex;flex-direction:column;gap:0}.contact-links a:not(.primary-link){padding:21px 0;display:flex;justify-content:space-between;gap:20px;font-size:16px;border-bottom:1px solid #bfcbc1}.contact-links .primary-link{width:100%;margin-bottom:15px}.contact-links a span{font-weight:400}
.footer{max-width:var(--max);margin:auto;padding:35px clamp(22px,4vw,60px) 23px}.footer-inner{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:45px}.footer-brand{font:normal 26px var(--serif)}.footer-brand small{display:block;font:normal 12px var(--sans);margin-top:9px;color:var(--muted)}.footer-inner p{margin:0;font-size:15px;line-height:1.75;color:var(--muted)}.footer-links{display:flex;flex-direction:column;gap:12px;align-items:flex-start;font-size:14px}.footer-links a:hover{text-decoration:underline}.footer-bottom{border-top:1px solid var(--line);margin-top:32px;padding-top:23px;color:var(--muted);font-size:13px}
@media(max-width:900px){.site-header{height:74px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;background:transparent;border:1px solid #87968c;width:45px;height:43px;padding:11px;cursor:pointer}.menu-toggle span{height:2px;width:100%;background:var(--text)}.nav{display:none;position:absolute;top:74px;left:0;right:0;background:var(--bg);border-bottom:1px solid var(--line);box-shadow:0 15px 20px #253e3514;padding:18px 22px 22px;flex-direction:column;align-items:stretch;gap:0}.nav.is-open{display:flex}.nav a{padding:14px 2px;font-size:16px;border-bottom:1px solid var(--line)}.nav-last{border:0;justify-content:space-between}.hero{grid-template-columns:1fr}.hero-copy{padding:55px 30px 58px}.hero h1{max-width:660px}.hero-image{min-height:360px;height:50vw;max-height:520px}.chapter{grid-template-columns:minmax(0,21fr) minmax(0,29fr);gap:27px}.chapter h2{font-size:clamp(31px,4.3vw,39px)}.footer-inner{gap:25px}}
@media(max-width:650px){.site-header{height:69px;padding:0 21px}.brand{gap:9px}.brand-mark{font-size:28px;padding-right:9px}.brand-name{font-size:23px}.brand-name small{font-size:9px}.nav{top:69px}.hero-copy{padding:43px 22px 47px}.overline,.chapter-no{font-size:12px;line-height:1.5;letter-spacing:.04em}.hero h1{font-size:clamp(32px,8.5vw,37px);line-height:1.18;margin:19px 0 22px}.hero-promise{font-size:17px}.hero-desc{font-size:16px;line-height:1.73;margin-bottom:26px}.primary-link{font-size:15px;padding:16px 18px;width:100%;gap:18px}.hero-image{height:76vw;min-height:280px;max-height:380px}.photo-caption{left:21px;bottom:21px;font-size:16px}.page-sections{padding:0 22px}.chapter{grid-template-columns:1fr;gap:17px;padding:30px 0 37px}.chapter h2{font-size:clamp(29px,7.6vw,34px);margin-top:15px}.chapter-lead{margin-top:14px;font-size:16px;line-height:1.68}.chapter-main{padding-top:0}.intro-copy p{font-size:16px;line-height:1.75}.entry{grid-template-columns:36px 1fr;gap:10px;padding:19px 0 21px}.entry-number{font-size:17px}.entry h3{font-size:21px;margin-bottom:7px}.entry p{font-size:16px;line-height:1.69}.chapter-contact{margin:0 -22px;padding:36px 22px 43px}.contact-links .primary-link{margin-bottom:10px}.contact-links a:not(.primary-link){font-size:16px}.footer{padding:33px 22px 25px}.footer-inner{grid-template-columns:1fr;gap:23px}.footer-bottom{margin-top:27px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}


:root{--paper:#f7f6f2;--green:#25352f;--muted:#506056;--border:#d2d9d1;--wash:#e7eee7;--accent:#486653;--serif:Georgia,"Times New Roman",serif}
.ratgeber{max-width:1280px;margin-inline:auto;padding-inline:clamp(22px,5vw,70px);color:var(--green)}
.ratgeber h1,.ratgeber h2,.ratgeber h3{font-family:var(--serif);font-weight:400;letter-spacing:-.033em}
.ratgeber h1{font-size:clamp(36px,4.4vw,58px);line-height:1.06;margin:12px 0 0;max-width:21ch;text-wrap:balance}
.ratgeber h2{font-size:clamp(27px,3vw,39px);line-height:1.16;margin:0;text-wrap:pretty}
.ratgeber h3{font-size:clamp(20px,2.2vw,26px);line-height:1.2;margin:0}
.ratgeber p{margin:0 0 1em}
.ratgeber p:last-child{margin-bottom:0}
.ratgeber .eyebrow{color:var(--accent);font-weight:700;font-size:12px;letter-spacing:.09em;line-height:1.4}
.ratgeber a:not(.topic-link,.entry-link):hover,.site-header .nav a[aria-current],.site-header .nav a[aria-current="location"]{text-decoration:underline;text-underline-offset:.23em}
.crumbs{margin:23px 0 22px;color:var(--muted);font-size:13px}
.crumbs ol{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;list-style:none;margin:0;padding:0}
.crumbs li{display:flex;align-items:center;gap:10px}
.crumbs li+li::before{content:"/";color:var(--accent);margin-right:0}
.crumbs a{display:inline-flex;align-items:center;min-height:28px}
.rat-hero{--inset:clamp(24px,4.5vw,58px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"title lead" "topics topics";align-items:start;background:var(--wash)}
.rat-hero-title{grid-area:title;padding:var(--inset)}
.rat-hero .lead{grid-area:lead;padding:var(--inset) var(--inset) var(--inset) clamp(10px,2vw,30px)}
.rat-hero .lead{font-size:clamp(16px,1.55vw,18px);line-height:1.65;color:var(--muted);max-width:60ch}
.rat-hero h1{max-width:20ch}
.topics{grid-area:topics;background:var(--paper);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid var(--border);margin:0}
.topic-link{display:flex;min-height:61px;align-items:center;justify-content:space-between;gap:10px;padding:12px clamp(12px,2.7vw,34px);font-size:14px;font-weight:700}
.topic-link+.topic-link{border-left:1px solid var(--border)}
.topic-link:hover,.entry-link:hover{background:#eaf0e9}
.topic-link span:last-child{color:var(--accent);font-size:13px;white-space:nowrap}
.rat-category{padding:clamp(26px,4.5vw,54px) 0;border-bottom:1px solid var(--border);scroll-margin-top:14px}
.category-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:clamp(12px,4vw,52px);margin-bottom:23px}
.category-head p,.rat-note p{font-size:16px;line-height:1.65;color:var(--muted)}
.rat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--border);border:1px solid var(--border);list-style:none;padding:0;margin:0}
.rat-grid:has(li:only-child){grid-template-columns:1fr}
.rat-grid li{min-width:0;background:var(--paper)}
.entry-link{display:flex;flex-direction:column;min-height:100%;padding:clamp(15px,2vw,25px);gap:9px}
.entry-link .entry-description{color:var(--muted);line-height:1.54;font-size:14px}
.entry-link .entry-arrow{margin-top:auto;color:var(--accent);flex:none}
.rat-note{margin:32px 0;background:var(--wash);padding:clamp(20px,3.6vw,42px)}
.rat-note h2{margin-bottom:13px}
.rat-note p{max-width:71ch}
.copy-cta{display:inline-flex;min-height:42px;align-items:center;gap:10px;color:var(--accent);font-weight:700;text-decoration:underline;text-underline-offset:.23em}
.reading-head{padding:clamp(22px,3.8vw,46px) 0 clamp(23px,3.2vw,40px);border-bottom:1px solid var(--border)}
.reading-head h1{max-width:23ch}
.reading-layout{display:grid;grid-template-columns:minmax(205px,.8fr) minmax(0,2.2fr);gap:clamp(30px,6vw,83px);align-items:start;padding-top:clamp(24px,3.5vw,42px)}
.reading-index{border-top:2px solid var(--accent);padding-top:14px;min-width:0}
.reading-index ol,.reading-mobile ol{margin:10px 0 0;padding:0;list-style:none}
.reading-index li+li,.reading-mobile li+li{border-top:1px solid var(--border)}
.reading-index a,.reading-mobile a{display:flex;align-items:center;min-height:40px;padding-block:7px;color:var(--muted);line-height:1.38;font-size:14px}
.reading-mobile{display:none}
.article-copy{max-width:71ch;font-size:clamp(16px,1.5vw,18px);line-height:1.67}
.article-copy .article-intro{font-size:clamp(17px,1.7vw,20px);line-height:1.62;color:var(--muted)}
.article-copy section{margin:30px 0 0;scroll-margin-top:16px}
.article-copy h2{font-size:clamp(24px,2.65vw,34px);margin-bottom:12px}
.article-copy .conclusion{background:var(--wash);border-left:2px solid var(--accent);padding:14px 17px}
.related{padding:clamp(24px,4vw,45px) 0;margin-top:clamp(24px,4vw,47px);border-block:1px solid var(--border)}
.related h2{margin-bottom:18px}
.reading-back{display:inline-flex;align-items:center;min-height:44px;margin:14px 0 20px;color:var(--accent);font-size:14px;font-weight:700}
@media(max-width:900px){
 .rat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .reading-layout{grid-template-columns:minmax(170px,.74fr) minmax(0,2.26fr);gap:32px}
}
@media(max-width:680px){
 .rat-hero,.category-head,.reading-layout{grid-template-columns:1fr}
 .rat-hero{grid-template-areas:"title" "topics" "lead"}
 .rat-hero .lead{padding:20px var(--inset) var(--inset)}
 .topics{border-top:1px solid var(--border)}
 .topic-link{padding-inline:8px;gap:4px;font-size:12px;min-height:52px}
 .topic-link span:last-child{font-size:11px}
 .reading-index{display:none}
 .reading-mobile{display:block;background:var(--wash);margin-top:17px;padding:0 14px}
 .reading-mobile summary{min-height:45px;padding-block:12px;cursor:pointer;color:var(--accent);font-weight:700;font-size:15px}
 .reading-mobile ol{padding-bottom:7px;margin-top:0}
 .reading-mobile a{min-height:44px}
 .reading-layout{display:block;padding-top:20px}
 .article-copy section{margin-top:25px}
 .crumbs{margin-block:13px 15px}
}
@media(max-width:480px){
 .rat-grid{grid-template-columns:1fr}
 .entry-link{gap:7px}
 .entry-link .entry-arrow{align-self:flex-end}
 .ratgeber h1{font-size:clamp(31px,8.25vw,39px)}
}