:root{--tinte:#1c1916;--grau:#4f4943;--hell:#6c665e;--flaeche:#f5f4f1;--linie:#e6e1d8;--hilfe:#c7c7cf;--ok:#2f7a4f;--warn:#a15c07;--messing:#7f6035;--messing-hell:#c9a773;--mono:ui-monospace, "SF Mono", "Cascadia Mono", Menlo, Consolas, monospace;--rand:max(16px, env(safe-area-inset-left,0px));--rand-r:max(16px, env(safe-area-inset-right,0px));--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.neu{--sans:var(--font-instrument), system-ui, sans-serif;--serif:var(--font-newsreader), Georgia, serif;font-family:var(--sans);color:var(--tinte);-webkit-font-smoothing:antialiased;--background:#fdfcfa;--foreground:#1c1916;--card:#fff;--card-foreground:#1c1916;--muted:#f5f4f1;--muted-foreground:#4f4943;--border:#e6e1d8;--input:#928b80;--ring:#7f6035;--primary:#1c1916;--brass:#7f6035;--brass-text:#7f6035;--ok:#2f7a4f;--ok-soft:#eaf4ee;--streifen:#f5f4f1;background:#fdfcfa;line-height:1.5}@layer base{*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:calc(env(safe-area-inset-top,0px) + 52px)}html,body{color:var(--tinte);background:#fdfcfa}body{overflow-x:clip}img{max-width:100%;display:block}a{color:inherit}em{font-family:var(--serif);color:var(--messing);letter-spacing:-.01em;font-style:italic;font-weight:400}button,input,textarea,select{font:inherit;color:inherit}input:not([type=checkbox]):not([type=radio]),textarea{border:1px solid #928b80}.flaeche input,.flaeche textarea{background:#fff}::placeholder{color:var(--hell);opacity:1}:focus-visible{outline:2px solid var(--tinte);outline-offset:3px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}}.kopfleiste{top:env(safe-area-inset-top,0px);z-index:20;-webkit-backdrop-filter:saturate(190%)blur(24px);background:#fdfcfaeb;border-bottom:1px solid #0000000f;height:52px;position:sticky}.kopfleiste.dunkel{color:#f5f2ec;background:#000000c7;border-color:#ffffff14}body:before{content:"";height:env(safe-area-inset-top,0px);z-index:21;background:#fdfcfa;position:fixed;inset:0 0 auto}.kopfleiste .innen{max-width:1080px;height:100%;padding-left:var(--rand);padding-right:var(--rand-r);justify-content:space-between;align-items:center;gap:16px;margin:0 auto;font-size:13px;display:flex}.kopfleiste .marke{letter-spacing:-.03em;white-space:nowrap;align-items:center;gap:10px;font-size:17px;font-weight:600;text-decoration:none;display:flex}.kopfleiste .marke img{width:34px;height:34px}.kopfleiste.dunkel .marke img{filter:invert()}.kopfleiste .marke small{color:var(--grau);letter-spacing:0;margin-left:3px;font-size:12px;font-weight:500}.kopfleiste nav{color:#45403a;gap:28px;display:flex}.kopfleiste.dunkel nav{color:#d8d2c8}.kopfleiste nav a{text-decoration:none}.kopfleiste.dunkel nav a[aria-current]{color:#fff}.kopfleiste .knopf{background:var(--tinte);color:#fff;white-space:nowrap;border-radius:9px;padding:6px 14px;font-weight:500;text-decoration:none}.kopfleiste.dunkel .knopf{color:var(--tinte);background:#f5f2ec}@media (max-width:820px){.kopfleiste nav{display:none}}.fuss{background:var(--flaeche);padding:48px var(--rand-r) 56px var(--rand);color:var(--grau);font-size:13px}.fuss .innen{flex-wrap:wrap;justify-content:space-between;gap:12px;max-width:1080px;margin:0 auto;display:flex}.fuss a{text-underline-offset:3px;-webkit-text-decoration:underline #1c191647;text-decoration:underline #1c191647;transition:text-decoration-color .2s}.fuss a:hover{text-decoration-color:currentColor}.fuss-marke{align-items:center;gap:10px;display:inline-flex}.breite{max-width:1080px;padding-left:var(--rand);padding-right:var(--rand-r);margin:0 auto}.schmal{max-width:820px;padding-left:var(--rand);padding-right:var(--rand-r);margin:0 auto}.abschnitt{padding-top:clamp(110px,14vw,180px)}.abschnitt.flaeche{background:var(--flaeche);margin-top:clamp(110px,14vw,180px);padding-bottom:clamp(110px,14vw,170px)}.abschnitt.schwarz{color:#f5f2ec;background:#17140f;margin-top:clamp(110px,14vw,180px);padding-bottom:clamp(110px,14vw,170px)}.schwarz .lead{color:#a8a29a}.schwarz em,.schwarz-k em,.abschluss em{color:var(--messing-hell)!important}.schwarz .kopf,.schwarz-k .kopf{color:var(--messing-hell)}.mitte{text-align:center}.kopf{color:var(--messing);font-size:15px;font-weight:600}.titel1{letter-spacing:-.047em;text-wrap:balance;margin-top:16px;font-size:clamp(42px,7.6vw,88px);font-weight:600;line-height:1.02}.titel2{letter-spacing:-.042em;text-wrap:balance;margin-top:10px;font-size:clamp(34px,5vw,60px);font-weight:600;line-height:1.04}.titel3{letter-spacing:-.035em;text-wrap:balance;font-size:clamp(24px,3vw,32px);font-weight:600;line-height:1.12}.titel1 em,.titel2 em{font-size:1.04em}.lead{max-width:620px;color:var(--grau);margin-top:22px;font-size:clamp(17px,2.1vw,21px);line-height:1.5}.mitte .lead{margin-left:auto;margin-right:auto}.zwei{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(32px,6vw,88px);display:grid}.zwei>*{min-width:0}@media (max-width:860px){.zwei{grid-template-columns:minmax(0,1fr)}}.knopf-g{background:var(--tinte);color:#fff;cursor:pointer;border:0;border-radius:12px;padding:15px 26px;font-size:16px;font-weight:500;text-decoration:none;display:inline-block}.schwarz .knopf-g{color:var(--tinte);background:#f5f2ec}.pfeil{color:inherit;border-bottom:1px solid;padding-bottom:1px;font-weight:500;text-decoration:none}.pfeil:after{content:" ›"}.links-zeile{flex-wrap:wrap;justify-content:center;gap:14px 36px;margin-top:28px;font-size:17px;display:flex}.kacheln{grid-template-columns:repeat(6,minmax(0,1fr));gap:20px;margin-top:clamp(56px,8vw,90px);display:grid}.kachel{background:var(--flaeche);border-radius:28px;flex-direction:column;min-width:0;padding:clamp(28px,4vw,44px);display:flex}.kachel.w2{grid-column:span 2}.kachel.w3{grid-column:span 3}.kachel.w4{grid-column:span 4}.kachel.w6{grid-column:span 6}.kachel.schwarz-k{color:#f5f2ec;background:#17140f}.kachel.weiss{background:#fff}.kachel .klein{color:var(--grau);font-size:14px;font-weight:600}.kachel.schwarz-k .klein,.kachel.schwarz-k p{color:#a8a29a}.kachel h3{letter-spacing:-.033em;margin-top:10px;font-size:clamp(22px,2.4vw,28px);font-weight:600;line-height:1.14}.kachel p{color:var(--grau);margin-top:12px;font-size:16px;line-height:1.55}.kachel .unten{margin-top:auto;padding-top:24px}.flaeche .kachel{background:#fff}.flaeche .kachel.schwarz-k{background:#17140f}@media (max-width:860px){.kacheln{grid-template-columns:minmax(0,1fr)}.kachel.w2,.kachel.w3,.kachel.w4,.kachel.w6{grid-column:auto}}.haken-liste{gap:12px;font-size:15.5px;line-height:1.45;list-style:none;display:grid}.haken-liste li{grid-template-columns:20px minmax(0,1fr);gap:10px;display:grid}.haken-liste li:before{content:"";background:var(--tinte) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 6.3l2.3 2.2L9.5 3.8' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 12px no-repeat;border-radius:50%;width:16px;height:16px;margin-top:2px}.schwarz .haken-liste li:before,.schwarz-k .haken-liste li:before{background-color:#f5f2ec;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 6.3l2.3 2.2L9.5 3.8' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.haken-liste li.erbt{color:var(--hell);font-weight:600}.haken-liste li.erbt:before{background-color:var(--linie)}.bauen-liste li{transition:opacity .45s,transform .45s}.bewegt .bauen-liste li:not(.da){opacity:0;transform:translate(-8px)}.fenster{background:#fff;border-radius:16px;min-width:0;overflow:hidden;box-shadow:0 40px 100px -40px #0000004d,0 0 0 1px #0000000d}.fenster .leiste{border-bottom:1px solid var(--linie);align-items:center;gap:6px;height:38px;padding:0 14px;display:flex}.fenster .leiste i{background:#e2e2e6;border-radius:50%;width:10px;height:10px}.fenster .adresse{color:var(--grau);background:var(--flaeche);white-space:nowrap;text-overflow:ellipsis;border-radius:6px;max-width:70%;margin:0 auto;padding:3px 14px;font-size:12px;overflow:hidden}.fragen{max-width:820px;margin:clamp(56px,8vw,80px) auto 0}.fragen details{border-top:1px solid var(--linie)}.fragen details:last-child{border-bottom:1px solid var(--linie)}.fragen summary{cursor:pointer;letter-spacing:-.02em;justify-content:space-between;align-items:center;gap:24px;padding:26px 0;font-size:clamp(17px,2vw,20px);font-weight:600;list-style:none;display:flex}.fragen summary::-webkit-details-marker{display:none}.fragen summary:after{content:"";background:linear-gradient(currentColor,currentColor) 50%/100% 1.5px no-repeat,linear-gradient(currentColor,currentColor) 50%/1.5px 100% no-repeat;flex:none;width:14px;height:14px;transition:transform .3s}.fragen details[open] summary:after{transform:rotate(45deg)}.fragen details.schliesst summary:after{transform:none}.fragen details p{color:var(--grau);max-width:64ch;padding:0 40px 26px 0;font-size:16.5px;line-height:1.6}.abschluss{color:#f5f2ec;padding:clamp(110px, 14vw, 160px) var(--rand-r) clamp(110px, 14vw, 160px) var(--rand);text-align:center;background:#17140f;margin-top:clamp(110px,14vw,180px)}.abschluss em{color:var(--messing-hell)}.abschluss .knopf-g{color:var(--tinte);background:#f5f2ec;margin-top:48px}.erscheint{transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}.bewegt .erscheint:not(.da){opacity:0;transform:translateY(16px)}@media (prefers-reduced-motion:reduce){.erscheint,.bauen-liste li{opacity:1;transition:none;transform:none}}.messing{color:var(--messing)}.schwarz .messing,.schwarz-k .messing{color:var(--messing-hell)}.abschnitt.flaeche.leicht{background:0 0;margin-top:0;padding-bottom:clamp(60px,8vw,100px)}.leicht .kachel{background:var(--flaeche)}.leicht .kachel.weiss{box-shadow:inset 0 0 0 1px var(--linie);background:#fff}.leicht .kachel.schwarz-k{background:#17140f}.leicht .gut-liste li,.leicht .tarif:not(.empf){background:var(--flaeche)}.moment p{text-align:left;letter-spacing:-.05em;text-wrap:balance;max-width:15ch;margin:0;font-size:clamp(44px,9.6vw,120px);font-weight:600;line-height:1}.moment p em{font-size:1.04em}@supports (animation-timeline:scroll()){@media (min-width:821px) and (prefers-reduced-motion:no-preference){.kopfleiste{animation:linear both kopf-hg;animation-timeline:scroll(root);animation-range:0 48px}.kopfleiste .innen{animation:linear both kopf-hoehe;animation-timeline:scroll(root);animation-range:0 48px}.kopfleiste .marke{animation:linear both kopf-schrift;animation-timeline:scroll(root);animation-range:0 48px}.kopfleiste .marke img{animation:linear both kopf-logo;animation-timeline:scroll(root);animation-range:0 48px}.kopfleiste .innen{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);display:grid}.kopfleiste .innen>:first-child{justify-self:start}.kopfleiste .innen>:last-child{justify-self:end}@keyframes kopf-hg{0%{-webkit-backdrop-filter:none;backdrop-filter:none;background-color:#0000;border-bottom-color:#0000}}@keyframes kopf-hoehe{0%{height:88px}}@keyframes kopf-schrift{0%{font-size:21px}}@keyframes kopf-logo{0%{width:48px;height:48px}}}}.kopfleiste nav{color:#2a2622;gap:2px;font-size:14.5px;font-weight:500;position:relative}.kopfleiste nav a{padding:8px 15px;transition:color .25s;position:relative}.kopfleiste nav a[aria-current]{color:var(--tinte);font-weight:500}.kopfleiste nav [aria-current]:after{content:"";background:currentColor;width:5px;height:5px;margin-left:-2.5px;position:absolute;bottom:4px;left:50%}.kopfleiste nav .dr3{white-space:nowrap;display:block}@keyframes verschwimmen{0%{filter:blur();opacity:1}45%{filter:blur(4px);opacity:.45}to{filter:blur();opacity:1}}.kopfleiste nav a:hover .dr3,.kopfleiste nav a:focus-visible .dr3{animation:.6s ease-in-out verschwimmen}.kopfleiste .knopf{padding:8px 16px;font-size:14px;transition:background .25s,transform .25s}.kopfleiste .knopf:hover{background:#3b3630;transform:translateY(-1px)}.kopfleiste.dunkel .knopf:hover{background:#fff}@media (prefers-reduced-motion:reduce){.kopfleiste nav a:hover .dr3{animation:none}.kopfleiste .knopf{transition:none}.kopfleiste .knopf:hover{transform:none}}.kopfleiste .rechts{align-items:center;gap:10px;display:flex}.kopfleiste .handy-menue{display:none}@media (max-width:820px){.kopfleiste .handy-menue,.kopfleiste .handy-menue>.md\:hidden{display:block}.kopfleiste .marke small{display:none}}@media (max-width:380px){.kopfleiste .rechts .knopf{display:none}}.fuss-links{flex-wrap:wrap;gap:6px 18px;display:flex}.fuss-links a:hover{color:var(--tinte)}.textseite{padding-block:clamp(70px,10vw,120px) clamp(110px,14vw,160px)}.textseite .titel2{max-width:20ch}.textseite-inhalt{color:var(--grau);flex-direction:column;gap:18px;margin-top:32px;font-size:17px;line-height:1.65;display:flex}.textseite-inhalt h2{letter-spacing:-.02em;color:var(--tinte);margin-top:18px;font-size:22px;font-weight:600}.textseite-inhalt a{color:var(--tinte)}.neu main a:not([class]){text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px}.neu main a:not([class]):hover{text-decoration-thickness:2px}.neu main :is(.toc,.wege-404,.sprung) a:not([class]){text-decoration:none}.nach-oben{right:max(20px, env(safe-area-inset-right,0px));bottom:max(20px, env(safe-area-inset-bottom,0px));z-index:19;color:#fff;-webkit-backdrop-filter:blur(12px);opacity:0;visibility:hidden;background:#1c1916e6;border-radius:50%;place-items:center;width:48px;height:48px;transition:opacity .6s,transform .6s cubic-bezier(.2,.7,.2,1),visibility 0s .6s,background .2s;display:grid;position:fixed;transform:translateY(8px);box-shadow:0 0 0 1px #ffffff29,0 10px 28px -8px #00000073}.nach-oben.an{opacity:1;visibility:visible;transition:opacity .6s,transform .6s cubic-bezier(.2,.7,.2,1),visibility,background .2s;transform:none}.nach-oben:hover{background:#3b3630}.nach-oben svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}@media (prefers-reduced-motion:reduce){.nach-oben,.nach-oben.an{transition:none;transform:none}}[data-woerter] span{opacity:.18;transition:opacity .35s}[data-woerter] span.da{opacity:1}@media (prefers-reduced-motion:reduce){[data-woerter] span{opacity:1;transition:none}}@media (max-width:860px){.abschnitt{padding-top:clamp(88px,22vw,112px)}.abschnitt.flaeche,.abschnitt.schwarz,.abschluss{margin-top:clamp(88px,22vw,112px)}.abschnitt.flaeche,.abschnitt.schwarz{padding-bottom:clamp(88px,22vw,112px)}.abschnitt>.breite>.kopf,.abschnitt>.breite>:is(h2,.titel2),.abschnitt>.breite>.lead,.zwei>div>.kopf,.zwei>div>:is(h1,h2,.titel1,.titel2),.zwei>div>.lead{text-align:center;margin-left:auto;margin-right:auto}.zwei>div>:is(.punkte-zeile,.haken-zeile){text-align:center;justify-content:center}.zwei>div>:has(>.knopf-g){text-align:center;justify-content:center}.links-zeile{justify-content:center}}
