﻿.topic-container.card-grid{--card-min-size:35ch;align-items:stretch;overflow:visible}.topic-card{height:100%;margin-inline:2px;--icon-size:5rem;stroke-width:1;padding:0!important;gap:0!important;grid-template-rows:auto 1fr;align-items:start}.topic-card .card-content{display:grid;gap:.8rem;padding-block:1rem;padding-inline:1rem;height:100%}.topic-card .card-image{background-color:var(--surface-secondary);width:100%;height:10rem;display:grid;padding-block:1rem;place-items:center}.topic-card .lucide{stroke:var(--stroke-brand);width:var(--icon-size);height:var(--icon-size)}.topic-card .header{display:flex;align-items:center;justify-content:space-between;gap:.3rem}.topic-card .title{display:flex;align-items:center;gap:.4rem;font-size:var(--font-size-2)}.topic-card .indicator-count{display:flex;align-items:center;gap:.2em;border:1px solid var(--stroke-tertiary);width:fit-content;border-radius:var(--rounded-round);padding:.3em .8em;background-color:var(--elevated-4);box-shadow:var(--shadow-1);margin-top:auto}.topic-card .indicator-count .lucide{width:1.1rem;height:1.1rem;margin-right:.4em}.topic-card .indicator-count .value{text-box-trim:trim-both;text-box-edge:cap alphabetic;font-size:var(--font-size--1);font-weight:600}.topic-card .indicator-count .label{text-box-trim:trim-both;text-box-edge:cap alphabetic;font-size:var(--font-size--3);color:var(--text-secondary)}.topic-card .definition{margin:0;font-size:var(--font-size--3);color:var(--text-secondary)}[data-theme=dark] .topic-card{outline:1px solid var(--stroke-tertiary)}.topic-card.Nachhaltigkeit{position:relative}.topic-card.Nachhaltigkeit:after{right:0;width:7rem;transform:translate(10%,-10%);background-image:url(/Logos/Nachhaltigkeitsbericht.png);border-radius:var(--rounded-round);border:1px solid var(--stroke-tertiary);box-shadow:var(--shadow-2)}.topic-card.Nachhaltigkeit:after,.topic-card.Nachhaltigkeit:before{position:absolute;content:"";top:0;aspect-ratio:1/1;background-size:cover;background-repeat:no-repeat;background-position:50%;filter:saturate(60%) opacity(50%);transition:transform .3s ease-in-out,border-color .3s ease-in-out,filter .3s ease-in-out}.topic-card.Nachhaltigkeit:before{left:0;width:8rem;transform:translate(-20%,-30%);background-image:url(/STEK/Logo_STEK/png/_STEK_Weiß_hinterlegt_Quer.png)}.topic-card.Nachhaltigkeit:hover:after,.topic-card.Nachhaltigkeit:hover:before{filter:saturate(100%);border-color:var(--stroke-inverted)}.topic-card.Nachhaltigkeit:hover:after{transform:translate(10%,-15%) scale(1.3)}.topic-card.Nachhaltigkeit:hover:before{transform:translate(-20%,-30%) scale(1.3)}