/* Brancheneinstiege in der bestehenden Deep5-Navigation und Leistungsseite. */
.nav__klappe .nav__unterthemen{list-style:none;margin:0 0 10px;padding:0 0 0 16px;border-left:1px solid var(--linie)}
.nav__klappe .nav__unterthemen li{margin:0;padding:0;border:0}
.nav__klappe .nav__unterthemen a{display:flex;min-height:38px;padding:5px 0;font-size:13px;font-weight:400;color:var(--text-3)}
.nav__klappe .nav__unterthemen a:hover{color:var(--bordeaux)}
.menu__gruppe .menu__unter .menu__unterthemen{list-style:none;margin:0 0 8px;padding:0 0 0 18px;border-left:1px solid var(--linie)}
.menu__gruppe .menu__unter .menu__unterthemen li a{display:flex;align-items:center;min-height:44px;padding:7px 0;font-size:14px;font-weight:400;color:var(--text-3)}
.menu__gruppe .menu__unter .menu__unterthemen li a::before{content:none}
.leistung__beispiel{margin:15px 0 0}
.leistung__beispiel .tief-link{position:relative;z-index:2;font-size:14px;min-height:44px;display:inline-flex;align-items:center;gap:12px}
.leistungen[data-aktiv] .leistung__beispiel .tief-link{color:var(--text-hell-1);border-color:var(--hellblau-30)}
.leistungen[data-aktiv] .leistung__beispiel .tief-link:hover,.leistungen[data-aktiv] .leistung__beispiel .tief-link:focus-visible{color:var(--hellblau);border-color:var(--hellblau)}
.anwendungsbeispiel{padding-block:64px}
.anwendungsbeispiel__in{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:stretch;margin-top:32px}
.anwendungsbeispiel h2{font-size:clamp(28px,3vw,40px);line-height:1.15;margin:17px 0 16px;max-width:30ch}
.anwendungsbeispiel__angebot{display:flex;flex-direction:column;min-width:0;padding:32px;background:var(--hellblau)}
.anwendungsbeispiel__angebot--projekt{background:var(--papier);border:1px solid var(--linie)}
.anwendungsbeispiel__angebot h3{font-size:clamp(25px,2.5vw,32px);line-height:1.15;margin:22px 0 16px;max-width:24ch}
.anwendungsbeispiel__angebot p:not(.label){max-width:54ch;margin:0 0 16px}
.anwendungsbeispiel__angebot .anwendungsbeispiel__preis{font-size:20px;font-weight:600;color:var(--tinte);margin-top:10px}
.anwendungsbeispiel__angebot .anwendungsbeispiel__details{font-size:14px;color:var(--text-3)}
.anwendungsbeispiel__angebot>.tief-link{align-self:flex-start;margin-top:auto;min-height:44px;display:inline-flex;align-items:center;gap:12px}
.anwendungsbeispiel__bild{position:relative;display:block;min-width:0;overflow:hidden;text-decoration:none}
.anwendungsbeispiel__bild{margin:8px 0 22px}
.anwendungsbeispiel__bild img{width:100%;height:auto;max-height:230px;aspect-ratio:2/1;object-fit:cover}
.anwendungsbeispiel__bild span{position:absolute;bottom:16px;left:16px;padding:9px 13px;background:var(--papier);color:var(--tinte);font-size:13px;font-weight:500}
.tafel__kontext h2{font-size:clamp(28px,3vw,40px);line-height:1.15;max-width:27ch;margin:0 0 20px}
.tafel__kontext p{max-width:76ch;margin:0 0 24px;color:var(--text-3)}
#individuelle-wissenssysteme{border-top:1px solid var(--linie);padding-top:64px}
@media(max-width:800px){.anwendungsbeispiel__in{gap:20px}.anwendungsbeispiel{padding-block:40px}.anwendungsbeispiel__angebot{padding:24px}.anwendungsbeispiel__angebot .label{font-size:10px}}
@media(max-width:680px){.anwendungsbeispiel__in{grid-template-columns:1fr}.anwendungsbeispiel h2{max-width:none}.anwendungsbeispiel__angebot>.tief-link{margin-top:12px}}
