.wissen-hero .unterseiten-hero__picture img { object-position: center 46%; }

.wissen-einstieg,
.wissen-fragen,
.wissen-verweise { padding: 110px 0; }

.wissen-einstieg,
.wissen-verweise { background: var(--weiss); }

.wissen-themen {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 16px;
}

.wissen-themen a {
    display: grid;
    min-height: 190px;
    padding: 24px;
    border: 1px solid var(--linie);
    border-radius: 20px;
    background: var(--hell);
    box-shadow: 0 16px 40px rgba(4, 27, 35, .05);
    transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.wissen-themen a:hover,
.wissen-themen a:focus-visible {
    border-color: rgba(0, 164, 179, .45);
    box-shadow: 0 22px 52px rgba(4, 27, 35, .09);
    transform: translateY(-4px);
}

.wissen-themen span {
    color: var(--tuerkis);
    font-size: .78rem;
    font-weight: 900;
    letter-spacing: .15em;
}

.wissen-themen strong {
    align-self: end;
    margin-top: 34px;
    font-size: 1.05rem;
}

.wissen-themen small {
    margin-top: 8px;
    color: var(--grau);
    font-size: .84rem;
    line-height: 1.5;
}

.wissen-checkliste {
    padding: 100px 0;
    color: var(--weiss);
    background: linear-gradient(120deg, #09323d, #061f28);
}

.wissen-checkliste__raster {
    display: grid;
    grid-template-columns: .82fr 1.18fr;
    gap: 80px;
    align-items: center;
}

.wissen-checkliste__text p:not(.eyebrow) {
    max-width: 620px;
    color: rgba(255, 255, 255, .74);
}

.wissen-checkliste__text .button { margin-top: 18px; }

.wissen-checkliste__punkte {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.wissen-checkliste__punkte li {
    display: flex;
    gap: 16px;
    min-height: 118px;
    padding: 20px;
    border: 1px solid rgba(255, 255, 255, .13);
    border-radius: 18px;
    background: rgba(255, 255, 255, .06);
}

.wissen-checkliste__punkte li > span {
    color: var(--tuerkis-hell);
    font-size: .78rem;
    font-weight: 900;
    letter-spacing: .12em;
}

.wissen-checkliste__punkte strong,
.wissen-checkliste__punkte small { display: block; }
.wissen-checkliste__punkte strong { margin-bottom: 7px; }
.wissen-checkliste__punkte small { color: rgba(255, 255, 255, .68); line-height: 1.5; }

.wissen-fragen { background: linear-gradient(180deg, var(--hell), #edf6f7); }
.wissen-fragen__gruppen { display: grid; gap: 24px; }

.wissen-fragengruppe {
    scroll-margin-top: calc(var(--kopfhoehe) + 24px);
    display: grid;
    grid-template-columns: minmax(220px, .52fr) minmax(0, 1.48fr);
    gap: 42px;
    padding: 34px;
    border: 1px solid var(--linie);
    border-radius: 24px;
    background: rgba(255, 255, 255, .92);
    box-shadow: 0 20px 58px rgba(4, 27, 35, .06);
}

.wissen-fragengruppe__kopf {
    display: flex;
    gap: 17px;
    align-items: flex-start;
}

.wissen-fragengruppe__kopf > span {
    display: grid;
    flex: 0 0 46px;
    width: 46px;
    height: 46px;
    place-items: center;
    border-radius: 14px;
    color: var(--weiss);
    background: var(--dunkel);
    font-size: .78rem;
    font-weight: 900;
}

.wissen-fragengruppe__kopf h3 { margin: 3px 0 8px; font-size: clamp(1.35rem, 2vw, 1.85rem); }
.wissen-fragengruppe__kopf p { margin: 0; color: var(--grau); font-size: .92rem; }

.wissen-fragengruppe .faq-liste details { background: var(--hell); }
.wissen-fragengruppe .faq-liste .cms-text { padding: 0 24px 24px; color: var(--grau); }
.wissen-fragengruppe .faq-liste .cms-text p { padding: 0; }
.wissen-fragengruppe .faq-liste .cms-text p:last-child { margin-bottom: 0; }

@media (max-width: 1120px) {
    .wissen-themen { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 900px) {
    .wissen-einstieg,
    .wissen-fragen,
    .wissen-verweise { padding: 78px 0; }

    .wissen-checkliste { padding: 78px 0; }
    .wissen-checkliste__raster,
    .wissen-fragengruppe { grid-template-columns: 1fr; gap: 34px; }
}

@media (max-width: 680px) {
    .wissen-themen,
    .wissen-checkliste__punkte { grid-template-columns: 1fr; }
    .wissen-themen a { min-height: 150px; }
    .wissen-themen strong { margin-top: 22px; }
    .wissen-fragengruppe { padding: 22px; border-radius: 18px; }
    .wissen-fragengruppe__kopf { gap: 13px; }
    .wissen-fragengruppe__kopf > span { flex-basis: 42px; width: 42px; height: 42px; }
}