*{box-sizing:border-box}body{margin:0;background:#faf9f5;color:#233d30;font:16px/1.65 system-ui,sans-serif}a{color:#335d43;text-underline-offset:4px}button,input,select{font:inherit}button,a,input,select,summary{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #7959b5;outline-offset:4px}.wrap{width:min(1120px,calc(100% - 36px));margin:auto}header{padding:23px 0;border-bottom:1px solid #dde3d8}header .wrap{display:flex;justify-content:space-between;gap:20px;align-items:center}.brand{font-size:23px;font-weight:750;text-decoration:none}nav{display:flex;gap:20px;font-size:14px;flex-wrap:wrap}.badge{font-size:12px;background:#eee9f6;color:#604c80;padding:5px 10px;border-radius:20px;display:inline-block}.hero{padding:65px 0 40px;background:#edf1e7}h1{font-size:clamp(32px,4vw,50px);line-height:1.15;letter-spacing:-.035em;margin:15px 0}h2{font-size:27px;line-height:1.25}h3{font-size:19px;line-height:1.35}p{color:#56665c}.search{background:white;border:1px solid #b7c5b4;padding:16px;border-radius:9px;display:flex;gap:10px;max-width:780px;margin:24px 0 10px}.search input{width:100%;min-width:0;border:0;outline-offset:10px;background:transparent;color:#233d30}.search button{border:0;background:#eee9f6;border-radius:5px;padding:3px 12px}.section{padding:35px 0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{border:1px solid #dce3d7;border-radius:13px;background:white;padding:25px;text-align:left;color:inherit;text-decoration:none}.card h3{margin:8px 0}.card p{font-size:14px;margin-bottom:0}.card:hover{border-color:#76916b}.controls{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin:18px 0}.controls select{padding:10px;max-width:100%;border:1px solid #bac7b5;border-radius:7px;background:#fff}.results{list-style:none;padding:0}.results li{padding:18px 0;border-bottom:1px solid #dce3d7}.results a{font-weight:650}.muted,small{color:#657167;font-size:13px}.callout{padding:22px 26px;border-left:4px solid #8066ab;background:#eeeaf5;border-radius:0 10px 10px 0}.button{display:inline-block;background:#345c42;color:white;padding:12px 20px;border-radius:7px;text-decoration:none;font-weight:600}.footer{border-top:1px solid #dce3d7;margin-top:35px;padding:25px 0;font-size:13px}.article{max-width:790px;margin:45px auto}.article h2{margin-top:38px}.article li{margin-bottom:15px}.article img{width:100%;height:auto;border:1px solid #dce3d7;border-radius:10px}.article figure{margin:25px 0}.example{border:1px solid #cad7c2;background:#fff;border-radius:12px;padding:24px}.field{border:1px solid #c7d2c2;border-radius:6px;padding:8px 13px;display:block;background:#f7f9f4;margin:8px 0 18px}.scroll{overflow:auto}table{border-collapse:collapse;width:100%;font-size:14px}td,th{padding:13px;text-align:left;border-bottom:1px solid #dce3d7;vertical-align:top}code{overflow-wrap:anywhere;font-size:12px}.skip{position:absolute;top:-100px}.skip:focus{top:0;background:white;padding:15px;z-index:4}@media(max-width:760px){.grid{grid-template-columns:1fr}.hero{padding-top:35px}header .wrap{align-items:flex-start;flex-direction:column}.article{margin:28px auto}.card{padding:20px}.search{padding:12px}h2{font-size:24px}}
.topic{display:flex;flex-direction:column;gap:6px}.topic small{margin-top:auto}.article-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:48px;margin:35px auto}.article-layout .article{margin:0;max-width:790px}.aside{font-size:14px}.aside a{display:block;margin-bottom:15px}.aside nav{display:block;position:sticky;top:22px}.article h1{font-size:clamp(29px,3.4vw,43px)}.article ol{padding-left:26px}.article ol li{padding-left:8px;margin:0 0 22px}.flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:28px 0}.flow div{border:1px solid #cdd8c6;border-radius:10px;padding:16px;background:white;overflow-wrap:anywhere}.flow strong{display:block;font-size:15px}.flow span{font-size:13px;color:#57685b}.related{display:grid;gap:13px}.search button{min-width:44px;min-height:44px}.faq-link{min-height:44px;display:inline-flex;align-items:center}.article h2{scroll-margin-top:22px}.print-only{display:none}@media(max-width:760px){.article-layout{display:block}.aside{margin-bottom:25px}.aside nav{position:static;display:flex;flex-wrap:wrap;gap:6px 16px}.aside a{margin:0}.flow{grid-template-columns:1fr}.controls{align-items:stretch;flex-direction:column}.controls select{width:100%}.article-layout .article{margin:0}}@media print{header,.aside,.footer,.skip{display:none}body{background:white}.article-layout{display:block}.article{max-width:none}.article details{display:block}a{color:inherit}.callout{break-inside:avoid}}

#live-search{max-width:780px}#live-search .section{padding:12px 0 0}#live-search .results{background:#fff;border:1px solid #dce3d7;border-radius:10px;padding:0 20px}#live-search .results li:last-child{border-bottom:0}

.help-visual figcaption{font-size:13px;color:#58685d;margin-top:10px}.help-visual>a{display:block}.help-visual img{background:#f0f3e9}

.brand{display:flex;align-items:center;gap:16px;font-size:20px}.brand img{width:90px;height:60px;object-fit:contain}.help-intro{display:grid;grid-template-columns:1.5fr 1fr;gap:45px;align-items:center;margin:15px 0 24px}.help-mood{display:block;width:100%;height:auto;object-fit:contain;border-radius:18px}.help-intro h1{margin-top:0}@media(max-width:760px){.help-intro{grid-template-columns:1fr;gap:14px}.help-mood{height:auto}.brand{font-size:18px}.brand img{width:75px;height:50px}}

.help-intro{align-items:start;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);margin-top:24px}.help-intro>div{min-width:0}.help-intro .search{margin-top:12px}.help-intro>div>p{margin-bottom:24px}@media(max-width:760px){.help-intro{grid-template-columns:minmax(0,1fr)}}

/* Long German feature names must remain readable on narrow screens. */
h1,h2,h3,.results a,.related a,summary{overflow-wrap:anywhere;hyphens:auto}
.article{min-width:0}
/* One rounded focus indicator for the complete search control. */
.search:focus-within{border-color:#7959b5;box-shadow:0 0 0 3px rgb(121 89 181 / 18%)}
.search input:focus{outline:none;box-shadow:none}
.search button:focus-visible{outline:2px solid #7959b5;outline-offset:2px}
@media(forced-colors:active){.search:focus-within{outline:2px solid Highlight;outline-offset:2px}}