html #bau .blc{background:0 0}html #bau .blc .blc-kopf{background:var(--color-dark);min-height:460px;padding:184px max(28px,6.15vw) 122px}html #bau .blc .blc-kopfbild{pointer-events:none;position:absolute;inset:0}html #bau .blc .blc-kopfbild img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}html #bau .blc .blc-kopf:after{content:"";pointer-events:none;background:linear-gradient(90deg,color-mix(in srgb,var(--color-dark) 83%,transparent),color-mix(in srgb,var(--color-dark) 58%,transparent) 52%,color-mix(in srgb,var(--color-dark) 26%,transparent));position:absolute;inset:0}html #bau .blc .blc-kopfwort{max-width:1160px;margin-inline:auto}html #bau .blc .blc-pfad{letter-spacing:.04em;overflow-wrap:anywhere;margin:0 0 18px;font-size:16px;line-height:1.5}html #bau .blc .blc-pfad a{min-height:44px;color:inherit;align-items:center;text-decoration:none;display:inline-flex}html #bau .blc .blc-pfad span{opacity:.65;margin-inline:7px}html #bau .blc .blc-h1{hyphens:auto;overflow-wrap:anywhere;max-width:100%;margin:0;font-size:clamp(44px,5.28vw,82px);font-weight:400;line-height:1.04}html #bau .blc .blc-unter{max-width:600px;margin-top:20px;font-size:21px;line-height:1.43}html #bau .blc .blc-bogen{--kante-o:76px;--kante-u:48px;--m-o:url(/gestaltung/bausteine/riss/oben-tief-maske.png);--r-o:url(/gestaltung/bausteine/riss/oben-tief-rand.webp);--m-u:url(/gestaltung/bausteine/riss/unten-fasrig-maske.png);--r-u:url(/gestaltung/bausteine/riss/unten-fasrig-rand.webp?v=0510);--papier-pos:150px 70px;z-index:3;padding:calc(var(--kante-o) + 44px) 0 calc(var(--kante-u) + 64px);margin-top:-64px}html #bau .blc .blc-papier{z-index:0;pointer-events:none;filter:drop-shadow(0 2px 1px color-mix(in srgb,var(--tinte) 24%,transparent)) drop-shadow(0 7px 6px color-mix(in srgb,var(--tinte) 23%,transparent));position:absolute;inset:0}html #bau .blc .blc-papier .cc-paper{background:var(--r-o) center top / 100% var(--kante-o) no-repeat, var(--r-u) center bottom / 100% var(--kante-u) no-repeat, linear-gradient(color-mix(in srgb,var(--papier-alt) 26%,transparent),color-mix(in srgb,var(--papier-alt) 26%,transparent)), var(--papierbild) var(--papier-pos) / 1050px auto repeat;filter:contrast(1.1)}html #bau .blc .blc-raster{grid-template-rows:auto 1fr;grid-template-columns:220px minmax(0,1fr);column-gap:clamp(32px,4.5vw,64px);max-width:1320px;margin-inline:auto;padding-inline:64px;display:grid}html #bau .blc .blc-raster--rand{grid-template-columns:200px minmax(0,1fr) 100px;column-gap:32px}html #bau .blc .blc-toc{grid-area:1/1;min-width:0}html #bau .blc .blc-register{color:var(--tinte)}html #bau .blc .blc-register summary{border-bottom:1px solid color-mix(in srgb,var(--tinte) 24%,transparent);cursor:pointer;letter-spacing:.14em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:12px;min-height:44px;padding-block:8px 12px;font-size:13px;line-height:1.5;list-style:none;display:flex}html #bau .blc .blc-register summary::-webkit-details-marker{display:none}html #bau .blc .blc-registerzeichen{border-bottom:1px solid;border-right:1px solid;flex:0 0 8px;width:8px;height:8px;margin-right:4px;translate:0 -2px;rotate:45deg}html #bau .blc .blc-register[open] .blc-registerzeichen{translate:0 2px;rotate:225deg}html #bau .blc .blc-toc ul{margin:10px 0 0;padding:0;list-style:none}html #bau .blc .blc-toc li{margin:0;padding:0}html #bau .blc .blc-toc a{min-height:44px;color:inherit;overflow-wrap:anywhere;align-items:center;padding:9px 3px;font-size:18px;line-height:1.4;text-decoration:none;display:flex}html #bau .blc :is(.blc-toc a,.blc-pfad a):hover{text-underline-offset:5px;text-decoration:underline 1px}html #bau .blc :is(a,summary):focus-visible{outline-offset:4px;outline:2px solid}html #bau .blc .blc-randnotiz{pointer-events:none;grid-area:2/1;align-self:start;min-width:0;margin-top:38px}html #bau .blc .blc-pflanze{width:min(190px,100%);margin-inline:auto}html #bau .blc .blc-hand{font:400 16px/1.9 var(--font-hand);color:color-mix(in srgb,var(--tinte) 72%,transparent);margin-top:14px;rotate:-5deg}html #bau .blc .blc-pflanze2{pointer-events:none;grid-area:1/3/3;align-self:end;width:100%;padding-bottom:10px}html #bau .blc .blc-raster--ohne-nav .blc-randnotiz{grid-row:1/3;margin-top:12px}html #bau .blc .blc-randnotiz .pflanze,html #bau .blc .blc-pflanze2 .pflanze{width:100%;display:block}html #bau .blc .bl-inhalt{border-left:1px solid color-mix(in srgb,var(--tinte) 17%,transparent);overflow-wrap:anywhere;grid-area:1/2/3;min-width:0;padding-left:36px}html #bau .blc .blc-raster--eng .bl-inhalt{max-width:820px}html #bau .blc .bl-inhalt :is(h2,h3){font-family:var(--font-body);color:var(--tinte);hyphens:auto;overflow-wrap:anywhere;font-weight:400}html #bau .blc .bl-inhalt h2{margin:0;font-size:38px;line-height:1.18}html #bau .blc .bl-inhalt h3{margin:30px 0 6px;font-size:26px;line-height:1.25}html #bau .blc .bl-inhalt p,html #bau .blc .bl-inhalt li{color:var(--tinte);font-size:19px;line-height:1.52}html #bau .blc .bl-inhalt p{margin-top:14px}html #bau .blc .bl-inhalt a{color:inherit;text-underline-offset:4px;overflow-wrap:anywhere;text-decoration-thickness:1px}html #bau .blc .bl-inhalt .bl-hinweis{border-block:1px solid color-mix(in srgb,var(--tinte) 24%,transparent);background:0 0;margin:0 0 38px;padding:20px 0 22px;font-size:20px;line-height:1.45}html #bau .blc .bl-abschnitt{border-top:1px solid color-mix(in srgb,var(--tinte) 20%,transparent);padding:32px 0;scroll-margin-top:100px}html #bau .blc .bl-abschnitt:first-of-type{border-top:0;padding-top:0}html #bau .blc .bl-abschnitt:last-of-type{padding-bottom:0}html #bau .blc .bl-nr{letter-spacing:.15em;text-transform:uppercase;color:color-mix(in srgb,var(--tinte) 72%,transparent);margin-bottom:8px;font-size:13px;line-height:1.5;display:block}html #bau .blc .bl-inhalt .bl-weiter{margin-top:30px}html #bau .blc .bl-inhalt .bl-lizenz{white-space:normal}html #bau .blc .bl-gruppe>div{min-width:0}html #bau .blc .bl-links a{align-items:center;min-height:44px;display:inline-flex}html #bau .blc .bl-wege{gap:14px 26px;margin-top:30px}html #bau .blc .bl-wege :is(.e-knopf,.bl-textlink){white-space:normal;max-width:100%;min-height:44px}html #bau .blc .bl-wege .e-knopf{gap:12px;padding:12px 22px}html #bau .blc .bl-textlink{align-items:center;gap:10px;display:inline-flex}html #bau .blc .bl-wege .tintenpfeil{flex-shrink:0}html #bau:has(.blc) .fd{z-index:0;margin-top:-36px;padding-top:36px;position:relative}html #bau:has(.blc) .m-fuss{z-index:0}@media (width<=1099px){html #bau .blc .blc-kopf{min-height:420px;padding:138px 6% 104px}html #bau .blc .blc-h1{font-size:clamp(40px,6.3vw,66px)}html #bau .blc .blc-unter{max-width:560px;font-size:20px}html #bau .blc .blc-raster{grid-template-columns:180px minmax(0,1fr);column-gap:28px;padding-inline:36px}html #bau .blc .blc-raster--rand{grid-template-rows:auto auto 1fr}html #bau .blc .blc-raster--rand .bl-inhalt{grid-row:1/4}html #bau .blc .blc-raster--rand .blc-pflanze2{grid-area:3/1;justify-self:center;max-width:110px;margin-top:32px}html #bau .blc .bl-inhalt{padding-left:28px}html #bau .blc .bl-inhalt h2{font-size:34px}html #bau .blc .blc-pflanze{max-width:160px}html #bau .blc .blc-toc a{font-size:17.5px}}@media (width<=749px){html #bau .blc .blc-kopf{min-height:0;padding:128px 24px 106px}html #bau .blc .blc-kopf:after{background:linear-gradient(90deg,color-mix(in srgb,var(--color-dark) 84%,transparent),color-mix(in srgb,var(--color-dark) 50%,transparent)),linear-gradient(0deg,var(--color-dark),transparent 70%)}html #bau .blc .blc-pfad{margin-bottom:12px;font-size:15px}html #bau .blc .blc-h1{font-size:44px;line-height:1.06}html #bau .blc .blc-unter{margin-top:18px;font-size:19px}html #bau .blc .blc-bogen{--kante-o:30px;--kante-u:24px;--m-o:url(/gestaltung/bausteine/riss/oben-fasrig-maske.png);--r-o:url(/gestaltung/bausteine/riss/oben-fasrig-rand.webp);--m-u:url(/gestaltung/bausteine/riss/unten-flach-maske.png);--r-u:url(/gestaltung/bausteine/riss/unten-flach-rand.webp);margin-top:-36px;padding:68px 0 60px}html #bau .blc .blc-raster{grid-template-rows:auto auto auto;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 28px;max-width:660px;padding-inline:24px}html #bau .blc .blc-toc{grid-area:1/1/auto/-1;margin-bottom:36px}html #bau .blc .blc-register summary{font-size:13px}html #bau .blc .blc-toc a{padding-inline:4px;font-size:18px}html #bau .blc .bl-inhalt,html #bau .blc .blc-raster--rand .bl-inhalt{border-left:0;grid-area:2/1/auto/-1;max-width:none;padding-left:0}html #bau .blc .blc-randnotiz,html #bau .blc .blc-raster--ohne-nav .blc-randnotiz{grid-area:3/1;align-self:end;margin-top:36px}html #bau .blc .blc-pflanze{max-width:90px;margin-left:0}html #bau .blc .blc-raster--rand .blc-pflanze2{grid-area:3/2;justify-self:end;max-width:90px;margin-top:36px;padding:0}html #bau .blc .blc-hand{font-size:14px}html #bau .blc .bl-inhalt h2{font-size:32px}html #bau .blc .bl-inhalt h3{font-size:25px}html #bau .blc .bl-inhalt p,html #bau .blc .bl-inhalt li{font-size:18px;line-height:1.5}html #bau .blc .bl-inhalt .bl-hinweis{margin-bottom:30px;padding-block:18px;font-size:19px}html #bau .blc .bl-abschnitt{padding-block:28px}html #bau .blc .bl-gruppe{grid-template-columns:40px minmax(0,1fr)}html #bau .blc .bl-gruppe-nr{font-size:27px}}@media (width<=359px){html #bau .blc .blc-kopf{padding-inline:20px}html #bau .blc .blc-h1{font-size:40px}html #bau .blc .blc-raster{padding-inline:20px}html #bau .blc .bl-gruppe{grid-template-columns:32px minmax(0,1fr)}}