/* Stellen */

section.hero-stellen {
    background: linear-gradient(180deg, #FFF 0%, #86CDDB 100%);
    height: 365px;
    padding-top: 200px;
    padding-bottom: 100px;
}

section.stellen .row {
    padding-top: 100px;
    padding-bottom: 100px;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

section.stellen .row .entry-content {
    display: flex;
    padding: 30px;
    flex-direction: column;
    gap: 10px;
    align-self: stretch;
    border-radius: 30px;
    border: 1px solid transparent;
    transition: border-color 250ms ease-in-out;
    color:var(--brown);
    background: #FFF;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.05), 0 3px 4px 0 rgba(0, 0, 0, 0.02), 0 8px 20px 0 rgba(0, 0, 0, 0.02);
}


section.stellen .row .entry-content:hover {
    border-color:var(--brown);
}

section.stellen .row .entry-content>* {
    transition: transform 250ms ease-in-out;
}

section.stellen .row .entry-content:hover>* {
    transform: translateY(-5px);
}

section.stellen .row .entry-content svg {
    filter: drop-shadow(0 8px 5px rgba(96, 105, 116, 0)) drop-shadow(0 4px 4px rgba(96, 105, 116, 0)) drop-shadow(0 2px 3px rgba(96, 105, 116, 0)) drop-shadow(0 0.5px 2px rgba(96, 105, 116, 0));
    transition: transform 250ms ease-in-out, filter 250ms ease-in-out;
}

section.stellen .row .entry-content:hover svg {
    filter: drop-shadow(0 8px 5px rgba(96, 105, 116, 0.10)) drop-shadow(0 4px 4px rgba(96, 105, 116, 0.10)) drop-shadow(0 2px 3px rgba(96, 105, 116, 0.10)) drop-shadow(0 0.5px 2px rgba(96, 105, 116, 0.10));
    transform: translateY(-5px);
}

section.stellen.spontan {
    border-top: 1px solid #513929;
}

section.stellen.spontan .grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 50px;
}

@media (max-width: 767px) {
    section.stellen.spontan .grid {
        grid-template-columns: 1fr;
    }

    section.stellen .row .entry-content h4 {
        gap: 15px;
    }



    section.stellen .row .entry-content svg {
        flex-shrink: 0;
    }
}