.anfang__bild{margin:0;width:100%;display:flex;justify-content:center}.lauf{display:block;height:clamp(180px,26vh,290px);width:auto;max-width:100%;aspect-ratio:868 / 342;overflow:visible}.lauf--schmal{display:none;aspect-ratio:340 / 256.5;height:auto;width:min(100%,340px)}.lauf text{font-family:var(--schrift);fill:var(--tinte)}.lauf__kopf{font-size:21px;font-weight:600}.lauf__kopf--klein{font-size:14px}.lauf__linie{fill:none;stroke:var(--schaubild-fluss);stroke-width:1.5;vector-effect:non-scaling-stroke}.lauf__kachel{fill:#fff;stroke:var(--linie);stroke-width:1;vector-effect:non-scaling-stroke}.lauf__zeichen{color:var(--tinte)}.lauf__mitte{fill:var(--karte);stroke:var(--linie);stroke-width:1;vector-effect:non-scaling-stroke}.lauf__mitte-zeichen{color:var(--gruen-dunkel)}.lauf .lauf__mitte-text{font-size:21px;font-weight:600}.lauf .lauf__mitte-text--klein{font-size:14px}@media(min-width:701px)and (max-height:880px){.lauf--breit :is(.lauf__kopf,.lauf__mitte-text){font-size:25px}.lauf--breit .ausweis__text{font-size:19px}}@media(min-width:701px)and (max-height:820px){.lauf--breit :is(.lauf__kopf,.lauf__mitte-text){font-size:27px}.lauf--breit .ausweis__text{font-size:21px}}.lauf__flaeche{fill:var(--karte);stroke:var(--linie);stroke-width:1;vector-effect:non-scaling-stroke}.lauf__haken{fill:var(--gruen-dunkel)}.ausweis__rahmen{fill:#fff;stroke:var(--linie);stroke-width:1;vector-effect:non-scaling-stroke}.ausweis--mensch .ausweis__band,.ausweis--mensch .ausweis__kreis{fill:var(--gruen-dunkel)}.ausweis--ki .ausweis__band,.ausweis--ki .ausweis__kreis{fill:var(--ki)}.ausweis__loch,.ausweis__ring{fill:#fff}.ausweis__text{font-size:17px;font-weight:600}.lauf--schmal .ausweis__text{font-size:22px;transform:translateY(1.5px)}.ausweis--mensch .ausweis__text{fill:var(--papier)}.ausweis__person{fill:none;stroke:var(--papier);stroke-width:1.8;stroke-linecap:round}.lauf--schmal .ausweis__person{stroke-width:2.2}.ausweis__strich{stroke:var(--schaubild-strich);stroke-width:5;stroke-linecap:round}.lauf__daten,.lauf__ki-fluss{fill:var(--schaubild-daten)}.lauf--ruhig :is(.lauf__daten,.lauf__ki-fluss){display:none}@media(prefers-reduced-motion:reduce){.lauf__daten,.lauf__ki-fluss{display:none}}@media(max-width:700px){.lauf--breit{display:none}.lauf--schmal{display:block}}.anfang{min-height:calc(100svh - var(--kopf));display:flex;flex-direction:column;align-items:center;gap:clamp(32px,6vh,72px);padding-block:clamp(32px,7vh,96px) clamp(24px,4vh,40px);text-align:center}.anfang__mitte{width:100%;margin-block:auto;display:flex;flex-direction:column;align-items:center;gap:clamp(40px,6.5vh,96px)}.anfang__text{max-width:760px}@media(min-width:901px){.anfang h1{font-size:64px}}@media(min-width:701px)and (max-height:960px){.anfang{gap:16px;padding-block:24px}.anfang__mitte{gap:48px}.anfang .unter{margin-top:18px}.anfang .knoepfe{margin-top:24px}.anfang .klein{margin-top:12px}.anfang .lauf--breit{height:clamp(180px,calc(73svh - 402px),264px)}}@media(min-width:701px)and (min-height:961px){.anfang h1{font-size:72px}.anfang .lauf--breit{height:clamp(255px,26svh,290px)}.anfang{padding-bottom:24px}}@media(min-width:701px)and (max-height:800px){.anfang h1{font-size:48px}.anfang__mitte{gap:36px}}.kunden{display:flex;align-items:center;gap:40px}.kunden p{font-size:15px;font-weight:500}.logos{display:flex;align-items:center;gap:var(--logo-abstand)}.logo{display:block;height:var(--logo-hoehe);background:var(--tinte);opacity:.6;-webkit-mask:var(--maske) center / contain no-repeat;mask:var(--maske) center / contain no-repeat}.logo--sms{--maske: url(/bilder/sms-models-kraeftig.svg);height:calc(var(--logo-hoehe) + 8px);aspect-ratio:1}.logo--gilde{--maske: url(/bilder/gilde-suedwest.svg);aspect-ratio:415 / 148}.logo--unterberg{--maske: url(/bilder/unterberg-baubeschlaege-maske.png);aspect-ratio:600 / 162}@media(max-width:900px){.anfang{min-height:0;padding-top:32px;gap:40px}.kunden{flex-direction:column;gap:16px}.logos{--logo-hoehe: 24px;gap:28px}}@media(max-width:700px){.anfang{min-height:calc(100svh - var(--kopf));padding-block:clamp(16px,2svh,32px) clamp(16px,2svh,24px);gap:clamp(16px,2.5svh,40px)}.anfang__mitte{gap:clamp(20px,3svh,48px)}.anfang .unter{margin-top:16px}.anfang .knoepfe{margin-top:24px}.anfang .klein{margin-top:12px}.kunden{gap:10px}}@media(max-width:370px)and (max-height:760px){.anfang .verweis{display:none}.anfang{padding-block:8px 12px}}.fluss{--fluss-luft: 48px;margin:var(--abstand-inhalt) 0 0;display:grid;align-items:center;row-gap:var(--fluss-luft)}@media(min-width:901px){.fluss{grid-template-columns:minmax(0,1fr) minmax(0,320px) minmax(72px,200px) minmax(0,320px) minmax(0,1fr)}.fluss>.fluss__spalte:first-child{grid-column:2}.fluss>.fluss__verbindung{grid-column:3}.fluss>.fluss__spalte:nth-of-type(2){grid-column:4}}.fluss__spalte{position:relative}.fluss__spalte:after{content:"";position:absolute;left:50%;top:100%;width:1px;height:var(--fluss-luft);background:var(--linie-stark)}.fluss__kopf{font-size:15px;font-weight:600;margin-bottom:14px}.marken{display:flex;flex-direction:column;gap:8px}.marken li{display:flex;align-items:center;gap:10px;height:44px;padding:0 18px;background:#fff;border:1px solid var(--linie);border-radius:999px;font-size:15px}.marken--team li:before,.fluss__legende span:before{content:"";width:10px;height:10px;border-radius:50%;background:var(--ki);flex:none}:is(.marken--team,.fluss__legende) .marke--mensch:before{background:var(--gruen-dunkel)}.fluss__kopfzeile{display:flex;align-items:baseline;gap:16px;margin-bottom:14px}.fluss__kopfzeile .fluss__kopf{margin-bottom:0}.fluss__legende{display:flex;gap:16px;font-size:13px;color:#15130e9e}.fluss__legende span{display:inline-flex;align-items:center;gap:6px}.fluss__verbindung{position:relative;height:1px;margin:30px 16px 0;background:var(--linie-stark)}.fluss__verbindung:before,.fluss__verbindung:after{content:"";position:absolute;top:-4px;width:8px;height:8px;border-top:1px solid var(--linie-stark)}.fluss__verbindung:before{left:-1px;border-left:1px solid var(--linie-stark);transform:rotate(-45deg)}.fluss__verbindung:after{right:-1px;border-right:1px solid var(--linie-stark);transform:rotate(45deg)}.fluss__wissen{grid-column:1 / -1;display:flex;flex-direction:column;justify-content:center;gap:8px;text-align:center;padding:32px 24px;background:var(--karte);border:1px solid var(--linie);border-radius:var(--ecke)}.fluss__wissen strong{font:400 28px/1.1 var(--schrift-titel);font-variation-settings:"opsz" 36}.fluss__wissen span{font-size:15px}@media(max-width:900px){.fluss{--fluss-luft: 40px;grid-template-columns:1fr;row-gap:0}.fluss__spalte:first-child:after{display:none}.fluss__verbindung{width:1px;height:40px;margin:12px auto}.fluss__verbindung:before{left:-4px;top:0;border-left:1px solid var(--linie-stark);border-right:0;transform:rotate(45deg)}.fluss__verbindung:after{inset:auto auto 0 -4px;border-top:0;border-left:0;border-right:1px solid var(--linie-stark);border-bottom:1px solid var(--linie-stark);transform:rotate(45deg)}.fluss__wissen{margin-top:var(--fluss-luft);padding:28px 20px}.fluss__kopf{text-align:center}.fluss__kopfzeile{flex-direction:column;align-items:center;gap:2px;margin-bottom:8px}.marken{flex-flow:row wrap;justify-content:center}.marken li{height:38px;padding:0 14px}}.gegenstaende{margin-top:var(--abstand-inhalt);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;text-align:center}.gegenstaende h3{margin:0;font:400 28px/1.2 var(--schrift-titel);font-variation-settings:"opsz" 36;letter-spacing:-.005em}.gegenstaende p{margin-top:8px;font-size:17px}.skizze{display:block;width:clamp(200px,20vw,260px);height:auto;margin:0 auto 28px;overflow:visible}.skizze text{font-family:var(--schrift);fill:var(--tinte)}.mini__linie{fill:none;stroke:var(--schaubild-linie);stroke-width:1.2;vector-effect:non-scaling-stroke}.mini__kachel,.mini__karte,.mini__dok rect{fill:#fff;stroke:var(--linie);stroke-width:1;vector-effect:non-scaling-stroke}.mini__quelle{fill:var(--karte);stroke:var(--linie);stroke-width:1;vector-effect:non-scaling-stroke}.mini__dok-zeile path{stroke:var(--schaubild-linie);stroke-width:2;stroke-linecap:round}.mini__zeichen{color:var(--tinte)}.mini__mitte{fill:var(--gruen-dunkel)}.mini__mitte-zeichen{color:var(--papier)}.mini__ki-punkt,.mini__knoten,.mini__ki{fill:var(--ki)}.mini__ki-text{font-size:13px;font-weight:600}.mini__mensch{fill:var(--gruen-dunkel)}.mini__person{fill:none;stroke:var(--papier);stroke-width:1.8;stroke-linecap:round}.mini__haken{fill:var(--gruen-dunkel);stroke:#fff;stroke-width:2}.mini__balken{fill:var(--schaubild-strich)}.mini__quelle-text,.mini__frei-text{font-size:12px;font-weight:500}@media(max-width:900px){.gegenstaende{grid-template-columns:1fr;gap:48px}}.zitate{margin-top:var(--abstand-inhalt);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.zitate blockquote{margin:0;padding:28px;background:var(--papier);border:1px solid var(--linie);border-radius:var(--ecke);display:flex;flex-direction:column;justify-content:space-between;gap:24px}.zitate blockquote p{font:400 24px/1.35 var(--schrift-titel);font-variation-settings:"opsz" 24}.zitate footer{font-size:15px}.kernsatz{margin:clamp(64px,8vw,112px) auto 0;max-width:820px;text-align:center;font:400 28px/1.35 var(--schrift-titel);font-variation-settings:"opsz" 36;letter-spacing:-.005em}.kernsatz strong{font-weight:600}@media(max-width:900px){.zitate{grid-template-columns:1fr;gap:24px}.zitate blockquote p{font-size:19px}.kernsatz{font-size:24px}}.ma__rahmen{fill:#fff;stroke:var(--linie);stroke-width:1;vector-effect:non-scaling-stroke}.ma--mensch .ma__band,.ma--mensch .ma__kreis{fill:var(--gruen-dunkel)}.ma--ki .ma__band,.ma--ki .ma__kreis{fill:var(--ki)}.ma__strich{stroke:var(--schaubild-strich);stroke-width:2.5;stroke-linecap:round}.blaetter{margin-top:var(--abstand-inhalt);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.blatt{background:#fff;border:1px solid var(--linie);border-radius:var(--ecke);padding:32px;display:flex;flex-direction:column}.blatt__wer{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:600}.wer__zeichen{width:18px;height:25px;flex:none}.blatt h3{margin:16px 0 24px;font:400 24px/1.2 var(--schrift-titel);font-variation-settings:"opsz" 36}.blatt__daten{margin:0 0 20px;border-top:1px solid var(--linie)}.blatt__daten div{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--linie);font-size:15px}.blatt__daten dt{margin:0}.blatt__daten dd{margin:0;font-weight:600;font-variant-numeric:tabular-nums;text-align:right}.blatt__quelle{margin-top:auto;font-size:13px;display:flex;align-items:center;gap:8px}.blatt__quelle:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--gruen-mittel);flex:none}.fussnote{margin-top:32px;font-size:15px}@media(max-width:900px){.blaetter{grid-template-columns:1fr}.blatt{padding:24px}}.fall{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(40px,6vw,96px);align-items:start}.fall__logo{display:block;height:64px;width:auto;margin-bottom:28px}.fall__schritte{margin:0;padding:0;list-style:none;display:grid;gap:0;border-top:1px solid var(--linie-stark)}.fall__schritte li{display:grid;grid-template-columns:140px 1fr;gap:24px;padding:24px 0;border-bottom:1px solid var(--linie-stark)}.fall__schritte h3{margin:0;font:400 24px/1.2 var(--schrift-titel);font-variation-settings:"opsz" 36}.fall__schritte p{font-size:17px;line-height:1.6}@media(max-width:900px){.fall{grid-template-columns:1fr}.fall__schritte li{grid-template-columns:1fr;gap:8px}}.ebenen{margin-top:var(--abstand-inhalt);display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(40px,6vw,96px);align-items:start}.ebenen__bild{display:grid;grid-template-columns:minmax(0,1fr) 88px;gap:24px}.ebenen__stapel{display:flex;flex-direction:column;align-items:center;gap:8px}.ebenen__stapel button{width:100%;height:56px;border:1px solid var(--linie);border-radius:var(--ecke);background:#fff;font:500 17px var(--schrift);color:var(--tinte);cursor:pointer;transition:background .2s,color .2s,border-color .2s}.ebenen__stapel [data-nr="5"]{width:52%}.ebenen__stapel [data-nr="4"]{width:64%}.ebenen__stapel [data-nr="3"]{width:76%}.ebenen__stapel [data-nr="2"]{width:88%}.ebenen__stapel button:hover{border-color:var(--linie-stark)}.ebenen__stapel .ebene--fundament{background:var(--karte)}.ebenen__stapel button[aria-selected=true]{background:#fff;border:1.5px solid var(--tinte);color:var(--tinte);font-weight:600}.ebenen__stapel .ebene--werkzeug{margin-top:16px;background:transparent;border:1px dashed var(--rand);font-weight:400}.ebenen__stapel .ebene--werkzeug[aria-selected=true]{border:1.5px dashed var(--tinte);background:transparent;font-weight:600}.ebenen__anfang{margin-top:4px;font-size:15px;text-align:center}.ebenen__anfang:before{content:"";display:inline-block;width:8px;height:8px;margin-right:8px;border-radius:50%;background:var(--rand);vertical-align:1px}.ebenen__nutzen{display:flex;flex-direction:column;align-items:center;gap:12px;padding-bottom:46px}.ebenen__nutzen span{font-size:15px;font-weight:600;color:var(--gruen-dunkel);text-align:center;line-height:1.3}.ebenen__nutzen i{position:relative;flex:1;width:1px;background:var(--linie-stark)}.ebenen__nutzen i:before{content:"";position:absolute;left:-4px;top:0;width:8px;height:8px;border-top:1px solid var(--linie-stark);border-left:1px solid var(--linie-stark);transform:rotate(45deg)}.ebenen__text--neu{animation:ebene-gleiten .35s cubic-bezier(.2,.7,.2,1)}@keyframes ebene-gleiten{0%{opacity:0;transform:translateY(12px)}}.ebenen__text p{font-size:17px;line-height:1.6;max-width:46ch}.ebenen__nr{font-weight:600}.ebenen__text h3{margin:8px 0 16px;font:400 28px/1.15 var(--schrift-titel);font-variation-settings:"opsz" 48}.ebenen__text .ebenen__merkt{font-size:19px;line-height:1.55}.ebenen__wir{margin-top:24px;padding-top:20px;border-top:1px solid var(--linie)}.ebenen__text .ebenen__wir-kopf{font-size:15px;font-weight:600;margin-bottom:6px}.ebenen__text>.verweis{display:inline-block;margin-top:28px}.ebenen__text>.ebenen__seite{display:table;margin-top:24px}.ebenen__text>.ebenen__seite:not([hidden])+.verweis{margin-top:16px}.ebenen__weiter{padding:0;border:0;background:none;color:var(--tinte);cursor:pointer;font-family:inherit}@media(max-width:900px){.ebenen{grid-template-columns:1fr}.ebenen__bild{grid-template-columns:minmax(0,1fr) 56px;gap:12px}.ebenen__stapel button{height:52px;font-size:15px}.ebenen__nutzen span{font-size:13px}.ebenen__text h3{font-size:24px}.ebenen__text .ebenen__merkt{font-size:17px}}@media(prefers-reduced-motion:reduce){.ebenen__stapel button{transition:none}.ebenen__text--neu{animation:none}}