/* ======= Variables ======= */
/* :root {
  --brand-primary: #4581CF;
  --brand-primary-light: #84DCFF;
  --brand-primary-bg: #DAE6F5;
  --brand-secondary: #013334;
  --neutral-dark: #2B2D2D;
  --neutral-light: #fff;
} */

/* ======= Main Dienstcard - Homepage ======= */
.c-dienstcard{
    height: 320px;
    overflow: hidden !important;
}
.c-dienstcard:hover{
    background-color: #2B2D2D !important;
}

.c-dienstcard:hover .elementor-widget-icon{
    transform: rotate(45deg);
}

/* ======= Homepage - 1st cardsection ======= */
.c-dienstcard--section1{
    position: sticky !important;
    top: 100px;
}

/* ======= Homepage - 2nd cardsection ======= */
.c-dienstcard--section2{
    position: sticky !important;
    top: 260px;
    background-color: var(--neutral-dark) !important;
}
.c-dienstcard--section2:hover{
    background-color: var(--brand-secondary) !important;
}

@media (max-width: 1024px){
    .c-dienstcard--section2{
        height: 380px;
    }
}

@media (max-width: 880px){
    .c-dienstcard--section2{
        top: 140px;
    }
}