/* ==== VALORIM KFW 522 SEITENBUENDEL (Fassung 2, 09.11.2026) ==== */
/* aus KH-einstieg.html */
.vlm-k522 .k5-einstieg .vlm-karte{background:var(--vlm-offwhite);box-shadow:none;border:1px solid var(--vlm-warmgrau);}
.vlm-k522 .k5-einstieg .vlm-karte .vlm-iconbox{background:#ffffff;}
.vlm-k522 .k5-einstieg .g-karte .vlm-fakten > div{grid-template-columns:7.5rem minmax(0,1fr);}
.vlm-k522 .k5-einstieg .g-karte .vlm-fakten dd strong{color:var(--vlm-petrol);}

/* aus KH-wege.html */
.vlm-k522 .w-raster{display:grid;gap:1.25rem;grid-template-columns:minmax(0,1fr);align-items:stretch;}
@media (min-width:64em){.vlm-k522 .w-raster{grid-template-columns:repeat(3,minmax(0,1fr));}}
.vlm-k522 .w-karte{display:flex;flex-direction:column;background:#ffffff;border:1px solid var(--vlm-warmgrau);border-radius:1rem;overflow:hidden;box-shadow:var(--vlm-schatten-1);transition:box-shadow .2s ease,transform .2s ease;}
.vlm-k522 .w-karte:hover{box-shadow:var(--vlm-schatten-2);transform:translateY(-2px);}
.vlm-k522 .w-kopf{display:grid;gap:.75rem;padding:1.25rem 1.5rem 1.25rem;}
.vlm-k522 .w-karte--bza .w-kopf{background:var(--vlm-petrol-hell);}
.vlm-k522 .w-karte--bnd .w-kopf{background:var(--vlm-warmgrau);}
.vlm-k522 .w-karte--begl{background:var(--vlm-petrol);border-color:var(--vlm-petrol);color:#ffffff;}
.vlm-k522 .w-karte--begl .w-kopf{background:#00353a;}
.vlm-k522 .w-etikett{font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--vlm-taupe);}
.vlm-k522 .w-karte--bza .w-etikett{color:var(--vlm-petrol);}
.vlm-k522 .w-karte--bnd .w-etikett{color:var(--vlm-tinte-2);}
.vlm-k522 .w-karte--begl .w-etikett{color:var(--vlm-warmgrau);}
.vlm-k522 .w-name{display:flex;align-items:center;gap:.75rem;}
.vlm-k522 .w-name h3{font-size:1.1875rem;line-height:1.35;font-weight:700;color:inherit;margin:0;}
.vlm-k522 .w-icon{display:inline-grid;place-items:center;flex:none;width:2.5rem;height:2.5rem;border-radius:.75rem;background:#ffffff;color:var(--vlm-petrol);}
.vlm-k522 .w-icon svg{width:1.375rem;height:1.375rem;fill:currentColor;}
.vlm-k522 .w-karte--begl .w-icon{background:rgba(255,255,255,.14);color:#ffffff;}
.vlm-k522 .w-preis{display:flex;flex-wrap:wrap;align-items:baseline;gap:.25rem .625rem;}
.vlm-k522 .w-preis__wert{font-family:var(--vlm-display);font-weight:700;font-size:2.5rem;line-height:1.1;font-variant-numeric:tabular-nums;color:var(--vlm-petrol);}
.vlm-k522 .w-karte--begl .w-preis__wert{color:#ffffff;}
.vlm-k522 .w-preis__text{font-size:.8125rem;line-height:1.4;color:var(--vlm-tinte-2);max-width:14rem;}
.vlm-k522 .w-karte--begl .w-preis__text{color:var(--vlm-warmgrau);}
.vlm-k522 .w-leiste ol{list-style:none;margin:.25rem 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.25rem;}
.vlm-k522 .w-seg{display:grid;gap:.375rem;}
.vlm-k522 .w-seg i{display:block;height:.375rem;border-radius:999px;background:rgba(0,48,53,.12);position:relative;overflow:hidden;}
.vlm-k522 .w-seg i::after{content:"";position:absolute;inset:0;border-radius:999px;background:var(--vlm-petrol);transform:scaleX(0);transform-origin:left;transition:transform .7s cubic-bezier(.2,.7,.2,1);}
.vlm-k522 .w-seg--an i::after{transform:scaleX(1);}
.vlm-k522 .w-seg span{font-size:.6875rem;line-height:1.2;color:var(--vlm-tinte-2);}
.vlm-k522 .w-seg--an span{color:var(--vlm-tinte);font-weight:600;}
.vlm-k522 .w-karte--begl .w-seg i{background:rgba(255,255,255,.18);}
.vlm-k522 .w-karte--begl .w-seg i::after{background:#ffffff;}
.vlm-k522 .w-karte--begl .w-seg span{color:var(--vlm-warmgrau);}
.vlm-k522 .w-karte--begl .w-seg--an span{color:#ffffff;}
.vlm-bewegt .vlm-k522 .w-raster:not(.ist-sichtbar) .w-seg--an i::after{transform:scaleX(0);}
.vlm-k522 .w-seg:nth-child(2) i::after{transition-delay:.12s;}
.vlm-k522 .w-seg:nth-child(3) i::after{transition-delay:.24s;}
.vlm-k522 .w-seg:nth-child(4) i::after{transition-delay:.36s;}
.vlm-k522 .w-rumpf{display:flex;flex-direction:column;gap:1rem;padding:1.25rem 1.5rem 1.5rem;flex:1;}
.vlm-k522 .w-fuer{font-size:.9375rem;line-height:1.5;}
.vlm-k522 .w-fuer strong{display:block;font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;color:var(--vlm-tinte-2);margin-bottom:.125rem;}
.vlm-k522 .w-karte--begl .w-fuer strong{color:var(--vlm-warmgrau);}
.vlm-k522 .w-liste{list-style:none;margin:0;padding:0;display:grid;gap:.5rem;font-size:.9375rem;line-height:1.45;}
.vlm-k522 .w-liste li{display:grid;grid-template-columns:1.25rem minmax(0,1fr);gap:.5rem;align-items:start;}
.vlm-k522 .w-liste svg{width:1.25rem;height:1.25rem;fill:var(--vlm-petrol);margin-top:.05rem;}
.vlm-k522 .w-karte--begl .w-liste svg{fill:#ffffff;}
.vlm-k522 .w-knopf{margin-top:auto;width:100%;background:var(--vlm-petrol);color:#ffffff;}
.vlm-k522 .w-knopf:hover{background:var(--vlm-petrol-dunkel);color:#ffffff;text-decoration:none;}
.vlm-k522 .w-karte--begl .w-knopf{background:#ffffff;color:var(--vlm-petrol);}
.vlm-k522 .w-karte--begl .w-knopf:hover{background:var(--vlm-petrol-hell);color:var(--vlm-petrol);}
.vlm-k522 .w-karte--begl .w-knopf:focus-visible{outline-color:#ffffff;}
@media (prefers-reduced-motion:reduce){.vlm-k522 *{transition:none !important;}.vlm-k522 .w-karte:hover{transform:none;}}
.vlm-k522 .w-fuss{display:grid;gap:.5rem;font-size:.875rem;line-height:1.5;color:var(--vlm-tinte-2);max-width:60rem;}

/* aus KH-hoehe.html */
.vlm-k522 .g-tab{width:100%;border-collapse:collapse;font-size:.9375rem;line-height:1.45;}
.vlm-k522 .g-tab th,.vlm-k522 .g-tab td{padding:.75rem .625rem;border-bottom:1px solid var(--vlm-warmgrau);text-align:left;vertical-align:top;}
.vlm-k522 .g-tab thead th{font-size:.8125rem;font-weight:700;color:var(--vlm-tinte-2);padding-top:0;}
.vlm-k522 .g-tab tbody th{font-weight:600;}
.vlm-k522 .g-tab td strong{color:var(--vlm-petrol);font-variant-numeric:tabular-nums;}
.vlm-k522 .g-scroll{overflow-x:auto;}
@media (max-width:40em){.vlm-k522 .g-tab th,.vlm-k522 .g-tab td{padding:.625rem .375rem;font-size:.875rem;}}
.vlm-k522 .h-tabs{display:grid;gap:2rem;min-width:0;}
.vlm-k522 .h-tabs > div{min-width:0;}
.vlm-k522 .h-unter{font-size:.9375rem;font-weight:700;margin:0 0 .5rem;}
.vlm-k522 .h-wandel{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.75rem;align-items:start;padding:1rem 1.25rem;border-radius:1rem;background:var(--vlm-offwhite);border:1px solid var(--vlm-warmgrau);font-size:.9375rem;line-height:1.5;}
.vlm-k522 .h-wandel svg{width:1.5rem;height:1.5rem;fill:var(--vlm-taupe);}
.vlm-k522 .h-wandel strong{display:block;}

/* aus KH-wer.html */
.vlm-k522 .r-paar{display:grid;gap:1rem;}
@media (min-width:48em){.vlm-k522 .r-paar{grid-template-columns:repeat(2,minmax(0,1fr));}}
.vlm-k522 .r-liste{list-style:none;margin:0;padding:0;display:grid;gap:.75rem;font-size:.9375rem;line-height:1.45;}
.vlm-k522 .r-liste li{display:grid;grid-template-columns:1.75rem minmax(0,1fr);gap:.625rem;align-items:start;}
.vlm-k522 .r-liste svg{width:1.75rem;height:1.75rem;padding:.25rem;border-radius:50%;}
.vlm-k522 .r-ja svg{background:var(--vlm-petrol-hell);fill:var(--vlm-petrol);}
.vlm-k522 .r-nein svg{background:var(--vlm-offwhite);fill:var(--vlm-taupe);}
.vlm-k522 .r-gebaeude{font-size:.9375rem;line-height:1.5;color:var(--vlm-tinte-2);}

/* aus KH-reihenfolge.html */
[data-vlm-ablauf] .g-sts{list-style:none;margin:0;padding:0;display:grid;gap:.75rem;counter-reset:g;}
[data-vlm-ablauf] .g-st{position:relative;display:grid;grid-template-columns:2.5rem minmax(0,1fr);column-gap:1rem;counter-increment:g;}
[data-vlm-ablauf] .g-st::before,[data-vlm-ablauf] .g-st::after{content:"";position:absolute;left:1.25rem;top:2.5rem;bottom:-.75rem;width:2px;margin-left:-1px;}
[data-vlm-ablauf] .g-st::before{background:var(--vlm-warmgrau);}
[data-vlm-ablauf] .g-st::after{background:var(--vlm-petrol);transform-origin:top;transform:scaleY(1);transition:transform .15s linear;}
[data-vlm-ablauf].g-js .g-st::after{transform:scaleY(var(--g-f,0));}
[data-vlm-ablauf] .g-st:last-child::before,[data-vlm-ablauf] .g-st:last-child::after{display:none;}
[data-vlm-ablauf] .g-st__nr{position:relative;z-index:1;width:2.5rem;height:2.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:700;background:var(--vlm-petrol);border:2px solid var(--vlm-petrol);color:#ffffff;transition:background .4s var(--vlm-kurve),border-color .4s var(--vlm-kurve),color .4s var(--vlm-kurve),box-shadow .4s var(--vlm-kurve);}
[data-vlm-ablauf] .g-st__nr::before{content:counter(g);}
[data-vlm-ablauf].g-js .g-st .g-st__nr{background:transparent;border-color:var(--vlm-warmgrau);color:var(--vlm-taupe);}
[data-vlm-ablauf].g-js .g-st.ist-erreicht .g-st__nr{background:var(--vlm-petrol);border-color:var(--vlm-petrol);color:#ffffff;}
[data-vlm-ablauf] .g-st.ist-aktiv .g-st__nr{box-shadow:0 0 0 6px rgba(0,64,70,.14);}
[data-vlm-ablauf] .g-st__karte{display:grid;gap:.25rem;padding:.625rem 1rem .875rem;border:1px solid transparent;border-radius:12px;color:var(--vlm-tinte,#1a1a1a);transition:background .45s var(--vlm-kurve),border-color .45s var(--vlm-kurve),box-shadow .45s var(--vlm-kurve),opacity .45s var(--vlm-kurve),color .45s var(--vlm-kurve);}
[data-vlm-ablauf].g-js .g-st .g-st__karte{opacity:.45;}
[data-vlm-ablauf].g-js .g-st.ist-erreicht .g-st__karte{opacity:1;}
[data-vlm-ablauf] .g-st.ist-aktiv .g-st__karte{background:#ffffff;border-color:var(--vlm-warmgrau);box-shadow:0 12px 30px rgba(0,64,70,.12);}
[data-vlm-ablauf] .g-st__titel{font-size:1.0625rem;font-weight:600;line-height:1.3;transition:color .45s var(--vlm-kurve);}
[data-vlm-ablauf].g-js .g-st.ist-erreicht .g-st__titel{color:var(--vlm-petrol);}
[data-vlm-ablauf] .g-st__text{font-size:.9375rem;line-height:1.5;transition:color .45s var(--vlm-kurve);}
[data-vlm-ablauf] .g-st__beitrag{display:flex;align-items:center;gap:.375rem;font-size:.8125rem;font-weight:600;color:var(--vlm-petrol);transition:color .45s var(--vlm-kurve);}
[data-vlm-ablauf] .g-st__beitrag svg{width:1rem;height:1rem;fill:currentColor;flex:none;}
[data-vlm-ablauf] .g-st--zw{counter-increment:none;}
[data-vlm-ablauf] .g-st--zw .g-st__nr{transform:scale(.45);}
[data-vlm-ablauf] .g-st--zw .g-st__nr::before{content:"";}
[data-vlm-ablauf] .g-st--zw .g-st__karte{padding-top:.375rem;}
[data-vlm-ablauf] .g-st--zw .g-st__titel{font-size:.9375rem;}
[data-vlm-ablauf] .g-st--zw .g-st__text{font-size:.875rem;}
[data-vlm-ablauf] .g-st--kreis .g-st__nr{transform:none;}
[data-vlm-ablauf] .g-st--kreis .g-st__nr::before{content:none;}
[data-vlm-ablauf] .g-st--kreis .g-st__nr svg{width:1.25rem;height:1.25rem;fill:currentColor;}
[data-vlm-ablauf].g-js .g-st--kreis.ist-erreicht .g-st__nr svg{animation:gKreis 1.4s var(--vlm-kurve) 1;}
@keyframes gKreis{to{transform:rotate(360deg);}}
[data-vlm-ablauf] .g-im{justify-self:start;display:inline-block;margin-bottom:.125rem;padding:.0625rem .5rem;border:1px solid var(--vlm-taupe);border-radius:999px;font-size:.6875rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--vlm-taupe);transition:color .45s var(--vlm-kurve),border-color .45s var(--vlm-kurve);}
[data-vlm-ablauf] .g-alle{margin:0;}
[data-vlm-ablauf] .g-seite{align-self:start;}
@media (min-width:64em){[data-vlm-ablauf] .g-seite{position:sticky;top:7rem;}}
[data-vlm-ablauf][data-vlm-surface="petrol"] .g-st::before{background:rgba(255,255,255,.22);}
[data-vlm-ablauf][data-vlm-surface="petrol"] .g-st::after{background:#ffffff;}
[data-vlm-ablauf][data-vlm-surface="petrol"] .g-st__nr{background:#ffffff;border-color:#ffffff;color:var(--vlm-petrol);}
[data-vlm-ablauf][data-vlm-surface="petrol"].g-js .g-st .g-st__nr{background:transparent;border-color:rgba(255,255,255,.45);color:rgba(255,255,255,.85);}
[data-vlm-ablauf][data-vlm-surface="petrol"].g-js .g-st.ist-erreicht .g-st__nr{background:#ffffff;border-color:#ffffff;color:var(--vlm-petrol);}
[data-vlm-ablauf][data-vlm-surface="petrol"] .g-st.ist-aktiv .g-st__nr{box-shadow:0 0 0 6px rgba(255,255,255,.18);}
[data-vlm-ablauf][data-vlm-surface="petrol"] .g-st__karte{color:#ffffff;}
[data-vlm-ablauf][data-vlm-surface="petrol"] .g-st__text{color:rgba(255,255,255,.86);}
[data-vlm-ablauf][data-vlm-surface="petrol"] .g-st__beitrag{color:var(--vlm-warmgrau);}
[data-vlm-ablauf][data-vlm-surface="petrol"].g-js .g-st.ist-erreicht .g-st__titel{color:#ffffff;}
[data-vlm-ablauf][data-vlm-surface="petrol"] .g-im{border-color:var(--vlm-warmgrau);color:var(--vlm-warmgrau);}
[data-vlm-ablauf][data-vlm-surface="petrol"] .g-st.ist-aktiv .g-st__karte{background:#ffffff;border-color:#ffffff;color:var(--vlm-tinte,#1a1a1a);box-shadow:0 14px 34px rgba(0,0,0,.25);}
[data-vlm-ablauf][data-vlm-surface="petrol"] .g-st.ist-aktiv .g-st__text{color:var(--vlm-tinte,#1a1a1a);}
[data-vlm-ablauf][data-vlm-surface="petrol"].g-js .g-st.ist-aktiv .g-st__titel{color:var(--vlm-petrol);}
[data-vlm-ablauf][data-vlm-surface="petrol"] .g-st.ist-aktiv .g-st__beitrag{color:var(--vlm-petrol);}
[data-vlm-ablauf][data-vlm-surface="petrol"] .g-st.ist-aktiv .g-im{border-color:var(--vlm-taupe);color:var(--vlm-taupe);}
[data-vlm-ablauf][data-vlm-surface="petrol"] .g-st.ist-aktiv .r-chip{background:var(--vlm-petrol);color:#ffffff;}
@media (prefers-reduced-motion:reduce){[data-vlm-ablauf] .g-st::after,[data-vlm-ablauf] .g-st__nr,[data-vlm-ablauf] .g-st__karte,[data-vlm-ablauf] .g-st__titel,[data-vlm-ablauf] .g-st__text{transition:none;}[data-vlm-ablauf] .g-st--kreis .g-st__nr svg{animation:none;}}
.vlm-k522 [data-vlm-ablauf] .g-sts{counter-reset:g 2;}
.vlm-k522 [data-vlm-ablauf] .r-chip{display:inline-flex;align-items:center;margin-left:.375rem;padding:.125rem .5rem;border-radius:999px;background:#ffffff;color:var(--vlm-petrol);font-size:.75rem;font-weight:700;text-decoration:none;vertical-align:.125rem;}
.vlm-k522 [data-vlm-ablauf] .r-chip:hover{background:var(--vlm-warmgrau);text-decoration:none;}
.vlm-k522 [data-vlm-ablauf] .g-st--zw .r-chip{background:#ffffff;color:var(--vlm-petrol);}
.vlm-k522 [data-vlm-ablauf] .r-chip:focus-visible{outline:2px solid #ffffff;outline-offset:2px;}

/* aus KH-aussteller.html */
.vlm-k522 .a-kopf{display:flex;align-items:center;gap:1rem;}
.vlm-k522 .a-kreis{display:inline-grid;place-items:center;flex:none;width:3.5rem;height:3.5rem;border-radius:50%;background:var(--vlm-petrol);color:#ffffff;font-weight:700;font-size:1.125rem;letter-spacing:.02em;}
.vlm-k522 .a-name{font-weight:700;font-size:1.125rem;line-height:1.35;}
.vlm-k522 .a-rolle{font-size:.875rem;color:var(--vlm-tinte-2);}
.vlm-k522 .a-ki{font-size:.875rem;line-height:1.5;color:var(--vlm-tinte);}

/* aus BZA-einstieg (Formular und Karte) */
.vlm-k522 .kh-preiszeile{display:flex;flex-wrap:wrap;align-items:baseline;gap:.25rem .75rem}
.vlm-k522 .kh-preiszeile__wert{font-family:var(--vlm-display);font-weight:700;font-size:2.25rem;line-height:1.2;font-variant-numeric:tabular-nums}
.vlm-k522 .kh-preiszeile__text{font-size:.9375rem;color:var(--f-text-2)}
.vlm-k522 .kh-liste{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}
.vlm-k522 .kh-liste li{display:grid;grid-template-columns:1.5rem minmax(0,1fr);gap:.5rem;align-items:start}
.vlm-k522 .kh-liste .vlm-symbol{width:1.5rem;height:1.5rem;margin-top:.05rem;color:var(--vlm-petrol)}
.vlm-k522 .kh-pruefliste{list-style:none;margin:0;padding:0;display:grid;gap:.75rem}
.vlm-k522 .kh-pruefliste .vlm-wahl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.25rem .75rem;align-items:start;padding:.875rem 1rem}
.vlm-k522 .kh-pruefliste .vlm-wahl>span{display:grid;gap:.25rem}
.vlm-k522 .kh-pruefliste .vlm-klein{color:var(--vlm-tinte-2)}
.vlm-k522 .kh-stand{display:flex;flex-wrap:wrap;gap:.5rem 1rem;align-items:center;justify-content:space-between;font-size:.9375rem}
.vlm-k522 .kh-preisstand{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem 1rem;padding:1rem 1.25rem;border-radius:.75rem;background:var(--vlm-offwhite)}
.vlm-k522 .kh-preisstand strong{font-size:1.5rem;font-variant-numeric:tabular-nums}
.vlm-k522 .vlm-formular fieldset{border:0;padding:0;margin:0;display:grid;gap:.75rem;min-width:0}
.vlm-k522 .vlm-formular legend{font-size:.875rem;line-height:1.43;font-weight:500;color:var(--vlm-tinte);padding:0;margin-bottom:.25rem}
.vlm-k522 .kh-wahlreihe{display:grid;gap:.5rem}
@media (min-width:48em){.vlm-k522 .kh-wahlreihe{grid-template-columns:repeat(2,minmax(0,1fr))}}
.vlm-k522 .kh-abschnittstitel{font-weight:600;font-size:1.0625rem;padding-top:.75rem;border-top:1px solid var(--vlm-warmgrau);margin:0}
.vlm-k522 .kh-warn{background:var(--vlm-warn-flaeche);color:var(--vlm-warn-text)}
.vlm-k522 input[type="file"].vlm-eingabe{padding:.5rem .875rem}
.vlm-k522 [data-vlm-formbox][data-vlm-zustand="gesendet"] form{display:none}
.vlm-k522 [data-vlm-formbox]:not([data-vlm-zustand="gesendet"]) [data-vlm-erfolg]{display:none}
.vlm-k522 [data-vlm-formbox]:not([data-vlm-zustand="fehler"]) [data-vlm-fehler]{display:none}
.vlm-k522 [data-vlm-formbox][data-vlm-zustand="sendet"] button[type="submit"]{opacity:.6;pointer-events:none}
.vlm-k522 .kh-weg{display:grid;gap:.75rem}
.vlm-k522 .kh-weg dl{margin:0;display:grid;gap:.5rem}
.vlm-k522 .kh-weg dt{font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--vlm-tinte-2)}
.vlm-k522 .kh-weg dd{margin:0;font-size:.9375rem;line-height:1.5}
.vlm-k522 .kh-hervor{outline:2px solid var(--vlm-petrol);outline-offset:0}
.vlm-k522 .kh-protokoll{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}
.vlm-k522 .kh-protokoll li{display:grid;grid-template-columns:7rem minmax(0,1fr);gap:1rem;font-size:.9375rem}
.vlm-k522 .kh-protokoll time{font-variant-numeric:tabular-nums;font-weight:500}
.vlm-k522 .vlm-formular .vlm-feld{align-content:start}
.vlm-k522 .vlm-formular select.vlm-eingabe{line-height:24px}



/* aus BZA-formular */
.vlm-k522 .vlm-formular .kh-zusatz{display:grid;gap:.75rem;padding:1rem 1.25rem;border-radius:.75rem;background:var(--vlm-offwhite);border:1px solid var(--vlm-warmgrau)}
.vlm-k522 .kh-zusatz:not([hidden]){animation:kh-auf .24s ease-out}
@keyframes kh-auf{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.vlm-k522 .kh-zusatz{animation:none !important}}
.vlm-k522 .kh-zusatz__titel{font-weight:600;font-size:.9375rem;line-height:1.43;margin:0}
.vlm-k522 textarea.vlm-eingabe{min-height:5.5rem;resize:vertical}
.vlm-k522 .kh-schritt{display:grid;gap:1rem;min-width:0}
.vlm-k522 form[data-kh-schritte-aktiv] .kh-schritt:not(.ist-aktiv){display:none}
.vlm-k522 .kh-schritt .kh-abschnittstitel:focus{outline:none}
.vlm-k522 .vlm-fortschritt{margin-bottom:1rem}
.vlm-k522 [data-vlm-formbox] form[data-kh-schritte-aktiv] .vlm-fortschritt{display:grid}

/* ---- Ergaenzungen KfW 522 zum Blockstil der Seiten 458 und 459 ---- */
.vlm-k522 .g-meta{font-size:.8125rem;line-height:1.5;color:var(--f-text-2)}
.vlm-k522 .g-meta a{color:var(--vlm-petrol)}
.vlm-k522 .w-name h2{font-size:1.1875rem;line-height:1.35;font-weight:700;color:inherit;margin:0}
.vlm-k522 .w-preis__wert{white-space:nowrap}
.vlm-k522 .w-preis__text{max-width:16rem}
.vlm-k522 .k5-stufen{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem}
.vlm-k522 .k5-stufen__titel{margin:0;font-size:.9375rem;font-weight:600}
.vlm-k522 .k5-stufen .vlm-umschalter{background:var(--vlm-weiss);box-shadow:var(--vlm-schatten-1)}
.vlm-k522 [data-k5-stufe="4"] .w-preis__wert{font-size:1.5rem;line-height:1.3;white-space:normal}

/* Rechner im Abschnitt Hoehe */
.vlm-k522 .k5-rechner{display:grid;gap:1.25rem;border:1px solid var(--vlm-warmgrau);box-shadow:var(--vlm-schatten-1);scroll-margin-top:7rem}
.vlm-k522 .k5-rechner .vlm-karte__kopf{display:flex;align-items:center;gap:.75rem}
.vlm-k522 .k5-eingaben{display:grid;gap:1rem;grid-template-columns:minmax(0,1fr)}
@media (min-width:40em){.vlm-k522 .k5-eingaben{grid-template-columns:repeat(2,minmax(0,1fr))}}
.vlm-k522 .k5-regler{width:100%;margin:0;accent-color:var(--vlm-petrol);cursor:pointer}
.vlm-k522 .k5-rechner fieldset{border:0;margin:0;padding:0;display:grid;gap:.5rem;min-width:0}
.vlm-k522 .k5-rechner legend{font-size:.875rem;line-height:1.43;font-weight:500;color:var(--vlm-tinte);padding:0;margin-bottom:.25rem}
.vlm-k522 .k5-ergebnis{display:grid;gap:.375rem;padding:1.25rem;border-radius:.75rem;background:var(--vlm-petrol-hell)}
.vlm-k522 .k5-ergebnis__label{margin:0;font-size:.8125rem;font-weight:600;color:var(--vlm-tinte-2)}
.vlm-k522 .k5-ergebnis__wert{margin:0;font-family:var(--vlm-display);font-weight:700;font-size:2.5rem;line-height:1.1;color:var(--vlm-petrol);font-variant-numeric:tabular-nums;white-space:nowrap}
.vlm-k522 .k5-ergebnis__zeile{margin:0;font-size:.9375rem;line-height:1.5}
.vlm-k522 .k5-ergebnis__zeile strong{font-variant-numeric:tabular-nums;white-space:nowrap}
.vlm-k522 .k5-ergebnis__frist{display:grid;grid-template-columns:1.25rem minmax(0,1fr);gap:.5rem;align-items:start;margin:.25rem 0 0;font-size:.875rem;line-height:1.45;color:var(--vlm-tinte-2)}
.vlm-k522 .k5-ergebnis__frist svg{width:1.25rem;height:1.25rem;fill:var(--vlm-taupe)}
.vlm-k522 .k5-rechner .vlm-knopfreihe .vlm-knopf{white-space:normal;text-align:center}
.vlm-k522 .k5-rechner [hidden]{display:none}

/* Aussteller mit zwei Personen */
.vlm-k522 .a-paar{display:grid;gap:1.25rem}
.vlm-k522 .a-paar > div + div{padding-top:1.25rem;border-top:1px solid var(--vlm-warmgrau)}

/* Bestellseiten */
.vlm-k522 .w-staffel{margin:0;display:grid;gap:.125rem;font-size:.875rem;line-height:1.4}
.vlm-k522 .w-staffel div{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding:.375rem .625rem;border-radius:.5rem}
.vlm-k522 .w-staffel dt{margin:0;font-weight:400}
.vlm-k522 .w-staffel dd{margin:0;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
.vlm-k522 .w-staffel div.ist-aktiv{background:var(--vlm-weiss);color:var(--vlm-petrol)}
.vlm-k522 .w-karte--begl .w-staffel div.ist-aktiv{background:rgba(255,255,255,.14);color:#fff}
.vlm-k522 .k5-schritt-f{display:grid;gap:1rem;min-width:0}
.vlm-k522 form[data-k5-aktiv] .k5-schritt-f:not(.ist-aktiv){display:none}
.vlm-k522 .k5-titel-f:focus{outline:none}
.vlm-k522 .k5-fort{margin-bottom:.5rem}
.vlm-k522 .k5-fort[hidden]{display:none}
.vlm-k522 .k5-hinweis-f{margin:0;font-size:.875rem;line-height:1.5;color:var(--vlm-tinte-2)}
.vlm-k522 .vlm-meldung.kh-warn a{color:inherit;font-weight:700}
.vlm-k522 .k5-formtext{display:grid;gap:1.25rem;align-content:start}
@media (min-width:64em){.vlm-k522 .k5-formtext{position:sticky;top:7rem}}
.vlm-k522 .k5-danke [hidden]{display:none}

/* ---- Fassung 3: Landing-Elemente im Blockstil ---- */
.vlm-k522 .k5-einstieg .k5-rechner{border:1px solid var(--vlm-warmgrau);box-shadow:var(--vlm-schatten-2);background:var(--vlm-offwhite)}
.vlm-k522 .k5-einstieg .k5-ergebnis{background:var(--vlm-weiss);border:1px solid var(--vlm-warmgrau)}
.vlm-k522 .k5-zahlfeld{font-size:1.25rem;font-weight:700;font-variant-numeric:tabular-nums}
.vlm-k522 .k5-genauer{border-top:1px solid var(--vlm-warmgrau);padding-top:.75rem}
.vlm-k522 .k5-genauer summary{cursor:pointer;font-size:.9375rem;font-weight:600;color:var(--vlm-petrol);list-style:none;display:flex;align-items:center;gap:.5rem}
.vlm-k522 .k5-genauer summary::-webkit-details-marker{display:none}
.vlm-k522 .k5-genauer summary::after{content:"";width:.5rem;height:.5rem;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translate(-2px,-2px);transition:transform var(--vlm-dauer) var(--vlm-kurve)}
.vlm-k522 .k5-genauer[open] summary::after{transform:rotate(-135deg) translate(-2px,-2px)}
.vlm-k522 .k5-genauer__inhalt{display:grid;gap:1rem;padding-top:1rem}
.vlm-k522 .k5-fuss{margin:0;font-size:.75rem;line-height:1.5;color:var(--vlm-tinte-2)}
.vlm-k522 .k5-fuss a{color:inherit}
.vlm-k522 .k5-gebaeude{list-style:none;margin:0;padding:0;display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr))}
@media (min-width:64em){.vlm-k522 .k5-gebaeude{grid-template-columns:repeat(4,minmax(0,1fr))}}
.vlm-k522 .k5-geb{width:100%;height:100%;display:grid;gap:.375rem;align-content:start;text-align:left;padding:1.25rem;border:1px solid var(--vlm-warmgrau);border-radius:1rem;background:var(--vlm-offwhite);color:var(--vlm-tinte);font:inherit;cursor:pointer;transition:box-shadow .2s ease,transform .2s ease,background-color .2s ease}
.vlm-k522 .k5-geb:hover{background:var(--vlm-weiss);box-shadow:var(--vlm-schatten-2);transform:translateY(-2px)}
.vlm-k522 .k5-geb:focus-visible{outline:2px solid var(--vlm-petrol);outline-offset:2px}
.vlm-k522 .k5-geb .vlm-iconbox{background:var(--vlm-weiss);margin-bottom:.375rem}
.vlm-k522 .k5-geb__name{font-weight:700;font-size:1rem;line-height:1.3}
.vlm-k522 .k5-geb__flaeche{font-size:.8125rem;color:var(--vlm-tinte-2)}
.vlm-k522 .k5-geb__wert{font-family:var(--vlm-display);font-weight:700;font-size:1.5rem;line-height:1.2;color:var(--vlm-petrol);font-variant-numeric:tabular-nums;white-space:nowrap;margin-top:.25rem}
.vlm-k522 .k5-geb__balken{display:block;height:.375rem;border-radius:999px;background:rgba(0,48,53,.12);overflow:hidden}
.vlm-k522 .k5-geb__balken i{display:block;height:100%;width:var(--k5-anteil,50%);background:var(--vlm-petrol);border-radius:999px;transform-origin:left;transition:transform .9s var(--vlm-kurve)}
.vlm-bewegt .vlm-k522 [data-vlm-motion="einblenden"]:not(.ist-sichtbar) .k5-geb__balken i{transform:scaleX(0)}
.vlm-k522 .k5-grafik{margin:0;padding:1.5rem;border-radius:1rem;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.18)}
.vlm-k522 .k5-grafik__kopf{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;font-size:.8125rem;color:var(--vlm-warmgrau)}
.vlm-k522 .k5-chip{display:inline-flex;align-items:center;padding:.125rem .625rem;border-radius:999px;background:var(--vlm-weiss);color:var(--vlm-petrol);font-size:.75rem;font-weight:700;white-space:nowrap}
.vlm-k522 .k5-saeulen{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.75rem;align-items:end;height:13rem;padding-top:2rem;border-bottom:1px solid rgba(255,255,255,.3)}
.vlm-k522 .k5-saeule{position:relative;height:100%;display:flex;flex-direction:column;justify-content:flex-end}
.vlm-k522 .k5-saeule i{display:block;border-radius:.5rem .5rem 0 0;background:rgba(255,255,255,.3);height:var(--k5-h,50%);transform-origin:bottom;transition:height .5s var(--vlm-kurve),transform .9s var(--vlm-kurve)}
.vlm-k522 .k5-saeule:first-child i{background:var(--vlm-weiss)}
.vlm-bewegt .vlm-k522 [data-vlm-motion="einblenden"]:not(.ist-sichtbar) .k5-saeule i{transform:scaleY(.15)}
.vlm-k522 .k5-saeule b{position:absolute;left:0;right:0;bottom:calc(var(--k5-h,50%) + .375rem);text-align:center;font-size:.8125rem;font-weight:700;font-variant-numeric:tabular-nums;color:#fff;white-space:nowrap;transition:bottom .5s var(--vlm-kurve)}
.vlm-k522 .k5-achse{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.75rem;margin-top:.625rem;font-size:.75rem;line-height:1.3;color:var(--vlm-warmgrau);text-align:center}
.vlm-k522 .k5-achse span:first-child{color:#fff;font-weight:700}
@media (max-width:39.99em){.vlm-k522 .k5-saeulen,.vlm-k522 .k5-achse{gap:.375rem}.vlm-k522 .k5-saeule b,.vlm-k522 .k5-achse{font-size:.625rem}}
.vlm-k522 .k5-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}
.vlm-k522 .k5-chips li{padding:.375rem .875rem;border-radius:999px;background:var(--vlm-weiss);font-size:.875rem;font-weight:600;color:var(--vlm-petrol)}
.vlm-k522 [data-vlm-block="K5-wer"] .a-paar{gap:1rem}
.vlm-k522 [data-vlm-block="K5-wer"] .a-paar > div + div{padding-top:1rem}
.vlm-k522 [data-vlm-block="K5-wer"] .a-ki a{color:var(--vlm-petrol)}
.vlm-k522 [data-vlm-block="K5-reihenfolge"] .g-st__text{font-size:.9375rem}

/* ==== ENDE KFW 522 ==== */
