.homepage #ueber-uns{position:relative;isolation:isolate;background:#192b2d;overflow:visible}
.silver.hero-layout.homepage #ueber-uns{padding-top:128px}
#ueber-uns .about-background{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
#ueber-uns .about-background img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
#ueber-uns .about-background:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#081e2bd1 0%,#0b25367d 48%,#071e2bc7 100%)}
.homepage #ueber-uns>.container{position:relative;z-index:1;width:min(1680px,92%)}
#ueber-uns .about-intro p,#ueber-uns .about-journey p:not(.eyebrow),#ueber-uns .about-origin p{color:#dce7ed;text-shadow:0 1px 4px #061823}
.about-heading{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,64px);align-items:start;margin-bottom:32px}
.about-lead>p:not(.eyebrow){max-width:48ch;font-size:clamp(14px,1.05vw,17px);line-height:1.65;color:#dce7ed;text-shadow:0 1px 4px #061823;margin:20px 0 0}
.homepage #ueber-uns .eyebrow{font-size:11px;line-height:1.4;letter-spacing:.16em;text-transform:uppercase;color:#ffd16a;margin:0 0 10px}
.homepage #ueber-uns h2{font-size:clamp(32px,3.1vw,50px);line-height:1.12;margin:0;letter-spacing:-.04em}
.homepage #ueber-uns h2 span{color:#ffd16a}
.about-intro p{font-size:clamp(14px,1.05vw,17px);line-height:1.55;color:#c7d8e1;margin:0 0 9px}.about-intro p:last-child{margin-bottom:0}.about-intro strong{color:#edf4f8}
/* Media determine their own proportions; frames never stretch the originals. */
.about-development{display:grid;gap:22px;height:auto}
.about-feature{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:clamp(24px,3vw,48px);width:100%;margin-inline:0}
.about-film{margin:0;min-width:0;border:1px solid #96bdca55;border-radius:14px;background:#081922;overflow:hidden}
.about-film video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#081922}
.about-film figcaption{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:5px 12px;padding:10px 13px;font-size:12px;line-height:1.35;color:#adc5d2}
.about-film figcaption strong{color:#ffda80;font-size:14px}
.about-gallery{--photo-height:clamp(165px,21svh,250px);display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(12px,1.5vw,24px);align-items:start}
.about-photo{display:flex;flex-direction:column;justify-self:center;align-self:start;width:min(100%,calc(var(--photo-height) * var(--photo-ratio)));min-width:0;margin:0;border:1px solid #96bdca55;border-radius:12px;background:#0b2231ed;overflow:hidden}
.about-photo a{display:block;line-height:0}
.about-photo img{display:block;width:100%;height:auto;filter:none}
.about-photo a:focus-visible{outline:2px solid #ffd16a;outline-offset:-3px}
.about-photo figcaption{display:flex;align-items:start;justify-content:space-between;gap:7px;padding:9px 10px;font-size:clamp(11px,.85vw,14px);line-height:1.35;color:#d7e4e9;overflow-wrap:anywhere}
.about-photo figcaption span{color:#ffd16a;flex:none}
.about-journey{padding:0;min-width:0;max-width:60ch}.homepage #ueber-uns .about-journey .eyebrow{font-size:9px;margin-bottom:6px}.homepage #ueber-uns .about-journey h3{font-size:clamp(18px,1.5vw,24px);line-height:1.2;margin:0 0 7px}.about-journey p:not(.eyebrow){font-size:13px;line-height:1.5;color:#b7cdd7;margin:0}.about-photo-hint{display:block;color:#ffd16a;font-size:11px;margin-top:8px}
.about-origin{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:30px;border-top:1px solid #b8ced633;padding-top:15px;margin-top:20px}.about-origin strong{color:#ffda80;font-size:14px;line-height:1.4}.about-origin p{font-size:13px;line-height:1.5;color:#b4cad6;margin:0}.about-origin a{color:#ffda80;white-space:nowrap}
.about-lightbox{position:fixed;inset:0;width:min(1200px,94vw);max-width:94vw;max-height:94svh;padding:16px;border:1px solid #96bdca66;border-radius:18px;background:#102632;color:#edf4f8;margin:auto;box-shadow:0 20px 100px #0008}.about-lightbox::backdrop{background:#03121de8}.about-lightbox[open]{display:flex;flex-direction:column;gap:12px}.about-lightbox-bar,.about-lightbox-nav{display:flex;align-items:center;justify-content:space-between;gap:15px;flex:none}.homepage #ueber-uns .about-lightbox h3{font-size:18px;margin:0}.about-lightbox img{display:block;width:100%;height:min(72svh,800px);object-fit:contain;min-height:0}.about-lightbox button{background:#193947;color:#ffda80;border:1px solid #ffd16a66;border-radius:999px;padding:9px 15px;cursor:pointer;font:inherit;font-size:13px}.about-lightbox button:focus-visible{outline:2px solid #ffd16a;outline-offset:3px}.about-lightbox-nav{font-size:13px;color:#b4cad6}
@media(min-width:1201px) and (max-width:1550px){.silver.hero-layout.homepage .nav-wrap #main-nav{gap:clamp(7px,.7vw,11px)}.silver.hero-layout.homepage .nav-wrap #main-nav a{font-size:12px}}
@media(min-width:901px){
 .about-feature{grid-template-columns:minmax(0,calc(clamp(190px,27svh,310px)*16/9)) minmax(0,1fr);width:100%;max-width:100%;gap:clamp(28px,4vw,64px)}
 .homepage #ueber-uns .about-journey h3{font-size:clamp(22px,1.8vw,28px)}
 .about-journey p:not(.eyebrow){font-size:clamp(14px,1vw,17px);line-height:1.55}
}
@media(min-width:901px) and (max-height:800px){
 .about-heading{gap:26px;margin-bottom:18px}
 .homepage #ueber-uns h2{font-size:34px}
 .about-intro p{font-size:14px;line-height:1.45;margin-bottom:6px}
 .about-development{gap:18px}
 .about-origin{margin-top:18px}
}
@media(max-width:1100px){.about-gallery{grid-template-columns:repeat(3,minmax(0,1fr));--photo-height:240px;row-gap:20px}}
@media(max-width:900px){
 .homepage #ueber-uns{padding:95px 0 85px}
 .homepage #ueber-uns>.container{width:calc(100% - 40px)}
 .about-heading{grid-template-columns:1fr;gap:18px;margin-bottom:24px}
 .about-intro p{font-size:15px}
 .about-feature{grid-template-columns:1fr;width:min(100%,640px);gap:20px}
 .about-journey{padding:0}
 .about-journey p:not(.eyebrow){font-size:15px}
 .about-origin{grid-template-columns:1fr;gap:10px;margin-top:24px}
 .about-origin p{font-size:14px}
 .about-origin a{white-space:normal}
 .about-lightbox-bar{align-items:start}
 .homepage #ueber-uns .about-lightbox h3{font-size:15px}
 .about-lightbox button{font-size:12px}
}
@media(max-width:600px){
 .about-gallery{grid-template-columns:repeat(2,minmax(0,1fr));--photo-height:240px;gap:18px 12px}
 .about-photo figcaption{font-size:12px;padding:8px}
 .about-film figcaption strong{font-size:13px}
 .about-film figcaption{font-size:12px}
 .about-lightbox{padding:12px}
}