.card{--card-text-reveal-height: 4.5rem}.card:has(.card-action){cursor:pointer}.card .card-inner .card-image{position:relative}.card .card-inner .card-image img{display:block;aspect-ratio:5/4;width:100%;height:auto;object-fit:cover;border-bottom-right-radius:.66rem}.card .card-inner .card-image .info-badge-image{position:absolute;top:.66rem;right:.66rem}.card .card-inner .card-image .card-badges{position:absolute;top:.66rem;left:.66rem;z-index:2;display:inline-flex;gap:.5rem}.card .card-inner .card-image .card-badges .badge{position:static}.card .card-inner .card-image .badge{position:absolute;top:.66rem;left:.66rem;z-index:2}.card .card-content{position:relative;z-index:3;background-color:#fff;margin-top:-2rem;padding:2rem 1.5rem .66rem .66rem;border-top-right-radius:.66rem;width:calc(100% - 2.5rem);transition:margin-top .3s ease-out}.card .card-content .card-badges{display:inline-flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.card .card-content .card-badges .badge{margin-bottom:0}.card .card-content .card-label{color:var(--clr-brand-800);font-weight:var(--fw-600);font-size:var(--fs-500);line-height:var(--lh-150);margin-bottom:.5rem}.card .card-content .card-contact{color:var(--clr-brand-800);font-size:var(--fs-200);display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;margin-bottom:1rem}.card .card-content .card-contact a{letter-spacing:.01em;color:var(--clr-brand-800);padding-left:.5rem}.card .card-content .card-contact a:before{bottom:0;left:.5rem}.card .card-content .card-contact a:after{height:1rem;width:1rem;top:.17rem}.card .card-content .card-text{font-size:var(--fs-200);letter-spacing:.01em;color:var(--clr-brand-500);line-height:var(--lh-300)}@media (min-width: 768px){.card .card-content .card-text--hover-reveal{max-height:0;overflow:hidden;transition:max-height .3s ease-out}}.card .card-content .card-text:not(:last-child){margin-bottom:1rem}.card .card-content .card-list{list-style:none;margin:0 0 1rem;padding:0;display:flex;flex-direction:column;gap:.25rem}.card .card-content .card-list .card-list__item{display:flex;align-items:flex-start;gap:.5rem;color:var(--clr-brand-500);font-size:var(--fs-200);line-height:var(--lh-300)}.card .card-content .card-list .card-list__item .icon{flex:0 0 auto;color:var(--clr-brand-800);margin-top:.125rem}.card .card-content .card-list .card-list__item .card-list__text{letter-spacing:.01em}.card .card-content .card-action .button{aspect-ratio:1;position:relative;width:2rem;height:2rem;padding:0;display:inline-flex;align-items:center;justify-content:center}.card .card-content .card-action .button .button__label{position:relative;text-decoration:none}.card .card-content .card-action .button .button__label:after{content:"";position:absolute;left:0;right:0;bottom:-.25rem;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.card .card-content .card-action .button .button__label{position:absolute;left:140%;white-space:nowrap;color:var(--clr-accent-500);font-size:var(--fs-50);line-height:1;font-weight:var(--fw-500)}.card .card-content .card-action .button:hover .button__label{color:var(--clr-accent-500)}.card .card-content .card-action .button:hover .button__label:after{transform:scaleX(1)}@media (min-width: 768px){.card.card--big{position:relative}.card.card--big .card-inner .card-image .info-badge-image{top:unset;bottom:.66rem}.card.card--big .card-content{width:min(39.375rem,50%);position:absolute;margin:auto auto 0 0;inset:0;height:fit-content}}.card.card--teaser .card-content,.card.card--list .card-content{width:100%;border-radius:.75rem;border:1px solid var(--clr-base-100);padding:1.5rem;margin-top:unset}.card.card--teaser .card-content{border-color:var(--clr-accent-100)}.card.card--teaser .card-label{font-size:var(--fs-400)}.card.card--no-image .card-content{margin-top:unset}@media (min-width: 768px){.card:hover .card-text--hover-reveal,.card:focus-within .card-text--hover-reveal{max-height:var(--card-text-reveal-height)}}@media (min-width: 768px){.card:hover .card-content:has(.card-text--hover-reveal),.card:focus-within .card-content:has(.card-text--hover-reveal){margin-top:calc(-2rem - var(--card-text-reveal-height))}}.card:hover .card-action .button,.card:focus-within .card-action .button{background-color:var(--_btn-bg-hover);color:var(--_btn-text-hover);border-color:var(--_btn-border-hover)}.card:hover .card-action .button .button__label:after,.card:focus-within .card-action .button .button__label:after{transform:scaleX(1)}
