.outer-karten{min-height:802px;background:#fff;padding:148.64px 0 94.104px}.outer-karten h2{text-align:center;margin:0 auto 57.744px}.karten-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34.20822px 28px;justify-items:center}.info-card{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:23.813px;width:100%;max-width:356.128143px;min-height:200.791779px;padding:35.49px 20px 23.347px;background:var(--farbemittel);color:var(--farbehell);text-decoration:none;box-shadow:inset 0 0 0 1px transparent;transition:background-color .2s ease-out,color .2s ease-out,transform .2s ease-out,box-shadow .2s ease-out}.info-card .card-icon{position:relative;display:block;width:31.753px;height:31.753px;flex:none}.info-card .display-font{font-family:var(--font-display);font-size:24px;line-height:32.687px;width:100%;max-width:241.884px;text-align:center}.card-diamond{width:23.348px;height:29.885px;background:var(--orange);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}
@media(max-width:760px){.outer-karten{padding:75px 0 100px;min-height:0}.karten-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.info-card{min-height:170px;gap:18px;padding:20px 12px;max-width:none}.info-card .display-font{font-size:22px;line-height:1.4}.outer-karten h2{margin-bottom:35px}}

.card-icon-image{width:100%;height:100%;object-fit:contain;transition:opacity .2s ease-out}
.card-icon:after{content:"";position:absolute;inset:0;background:var(--farbemittel);mask:var(--card-icon) center/contain no-repeat;opacity:0;transition:opacity .2s ease-out}
.info-card:focus-visible{background:var(--beige);color:var(--farbemittel);box-shadow:inset 0 0 0 1px var(--farbemittel);transform:scale(1.09172);z-index:1}
.info-card:focus-visible .card-icon-image{opacity:0}.info-card:focus-visible .card-icon:after{opacity:1}
@media(hover:hover){.info-card:hover{background:var(--beige);color:var(--farbemittel);box-shadow:inset 0 0 0 1px var(--farbemittel);transform:scale(1.09172);z-index:1}.info-card:hover .card-icon-image{opacity:0}.info-card:hover .card-icon:after{opacity:1}}
@media(prefers-reduced-motion:reduce){.info-card,.card-icon-image,.card-icon:after{transition:none!important}.info-card:is(:hover,:focus-visible){transform:none}}

/* Preserve the Startseite instance's Berkshire Swash override in hover/focus. */
.info-card:focus-visible .display-font{font-size:22.413967px}
@media(hover:hover){.info-card:hover .display-font{font-size:22.413967px}}