.ot{--ot-pad:16px;--ot-blur-dur:.9s;--ot-ease-in:cubic-bezier(.22, 1, .36, 1);--ot-ease-state:cubic-bezier(.65, 0, .35, 1);aspect-ratio:4/5;border-radius:var(--r-card);isolation:isolate;color:var(--sun-ink);background:var(--sun-panel);text-decoration:none;display:block;position:relative;overflow:hidden}@media (max-width:700px){.ot{--ot-pad:12px}}.ot-img{object-fit:cover;object-position:center;transition:transform var(--karte-zoom-dauer) var(--karte-zoom-kurve)}.ot{clip-path:inset(0 round var(--r-card));transition:clip-path var(--karte-dauer) var(--ease-organic)}.ot-veil{z-index:1;pointer-events:none;background:rgba(var(--sun-contrast-rgb), .25);opacity:0;transition:opacity .55s var(--ot-ease-in);position:absolute;inset:0}.ot-pill{background:var(--sun-panel);height:30px;color:var(--sun-ink);white-space:nowrap;font-family:var(--font-greycliff);font-weight:400;font-size:var(--text-caption);letter-spacing:.01em;border-radius:999px;align-items:center;padding:0 12px;line-height:1;display:inline-flex}.ot-top{z-index:2;top:var(--ot-pad);left:var(--ot-pad);right:var(--ot-pad);justify-content:space-between;align-items:flex-start;gap:12px;display:flex;position:absolute}.ot-title-wrap{min-width:0;display:flex}.ot-title{min-width:0;max-width:100%;transition:background-color .55s var(--ot-ease-state), color .55s var(--ot-ease-state)}.ot-title>span{text-overflow:ellipsis;line-height:1.35;display:block;overflow:hidden}.ot-arrow{background:var(--sun-panel);border-radius:999px;flex-shrink:0;width:30px;height:30px;position:relative;overflow:hidden}.ot-arrow>span{transition:transform .55s var(--ot-ease-state);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.ot-arrow>span:nth-child(2){transform:translate(-100%,100%)}.ot-arrow>span:nth-child(3){transform:translate(-200%,200%)}.ot-specs{z-index:2;left:var(--ot-pad);right:var(--ot-pad);bottom:var(--ot-pad);flex-wrap:wrap;gap:4px;display:flex;position:absolute}.ot-bf{opacity:0;filter:blur(6px);transition:opacity var(--ot-blur-dur) var(--ot-ease-in), filter var(--ot-blur-dur) var(--ot-ease-in), transform var(--ot-blur-dur) var(--ot-ease-in);transition-delay:var(--ot-d,0s);transform:translate(-12px)}.ot-wrap{opacity:0;transition:opacity .3s var(--ease-luxury),  transform .3s var(--ease-luxury);transition-delay:var(--ot-in,0s);transform:translateY(-6px)}.ot-wrap.is-in{opacity:1;transform:none}.ot-wrap.is-in .ot-top .ot-bf{opacity:1;filter:blur();transform:none}@media (hover:hover){.ot:hover{cursor:pointer;clip-path:inset(var(--karte-einzug) round calc(var(--r-card) + var(--karte-runder)))}.ot:hover .ot-img{transform:scale(var(--karte-zoom))}.ot:hover .ot-title{background:var(--sun-ink);color:var(--sun-white)}.ot:hover .ot-arrow>span:first-child{transform:translate(200%,-200%)}.ot:hover .ot-arrow>span:nth-child(2){transform:translate(100%,-100%)}.ot:hover .ot-arrow>span:nth-child(3){transform:translate(0)}.ot-wrap.is-in .ot:hover .ot-specs .ot-bf{opacity:1;filter:blur();transform:none}}@media (hover:none){.ot-wrap.is-in .ot-specs .ot-bf{opacity:1;filter:blur();transform:none}}.ot:focus-visible{outline:var(--sun-line-w) solid var(--sun-ink);outline-offset:4px}.ot:focus-visible .ot-specs .ot-bf{opacity:1;filter:blur();transform:none}@media (prefers-reduced-motion:reduce){.ot-wrap,.ot-bf,.ot-img,.ot-veil,.ot-title,.ot-arrow>span{transition:none!important}.ot-wrap{filter:none;transform:none}}
.kf{aspect-ratio:4/5;color:var(--sun-ink);--ot-ease-state:cubic-bezier(.65, 0, .35, 1);text-decoration:none;display:block;position:relative}.kf-flaeche{background:var(--sun-panel);clip-path:inset(0 round var(--r-card));transition:clip-path var(--karte-dauer) var(--ease-organic);position:absolute;inset:0;overflow:hidden}.kf-img{object-fit:cover;transition:transform var(--karte-zoom-dauer) var(--karte-zoom-kurve)}.kf-oben{z-index:2;justify-content:space-between;align-items:flex-start;gap:8px;display:flex;position:absolute;top:16px;left:16px;right:16px}.kf-tags{flex-wrap:wrap;gap:6px;min-width:0;max-width:calc(100% - 38px);display:flex}.kf-stadt,.kf-status{min-width:0;max-width:100%}.kf-status>span{white-space:nowrap;line-height:1.35}.kf-stadt>span{text-overflow:ellipsis;line-height:1.35;overflow:hidden}.kf-pfeil{color:var(--sun-ink);flex-shrink:0}.kf-unten{z-index:2;grid-template-columns:minmax(0,1fr);gap:4px;display:grid;position:absolute;bottom:16px;left:16px;right:16px}.kf-band{display:block;overflow:hidden}.kf-band[data-lauf]{-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 16px calc(100% - 16px),#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 16px calc(100% - 16px),#0000 100%)}.kf-band-spur{gap:4px;display:inline-flex}.kf-band[data-lauf] .kf-band-spur{animation:kf-lauf var(--dauer) linear infinite}@keyframes kf-lauf{0%{transform:translate(0)}to{transform:translateX(calc(-1 * var(--weg)))}}@media (prefers-reduced-motion:reduce){.kf-band[data-lauf] .kf-band-spur{animation:none}}.kf-fakten{flex-wrap:nowrap;flex-shrink:0;gap:4px;display:flex}@media (max-width:767px){.kf-band-spur{width:100%;display:flex}.kf-fakten{flex-wrap:wrap;flex-shrink:1;row-gap:4px;min-width:0}}.kf-mono{font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:-.01em;font-size:13px}.kf-mono>.optik-mitte{position:relative;top:1.35px}.kf-beschreibung{background:var(--sun-panel);border-radius:calc(.5lh + 8px);padding:8px 12px;display:block}.kf-beschreibung>span{-webkit-line-clamp:2;text-wrap:pretty;-webkit-box-orient:vertical;padding-bottom:.08em;display:-webkit-box;overflow:hidden}.hub-rk .kf-flaeche:after{content:"";z-index:3;pointer-events:none;transition:opacity .3s var(--ease-luxury);background:linear-gradient(#0000001a 0%,#0000 30%,#00000073 62%,#000000d1 100%);position:absolute;inset:0}.hub-rk:hover .kf-flaeche:after,.hub-rk:focus-within .kf-flaeche:after,.hub-rk[data-hervor] .kf-flaeche:after{opacity:0}.hub-rk[data-hervor] .kf-flaeche{clip-path:inset(var(--karte-einzug) round calc(var(--r-card) + var(--karte-runder)))}.hub-rk[data-hervor] .kf-img{transform:scale(var(--karte-zoom))}.hub-rk[data-hervor] .kf-pfeil>span:first-child{transform:translate(100%,-100%)}.hub-rk[data-hervor] .kf-pfeil>span:nth-child(2){transform:translate(0)}@media (hover:hover){.kf:hover .kf-flaeche{clip-path:inset(var(--karte-einzug) round calc(var(--r-card) + var(--karte-runder)))}.kf:hover .kf-img{transform:scale(var(--karte-zoom));transition-timing-function:var(--karte-zoom-kurve)}.kf:hover .kf-pfeil>span:first-child{transform:translate(100%,-100%)}.kf:hover .kf-pfeil>span:nth-child(2){transform:translate(0)}}.kf:focus-visible{outline:var(--sun-line-w) solid var(--sun-ink);outline-offset:4px;border-radius:var(--r-card)}.kf-vorschau{object-fit:cover;filter:blur(18px);transform:scale(1.15)}.kf-beschreibung,.kf-unten .ot-pill .t-ziffer{font-weight:500}
.kf-oben .ot-pill,.kf-oben .ot-arrow,.ma-marke .ma-kopf .ot-pill,.ma-marke .ma-kopf .ot-arrow{background:var(--sun-glas-dunkel);color:var(--sun-white)}.kf-oben .kf-pfeil,.ma-marke .kf-pfeil{color:var(--sun-white)}