.badge{vertical-align:super;font-size:.8em;border-width:1px;border-style:solid;border-color:rgba(0,0,0,0);padding:.25em .5em}.badge--pill{border-radius:1em}.badge--gray-0{background-color:var(--gray-0)}.badge--gray-1{background-color:var(--gray-5)}.badge--gray-2{background-color:var(--gray-10)}.badge--gray-3{background-color:var(--gray-15)}.badge--gray-4{background-color:var(--gray-20)}.badge--gray-5{background-color:var(--gray-25)}.badge--gray-6{background-color:var(--gray-30)}.badge--gray-7{background-color:var(--gray-35)}.badge--gray-8{background-color:var(--gray-40)}.badge--gray-9{background-color:var(--gray-45)}.badge--gray-10{background-color:var(--gray-50)}.badge--gray-11{background-color:var(--gray-55)}.badge--gray-12{background-color:var(--gray-60)}.badge--gray-13{background-color:var(--gray-65)}.badge--gray-14{background-color:var(--gray-70)}.badge--gray-15{background-color:var(--gray-75)}.badge--gray-16{background-color:var(--gray-80)}.badge--gray-17{background-color:var(--gray-85)}.badge--gray-18{background-color:var(--gray-90)}.badge--gray-19{background-color:var(--gray-95)}.badge--gray-20{background-color:var(--gray-100)}.badge--primary{color:var(--white);background-color:var(--primary)}.button{display:inline-flex;flex-flow:row nowrap;gap:.5em;padding:.5em 1em;border-radius:.25em;white-space:nowrap}.button--has-icon{align-items:center}.button--has-icon svg{height:.8em}.button--sm,.button--small{font-size:small}.button--primary{color:var(--white);background-color:var(--primary)}.button--secondary{color:var(--primary);background-color:rgba(0,0,0,0);border:1px solid var(--primary)}.button--success{color:var(--success-10);background-color:var(--success-90)}.button--gray-0{color:var(--white);background-color:var(--gray-0)}.button--outline-gray-0{border:1px solid var(--gray-0)}.button--gray-1{color:var(--white);background-color:var(--gray-5)}.button--outline-gray-1{border:1px solid var(--gray-5)}.button--gray-2{color:var(--white);background-color:var(--gray-10)}.button--outline-gray-2{border:1px solid var(--gray-10)}.button--gray-3{color:var(--white);background-color:var(--gray-15)}.button--outline-gray-3{border:1px solid var(--gray-15)}.button--gray-4{color:var(--white);background-color:var(--gray-20)}.button--outline-gray-4{border:1px solid var(--gray-20)}.button--gray-5{color:var(--white);background-color:var(--gray-25)}.button--outline-gray-5{border:1px solid var(--gray-25)}.button--gray-6{color:var(--white);background-color:var(--gray-30)}.button--outline-gray-6{border:1px solid var(--gray-30)}.button--gray-7{color:var(--white);background-color:var(--gray-35)}.button--outline-gray-7{border:1px solid var(--gray-35)}.button--gray-8{color:var(--white);background-color:var(--gray-40)}.button--outline-gray-8{border:1px solid var(--gray-40)}.button--gray-9{color:var(--white);background-color:var(--gray-45)}.button--outline-gray-9{border:1px solid var(--gray-45)}.button--gray-10{color:var(--white);background-color:var(--gray-50)}.button--outline-gray-10{border:1px solid var(--gray-50)}.button--gray-11{color:var(--body);background-color:var(--gray-55)}.button--outline-gray-11{border:1px solid var(--gray-55)}.button--gray-12{color:var(--body);background-color:var(--gray-60)}.button--outline-gray-12{border:1px solid var(--gray-60)}.button--gray-13{color:var(--body);background-color:var(--gray-65)}.button--outline-gray-13{border:1px solid var(--gray-65)}.button--gray-14{color:var(--body);background-color:var(--gray-70)}.button--outline-gray-14{border:1px solid var(--gray-70)}.button--gray-15{color:var(--body);background-color:var(--gray-75)}.button--outline-gray-15{border:1px solid var(--gray-75)}.button--gray-16{color:var(--body);background-color:var(--gray-80)}.button--outline-gray-16{border:1px solid var(--gray-80)}.button--gray-17{color:var(--body);background-color:var(--gray-85)}.button--outline-gray-17{border:1px solid var(--gray-85)}.button--gray-18{color:var(--body);background-color:var(--gray-90)}.button--outline-gray-18{border:1px solid var(--gray-90)}.button--gray-19,.options .option{color:var(--body);background-color:var(--gray-95)}.button--outline-gray-19{border:1px solid var(--gray-95)}.button--gray-20{color:var(--body);background-color:var(--gray-100)}.button--outline-gray-20{border:1px solid var(--gray-100)}.button--outline-white{border:1px solid var(--white);color:var(--white)}.button--outline-primary{border:1px solid var(--primary)}.button[disabled]{opacity:.5;cursor:not-allowed}.button:focus-visible,.button--focus-visible{color:var(--white);background-color:var(--body);outline:0}a.button{text-decoration:none}.pagination{display:flex;list-style:none}.pagination__item{border:1px solid var(--gray-85);border-right-width:0;width:4ch;height:4ch;display:flex;align-items:center;justify-content:center;background-color:var(--white)}.pagination__item:first-child{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.pagination__item:last-child{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;border-right-width:1px}@media(hover: hover){.pagination__item :hover{background-color:var(--gray-85)}}.pagination__item--current,.pagination__item--current:hover{color:var(--white);border-color:var(--body);background-color:var(--body)}.pagination__item a{width:100%;height:100%;text-decoration:none;text-align:center;display:grid;place-content:center}.configurator{display:grid;grid-template-columns:repeat(12, 1fr);grid-auto-flow:dense;gap:2rem;margin:2rem 0}.configurator__left,.configurator__right,.configurator__products{grid-column:1/-1}@media(min-width: 768px){.configurator__left,.configurator__products{grid-column:span 8}}.configurator__left{display:grid;grid-template-columns:subgrid;gap:2rem}.configurator__left>div:first-child{grid-column:1/-1;display:grid;gap:1rem}.configurator__left>div:first-child>*{margin:0;max-width:100%}.configurator__right{display:grid;gap:2rem}@media(min-width: 768px){.configurator__right{grid-column:9/span 4;align-content:start;position:sticky;top:4rem;border-left:1px solid var(--gray-85);padding:0 0 0 1rem}}.configurator__products{display:grid;grid-template-columns:subgrid;gap:2rem}.configurator__products .product{grid-column:span 6;grid-row:span 2;display:grid;gap:1rem;grid-template-rows:subgrid;text-align:center;padding:1rem;position:relative}.configurator__products .product:has([data-href]){grid-row:span 3}.configurator__products .product:hover{text-decoration:none}.configurator__products .product:hover [data-href]{opacity:.5}.configurator__products .product:has([data-href]:hover) img,.configurator__products .product:has([data-href]:hover) span{opacity:.5}.configurator__products .product:has([data-href]:hover) [data-href]{opacity:1}.configurator__products .product svg[id]{position:absolute;inset:0 0 auto auto;height:1rem;width:1rem;color:var(--primary)}@media(min-width: 768px){.configurator__products .product{grid-column:span 4}}@media(min-width: 1024px){.configurator__products .product{grid-column:span 2}}.configurator__products .product img,.configurator__products .product svg{height:120px;width:100%;object-fit:contain}.configurator__products .product svg{color:var(--gray-75)}.configurator__products>strong,.configurator__products>.button--primary,.configurator__products>.pagination{grid-column:1/-1}.configurator__products>.button--primary,.configurator__products>.pagination{justify-self:center}.configurator h1{grid-column:1/-1;margin:0}.configurator:has(.configurator__info) .configurator__right{grid-row:span 2}.options{display:grid;gap:.5rem}.options .option{align-items:center;border:1px solid rgba(0,0,0,0);padding:.5rem}.options .option picture{width:3rem;aspect-ratio:1;padding:.25rem;border-radius:.25rem;background-color:var(--white)}.options .option picture img{width:100%;height:100%;object-fit:contain}.options .option:hover{background-color:#fff;border:1px solid var(--gray-95)}.options nav{display:flex;justify-content:center;gap:.5rem}.selections{display:grid;grid-template-columns:auto auto 1fr;gap:.5rem}.selections>span:first-child{grid-column:1/-1}.selections .selection{grid-column:1/-1;display:grid;grid-template-columns:subgrid;background-color:var(--gray-95);padding:.5rem}.selections .selection svg{font-size:small}.read-more{position:absolute;bottom:0;left:0;right:0;z-index:1;height:3rem;transition:all .3s linear}.collapse.show .read-more{opacity:0}#readmore.collapse{display:block;overflow:hidden;height:6rem}#readmore.collapsing{display:block;overflow:hidden;height:6rem}#wahlbereich.collapse{display:block;overflow:hidden;height:26rem}#wahlbereich.collapsing{display:block;overflow:hidden;height:26rem}#readmore.collapse.show{height:auto}#wahlbereich.collapse.show{height:auto}