:root{color-scheme:light;--ink:#182c29;--deep:#112923;--deep2:#15372d;--green:#60b58c;--mint:#dbf0e3;--sub:#55655f;--bg:#f5f8f6;--line:#e2eae4;--white:#fff;--shadow:0 16px 45px rgba(16,54,38,.07);--font:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;--serif:Georgia,"Times New Roman",serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);font-family:var(--font);color:var(--ink);line-height:1.55;-webkit-font-smoothing:antialiased}img{max-width:100%}a{color:inherit}button,input{font:inherit}button{cursor:pointer}:focus-visible{outline:3px solid #53a57e;outline-offset:3px}.skip-link{position:absolute;left:10px;top:-80px;padding:10px 16px;background:#fff;z-index:100}.skip-link:focus{top:12px}
.topbar{position:sticky;top:0;z-index:15;background:rgba(255,255,255,.95);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.topbar-inner{max-width:1210px;margin:0 auto;min-height:72px;padding:12px 26px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:inline-flex;align-items:center;gap:11px;text-decoration:none;font-weight:760;letter-spacing:-.035em;font-size:1.29rem;color:var(--deep)}.brand-symbol{height:35px;width:35px;display:grid;place-items:center;background:var(--deep);color:#cae8cc;border-radius:11px;font-weight:750;font-size:1rem;letter-spacing:-.07em}.nav-right{display:flex;gap:20px;align-items:center;font-size:.9rem;font-weight:590}.nav-right a{text-decoration:none}.nav-right a:hover{color:#337454}.nav-right .primary-link{background:var(--deep);border-radius:100px;padding:10px 18px;color:white}.nav-right .primary-link:hover{color:white;background:#275746}
.container{max-width:1210px;margin:0 auto;padding:0 26px}.eyebrow{text-transform:uppercase;letter-spacing:.17em;font-size:.72rem;font-weight:760}.hero{margin-top:30px;background:linear-gradient(118deg,#102620 10%,#224635 100%);color:white;border-radius:25px;position:relative;overflow:hidden}.hero:after{content:'';position:absolute;right:-140px;top:-220px;width:550px;height:550px;border:1px solid rgba(229,251,232,.18);border-radius:50%;box-shadow:0 0 0 92px rgba(229,251,232,.025),0 0 0 205px rgba(229,251,232,.022);pointer-events:none}.hero-content{max-width:825px;padding:75px 70px 80px;position:relative;z-index:1}.hero .eyebrow{color:#a9d9b8}.hero h1{font:400 clamp(2.55rem,5.2vw,4.5rem)/1.12 var(--serif);letter-spacing:-.045em;margin:17px 0}.hero h1 em{font-weight:400;color:#b8dfbb}.hero p.hero-sub{font-size:1.05rem;color:#d2e1d8;max-width:56ch;margin:0 0 29px}.search-form{position:relative;max-width:740px}.search-form input{width:100%;height:66px;border:1px solid #d6e4d8;border-radius:13px;background:#fff;color:var(--deep);outline:none;padding:0 65px 0 54px;font-size:1.06rem;box-shadow:0 14px 30px rgba(4,20,13,.15)}.search-form input:focus{box-shadow:0 0 0 4px rgba(125,215,166,.24),0 14px 30px rgba(4,20,13,.15)}.search-form .icon-search{position:absolute;left:20px;top:21px;color:#517363}.search-form .shortcut{position:absolute;right:17px;top:22px;color:#728078;background:#f2f6f3;border:1px solid #e2e8e2;border-radius:6px;padding:1px 8px;font-size:.77rem}.hero-chips{display:flex;gap:9px;flex-wrap:wrap;align-items:center;margin-top:18px;font-size:.86rem;color:#c9dfd1}.hero-chips button{border:1px solid rgba(224,251,229,.35);background:rgba(255,255,255,.06);color:#e7f5e9;border-radius:20px;padding:6px 13px}.hero-chips button:hover{background:rgba(255,255,255,.14)}
.heading-row{margin:48px 0 20px;display:flex;align-items:end;justify-content:space-between;gap:20px}.heading-row h2{font:400 clamp(1.7rem,3vw,2.2rem)/1.2 var(--serif);margin:6px 0 0;letter-spacing:-.035em}.heading-row .eyebrow{color:#49765d}.result-meta{font-size:.87rem;color:var(--sub);text-align:right}.category-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.filter{background:white;border:1px solid var(--line);border-radius:999px;padding:9px 16px;color:var(--sub);font-size:.85rem;font-weight:570}.filter:hover{border-color:#a1c9b1}.filter[aria-pressed=true]{background:#174334;border-color:#174334;color:white}.result-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.result-card{background:var(--white);border:1px solid #e4ebe6;border-radius:17px;padding:26px 25px 22px;text-decoration:none;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;min-height:231px;flex-direction:column}.result-card:hover{border-color:#a2c4ad;box-shadow:var(--shadow);transform:translateY(-2px)}.card-badge{font-size:.7rem;color:#437657;text-transform:uppercase;letter-spacing:.1em;font-weight:770}.result-card h3{font:400 1.48rem/1.2 var(--serif);margin:13px 0 8px;letter-spacing:-.025em}.result-card p{font-size:.89rem;line-height:1.58;color:var(--sub);margin:0 0 22px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-bottom{display:flex;align-items:center;justify-content:space-between;color:#286e4b;font-size:.86rem;font-weight:680;margin-top:auto}.card-bottom svg{transition:transform .2s}.result-card:hover svg{transform:translateX(3px)}.empty-state{border:1px dashed #adc7b5;border-radius:18px;background:white;padding:40px;text-align:center;margin:20px 0 60px}.empty-state h3{margin:0 0 8px;font:400 1.7rem var(--serif)}.empty-state p{color:var(--sub)}.empty-state button{border:0;background:var(--deep);padding:11px 20px;border-radius:24px;color:white}
.site-footer{margin-top:80px;border-top:1px solid var(--line);padding:29px 0 44px;color:var(--sub);font-size:.84rem}.footer-inner{display:flex;justify-content:space-between;gap:20px;align-items:center}.footer-inner a{color:#285c43;text-decoration:none}.footer-links{display:flex;gap:20px}.small-note{font-size:.82rem;color:#68766f}
.article-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:48px;padding-top:34px;align-items:start}.topic-sidebar{position:sticky;top:94px;max-height:calc(100vh - 110px);overflow:auto;padding:20px;background:white;border:1px solid var(--line);border-radius:17px}.topic-sidebar .sidebar-title{display:block;text-transform:uppercase;font-size:.66rem;letter-spacing:.15em;color:#7d8e80;font-weight:760;margin:13px 11px 8px}.topic-sidebar a{display:block;color:#516259;text-decoration:none;padding:8px 11px;font-size:.86rem;border-radius:7px;line-height:1.35}.topic-sidebar a:hover{background:#f0f7f2;color:var(--deep)}.topic-sidebar a.active{background:var(--mint);color:#1b6845;font-weight:720}.article-content{min-width:0;background:white;border:1px solid var(--line);border-radius:20px;padding:50px 55px 58px}.breadcrumbs{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:.81rem;color:#748178}.breadcrumbs a{text-decoration:none;color:#447154}.article-content h1{font:400 clamp(2.7rem,4.6vw,4rem)/1.08 var(--serif);letter-spacing:-.052em;margin:24px 0 17px}.article-lede{font-size:1.09rem;color:#495f53;max-width:67ch;margin:0 0 30px}.rule{height:1px;background:var(--line);margin:32px 0}.article-content h2{font:400 1.72rem/1.22 var(--serif);letter-spacing:-.035em;margin:36px 0 15px}.article-content ul.features{list-style:none;padding:0;margin:0;display:grid;gap:11px}.article-content ul.features li{padding:0 0 0 24px;position:relative;line-height:1.65}.article-content ul.features li:before{content:'✓';color:#299367;font-weight:760;position:absolute;left:0;top:0}.steps{list-style:none;padding:0;counter-reset:n;display:grid;gap:13px}.steps li{display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;align-items:start;counter-increment:n}.steps li:before{content:counter(n);display:grid;place-items:center;background:#ebf5ed;color:#1c7046;width:32px;height:32px;border-radius:10px;font-weight:700;font-size:.84rem}.article-content b{font-weight:700}.article-content code{font-size:.9em;background:#eef5ef;border-radius:5px;padding:2px 5px;color:#285e41;overflow-wrap:anywhere}.tip{margin:27px 0;background:#eaf6ee;border:1px solid #d5e8d9;border-radius:12px;padding:19px 22px;color:#2e5f43}.tip.warn{background:#fff7e7;border-color:#f1e2bb;color:#77581f}.tip strong{display:block;font-size:.77rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:7px}.gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.gallery figure{margin:0}.gallery button{display:block;padding:0;width:100%;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#f0f1ef;aspect-ratio:4/3;cursor:zoom-in}.gallery button:hover{border-color:#8ebaa0}.gallery img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}.gallery figcaption{font-size:.8rem;color:#63766b;line-height:1.5;padding:8px 2px}.article-table{overflow:auto;border:1px solid var(--line);border-radius:10px}.article-table table{border-collapse:collapse;min-width:500px;width:100%;font-size:.88rem}.article-table th,.article-table td{border-bottom:1px solid var(--line);padding:11px;text-align:left;vertical-align:top}.article-table th{background:#f2f7f3}.next-topics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.next-topics a{text-decoration:none;border:1px solid var(--line);border-radius:10px;padding:14px}.next-topics a:hover{background:#eff7f0}.next-topics small{display:block;color:#6f8b77;font-size:.73rem}.article-dialog{border:0;border-radius:15px;max-width:min(1100px,95vw);max-height:93vh;padding:14px;background:#fff;box-shadow:0 18px 80px rgba(0,0,0,.35)}.article-dialog::backdrop{background:rgba(10,22,16,.85)}.article-dialog img{display:block;max-height:77vh;max-width:100%;margin:auto;object-fit:contain}.dialog-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 0 11px}.dialog-header span{font-size:.87rem}.dialog-header button{border:0;background:#ebf1ec;border-radius:50%;width:34px;height:34px;font-size:20px;line-height:1}
@media(max-width:900px){.hero-content{padding:52px 38px}.result-grid{grid-template-columns:repeat(2,1fr)}.article-layout{grid-template-columns:1fr;gap:20px}.topic-sidebar{position:static;max-height:none}.topic-sidebar details:not([open]) .topic-links{display:none}.topic-sidebar .topic-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.article-content{padding:36px 34px}}@media(max-width:600px){.container{padding:0 16px}.topbar-inner{padding:10px 16px}.brand{font-size:1.13rem}.nav-right{gap:12px;font-size:.79rem}.nav-right a:not(.primary-link){display:none}.nav-right .primary-link{padding:9px 13px}.hero{margin-top:14px;border-radius:18px}.hero-content{padding:42px 23px}.hero h1{font-size:2.7rem}.hero p.hero-sub{font-size:.94rem}.search-form input{height:58px;font-size:1rem;padding-right:18px}.search-form .icon-search{top:17px}.search-form .shortcut{display:none}.heading-row{align-items:start}.heading-row h2{font-size:1.9rem}.result-meta{display:none}.result-grid{grid-template-columns:1fr}.result-card{min-height:190px;padding:21px}.category-filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px}.filter{white-space:nowrap}.footer-inner{flex-direction:column;align-items:start}.article-content{padding:27px 22px}.article-content h1{font-size:2.6rem}.topic-sidebar{padding:12px}.topic-sidebar .topic-links{grid-template-columns:1fr}.gallery{grid-template-columns:1fr}.next-topics{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.result-card,.card-bottom svg{transition:none}}

/* Original-Markenlogo: die Datei wird erst nach SHA-geprüftem Abgleich
   mit dem Live-Homepage-Logo eingesetzt. Der Text dient als Fallback. */
.brand-logo{height:42px;width:auto;max-width:185px;object-fit:contain;display:none}
.brand-wordmark{white-space:nowrap}
html.brand-logo-ready .brand-logo{display:block}
html.brand-logo-ready .brand-wordmark{display:none}
@media(max-width:600px){.brand-logo{height:34px;max-width:135px}}

/* Ergänzende Anleitungen: responsive 16:9-Videos, kein Autoplay. */
.help-video-section{margin:28px 0 32px}
.help-video-section[hidden]{display:none!important}
.help-video-intro{color:var(--sub);margin:0 0 14px}
.help-video-frame{margin:0;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#f0f4f0}
.help-video-player{width:100%;background:var(--deep)}
.help-video-player video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:var(--deep)}
.help-video-frame figcaption{padding:11px 15px;font-size:.85rem;color:var(--sub);background:var(--white)}
@media(max-width:600px){.help-video-frame{border-radius:10px}}

/* Three independently hosted knowledge bases; active category remains the photo handbook. */
.kb-switch{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:26px 0 18px;padding:15px 18px;background:#fff;border:1px solid var(--line);border-radius:16px}
.kb-switch-label{margin-right:10px;font-size:.8rem;color:var(--sub);font-weight:700}
.kb-switch a{font-size:.87rem;font-weight:700;text-decoration:none;border:1px solid #d7e6da;border-radius:999px;padding:8px 13px;color:#244c37}
.kb-switch a[aria-current=page]{background:var(--deep);border-color:var(--deep);color:#fff}
.kb-switch a:hover:not([aria-current=page]){background:#e4f2e8}
.kb-switch a:focus-visible{outline:3px solid #53a57e;outline-offset:3px}
@media(max-width:640px){.kb-switch-label{width:100%}.kb-switch{margin-top:16px}}