.seite-band:has(.band-render){overflow-x:clip}.band-render{--falz:.74;--rohr-von:.38;--rohr-bis:.58;--ende:.855;--rw:calc(clamp(480px, 55vw, 820px) * var(--render-anteil,1));--unten:clamp(48px, 6vw, 80px);z-index:2;width:var(--rw);margin-bottom:calc(-1 * (var(--unten) + var(--rw) * 1.25 * (1 - var(--falz))));pointer-events:none;place-self:end center;position:relative}.band-render:before{content:"";z-index:-1;top:-15%;bottom:calc((1 - var(--falz)) * 100%);-webkit-mask:radial-gradient(circle calc(var(--rw) * .64) at 49% 67%, #000 99.4%, transparent 100%);-webkit-mask:radial-gradient(circle calc(var(--rw) * .64) at 49% 67%, #000 99.4%, transparent 100%);mask:radial-gradient(circle calc(var(--rw) * .64) at 49% 67%, #000 99.4%, transparent 100%);background:radial-gradient(circle,#0000 11.4px,#ffffff42 12px 17.6px,#0000 18.2px) 0 0/34px 34px;position:absolute;left:-20%;right:-55%}.band-render img{--oben:linear-gradient(to bottom, transparent 0, #000 6%, #000 calc(var(--falz) * 100%), transparent calc(var(--falz) * 100% + 0.2%));--spalte:linear-gradient(to right, transparent calc(var(--rohr-von) * 100% - 3%), #000 calc(var(--rohr-von) * 100% - 1%), #000 calc(var(--rohr-bis) * 100% + 1%), transparent calc(var(--rohr-bis) * 100% + 3%));--auslauf:linear-gradient(to bottom, #000 calc(var(--ende) * 100% + 1.5%), transparent calc(var(--ende) * 100% + 8.5%));width:100%;height:auto;-webkit-mask:var(--oben), var(--spalte), var(--auslauf);-webkit-mask-composite:source-over, source-in;-webkit-mask:var(--oben), var(--spalte), var(--auslauf);mask:var(--oben), var(--spalte), var(--auslauf);display:block;-webkit-mask-composite:source-over,source-in;mask-composite:add,intersect}.band-render[data-ohne-rohre] img{-webkit-mask:linear-gradient(to bottom, transparent 0, #000 6%, #000 calc(var(--falz) * 100% - 6%), transparent calc(var(--falz) * 100%));-webkit-mask:linear-gradient(to bottom, transparent 0, #000 6%, #000 calc(var(--falz) * 100% - 6%), transparent calc(var(--falz) * 100%));mask:linear-gradient(to bottom, transparent 0, #000 6%, #000 calc(var(--falz) * 100% - 6%), transparent calc(var(--falz) * 100%))}@media (max-width:760px){.band-render{--rw:min(92vw, 440px);margin:-12px 0 calc(-1 * var(--rw) * 1.25 * (1 - var(--ende)) + 8px);order:-1;place-self:auto center}.band-render:before{inset:-10% -40% calc((1 - var(--ende)) * 100% - 7%) -30%;-webkit-mask:radial-gradient(circle calc(var(--rw) * .62) at 47% 45%, #000 99.4%, transparent 100%);-webkit-mask:radial-gradient(circle calc(var(--rw) * .62) at 47% 45%, #000 99.4%, transparent 100%);mask:radial-gradient(circle calc(var(--rw) * .62) at 47% 45%, #000 99.4%, transparent 100%)}.band-render img{-webkit-mask:linear-gradient(to bottom, transparent 0, #000 6%, #000 calc(var(--ende) * 100%), transparent calc(var(--ende) * 100% + 8%));-webkit-mask:linear-gradient(to bottom, transparent 0, #000 6%, #000 calc(var(--ende) * 100%), transparent calc(var(--ende) * 100% + 8%));mask:linear-gradient(to bottom, transparent 0, #000 6%, #000 calc(var(--ende) * 100%), transparent calc(var(--ende) * 100% + 8%))}}
.kacheln .ergebnis-kopf{flex-wrap:wrap;align-items:baseline;gap:4px 14px;margin-bottom:16px;display:flex}.kacheln .ergebnis-kopf h2{letter-spacing:-.01em;font-size:1.15rem}.kacheln .ergebnis-kopf span{color:var(--tinte-2);font-size:.86rem}.kacheln .chip-reihe{flex-wrap:wrap;gap:8px;display:flex}.kacheln .chip{border:1.5px solid var(--linie);background:var(--flaeche);font:inherit;color:var(--tinte);cursor:pointer;border-radius:999px;padding:.5em 1.05em;font-size:.88rem;font-weight:600;text-decoration:none;transition:border-color .2s,background .2s;display:inline-block}.kacheln .chip:hover{border-color:var(--tinte-3)}.kacheln .chip[aria-pressed=true],.kacheln .chip[aria-current=page]{border-color:var(--anthrazit);background:var(--anthrazit);color:#fff}.kacheln .chip small{opacity:.6;margin-left:4px;font-weight:500}.kacheln .box-layout{grid-template-columns:260px 1fr;align-items:start;gap:28px;display:grid}.kacheln .filter{background:#f5f4f2;border-radius:18px;padding:16px 16px 6px}.kacheln .filter-kopf{border-bottom:1px solid var(--linie);justify-content:space-between;align-items:baseline;padding-bottom:12px;display:flex}.kacheln .filter-kopf h3{font-size:1.05rem}.kacheln .filter-kopf button{font:inherit;color:var(--rosa-tief);cursor:pointer;background:0 0;border:0;padding:0;font-size:.8rem;font-weight:600;text-decoration:underline}.kacheln .filter details{border-bottom:1px solid var(--linie);padding:12px 0}.kacheln .filter details:last-child{border-bottom:0}.kacheln .filter summary{cursor:pointer;justify-content:space-between;align-items:center;font-size:.9rem;font-weight:700;list-style:none;display:flex}.kacheln .filter summary::-webkit-details-marker{display:none}.kacheln .filter summary:after{content:"";opacity:.55;border-bottom:1.5px solid;border-right:1.5px solid;width:7px;height:7px;transition:transform .28s cubic-bezier(.2,.7,.2,1);transform:rotate(-135deg)translate(-2px,-2px)}.kacheln .filter details:not([open]) summary:after{transform:rotate(45deg)}.kacheln .filter .chip-reihe{gap:6px;padding-top:10px}.kacheln .filter .chip{border-width:1px;padding:.32em .75em;font-size:.8rem}.kacheln .filter .chip small{font-size:.72rem}.kacheln .boxen{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;display:grid}.kacheln .box-karte{text-align:left;border:1px solid var(--linie);border-radius:var(--radius);background:var(--flaeche);grid-template-rows:170px auto;padding:16px;transition:transform .2s,box-shadow .2s,border-color .2s;display:grid;position:relative}.kacheln .box-karte[hidden]{display:none}.kacheln .boxen-mehr{cursor:pointer;margin-top:20px;font-family:inherit}.kacheln .box-karte:hover{border-color:var(--rosa);transform:translateY(-2px);box-shadow:0 16px 36px #231f2014}.kacheln .box-karte svg{width:100%;height:170px}.kacheln .box-karte h3{margin-top:10px;font-size:1rem}.kacheln .box-karte h3 a{color:inherit;text-decoration:none}.kacheln .box-karte h3 a:after{content:"";border-radius:inherit;position:absolute;inset:0}.kacheln .box-karte .zusatz{color:var(--tinte-2);margin-top:2px;font-size:.84rem;line-height:1.4}.kacheln .box-karte .fuss-zeile{border-top:1px solid var(--linie);justify-content:space-between;align-items:baseline;gap:10px;margin-top:12px;padding-top:10px;font-size:.82rem;display:flex}.kacheln .box-karte .mono{z-index:1;color:var(--tinte-3);text-decoration:none;position:relative}.kacheln .box-karte a.mono:hover{color:var(--tinte)}.kacheln .box-karte .datenblatt{z-index:1;color:var(--tinte);font-weight:600;text-decoration:none;position:relative}.kacheln .box-karte .datenblatt:hover{text-underline-offset:3px;text-decoration:underline}.kacheln .preis{font-weight:700}.kacheln .leer{border:1px dashed var(--linie);border-radius:var(--radius);text-align:center;color:var(--tinte-2);padding:40px}@media (min-width:861px){.kacheln .filter.mitfahrend{position:sticky;top:92px}}@media (max-width:860px){.kacheln .box-layout{grid-template-columns:1fr}}@media (max-width:560px){.kacheln .ergebnis-kopf{margin-bottom:14px}.kacheln .boxen{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.kacheln .box-karte{grid-template-rows:118px auto;padding:12px}.kacheln .box-karte svg{height:118px}.kacheln .box-karte h3{margin-top:6px;font-size:.86rem;line-height:1.3}.kacheln .box-karte .zusatz{font-size:.76rem}.kacheln .box-karte .fuss-zeile{flex-direction:column;align-items:flex-start;gap:2px;margin-top:8px;padding-top:8px;font-size:.76rem}}@media (pointer:coarse){.kacheln .chip{min-height:40px}.kacheln .filter .chip{padding:.45em .85em;font-size:.86rem}}@media (hover:none){.kacheln .box-karte:hover{box-shadow:none;border-color:var(--linie);transform:none}.kacheln .box-karte:active{transform:scale(.98)}}