.preisspanne{display:grid;gap:var(--space-4);container:preis / inline-size}.preisspanne .preis-titel,.preisspanne .preis-einleitung{margin:0}.preisspanne .preistabelle,.preisspanne .preistabelle thead,.preisspanne .preistabelle tbody{display:block;width:100%}.preisspanne .preis-caption{display:block;padding-bottom:var(--space-5);text-align:left;font-size:var(--fs-h4);font-weight:var(--w-fett);line-height:var(--lh-titel);letter-spacing:var(--track-eng)}.preisspanne .preis-caption-leise{font-family:var(--font-mono);font-size:var(--fs-mono);font-weight:var(--w-mittel);letter-spacing:var(--track-mono);text-transform:uppercase;color:var(--schiefer-ink)}.preisspanne .preis-caption-versteckt{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.preisspanne .preistabelle tr{display:grid;grid-template-columns:29fr 21fr 16fr 34fr;grid-template-areas:"leistung preis einheit treiber" "leistung preis einheit treiber";grid-template-rows:auto 1fr;column-gap:var(--space-5);align-items:start;padding:var(--space-6) var(--space-5);border-bottom:var(--border) solid var(--linie-stark)}.preisspanne .preistabelle th,.preisspanne .preistabelle td{display:block;padding:0;text-align:left;overflow-wrap:break-word}.preisspanne .preistabelle thead tr{grid-template-areas:"leistung preis einheit treiber";grid-template-rows:auto;padding-block:var(--space-3);border-block:var(--border) solid var(--linie-stark)}.preisspanne thead th{font-family:var(--font-mono);font-size:var(--fs-mono);font-weight:var(--w-mittel);letter-spacing:var(--track-mono);text-transform:uppercase;color:var(--schiefer-ink)}.preisspanne .preis-leistung{grid-area:leistung}.preisspanne .preis-wert{grid-area:preis}.preisspanne td:nth-last-child(2){grid-area:einheit}.preisspanne td:last-child{grid-area:treiber}.preisspanne thead th:nth-last-child(4){grid-area:leistung}.preisspanne thead th:nth-last-child(3){grid-area:preis}.preisspanne thead th:nth-last-child(2){grid-area:einheit}.preisspanne thead th:last-child{grid-area:treiber}.preisspanne .preis-leistung{font-size:var(--fs-h4);font-weight:var(--fw-bold);line-height:var(--lh-titel);letter-spacing:var(--track-eng)}.preisspanne .preis-wert{font-family:var(--font-mono);font-size:var(--fs-zahl-tabelle);font-weight:var(--fw-bold);white-space:nowrap;letter-spacing:var(--track-h2);line-height:var(--lh-titel);font-variant-numeric:tabular-nums}.preisspanne .preis-wert[data-pa]:after{content:"Festpreis";display:block;margin-top:var(--space-2);font-size:var(--fs-mono);font-weight:var(--w-mittel);letter-spacing:var(--track-mono);text-transform:uppercase;line-height:var(--lh-titel);color:var(--schiefer-ink)}.preisspanne .preis-wert[data-pa=s]:after{content:"Spanne, je nach Umfang";white-space:normal}.preisspanne td:nth-last-child(2){margin-top:var(--space-2);font-family:var(--font-mono);font-size:var(--fs-mono);letter-spacing:var(--track-mono);text-transform:uppercase;color:var(--schiefer-ink)}.preisspanne .preis-hinweis{margin:0;color:var(--schiefer-ink);text-transform:none;letter-spacing:.02em}.preisspanne tr.hervor{border-radius:var(--radius);border-bottom-color:transparent;background:var(--navy);color:var(--creme)}.preisspanne tr.hervor .preis-wert{color:var(--koralle);font-size:var(--fs-zahl-gross)}.preisspanne tr.hervor td:nth-last-child(2),.preisspanne tr.hervor td:last-child:before{color:var(--creme)}.preisspanne tr.hervor .preis-wert[data-pa]:after{color:var(--creme)}@container preis (max-width: 55.99rem){.preisspanne .preistabelle thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.preisspanne .preistabelle tr{grid-template-columns:minmax(0,1fr);grid-template-areas:"leistung" "preis" "einheit" "treiber";grid-template-rows:none;row-gap:var(--space-1);padding:var(--space-6) 0}.preisspanne tr.hervor{padding-inline:var(--space-5)}.preisspanne .preis-wert{margin-top:var(--space-2);font-size:var(--fs-zahl)}.preisspanne tbody td:last-child{margin-top:var(--space-3)}.preisspanne tbody td:last-child:before{content:"Preis hängt ab von";display:block;margin-bottom:var(--space-1);font-family:var(--font-mono);font-size:var(--fs-mono);letter-spacing:var(--track-mono);text-transform:uppercase;color:var(--schiefer-ink)}}.preisspanne .preistabelle [hidden]{display:none}.preisspanne .mit-auswahl tr{grid-template-columns:var(--space-12) 25fr 20fr 16fr 27fr;grid-template-areas:"wahl leistung preis einheit treiber"}.preisspanne .mit-auswahl thead tr{grid-template-areas:"wahl leistung preis einheit treiber"}.preisspanne .preistabelle .sp-wahl{grid-area:wahl;white-space:nowrap}.preisspanne .preistabelle input.wahl{width:var(--space-6);height:var(--space-6);margin:0;accent-color:var(--navy)}.preisspanne .preistabelle td.hat-menge{display:flex;align-items:baseline;flex-wrap:nowrap;gap:var(--space-2);white-space:nowrap}.preisspanne .auswahl-menge{display:block;margin:0}.preisspanne .auswahl-menge input{width:4ch;appearance:textfield;-moz-appearance:textfield;vertical-align:baseline;box-sizing:content-box;min-height:var(--space-8);padding-inline:var(--space-2);border:0;border-radius:var(--radius);background:var(--creme);box-shadow:inset 0 0 0 var(--kante-feld) var(--navy);color:var(--navy);font:inherit;text-transform:none}.preisspanne .auswahl-menge input::-webkit-inner-spin-button,.preisspanne .auswahl-menge input::-webkit-outer-spin-button{appearance:none;margin:0}@container preis (max-width: 55.99rem){.preisspanne .mit-auswahl tr{grid-template-columns:var(--space-10) minmax(0,1fr);grid-template-areas:"wahl leistung" "wahl preis" "wahl einheit" "wahl treiber"}}