/* Additions for the approved briefing. Original style.css and motion.css remain the design foundation. */
.briefing-design .button>span[aria-hidden],.briefing-design .hero .secondary-button>span[aria-hidden]{display:none}.briefing-design .contact-section .text-link,.briefing-design .contact-section .eyebrow{color:var(--ink)}.briefing-design .about-work-photo{align-self:center}.briefing-design .about-work-photo img{display:block}.about-intro h2{margin-bottom:28px}.about-intro .about-lead{max-width:560px}.about-intro>p:not(.eyebrow){max-width:580px}.briefing-design .about-work-photo figcaption{color:white}
.brand-subline{display:block;color:#ddd;font-size:9px;text-align:center;margin-top:-8px;white-space:nowrap}.briefing-design .site-header .logo img{max-width:220px;height:70px}.briefing-design .main-nav{gap:17px;font-size:10px}.briefing-design .header-actions{gap:8px}.briefing-design .header-actions .nav-button{padding:10px 12px;font-size:10px;white-space:nowrap}.emergency-button{background:#174b65;border-color:#3c7c98;color:white}.briefing-design .hero-media.single img{object-fit:cover;object-position:62% center;opacity:1}.briefing-design .hero-copy{max-width:850px}.briefing-design .hero-copy h1{font-size:clamp(40px,5.5vw,76px)}.briefing-design .hero-copy .eyebrow{font-size:14px;max-width:700px}.briefing-design .hero-copy .hero-description{font-size:20px;line-height:1.5;max-width:650px;margin-top:25px}.briefing-design .hero-copy .hero-footnote{font-size:12px;margin-top:20px}.briefing-design .hero-inner{pointer-events:auto}.briefing-design .hero-shade{background:linear-gradient(90deg,rgba(0,0,0,.78),rgba(0,0,0,.38) 65%,rgba(0,0,0,.1))}
.quick-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;padding-block:24px}.quick-link{display:flex;flex-direction:column;position:relative;border:1px solid var(--line);background:white;padding:18px 14px;gap:9px;min-width:0}.quick-link:hover{border-color:var(--gold)}.quick-number{font-size:10px;color:var(--gold-dark)}.quick-link strong{font-size:14px;line-height:1.3}.quick-link>span:not(.quick-number):not(.quick-arrow){font-size:11px;line-height:1.5;color:var(--muted)}.quick-arrow{position:absolute;right:12px;top:12px;color:var(--gold-dark)}.quick-water{background:#edf5f8;border-color:#b7d1df}.fact-strip{background:var(--ink);color:white}.fact-strip ul{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;padding:28px 0;margin:0}.fact-strip li{display:flex;gap:12px;font-size:13px;line-height:1.55}.fact-strip li>span{color:var(--gold)}
.briefing-design .section{padding:72px 0}.briefing-design .section-heading{margin-bottom:36px;max-width:850px}.briefing-design .section h2{max-width:850px}.briefing-design .section p{line-height:1.65}.briefing-design .section.dark{background:var(--ink);color:white}.quality-layout,.management-grid,.transparency-grid,.damage-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:50px;align-items:start}.reference-photo{margin:0}.reference-photo img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover}.reference-photo .button{margin-top:20px}.section figure{margin:0}.section figcaption{font-size:12px;padding-top:12px;line-height:1.5;color:var(--muted)}.detail-list{list-style:none;margin:0;padding:0}.detail-list li{font-size:16px;line-height:1.6;color:var(--muted);padding:21px 0;border-top:1px solid var(--line)}.detail-list li:first-child{border-top:0;padding-top:0}.detail-list strong{display:block;color:var(--ink);font-size:20px;line-height:1.25;margin-bottom:10px}.dark .detail-list li{color:#c3c8cb;border-color:#ffffff26}.dark .detail-list strong{color:white}.columns-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.columns-three li,.columns-three li:first-child{padding:24px;border:1px solid var(--line);background:white}.section-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:32px;border-top:1px solid var(--line);padding-top:26px}.section-bottom p{margin:0}.text-link{display:inline-flex;gap:12px;font-weight:900;font-size:13px;padding:10px 0;color:var(--gold-dark)}.hero .text-link{padding:12px 22px;color:white}.management-grid img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}.equipment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.equipment-grid article{background:white;border:1px solid var(--line);padding:30px;display:flex;flex-direction:column;align-items:flex-start;gap:18px}.equipment-grid h3{font-size:28px;line-height:1.12}.equipment-grid p:not(.eyebrow){font-size:17px;color:var(--muted);margin:0}.equipment-grid .text-link{margin-top:auto}.option-letter{border:1px solid var(--gold);color:var(--gold-dark);padding:8px 12px;font-size:12px;font-weight:900}.process-list{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px}.process-list li{border-top:1px solid var(--line);padding-top:20px}.process-list li>span{font-size:12px;font-weight:900;color:var(--gold-dark)}.process-list h3{font-size:20px;margin:16px 0;line-height:1.2}.process-list p{font-size:15px;color:var(--muted)}.process-note{border-top:1px solid var(--line);padding-top:22px;font-size:14px;color:var(--muted)}.briefing-design .about-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.85fr);gap:64px;align-items:center}.about-grid h2{font-size:44px}.about-grid p{color:#c3c8cb}.about-grid .eyebrow{color:var(--gold)}.about-lead{font-size:21px;font-weight:700}.team-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;border-top:1px solid #ffffff25;padding-top:20px}.team-grid span{display:block;font-size:11px;color:var(--gold);margin-bottom:10px}.team-grid strong{font-size:16px;line-height:1.35}.reference-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:24px}.reference-grid img{width:100%;height:320px;object-fit:cover}.section.water{background:#eaf3f7}.water h2{font-size:42px}.water .eyebrow{color:#1b5b77}.water .button-blue{background:#17536e;color:#fff}.water .outline-button{color:#17536e;border-color:#17536e}.availability{margin-top:25px;font-size:16px}.water .button-row{gap:12px}.water .button{font-size:11px}.briefing-design .button span{margin-left:12px}
.briefing-design .contact-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:50px}.briefing-design .contact-grid>div>p:not(.eyebrow){font-size:18px}.contact-phone{display:block;font-size:28px;font-weight:900}.contact-grid>div>.text-link{display:table}.briefing-design .contact-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:0;padding:28px;background:#fff;border:1px solid var(--line)}.form-field{min-width:0;display:flex;flex-direction:column;justify-content:flex-end;gap:8px}.full,.form-intro,.contact-form noscript{grid-column:1/-1}.briefing-design .contact-form label{font-size:12px;font-weight:900;line-height:1.4;letter-spacing:0;text-transform:none}.briefing-design .contact-form input,.briefing-design .contact-form select,.briefing-design .contact-form textarea{width:100%;min-width:0;border:1px solid var(--line);background:#fff;border-radius:0;min-height:46px;padding:12px;color:var(--ink);font:inherit;font-size:16px}.briefing-design .contact-form select{font-size:13px}.contact-form textarea{resize:vertical}.briefing-design .contact-form .form-note,.briefing-design .contact-form .form-intro,.briefing-design .contact-form .form-status{font-size:12px;line-height:1.6;margin:0;max-width:none;color:var(--muted)}.form-note a{text-decoration:underline}.form-status:empty{display:none}.briefing-design .contact-form button{border:0;cursor:pointer}.briefing-design input:focus-visible,.briefing-design select:focus-visible,.briefing-design textarea:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.briefing-design h2,.briefing-design h3,.briefing-design li{overflow-wrap:break-word;hyphens:auto}
@media(max-width:1150px){.briefing-design .main-nav{gap:12px;font-size:9px}.briefing-design .site-header .logo img{max-width:180px;height:60px}.briefing-design .header-actions .nav-button{font-size:9px;padding:10px}.briefing-design .about-grid{grid-template-columns:1.2fr 1fr;gap:36px}.columns-three{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1020px){.quick-nav{display:flex;overflow-x:auto;scroll-snap-type:x proximity}.quick-link{flex:0 0 220px;scroll-snap-align:start}.fact-strip ul{grid-template-columns:repeat(2,minmax(0,1fr))}.process-list{grid-template-columns:repeat(2,minmax(0,1fr))}.briefing-design .contact-grid{grid-template-columns:1fr}.quality-layout,.management-grid,.transparency-grid,.damage-grid{gap:28px}}
@media(max-width:700px){.briefing-design{--header-expanded:132px;--header-compact:132px}.briefing-design .header-inner{height:132px;position:relative;align-items:flex-start;padding-top:8px}.briefing-design .site-header .logo img{height:56px;max-width:168px}.brand-subline{font-size:8px;margin-top:-4px}.briefing-design .header-actions{padding-top:6px}.briefing-design .header-actions .nav-button{position:absolute;bottom:10px;left:0;width:calc(50% - 5px);font-size:9px;min-height:36px;padding:8px 5px}.briefing-design .header-actions .emergency-button{left:auto;right:0}.briefing-design .site-header.is-compact .logo img{transform:none}.briefing-design .hero-copy h1{font-size:clamp(26px,6.6vw,46px)}.briefing-design .hero-copy h1 span{white-space:normal}.briefing-design .hero-copy{padding-top:15px;width:100%;max-width:100%}.briefing-design .hero-copy .eyebrow{font-size:10px}.briefing-design .hero-copy .hero-description{font-size:16px;line-height:1.45}.briefing-design .hero-copy .hero-footnote{font-size:11px}.briefing-design .hero,.briefing-design .hero-inner{min-height:0}.briefing-design .hero-inner{padding-top:32px;padding-bottom:40px}.briefing-design .hero-media.single img{object-position:78% center}.briefing-design .hero-shade{background:linear-gradient(90deg,#000c,#0007)}.quick-nav{padding-block:20px}.fact-strip li{font-size:12px}.briefing-design .section{padding:50px 0}.quality-layout,.management-grid,.transparency-grid,.damage-grid,.equipment-grid,.columns-three,.briefing-design .about-grid{grid-template-columns:1fr}.briefing-design .about-work-photo{width:100%;max-width:none}.briefing-design .about-work-photo img{aspect-ratio:4/3;object-position:center 38%}.detail-list strong{font-size:19px}.detail-list li{font-size:15px}.columns-three li{padding:22px}.section-bottom{flex-direction:column;align-items:flex-start}.reference-grid{grid-template-columns:1fr}.reference-grid img{height:auto;aspect-ratio:3/2}.water h2{font-size:32px}.briefing-design .contact-form{padding:18px}.contact-form .form-field{grid-column:1/-1}.briefing-design .contact-grid{gap:30px}.briefing-design .contact-form select{font-size:11px;padding:12px 6px}.briefing-design .contact-form .form-note{font-size:11px}.briefing-design .section h2{font-size:32px}}
@media(max-width:360px){.process-list,.fact-strip ul{grid-template-columns:1fr}.briefing-design .header-actions .nav-button{font-size:8px}.briefing-design .hero-copy h1{font-size:26px}.briefing-design .hero .button-row{gap:10px}.briefing-design .hero .button-row a{font-size:10px}}

@media(min-width:901px){.briefing-design .hero,.briefing-design .hero-inner{min-height:clamp(680px,calc(100svh - var(--header-expanded)),860px)}}

.transparency-grid .section-heading>.button{margin-top:28px}

/* Readable navigation and cards, within the existing KUSA design. */
.briefing-design .main-nav { font-size: 13px; gap: 18px; }
.briefing-design .main-nav a { white-space: nowrap; }
.briefing-design .header-actions .nav-button { display: inline-flex; font-size: 12px; }
.briefing-design .quick-link { padding: 20px 18px; gap: 12px; }
.briefing-design .quick-number { font-size: 12px; }
.briefing-design .quick-link strong { font-size: 18px; line-height: 1.35; }
.briefing-design .quick-link > span:not(.quick-number):not(.quick-arrow) { font-size: 15px; line-height: 1.5; }
.briefing-design .fact-strip li { font-size: 16px; }
.briefing-design .detail-list li { font-size: 18px; line-height: 1.65; }
.briefing-design .detail-list strong { font-size: 22px; line-height: 1.3; }
.briefing-design .equipment-grid p:not(.eyebrow) { font-size: 18px; }
.briefing-design .equipment-grid .text-link { font-size: 15px; }
.briefing-design .process-list p { font-size: 17px; }

@media (min-width: 1401px) {
  .briefing-design .header-inner { width: min(1440px, calc(100% - 48px)); gap: 24px; }
  .briefing-design .site-header .logo img { max-width: 200px; }
}
@media (max-width: 1020px) {
  .briefing-design .quick-link { flex-basis: 250px; }
}
@media (max-width: 800px) {
  .briefing-design { --header-expanded: 132px; --header-compact: 132px; }
  .briefing-design .header-inner { height: 132px; position: relative; align-items: flex-start; padding-top: 8px; }
  .briefing-design .site-header .logo img { height: 56px; max-width: 168px; }
  .briefing-design .brand-subline { font-size: 8px; margin-top: -4px; }
  .briefing-design .header-actions { padding-top: 6px; }
  .briefing-design .site-header.is-compact .logo img { transform: none; }
  .briefing-design .header-actions .nav-button {
    position: absolute;
    left: 0;
    width: calc(50% - 5px);
    font-size: 12px;
    white-space: normal;
    line-height: 1.3;
    min-height: 44px;
    padding: 6px 8px;
    bottom: 8px;
  }
  .briefing-design .header-actions .emergency-button { left: auto; right: 0; }
  .briefing-design .header-actions .nav-button::after { display: none; }
  .briefing-design .detail-list li { font-size: 17px; }
  .briefing-design .detail-list strong { font-size: 21px; }
}

@media(max-width:360px){.briefing-design .header-actions .nav-button{font-size:11px;padding-inline:6px}}

@media(max-width:800px){.briefing-design .header-actions .nav-button{text-transform:none;font-size:12px}}


/* Align section content, accounting for the fixed header and section padding. */
html { scroll-padding-top: calc(var(--header-compact) + 24px); }
.briefing-design main > .section[id] { scroll-margin-top: -72px; }
@media (max-width: 800px) { html { scroll-padding-top: 156px; } }
@media (max-width: 700px) { .briefing-design main > .section[id] { scroll-margin-top: -50px; } }

/* Direct access to the sections between Leistungen and Standardprogramm. */
.nav-services { position: relative; display: flex; align-items: center; }
.services-toggle { display: grid; place-items: center; width: 28px; min-height: 44px; padding: 0; border: 0; background: transparent; color: var(--gold); font: inherit; font-size: 22px; cursor: pointer; }
.services-toggle:focus-visible { outline: 2px solid var(--gold); outline-offset: 2px; }
.services-menu { position: absolute; top: 100%; left: -18px; width: 280px; padding: 10px 18px; border-top: 2px solid var(--gold); background: var(--ink); box-shadow: 0 16px 32px #0004; }
.services-menu[hidden] { display: none; }
.briefing-design .services-menu a { display: block; padding: 14px 0; font-size: 17px; text-transform: none; white-space: normal; }
.nav-services.has-active-child > a::after { transform: scaleX(1); }
@media (max-width: 1400px) {
  .briefing-design .mobile-nav { max-height: calc(100dvh - var(--header-live, 108px) - 16px); overflow-y: auto; overscroll-behavior: contain; }
  .mobile-service-links { padding: 4px 0 10px 50px; border-bottom: 1px solid #ffffff26; }
  .briefing-design .mobile-service-links a { display: flex; min-height: 44px; padding: 8px 0; border: 0; font-size: 17px; font-weight: 600; text-transform: none; }
}