/* Startseite 14.11.2026: Leistungskarten mit Ausklappen, „Außerdem“ als Bildkacheln, Weiterlesen als Bildkarten. */
/* --- Leistungskarten: kurz zuerst, Rest klappt auf --- */
.h6-leistungen .hs26-w6-kompetenzen:has(details[open]){align-items:start}
.h7-teaser{margin:0}
.h7-mehr{position:relative;z-index:2;margin:6px 0 4px;border-top:1px solid rgba(14,47,67,.12)}
.h7-mehr summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0 6px;cursor:pointer;font-weight:600;font-size:15.5px;color:#0e2f43}
.h7-mehr summary::-webkit-details-marker{display:none}
.h7-mehr summary i{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#f4f1ea;box-shadow:inset 0 0 0 1px rgba(185,149,87,.55);transition:transform .35s ease,background .25s}
.h7-mehr summary i svg{width:16px;height:16px;fill:none;stroke:#8a6420;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.h7-mehr summary:hover i{background:#f6ecd7}
.h7-mehr[open] summary i{transform:rotate(180deg)}
.h7-mehr summary:focus-visible{outline:3px solid #b99557;outline-offset:3px;border-radius:8px}
.h7-mehr .z{display:none}.h7-mehr[open] .z{display:inline}.h7-mehr[open] .a{display:none}
.h7-mehr__inhalt{padding:8px 0 4px;animation:h7-auf .35s ease}
.h7-mehr__inhalt>p{margin:0 0 14px}
.h7-mehr__titel{margin:4px 0 10px !important;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#7a5a22}
@keyframes h7-auf{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}

/* --- Außerdem: Bildkacheln auf dunklem Grund --- */
.h7-weitere{margin-top:clamp(40px,5vw,64px)}
.h7-weitere__kopf{margin:0 0 18px;font-size:13px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#d4b06f}
.h7-weitere__raster{list-style:none;margin:0;padding:0;display:grid;grid-auto-rows:1fr;gap:18px;grid-template-columns:repeat(3,minmax(0,1fr))}
.h7-weitere__raster>li{display:flex}
.h7-kachel{display:flex;flex-direction:column;width:100%;border-radius:16px;overflow:hidden;text-decoration:none;color:#fff;background:linear-gradient(170deg,rgba(255,255,255,.07),rgba(255,255,255,.03));box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);transition:transform .3s ease,box-shadow .3s ease,background .3s}
.h7-kachel__bild{display:block;aspect-ratio:16/9;overflow:hidden;background:#10344a}
.h7-kachel__bild img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.h7-kachel__text{display:flex;flex-direction:column;gap:6px;flex:1;padding:16px 18px 18px}
.h7-kachel__titel{font-family:var(--display);font-size:21px;line-height:1.2;color:#fff}
.h7-kachel__satz{font-size:14.5px;line-height:1.5;color:rgba(255,255,255,.74)}
.h7-kachel__los{margin-top:auto;padding-top:10px;display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:14.5px;color:#d4b06f}
.h7-kachel__los svg,.h7-karte__los svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .3s ease}
.h7-kachel:hover{transform:translateY(-4px);background:linear-gradient(170deg,rgba(255,255,255,.11),rgba(255,255,255,.05));box-shadow:inset 0 0 0 1px rgba(212,176,111,.55)}
.h7-kachel:hover img,.h7-karte:hover img{transform:scale(1.05)}
.h7-kachel:hover .h7-kachel__los svg,.h7-karte:hover .h7-karte__los svg{transform:translateX(4px)}
.h7-kachel:focus-visible,.h7-karte:focus-visible,.h7-tor:focus-visible{outline:3px solid #d4b06f;outline-offset:3px}

/* --- Weiterlesen: Bildkarten auf Elfenbein --- */
.h7-lesen{list-style:none;margin:clamp(32px,4vw,48px) 0 0;padding:0;display:grid;grid-auto-rows:1fr;gap:18px;grid-template-columns:repeat(3,minmax(0,1fr))}
.h7-lesen>li{display:flex}
.h7-karte{display:grid;grid-template-columns:132px minmax(0,1fr);width:100%;border-radius:16px;overflow:hidden;background:#fff;text-decoration:none;color:#0e2f43;box-shadow:0 1px 0 rgba(14,47,67,.06),0 12px 30px -20px rgba(14,47,67,.4);outline:1px solid rgba(14,47,67,.07);transition:transform .3s ease,box-shadow .3s ease}
.h7-karte__bild{display:block;overflow:hidden;background:#10344a}
.h7-karte__bild img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.h7-karte__text{display:flex;flex-direction:column;gap:6px;padding:16px 18px}
.h7-karte__meta{align-self:flex-start;padding:3px 10px;border-radius:999px;background:#f6ecd7;font-size:12px;font-weight:600;color:#7a5a22}
.h7-karte__titel{font-family:var(--display);font-size:18px;line-height:1.25;color:#0e2f43}
.h7-karte__los{margin-top:auto;padding-top:6px;display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:#8a6420}
.h7-karte:hover{transform:translateY(-3px);box-shadow:0 1px 0 rgba(14,47,67,.06),0 18px 38px -20px rgba(14,47,67,.5)}

.h7-tore{display:grid;gap:18px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:clamp(28px,3.5vw,44px)}
.h7-tor{position:relative;display:flex;align-items:flex-end;min-height:220px;border-radius:20px;overflow:hidden;text-decoration:none;color:#fff;isolation:isolate}
.h7-tor img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;transition:transform .7s ease}
.h7-tor::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(8,31,48,.05) 0%,rgba(8,31,48,.55) 40%,rgba(8,31,48,.92) 100%)}
.h7-tor__text{display:flex;flex-direction:column;gap:6px;padding:24px 26px}
.h7-tor__art{font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#d4b06f}
.h7-tor__titel{font-family:var(--display);font-size:clamp(24px,2.4vw,32px);line-height:1.1;color:#fff !important}
.h7-tor__satz{font-size:15px;line-height:1.5;color:rgba(255,255,255,.85)}
.h7-tor__los{display:inline-flex;align-items:center;gap:8px;margin-top:8px;align-self:flex-start;padding:10px 18px;border-radius:999px;background:#d4b06f;color:#0e2f43;font-weight:700;font-size:15px}
.h7-tor__los svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .3s ease}
.h7-tor:hover img{transform:scale(1.05)}
.h7-tor:hover .h7-tor__los svg{transform:translateX(4px)}

@media (max-width:1099px){.h7-weitere__raster,.h7-lesen{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.h7-weitere__raster{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.h7-kachel__text{padding:12px 13px 14px}.h7-kachel__titel{font-size:17px}.h7-kachel__satz{display:none}
 .h7-lesen{grid-template-columns:minmax(0,1fr)}.h7-karte{grid-template-columns:104px minmax(0,1fr)}.h7-tore{grid-template-columns:minmax(0,1fr)}.h7-tor{min-height:190px}}
@media (prefers-reduced-motion:reduce){.h7-kachel,.h7-karte,.h7-tor img,.h7-kachel__bild img,.h7-karte__bild img,.h7-mehr summary i{transition:none}.h7-mehr__inhalt{animation:none}}

/* --- Preisband mit Bildern (14.11. nachmittags) --- */
.h7-preise.hs26-w6-preise{gap:16px;border:0;border-radius:0;background:none;overflow:visible;grid-auto-rows:1fr}
.h7-preise.hs26-w6-preise>div{display:flex;flex-direction:column;padding:0;border:0 !important;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 1px 0 rgba(14,47,67,.06),0 12px 30px -20px rgba(14,47,67,.4);outline:1px solid rgba(14,47,67,.07);transition:transform .3s ease,box-shadow .3s ease}
.h7-preise.hs26-w6-preise>div:hover{transform:translateY(-3px);box-shadow:0 1px 0 rgba(14,47,67,.06),0 18px 38px -20px rgba(14,47,67,.5)}
.h7-preise .h7-preis__bild{order:-1;position:relative;margin:0;aspect-ratio:16/10;overflow:hidden;background:#10344a}
.h7-preise .h7-preis__bild img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.h7-preise>div:hover .h7-preis__bild img{transform:scale(1.05)}
.h7-preise .h7-preis__bild::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,31,48,0) 45%,rgba(8,31,48,.55))}
.h7-preis__marken{position:absolute;z-index:1;left:12px;right:12px;bottom:12px;display:flex;flex-wrap:wrap;gap:6px}
.h7-preis__marken span{padding:5px 11px;border-radius:999px;background:rgba(8,31,48,.82);box-shadow:inset 0 0 0 1px #d4b06f;font-family:var(--body);font-size:12.5px;font-weight:700;letter-spacing:.02em;color:#fff;backdrop-filter:blur(4px)}
.h7-preise dt{padding:16px 18px 0}
.h7-preise dd:not(.h7-preis__bild){padding:0 18px 18px}
.h7-preise dt a::after{content:"";position:absolute;inset:0}
.h7-preise>div{position:relative}
.h7-preise dt a:focus-visible{outline:none}.h7-preise>div:has(dt a:focus-visible){outline:3px solid #b99557;outline-offset:3px}
@media (max-width:1099px){.h7-preise.hs26-w6-preise{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr}.h7-preise.hs26-w6-preise>div{grid-column:auto !important}}
@media (max-width:640px){.h7-preise.hs26-w6-preise{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.h7-preise dt{padding:12px 12px 0}.h7-preise dd:not(.h7-preis__bild){padding:0 12px 14px}}
@media (prefers-reduced-motion:reduce){.h7-preise>div,.h7-preise .h7-preis__bild img{transition:none}}