/* A14: Nur auf den drei Nienburger Museumsrouten geladen. */

body.php-site.museum-universe-page{margin-top:0}

body.php-site.museum-universe-page #page-content{overflow:visible}

.museum-universe-header{position:sticky;top:0;z-index:1001;background:#fff;border-bottom:1px solid #e1e4ed;color:#232864;font:16px/1.5 Arial,sans-serif}

.museum-universe-wrap{box-sizing:border-box;width:min(1180px,100%);margin:0 auto;padding:12px 24px}

.museum-universe-header .museum-universe-wrap{display:flex;align-items:center;justify-content:space-between;gap:24px}

.museum-universe-brand{display:flex;align-items:center;flex:none}

.museum-universe-brand img{display:block;height:40px!important;width:auto;max-width:110px}

.museum-universe-menu{position:relative;margin-left:auto}

.museum-universe-menu>summary{display:none;cursor:pointer;font-weight:700;list-style:none;min-height:44px;align-items:center;gap:8px}

.museum-universe-menu>summary::-webkit-details-marker{display:none}

.museum-universe-nav{display:flex;align-items:center;gap:22px}

.museum-universe-header a{color:#232864;text-decoration:none;font-weight:700;font-size:15px}

.museum-universe-header a:hover,.museum-universe-footer a:hover{color:#e66a00}

.museum-universe-languages{display:flex;gap:4px;flex:none}

.museum-universe-languages a{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border-radius:4px}

.museum-universe-languages a[aria-current="true"]{background:#232864;color:white}

.museum-universe-footer{background:#232864;color:white;font:15px/1.6 Arial,sans-serif;padding:20px 0}

.museum-universe-footer p{margin:0 0 10px;color:inherit}

.museum-universe-footer nav{display:flex;flex-wrap:wrap;gap:8px 22px}

.museum-universe-footer a{display:inline-flex;align-items:center;min-height:44px;color:white;text-decoration:underline}

@media(max-width:1000px){

 .museum-universe-header .museum-universe-wrap{gap:12px;padding:10px 16px}

 .museum-universe-menu>summary{display:flex}

 .museum-universe-menu:not([open])>.museum-universe-nav{display:none}

 .museum-universe-menu[open]>.museum-universe-nav{position:absolute;right:0;top:100%;display:flex;flex-direction:column;align-items:stretch;gap:0;width:min(280px,calc(100vw - 32px));box-sizing:border-box;padding:12px;background:white;border:1px solid #e1e4ed;box-shadow:0 8px 22px #23286426}

 .museum-universe-nav a{display:flex;align-items:center;min-height:44px;padding:0 12px}

 .museum-universe-brand img{height:36px!important;max-width:92px}

}



/* A15: eigenständige Museumsmarke und Sprungnavigation. */

.museum-universe-brand.museum-brand{display:flex;flex-direction:column;align-items:flex-start;gap:0;line-height:.98;letter-spacing:1px;font-size:22px;font-weight:900;text-decoration:none}

.museum-brand span:last-child{font-size:13px;letter-spacing:4.4px;color:#d65b00;margin-top:5px}

.museum-universe-page :is(#museum-start,#was-ist-das,#angebote,#projekte,#ablauf,#kontakt){scroll-margin-top:96px}

.museum-universe-header a:focus-visible,.museum-universe-menu>summary:focus-visible{outline:3px solid #ed7100;outline-offset:3px}

@media(max-width:1000px){.museum-universe-brand.museum-brand{font-size:20px}.museum-brand span:last-child{font-size:12px;letter-spacing:3.8px}}



/* A15: Museums-Landingpage; Originalfilm und Projektgalerie bleiben erhalten. */



body.museum-overview .museum-hero{position:relative;isolation:isolate;background:#1c2146;color:white;overflow:hidden;min-height:clamp(560px,35vw,760px);display:flex;flex-direction:column;justify-content:center}

body.museum-overview .museum-hero-images,body.museum-overview .museum-hero-images:after,body.museum-overview .museum-hero-image{position:absolute;inset:0;width:100%;height:100%}

body.museum-overview .museum-hero-images{z-index:-1}body.museum-overview .museum-hero-images:after{content:"";background:linear-gradient(90deg,rgba(14,20,52,.91),rgba(14,20,52,.67) 55%,rgba(14,20,52,.25))}

body.museum-overview .museum-hero-image{object-fit:cover;opacity:0;transition:opacity 1.1s ease}body.museum-overview .museum-hero-image.is-active{opacity:1}

body.museum-overview .museum-hero-image:nth-child(1),body.museum-overview .museum-hero-image:nth-child(2){object-position:center 12%}body.museum-overview .museum-hero-image:nth-child(3){object-position:center 45%}

body.museum-overview .museum-hero-content{flex:1;display:flex;flex-direction:column;justify-content:center;width:calc(100% - 48px);max-width:1060px;margin:0 auto;padding:56px 0;box-sizing:border-box}

body.museum-overview .museum-hero h1{color:white;max-width:710px;font-size:clamp(34px,4.6vw,60px);line-height:1.06;margin:14px 0 24px;text-transform:none}

body.museum-overview .museum-hero p{max-width:610px;color:white;font-size:20px;line-height:1.6;margin:0 0 26px}body.museum-overview .museum-hero .museum-eyebrow{font-size:15px;letter-spacing:3px;font-weight:700;margin:0;color:#ffb472}

body.museum-overview .museum-hero-actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap}body.museum-overview .museum-hero .museum-cta{display:inline-flex;align-items:center;min-height:48px;box-sizing:border-box;background:#ed7100;color:white;padding:12px 24px;border-radius:3px;text-decoration:none;font-weight:700}body.museum-overview .museum-hero .museum-cta:hover{background:#c85e00}

body.museum-overview .museum-hero .museum-video-link{color:white;text-decoration:underline;font-weight:700;padding:12px 0}body.museum-overview .museum-hero a:focus-visible,body.museum-overview .museum-hero button:focus-visible{outline:3px solid #ffb472;outline-offset:5px}

body.museum-overview .museum-hero-bottom{flex:none;background:rgba(14,20,52,.7)}

body.museum-overview .museum-hero-bottom-inner{width:calc(100% - 48px);max-width:1060px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;box-sizing:border-box}

body.museum-overview .museum-hero-bottom p{font-size:12px;margin:0;max-width:none}body.museum-overview .museum-hero-pause{color:white;background:#202864;border:1px solid #fff8;border-radius:3px;min-height:44px;padding:8px 14px;font:inherit;font-size:13px;white-space:nowrap;cursor:pointer}body.museum-overview .museum-hero-pause[hidden]{display:none}

body.museum-overview .museum-page .museum-offers{margin:20px 0 64px}body.museum-overview .museum-offers>h2{text-align:center;max-width:660px;margin:0 auto 28px}body.museum-overview .museum-offer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}body.museum-overview .museum-offer{border:1px solid #e1e4ed;border-radius:5px;padding:28px 24px;background:#f8f8fb;display:flex;flex-direction:column}body.museum-overview .museum-page .museum-offer-number{color:#cf5d00;font-weight:700;letter-spacing:2px;margin-bottom:16px}body.museum-overview .museum-offer a{margin-top:auto;font-weight:700;padding-top:6px}body.museum-overview .museum-page .museum-projects{margin-bottom:52px}body.museum-overview .museum-page .museum-project-grid{margin-bottom:0}body.museum-overview .museum-page .museum-gallery{margin-bottom:56px}body.museum-overview .museum-page .museum-steps{padding-top:0}body.museum-overview .museum-page .museum-contact{padding-top:12px}body.museum-overview .museum-contact-address{margin-top:20px!important}body.museum-overview .museum-contact-address a{font-weight:700}

@media(max-width:700px){body.museum-overview .museum-hero{min-height:570px}body.museum-overview .museum-hero-image:nth-child(n){object-position:center}body.museum-overview .museum-hero-content{width:calc(100% - 36px);padding:44px 0}body.museum-overview .museum-hero h1{font-size:36px;max-width:540px}body.museum-overview .museum-hero p{font-size:17px}body.museum-overview .museum-hero-bottom-inner{width:calc(100% - 36px);padding:10px 0;align-items:flex-start;flex-direction:column;gap:6px}body.museum-overview .museum-hero-bottom p{font-size:11px;line-height:1.4}body.museum-overview .museum-hero-pause{min-height:38px;font-size:12px}body.museum-overview .museum-hero-actions{gap:8px 20px}body.museum-overview .museum-offer-grid{grid-template-columns:1fr;gap:16px}body.museum-overview .museum-offer{padding:24px}body.museum-overview .museum-page .museum-offers{margin-bottom:44px}body.museum-overview .museum-hero-images:after{background:rgba(14,20,52,.72)}}

@media(prefers-reduced-motion:reduce){body.museum-overview .museum-hero-image{transition:none}}



/* A15: mobiles Menü am gesamten Museumskopf ausrichten, nicht am schmalen details-Feld. */

@media(max-width:1000px){

 .museum-universe-header .museum-universe-menu{position:static}

 .museum-universe-header .museum-universe-menu[open]>.museum-universe-nav{left:16px;right:16px;top:100%;width:auto;max-height:calc(100dvh - 90px);overflow-y:auto}

}



/* A16: Originalmarke und drei Angebotsarten. */

.museum-universe-brand.museum-brand img{height:52px!important;width:auto;max-width:150px}

body.museum-overview .museum-offer-kind{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:20px;color:#232864}

body.museum-overview .museum-offer-kind svg{box-sizing:content-box;background:#fff0e3;border-radius:16px;padding:12px;flex:none}

body.museum-overview .museum-offer-kind p{margin:0;color:#bf5300;font-size:14px;font-weight:700;letter-spacing:.5px}

body.museum-overview .museum-icon-accent{fill:#fff0e3;stroke:#df6500}

body.museum-overview #projektvideo{scroll-margin-top:110px}

@media(max-width:1000px){.museum-universe-brand.museum-brand img{height:44px!important;max-width:125px}}



/* A17: Typografie und Proportionen wie auf den Standortseiten. */

.museum-universe-header .museum-universe-wrap{width:calc(100% - 80px);max-width:1440px;min-height:60px;padding:0;margin:0 auto}

.museum-universe-header .museum-universe-nav{gap:24px}

.museum-universe-header .museum-universe-nav a,.museum-universe-menu>summary{font-family:"Fjalla One",sans-serif;font-size:16px;font-weight:400;letter-spacing:.8px;text-transform:uppercase;line-height:30px}

.museum-universe-header .museum-universe-nav a{display:inline-flex;align-items:center;min-height:44px}

.museum-universe-header .museum-universe-nav a:hover{color:#e96220}

.museum-universe-header .museum-universe-nav .museum-nav-cta{background:#e96220;color:#fff;padding:5px 18px;border-radius:3px;box-sizing:border-box;text-decoration:none}

.museum-universe-header .museum-universe-nav .museum-nav-cta:hover{background:#ce5013;color:#fff}

.museum-universe-header .museum-brand img{height:44px!important;max-width:120px}

.museum-universe-languages{gap:0}

.museum-universe-languages a{position:relative;isolation:isolate;font:700 12px/1 Arial,sans-serif;letter-spacing:.06em;background:transparent!important;border-radius:0}

.museum-universe-languages a::before{content:"";position:absolute;inset:9px 4px;z-index:-1;border:1px solid #23286440;border-radius:4px}

.museum-universe-languages a[aria-current="true"]::before{background:#232864;border-color:#232864}

@media(max-width:1000px){

 .museum-universe-header .museum-universe-wrap{width:calc(100% - 32px);min-height:64px;padding:6px 0;gap:12px}

 .museum-universe-header .museum-universe-nav{gap:2px}

 .museum-universe-header .museum-universe-nav a{display:flex;min-height:44px;padding:4px 12px}

 .museum-universe-header .museum-universe-nav .museum-nav-cta{margin-top:6px;justify-content:center;padding:8px 12px}

 .museum-universe-header .museum-brand img{height:40px!important;max-width:110px}

}



/* Freigegebener Höhenabgleich: Standortkopf misst Desktop/Mobil 60px. */

body.php-site .museum-universe-header{padding:0;border-bottom:0;box-shadow:0 1px 0 #e1e4ed}

@media(max-width:1000px){.museum-universe-header .museum-universe-wrap{min-height:60px;padding:0}}



/* A19: Vertiefung unter den drei Angebotskarten. */

body.museum-overview .museum-offers>.museum-services{margin-top:48px}


/* A20: Kurzes Praxisbeispiel nach den Museumsreferenzen. */
body.museum-overview .museum-pass-case{margin:0 0 48px;padding:30px 32px;background:#f8f8fb;border:1px solid #e1e4ed;border-left:4px solid #e96220;border-radius:4px}
body.museum-overview .museum-pass-case h2{margin-bottom:20px}
body.museum-overview .museum-pass-case a{font-weight:700}
@media(max-width:700px){body.museum-overview .museum-pass-case{padding:24px 20px;margin-bottom:36px}}