/* Brücke der Kulturen · 2026 */
:root{--bruecke-navy:#072d5d;--bruecke-blue:#00a9c7;--bruecke-orange:#ff8500}
.aachenBrand,.assocBrand{max-width:100%;min-width:0;gap:14px;letter-spacing:0!important}
.aachenBrand img,.assocBrand img{width:160px!important;height:80px!important;object-fit:contain!important;background:#fff;padding:5px;box-sizing:border-box;border-radius:9px;flex-shrink:0}
.aachenBrand>span,.assocBrand>span{font-size:clamp(13px,1.6vw,20px)!important;line-height:1.3;letter-spacing:0!important;overflow-wrap:anywhere}
.aachenBrand small,.assocBrand small{display:block;color:#58d5ec!important;font-size:12px!important;letter-spacing:.4px!important;margin-top:5px}
.aachenWelcome h1{font-size:clamp(27px,4.4vw,57px)!important;line-height:1.12!important;max-width:1050px;overflow-wrap:break-word}
.aachenWelcome .eyebrow,.assocEyebrow{color:#58d5ec!important;letter-spacing:1px!important}
.radioArt.aachenRadio img{object-fit:contain!important;background:white}.broadcastTitle{overflow-wrap:anywhere}
.civicBanner{background:linear-gradient(110deg,#052449,#0a526a)!important}.civicFlag.party{background:#fff!important}.civicFlag.party img{object-fit:contain!important}
header .bar,.assocHeader{flex-wrap:wrap}.assocHeader nav{flex-wrap:wrap}footer,.assocFooter{overflow-wrap:anywhere}
.brueckeAboutLink{white-space:normal}.brueckeAbout{max-width:1000px;margin:auto;padding:30px 20px;font:17px/1.7 system-ui;color:#123352}.brueckeAbout img{display:block;width:min(100%,560px);height:auto;margin:0 auto 28px}.brueckeAbout h1{font-size:clamp(28px,4vw,44px);line-height:1.2}.brueckeAbout a{color:#005e83}.brueckeAbout .cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px}.brueckeAbout article{padding:20px;border:1px solid #d5e5ed;border-radius:14px;background:#f5fafc}.brueckeAbout h2{font-size:22px}
@media(max-width:650px){.aachenBrand img,.assocBrand img{width:116px!important;height:65px!important}.aachenBrand>span,.assocBrand>span{font-size:13px!important}.aachenBrand small,.assocBrand small{font-size:10px!important}.aachenBrand,.assocBrand{gap:9px}.assocHeader{padding:14px!important}.aachenWelcome h1{font-size:29px!important}}

.bdkBanner{--bdk-height:190px;position:relative;isolation:isolate;width:100%;height:var(--bdk-height);overflow:hidden;background:#07302e;border-bottom:1px solid #668e87;box-sizing:border-box}
.bdkBanner:before{content:"";position:absolute;inset:0;background:url('bayrak-kumas-bandi.png') center center/cover no-repeat;opacity:.35;z-index:-1}
.bdkFlag{position:absolute;top:0;bottom:0;width:32%;background-image:url('bayrak-kumas-bandi.png');background-size:auto 100%;background-repeat:no-repeat;animation:bdkWave 7s ease-in-out infinite}
.bdkGerman{left:0;background-position:left top;transform-origin:left center;mask-image:linear-gradient(to right,#000 78%,transparent)}
.bdkTurkish{right:0;background-position:right top;transform-origin:right center;animation-delay:-3.5s;mask-image:linear-gradient(to left,#000 78%,transparent)}
.bdkBannerLogo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(34%,300px);padding:9px 12px;box-sizing:border-box;background:#fff;border-radius:12px;box-shadow:0 4px 24px #0005;border:1px solid #fff8;z-index:2}
.bdkBannerLogo img{display:block!important;width:100%!important;height:auto!important;object-fit:contain!important;filter:none!important;transform:none!important;border:0!important}
@keyframes bdkWave{0%,100%{transform:translateY(0) skewY(-.6deg)}50%{transform:translateY(-3px) skewY(.8deg)}}
@media(max-width:600px){.bdkBanner{--bdk-height:120px}.bdkBannerLogo{width:43%;padding:5px 7px;border-radius:7px}.bdkFlag{width:29%}}
@media(prefers-reduced-motion:reduce){.bdkFlag{animation:none}}