/* ---------- Über uns ---------- */
.ueber { max-width: 1100px; margin: 0 auto; padding: 96px var(--pad) 120px; }
.ueber__titel { margin: 10px 0 0; font-size: clamp(52px, 8vw, 120px); font-weight: 500; line-height: .95; letter-spacing: -0.04em; }
.ueber__lead { margin: 32px 0 0; max-width: 30em; font-size: clamp(20px, 2vw, 26px); line-height: 1.55; }
.ueber__abschnitt { margin-top: 112px; }
.ueber__abschnitt > h2 { margin: 0 0 32px; padding-bottom: 16px; border-bottom: 1px solid rgba(71,20,35,.3); font-size: clamp(30px, 3.4vw, 46px); font-weight: 500; letter-spacing: -0.02em; }
.ueber__text p { margin: 0 0 1.1em; max-width: 36em; font-size: 19px; line-height: 1.7; }
.ueber__leer { margin: 0; font-size: 18px; opacity: .7; }

.ueber__fotos { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 20px; }
.ueber__foto { margin: 0; }
.ueber__foto img { display: block; width: 100%; aspect-ratio: 3 / 4; object-fit: cover; background: #e4ded6; }
.ueber__foto figcaption, .ueber__video figcaption { margin-top: 10px; font-size: 15px; }

.ueber__videos { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 32px; }
.ueber__video { margin: 0; }
.ueber__videorahmen { position: relative; aspect-ratio: 16 / 9; background: var(--burgund); }
.ueber__videorahmen iframe, .ueber__videorahmen video { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }

.presse { list-style: none; margin: 0; padding: 0; }
.presse__eintrag { padding: 26px 0; border-bottom: 1px solid rgba(71,20,35,.3); }
.presse__kopf { margin: 0 0 6px; font-size: 13px; font-weight: 600; text-transform: uppercase; letter-spacing: .08em; }
.presse__titel { margin: 0; font-size: 26px; font-weight: 500; line-height: 1.25; }
.presse__zitat { margin: 12px 0 0; font-family: 'Beautique', Georgia, serif; font-style: italic; font-size: 22px; line-height: 1.4; }
.bento { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); grid-auto-rows: clamp(120px, 14vw, 190px); grid-auto-flow: dense; gap: 10px; }
.bento__kachel { position: relative; grid-column: span var(--sp, 1); grid-row: span var(--ze, 1); padding: 0; border: 0; overflow: hidden; cursor: zoom-in; background: #e4ded6; }
.bento__kachel img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .7s cubic-bezier(.2,.8,.2,1); }
.bento__kachel:hover img { transform: scale(1.06); }
.bento__kachel::after { content: ""; position: absolute; inset: 0; box-shadow: inset 0 0 0 0 var(--rosa); transition: box-shadow .35s; pointer-events: none; }
.bento__kachel:hover::after { box-shadow: inset 0 0 0 6px var(--rosa); }
.bento__text { position: absolute; left: 10px; bottom: 10px; padding: 4px 10px; background: var(--creme); color: var(--burgund); font-size: 13px; opacity: 0; transition: opacity .3s; }
.bento__kachel:hover .bento__text { opacity: 1; }
@media (max-width: 700px) { .bento { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: 140px; } }
.bento__gross { border: 0; padding: 0; background: transparent; max-width: 94vw; max-height: 94vh; overflow: visible; }
.bento__gross::backdrop { background: rgba(28, 8, 16, .88); }
.bento__gross figure { margin: 0; }
.bento__gross img { display: block; max-width: 86vw; max-height: 82vh; object-fit: contain; }
.bento__gross figcaption { margin-top: 12px; color: var(--creme); text-align: center; font-size: 15px; }
.bento__zu, .bento__pfeil { position: fixed; width: 52px; height: 52px; border: 0; background: var(--creme); color: var(--burgund); font-size: 30px; cursor: pointer; display: flex; align-items: center; justify-content: center; }
.bento__zu { top: 20px; right: 20px; }
.bento__pfeil { top: 50%; transform: translateY(-50%); }
.bento__pfeil--l { left: 20px; }
.bento__pfeil--r { right: 20px; }
.bento__mehr { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; background: rgba(71,20,35,.62); color: var(--creme); font-size: clamp(24px, 3vw, 40px); font-weight: 500; }
.bento__kachel:hover .bento__mehr { background: rgba(71,20,35,.45); }