:root { --blue:#008ecf; --blue-dark:#0077b9; --navy:#0a2d5c; --ink:#163b61; --muted:#607d9b; --bg:#f1f7fb; --border:#e2edf4; }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;background:white;color:var(--navy);font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;line-height:1.45;-webkit-font-smoothing:antialiased}
    img{display:block;max-width:100%}
    a{color:inherit;text-decoration:none}
    a:focus-visible,button:focus-visible{outline:3px solid #f7ca18;outline-offset:3px}
    .skip{position:absolute;left:12px;top:-100px;background:white;color:var(--navy);padding:10px;z-index:100}
    .skip:focus{top:8px}
    .wrap{width:min(1280px,calc(100% - 96px));margin-inline:auto}
    .eyebrow{font-size:11px;font-weight:800;letter-spacing:1.65px;color:var(--blue);text-transform:uppercase}
    .site-header{background:#fff;position:relative;z-index:5;box-shadow:0 1px 0 #dfe8ef}
    .header-wrap{min-height:96px;display:flex;align-items:center;gap:25px;justify-content:space-between;padding-block:4px}
    .brand{flex:0 0 340px;min-width:0;display:flex;flex-direction:column;align-items:flex-start;padding:10px 0 12px}
    .brand-mark{display:block;width:320px;max-width:100%;overflow:visible}
    .brand-mark img{display:block;width:100%;height:auto}
    .brand-tag{font-size:10px;line-height:1.28;font-weight:800;letter-spacing:.72px;color:#23405e;margin-top:4px;padding-left:3px}
    nav{display:flex;align-items:center;gap:24px;margin-left:auto}
    nav a{font-size:12px;white-space:nowrap;font-weight:700;color:#193653}
    nav a:hover{color:var(--blue)}
    .top-cta{border:1px solid #168dd2;display:flex;align-items:center;gap:12px;padding:6px 6px 6px 12px;font-size:11px;font-weight:800;white-space:nowrap;transition:background .2s}
    .top-cta:hover{background:#eff9ff}
    .top-cta .arrow{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#ef2341;color:white;font-size:17px}
    .menu-toggle{display:none;background:transparent;border:1px solid #d0e3f1;border-radius:4px;font-size:21px;padding:4px 9px;color:var(--navy)}
    /* Hero. The architectural illustration remains an independent image; its labels are live text. */
    .hero{position:relative;background:linear-gradient(105deg,#0077b9,#0390d1 58%,#eaf6fc 59%);min-height:390px;overflow:hidden;isolation:isolate;border-bottom:4px solid #008ecf}
    .hero::after{content:"";position:absolute;right:0;bottom:-4px;height:4px;width:39%;background:linear-gradient(90deg,#078fcb 0 65%,#ffdf00 65% 82%,#f1263d 82%)}
    .hero-art{position:absolute;inset:0 0 0 auto;width:58%;height:100%;z-index:-1;background:#eaf6fc url('architektur_hero.webp') center / 100% 100% no-repeat;clip-path:polygon(18% 0,100% 0,100% 100%,0% 100%)}
    .hero-whitecap{position:absolute;top:9%;left:57%;width:38%;background:white;box-shadow:0 3px 9px #30637d15;padding:13px 16px;z-index:1;border-left:3px solid #f6d927}
    .hero-whitecap strong{display:block;font-size:12px;letter-spacing:.45px;color:#0075b9;margin-bottom:4px}
    .hero-whitecap span{display:block;font-size:11px;color:#59738b}
    .hero-specialties{position:absolute;right:2.5%;top:38%;width:25%;display:flex;flex-direction:column;z-index:1}
    .hero-specialties span{font-size:11px;line-height:1.26;border-bottom:1px solid #c5deeb;padding:5px 0;color:#244567}
    .hero-specialties span:last-child{border-bottom:0}
    .hero-body{min-height:390px;display:flex;align-items:center}
    .hero-copy{position:relative;color:white;width:58%;padding:40px 0 47px;z-index:2}
    .hero-kicker{font-size:11px;letter-spacing:1.4px;font-weight:800;margin-bottom:23px}
    .hero-kicker::before{content:"";display:inline-block;width:23px;height:2px;background:#d9f6ff;vertical-align:middle;margin-right:13px}
    h1{font-size:clamp(34px,3.55vw,50px);line-height:1.06;letter-spacing:-1.4px;margin:0 0 23px;font-weight:800;max-width:680px}
    .hero-copy p{max-width:505px;font-size:15px;line-height:1.62;color:#e8f8ff;margin:0}
    .hero-buttons{display:flex;gap:21px;align-items:center;margin-top:23px}
    .primary-button{display:inline-flex;align-items:center;gap:18px;padding:13px 20px;border-radius:3px;background:white;color:#007fc4;font-size:13px;font-weight:800;box-shadow:0 5px 14px #194e6c20}
    .text-button{color:white;font-size:13px;font-weight:800}
    /* Slim service marker strip */
    .quickbar{background:white;border-bottom:1px solid #e9f0f4}
    .quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding-block:22px}
    .quick-item{display:flex;align-items:center;gap:13px;padding-inline:16px;border-right:1px solid #d4e2ed;min-height:54px}
    .quick-item:first-child{padding-left:0}.quick-item:last-child{border:0;padding-right:0}
    .number{border:1px solid #b9e0f8;border-radius:50%;min-width:35px;height:35px;display:grid;place-items:center;color:#008ccc;font-size:11px;font-weight:800}
    .quick-svg{width:30px;height:30px;color:#0096db;flex:none}
    .quick-item b{display:block;font-size:12px;line-height:1.25;margin-bottom:3px}
    .quick-item small{display:block;color:#7790a8;font-size:10.5px;line-height:1.35}
    /* Experience */
    .expertise{background:#f1f7fb;padding:62px 0}
    .expertise-grid{display:grid;grid-template-columns:minmax(0,435px) minmax(0,1fr);align-items:center;gap:64px}
    .two-photos{display:flex;height:274px;border-radius:4px;overflow:hidden;box-shadow:0 4px 14px #143d5916}
    .two-photos img{width:50%;height:100%;object-fit:cover}
    .two-photos img:first-child{object-position:60% 50%;border-right:2px solid white}
    .two-photos img:last-child{object-position:51% 50%}
    h2{margin:8px 0 16px;font-size:29px;line-height:1.2;letter-spacing:-.55px}
    .expertise p{font-size:14px;line-height:1.62;color:#516c87;margin:0 0 18px}
    .checks{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px;row-gap:11px;margin:0;padding:0}
    .checks li{font-size:12px;color:#41637f;display:flex;gap:9px;align-items:center}
    .checks li::before{content:"✓";display:grid;place-items:center;border-radius:50%;background:#0089cf;color:white;font-size:10px;width:17px;height:17px;flex:none}
    /* Service cards */
    .services{background:white;padding:63px 0 75px}
    .section-line{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:24px}
    .section-line h2{margin:9px 0 0;font-size:31px}
    .section-more{font-size:12px;color:#007fc5;font-weight:700;white-space:nowrap;margin-bottom:5px}
    .cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px}
    .card{position:relative;background:#fff;overflow:hidden;border:1px solid #dfeaf2;box-shadow:0 3px 10px #2953770a;transition:transform .2s,box-shadow .2s}
    .card:hover,.card:focus-within{transform:translateY(-3px);box-shadow:0 9px 28px #2953771b}
    .card-img{width:100%;height:160px;object-fit:cover;background:#e4e9ed}
    .card-body{min-height:133px;padding:17px 18px 21px}
    .card h3{font-size:16px;line-height:1.26;margin:0 33px 8px 0}
    .card p{color:#67819a;font-size:12px;line-height:1.47;margin:0;max-width:310px}
    .circle-arrow{position:absolute;right:17px;bottom:16px;width:31px;height:31px;border:1px solid #b4dffa;border-radius:50%;display:grid;place-items:center;color:#008fd3;font-size:19px;background:white}
    /* Certifications: never crop, stretch or clip logos / dates. */
    .certifications{background:#f1f7fb;padding:61px 0 72px}
    .certifications .section-line h2{font-size:28px}
    .cert-side-note{color:#7a96ae;font-size:11px;margin-bottom:7px}
    .cert-grid{display:grid;grid-template-columns:1.06fr 1.15fr 1fr;gap:18px;align-items:stretch}
    .cert-box{min-width:0;background:white;padding:19px 20px 17px;border:1px solid #e2ebf3;min-height:282px;box-shadow:0 3px 12px #29537709}
    .cert-box h3{font-size:16px;color:#007dbe;line-height:1.2;margin:0 0 6px}
    .cert-box .sub{font-size:11px;color:#7790a8;margin:0 0 16px}
    .partners-pic{width:100%;height:auto;object-fit:contain;object-position:left top;margin-top:12px}
    .seal-label{font-weight:800;color:#153d71;font-size:10px;letter-spacing:1px;text-transform:uppercase;line-height:1.25;text-align:center;margin:3px 0 12px}
    .seal-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px 5px;align-items:center;justify-items:center}
    .seal-grid img{height:auto;width:100%;max-width:62px;aspect-ratio:1/1;object-fit:contain}
    .seal-grid img:last-child{grid-column:3}
    .europe-head{display:flex;gap:10px;align-items:center;margin:15px 0 10px}
    .europe-head img{width:66px;height:auto;flex:none}
    .europe-head p{margin:0;font-size:11px;line-height:1.25;color:#617a92}
    .cert-circles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;align-items:center;margin:9px 0}
    .cert-circles img{width:100%;height:64px;object-fit:contain}
    .cert-footnote{color:#6b859e;font-size:10.5px;line-height:1.45;margin:6px 0 0}

    .membership-stack{display:grid;gap:18px}
    .membership-banner{width:100%;height:auto;object-fit:contain;background:#f6f6f7;border:1px solid #e2ebf3;border-radius:2px}
    .seal-strip{margin-top:26px;background:white;padding:22px 20px;border:1px solid #e2ebf3;box-shadow:0 3px 12px #29537709}
    .seal-strip-title{font-size:13px;font-weight:800;color:#0e3a6b;margin:0 0 12px;text-transform:uppercase;letter-spacing:.8px}
    .seal-strip-grid{display:grid;grid-template-columns:repeat(5,minmax(110px,1fr));gap:18px 12px;align-items:center;justify-items:center}
    .seal-strip-grid img{width:auto;max-width:100%;height:auto;max-height:120px;object-fit:contain}
    footer{background:linear-gradient(110deg,#0188c8,#0577b8);color:white;padding:19px 0}
    .footer-inner{display:flex;align-items:center;justify-content:space-between;gap:26px}
    .footer-pitch{display:flex;align-items:center;gap:14px}
    .footer-symbol{width:43px;height:43px;border:1px solid #e6f8ff;border-radius:50%;display:grid;place-items:center;font-size:19px;flex:none}
    .footer-pitch strong{font-size:16px}.footer-pitch small{font-size:11px;display:block;margin-top:2px;line-height:1.4;color:#dcf6ff}
    .footer-button{background:white;color:#0079b8;padding:12px 19px;border-radius:2px;font-size:12px;font-weight:800;white-space:nowrap}
    .footer-links{font-size:12px;line-height:1.8;white-space:nowrap}
    @media(max-width:1100px){
      .wrap{width:min(100% - 56px,1240px)}.header-wrap{gap:15px}.brand{flex-basis:290px}.brand-mark{width:250px}nav{gap:12px}nav a{font-size:11px}
      .hero-copy{width:62%}.hero-copy h1{font-size:42px}.hero-art{width:61%}.hero-whitecap{left:57%;font-size:11px}
      .expertise-grid{grid-template-columns:38% 1fr;gap:40px}.cert-box{padding:18px 14px}.partners-pic{margin-top:19px}
    }
    @media(max-width:800px){
      .header-wrap{flex-wrap:wrap;min-height:unset;padding-block:12px;gap:10px}
      .brand{flex:1 1 240px}.brand-mark{width:236px}
      .menu-toggle{display:block}.top-cta{margin-left:auto}
      nav{display:none;order:4;flex:1 0 100%;margin:0;flex-direction:column;align-items:stretch;gap:0;border-top:1px solid #e3ebf0;padding-top:5px}
      nav.open{display:flex}nav a{font-size:13px;padding:11px 7px;border-bottom:1px solid #edf3f8}
      .hero-art{width:63%}.hero-copy{width:65%}.hero-copy h1{font-size:34px}.hero-copy p{font-size:13px}
      .hero-whitecap{padding:9px 10px}.hero-specialties span{font-size:10px}
      .quick-grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:16px}.quick-item:nth-child(even){border:0}
      .expertise-grid{grid-template-columns:1fr;gap:25px}.two-photos{width:100%;max-width:540px}
      .cards{grid-template-columns:repeat(2,minmax(0,1fr))}
      .cert-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cert-grid .cert-box:last-child{grid-column:1/-1}
      .seal-strip-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
      .footer-inner{flex-wrap:wrap}
    }
    @media(max-width:550px){
      .wrap{width:calc(100% - 36px)}.brand{flex:1 1 215px}.brand-mark{width:212px}.brand-tag{font-size:8px}
      .top-cta{font-size:9px;gap:7px;padding-left:9px}.top-cta .arrow{height:25px;width:25px}
      .hero{min-height:634px;background:linear-gradient(100deg,#007bbb,#058cd0)}
      .hero-body{min-height:634px;align-items:flex-start}.hero-copy{width:100%;padding-top:42px}.hero-copy h1{font-size:clamp(23px,7.2vw,29px);letter-spacing:-.8px;max-width:100%;overflow-wrap:anywhere;hyphens:auto}.hero-copy p{max-width:370px}
      .hero-art{width:100%;height:274px;top:auto;bottom:0;clip-path:none;background-position:center}
      .hero-whitecap{top:5%;left:58%;width:38%;min-height:76px;padding:8px;font-size:10px;display:flex;flex-direction:column;justify-content:center}.hero-whitecap strong{font-size:9px}.hero-whitecap span{font-size:8px}
      .hero-specialties{top:36%;width:26%;right:3%}.hero-specialties span{font-size:8px;padding:3px 0}
      .quick-grid{grid-template-columns:1fr;row-gap:0;padding-block:13px}.quick-item,.quick-item:nth-child(even){border:0;border-bottom:1px solid #e5eff6;padding:11px 0}.quick-item:last-child{border:0}
      .expertise{padding:46px 0}.two-photos{height:220px}.expertise h2{font-size:24px}.checks{grid-template-columns:1fr;row-gap:10px}
      .services{padding:52px 0 60px}.section-line{flex-direction:column;align-items:flex-start;gap:8px}.section-line h2{font-size:27px}
      .cards{grid-template-columns:1fr;gap:18px}.card-img{height:165px}.card-body{min-height:126px}
      .certifications{padding:51px 0}.certifications .section-line h2{font-size:25px}
      .cert-grid{grid-template-columns:1fr}.cert-grid .cert-box:last-child{grid-column:auto}.cert-box{min-height:0;padding:21px}
      .seal-grid{gap:12px 7px}.seal-grid img{max-width:70px}
      .seal-strip{padding:18px 16px}.seal-strip-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.seal-strip-grid img{max-width:112px;max-height:88px;height:auto}
      .footer-inner{flex-direction:column;align-items:flex-start;gap:18px}.footer-pitch small{max-width:330px}
    }
    @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card{transition:none}}
  
    /* Original logo: the entire wordmark and a transparent safety margin are preserved. */
    .header-wrap{min-height:94px;gap:22px}
    .brand{flex:0 0 286px;padding:12px 0;overflow:visible}
    .brand-mark{width:276px;max-width:100%;line-height:0;overflow:visible}
    .brand-mark img{width:100%;height:auto;max-height:none;object-fit:contain;object-position:left center;overflow:visible}
    .brand-tag{margin-top:4px;font-size:9px;line-height:1.3;letter-spacing:.6px;padding-left:4px}
    .membership-banner{height:auto;max-height:none;object-fit:contain;background:#fff;border:0}
    .partners-pic{height:auto;max-height:none;object-fit:contain}
    .cert-box{overflow:visible}
    .cert-circles img{height:72px;object-fit:contain;object-position:center}
    .seal-strip{margin-top:22px;padding:23px 26px;overflow:visible}
    .seal-strip-grid{display:grid;grid-template-columns:2.2fr 1fr 1fr;max-width:850px;margin:0 auto;gap:35px;align-items:center;justify-items:center}
    .seal-strip-grid img{width:auto;height:156px;max-height:none;max-width:100%;object-fit:contain}
    .seal-strip-grid .dgsv-wordmark{width:340px;height:auto;max-width:100%}
    @media(max-width:1180px){
      .header-wrap{flex-wrap:wrap;gap:12px;padding-block:10px;min-height:90px}
      .brand{flex:1 1 270px;padding:0}
      .brand-mark{width:260px}
      .menu-toggle{display:block;order:3;min-height:42px;min-width:42px}
      .top-cta{margin-left:auto;order:2}
      nav{display:none;order:4;flex:1 0 100%;margin:0;flex-direction:column;align-items:stretch;gap:0;border-top:1px solid #e3ebf0;padding-top:5px}
      nav.open{display:flex}nav a{font-size:13px;padding:11px 7px;border-bottom:1px solid #edf3f8}
    }
    @media(max-width:600px){
      .header-wrap{min-height:88px;padding-block:12px;gap:8px;flex-wrap:wrap}
      .brand{flex:1 1 0;min-width:0;max-width:calc(100% - 50px)}
      .brand-mark{width:242px;max-width:100%}
      .brand-tag{font-size:8px;line-height:1.3;letter-spacing:.35px;max-width:100%}
      .top-cta{display:none}
      .menu-toggle{margin-left:auto}
      .seal-strip{padding:22px 18px}
      .seal-strip-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 18px}
      .seal-strip-grid .dgsv-wordmark{grid-column:1/-1;width:270px;height:auto}
      .seal-strip-grid img{height:145px;width:auto;max-width:100%;max-height:none}
    }

  
/* Shared multipage extension. Local assets only. */
:root{--text:#46627f;--line:#dce9f2}
button,input,textarea,select{font:inherit}
button{cursor:pointer}
a{transition:color .18s ease,background .18s ease}
#site-nav a[aria-current="page"]{color:#0078b9;text-decoration:underline;text-underline-offset:7px}
.card h3 a:hover{text-decoration:underline;text-underline-offset:3px}
.card p{padding-right:22px}
.footer-meta{display:flex;justify-content:space-between;align-items:center;gap:24px;border-top:1px solid #ffffff30;margin-top:22px;padding-top:16px;color:#e6f7ff;font-size:11px}
.footer-meta div{display:flex;gap:20px;flex-wrap:wrap}
.footer-meta a:hover{text-decoration:underline}
.breadcrumbs{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:10px;margin:0;padding:20px 0;border:0;color:#617b92;font-size:12px;line-height:1.6}
.breadcrumbs a{color:#406784;min-height:24px;display:inline-flex;align-items:center;font-size:12px;white-space:normal;font-weight:400;padding:0;border:0}
.breadcrumbs span[aria-current]{color:#143b61}
.breadcrumbs .crumb-sep{color:#a2bdce}
.detail-hero{position:relative;background:linear-gradient(112deg,#0079b9 0%,#008ed0 55.5%,#eaf5fa 55.6%,#f4f9fc 100%);isolation:isolate}
.detail-hero::after{content:"";position:absolute;bottom:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#008ecf 0 76%,#ffe000 76% 88%,#ef2541 88%)}
.detail-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:70px;align-items:center;min-height:462px;padding-block:44px}
.detail-copy{color:#fff;padding:6px 0 12px;min-width:0}
.detail-copy .eyebrow{color:#e0f5ff;font-size:11px;letter-spacing:1.75px;margin-bottom:24px;display:flex;align-items:center;gap:14px}
.detail-copy .eyebrow::before{content:"";width:24px;height:2px;background:#bfeaff;flex:none}
.detail-copy h1{font-size:clamp(32px,3.25vw,46px);line-height:1.1;letter-spacing:-1.2px;margin:0 0 22px;overflow-wrap:break-word}
.detail-copy .lead{font-size:17px;line-height:1.65;color:#f0faff;max-width:515px;margin:0 0 27px}
.button-row{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.detail-copy .primary-button{font-size:13px;min-height:46px;box-shadow:none;padding:13px 19px}
.detail-copy .secondary-link{font-size:13px;color:white;border-bottom:1px solid #ffffff70;padding:8px 0;font-weight:600}
.detail-visual{margin:0;min-width:0;padding:0;background:white;border:1px solid #dce8f0;box-shadow:0 13px 35px #1b496b15;transform:translateY(3px)}
.image-stage{height:322px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:linear-gradient(145deg,#f7fbfd,#e3eff6)}
.image-stage img{width:100%;height:100%;object-fit:cover;display:block}
.detail-visual figcaption{padding:12px 17px;font-size:11px;line-height:1.5;color:#617b91;background:#fff}
.detail-visual.portrait-image .image-stage{height:335px}
.detail-visual.portrait-image img{height:100%;width:auto;max-width:100%;object-fit:contain}
.detail-visual.compact-image .image-stage{background:linear-gradient(145deg,#fcfdfe,#ecf5fa);height:322px}
.detail-visual.compact-image img{width:auto;max-width:82%;height:auto;max-height:230px;object-fit:contain;box-shadow:0 8px 20px #2e526818}
.detail-visual.logo-image img{padding:35px;width:100%;height:100%;object-fit:contain;background:#fff}
.page-section{padding:80px 0}
.page-section.soft{background:#f1f7fb}
.page-section h2{font-size:32px;line-height:1.2;letter-spacing:-.65px;max-width:810px;margin:10px 0 23px}
.reading{font-size:16px;line-height:1.8;color:#46627f}
.reading p{margin:0 0 19px}
.reading p:last-child{margin-bottom:0}
.intro-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:86px;align-items:start}
.overview{border-left:3px solid #008ecf;background:#f4f8fb;padding:29px 30px}
.overview h3{font-size:18px;line-height:1.3;margin:0 0 22px}
.overview ul{list-style:none;padding:0;margin:0;display:grid;gap:15px}
.overview li{font-size:14px;line-height:1.55;color:#47617a;position:relative;padding-left:22px}
.overview li::before{content:"\2713";position:absolute;left:0;color:#0087ca;font-weight:bold}
.overview a{display:inline-block;font-size:13px;color:#0078b8;font-weight:bold;margin-top:26px}
.details-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:31px}
.detail-block{background:white;border:1px solid #e0ebf3;padding:32px 28px;min-width:0}
.detail-block .step-number{display:block;color:#008ecf;font-size:13px;font-weight:800;letter-spacing:1px;margin-bottom:22px}
.detail-block h3{font-size:20px;line-height:1.3;margin:0 0 17px}
.detail-block p{margin:0;color:#4d6881;font-size:14px;line-height:1.8}
.section-top{display:flex;justify-content:space-between;gap:36px;align-items:end}
.section-top .muted{max-width:350px;margin-bottom:23px;font-size:14px;line-height:1.7;color:#59758f}
.technical-note{display:flex;gap:16px;border-top:1px solid #d9e7f1;margin-top:32px;padding-top:25px;color:#516c84;font-size:13px;line-height:1.75}
.technical-note strong{color:#163b61;white-space:nowrap}
.faq-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:80px;align-items:start}
.faq-layout .reading{font-size:15px;max-width:400px}
.faq-list details{border-top:1px solid #dce8ef;padding:0 2px}
.faq-list details:last-child{border-bottom:1px solid #dce8ef}
.faq-list summary{list-style:none;cursor:pointer;font-size:16px;line-height:1.5;font-weight:700;color:#15385b;position:relative;padding:22px 34px 22px 0}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary::after{content:"+";position:absolute;right:3px;top:19px;font-size:24px;font-weight:400;color:#0088c9}
.faq-list details[open] summary::after{content:"\2212"}
.faq-list details p{font-size:14px;line-height:1.8;color:#506b83;margin:0;padding:0 25px 24px 0}
.inquiry-band{background:linear-gradient(105deg,#077ebc,#008fd0);padding:45px 0;color:#fff}
.inquiry-inner{display:flex;align-items:center;justify-content:space-between;gap:40px}
.inquiry-band h2{font-size:29px;line-height:1.2;letter-spacing:-.5px;margin:0 0 12px;color:#fff}
.inquiry-band p{font-size:15px;color:#e6f7ff;line-height:1.65;max-width:730px;margin:0}
.inquiry-band a{flex:none}
.related{padding:66px 0 74px;background:#fff}
.related h2{font-size:27px;margin-bottom:28px}
.related .card-img{height:145px}
.related .card-body{min-height:126px}
.feature-link{background:#f4f9fc;border:1px solid #dceaf4;padding:29px 32px;display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:30px}
.feature-link h3{font-size:20px;line-height:1.3;margin:0 0 9px}
.feature-link p{font-size:14px;line-height:1.7;margin:0;color:#57718b;max-width:790px}
.feature-link .big-arrow{font-size:30px;color:#008acb;flex:none}
.service-overview .cards{margin-top:29px;gap:26px}
.service-overview .card-img{height:190px}
.service-overview .card-body{padding:23px 24px;min-height:153px}
.service-overview .card h3{font-size:19px;margin-right:24px}
.service-overview .card p{font-size:14px;line-height:1.65}
.editorial-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:65px;align-items:center}
.editorial-grid img{max-height:450px;width:100%;height:auto;object-fit:contain;background:#ecf4f9}
.value-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px;margin-top:34px}
.value-grid article{border-top:2px solid #0088c9;padding-top:24px}
.value-grid h3{font-size:20px;margin:0 0 14px}
.value-grid p{font-size:15px;line-height:1.8;color:#516b84;margin:0}
.cert-page-section .cert-grid{grid-template-columns:1.1fr 1fr;gap:26px}
.cert-page-section .cert-grid .cert-box{padding:30px}
.cert-page-section .cert-grid .cert-box:nth-child(2){grid-column:1/-1;grid-row:2;padding:34px}
.cert-page-section .seal-grid{grid-template-columns:repeat(11,minmax(0,1fr));gap:15px;margin:28px 0 7px}
.cert-page-section .seal-grid img{max-width:85px}
.cert-page-section .seal-grid img:last-child{grid-column:auto}
.cert-page-section .cert-box h3{font-size:20px;margin-bottom:12px}
.cert-page-section .cert-box .sub{font-size:13px}
.cert-page-section .membership-stack{gap:28px}
.cert-page-section .membership-banner{width:100%;max-width:470px}
.cert-page-section .partners-pic{width:100%;max-width:470px;margin:0}
.cert-page-section .europe-head p{font-size:13px}
.cert-page-section .europe-head img{width:75px}
.cert-page-section .cert-circles{gap:22px;margin-block:22px}
.cert-page-section .cert-circles img{height:87px}
.cert-page-section .cert-footnote{font-size:12px;line-height:1.75}
.cert-page-section .seal-strip{padding:37px}
.contact-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:70px;align-items:start}
.contact-details{display:grid;gap:26px}
.contact-details h2{font-size:29px}
.contact-details p{font-size:15px;line-height:1.8;margin:0;color:#4e6b84}
.contact-details h3{font-size:12px;color:#0085c6;letter-spacing:1px;text-transform:uppercase;margin:0 0 8px}
.contact-details .direct-contact{font-size:21px;color:#14385b;display:inline-block;line-height:1.45;overflow-wrap:anywhere}
.contact-details .email-contact{font-size:17px}
.contact-details address{font-style:normal;color:#4e6b84;font-size:15px;line-height:1.8}
.contact-form{padding:37px;background:#f1f7fb;border:1px solid #e0ecf4}
.contact-form h2{font-size:27px;margin-top:0}
.contact-form .form-note{font-size:13px;line-height:1.7;color:#577189;margin-bottom:25px}
.fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.field{display:flex;flex-direction:column;gap:8px;min-width:0}
.field.full{grid-column:1/-1}
.field label{font-size:13px;color:#1d4164;font-weight:700}
.field input,.field textarea,.field select{width:100%;min-width:0;border:1px solid #c9dce9;background:white;color:#1d4164;border-radius:2px;padding:12px 13px;min-height:46px;font-size:15px}
.field textarea{min-height:150px;resize:vertical;line-height:1.6}
.field input:focus,.field textarea:focus,.field select:focus{outline:2px solid #008ecf;outline-offset:2px}
.form-actions{display:flex;gap:15px;align-items:center;flex-wrap:wrap;margin-top:22px}
.button-blue{background:#0086c6;color:white;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:12px 19px;border:0;border-radius:3px;font-weight:700;font-size:14px}
.button-copy{background:white;border:1px solid #c3d9e9;color:#17618c;min-height:46px;padding:11px 16px;border-radius:3px;font-size:13px}
.form-feedback{font-size:13px;line-height:1.6;color:#275778;min-height:22px;margin-top:15px}
.contact-hero .detail-grid{min-height:360px}
.contact-hero .detail-copy .lead{max-width:570px}
.contact-aside{background:white;padding:35px;border:1px solid #dce8f1;color:#173e60}
.contact-aside h2{font-size:23px;letter-spacing:-.3px;line-height:1.3;margin:0 0 21px}
.contact-aside p{font-size:15px;line-height:1.8;color:#52718b}
.contact-aside a{display:block;font-size:22px;color:#007ebb;margin-block:17px;overflow-wrap:anywhere}
.contact-aside a:last-child{font-size:16px}
@media(max-width:1180px){.detail-grid{gap:40px}.detail-copy h1{font-size:37px}.detail-copy .lead{font-size:16px}.intro-grid{gap:46px}.detail-block{padding:27px 23px}.faq-layout{gap:46px}.image-stage{height:300px}.contact-grid{gap:40px}}
@media(max-width:900px){.detail-grid{grid-template-columns:1fr 1fr;gap:25px}.detail-copy h1{font-size:31px;letter-spacing:-.7px}.detail-copy .lead{font-size:15px}.detail-copy .eyebrow{font-size:10px;letter-spacing:1px}.image-stage{height:295px}.detail-grid{min-height:430px}.intro-grid{grid-template-columns:1.4fr 1fr;gap:35px}.details-grid{gap:16px}.detail-block{padding:25px 20px}.detail-block h3{font-size:18px}.page-section h2{font-size:29px}.contact-grid{grid-template-columns:1fr;gap:38px}.contact-details{grid-template-columns:1fr 1fr}.contact-details>div:first-child{grid-column:1/-1}.editorial-grid{gap:34px}.cert-page-section .seal-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.cert-page-section .seal-grid img{max-width:85px}}
@media(max-width:700px){.detail-hero{background:linear-gradient(120deg,#0079ba,#008ed0)}.detail-grid{grid-template-columns:1fr;gap:32px;padding-block:36px 38px}.detail-copy h1{font-size:36px;line-height:1.14;letter-spacing:-.7px}.detail-copy .lead{font-size:16px;max-width:none}.detail-copy{padding:0}.detail-copy .eyebrow{margin-bottom:20px}.detail-visual{width:100%;max-width:540px;margin:0 auto}.image-stage{height:280px}.detail-visual.portrait-image .image-stage{height:285px}.detail-visual.compact-image .image-stage{height:200px}.breadcrumbs{padding-block:16px;font-size:11px;gap:8px}.breadcrumbs a{font-size:11px}.page-section{padding:54px 0}.intro-grid,.faq-layout,.editorial-grid{grid-template-columns:1fr;gap:30px}.overview{padding:25px}.details-grid,.value-grid{grid-template-columns:1fr;gap:20px}.detail-block{padding:28px}.detail-block .step-number{margin-bottom:13px}.detail-block h3{font-size:20px}.section-top{display:block}.section-top .muted{max-width:none;margin:0 0 24px}.technical-note{display:block}.technical-note strong{display:block;margin-bottom:7px}.inquiry-inner{display:block}.inquiry-band h2{font-size:27px}.inquiry-band .primary-button{margin-top:25px}.related{padding-block:52px}.related .cards{grid-template-columns:1fr}.related .card-img{height:170px}.cert-page-section .cert-grid{grid-template-columns:1fr}.cert-page-section .cert-grid .cert-box:nth-child(2){grid-column:auto;grid-row:auto;padding:25px}.cert-page-section .cert-grid .cert-box:last-child{grid-column:auto}.cert-page-section .seal-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.cert-page-section .cert-grid .cert-box{padding:25px}.footer-meta{align-items:flex-start;flex-direction:column;gap:14px}.contact-details{grid-template-columns:1fr}.contact-form{padding:25px}.fields{grid-template-columns:1fr}.contact-aside{padding:28px}.contact-hero .detail-grid{min-height:unset}.feature-link{padding:24px;gap:16px}.service-overview .cards{grid-template-columns:1fr}.service-overview .card-img{height:190px}}
@media(max-width:400px){.detail-copy h1{font-size:30px;overflow-wrap:anywhere}.detail-copy .lead{font-size:15px}.image-stage{height:235px}.button-row{gap:12px}.detail-copy .primary-button{font-size:12px;padding:12px 14px}.detail-copy .secondary-link{font-size:12px}.page-section h2{font-size:27px}.reading{font-size:15px}.cert-page-section .seal-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.form-actions{flex-direction:column;align-items:stretch}.contact-aside a:last-child{font-size:14px}.contact-details .email-contact{font-size:15px}}
@media print{.site-header,.breadcrumbs,.inquiry-band,footer,.related,.form-actions{display:none!important}.detail-hero{background:white!important;color:#0a2d5c}.detail-copy,.detail-copy .eyebrow,.detail-copy .lead{color:#0a2d5c}.page-section{padding-block:24px}.detail-visual{box-shadow:none}.faq-list details p{display:block}.detail-hero::after{display:none}}
@media(max-width:400px){.page-section h2,.detail-block h3,.feature-link h3{overflow-wrap:anywhere;hyphens:auto}.page-section h2{font-size:25px}}

/* Revision 30.10.2026: brand visibility and headline fit */
@media(min-width:901px){.site-header .brand-mark{width:345px}.site-header .brand{flex-basis:385px}.hero-copy{width:66%;transform:translateX(-10px)}.hero-copy h1{font-size:clamp(32px,3.15vw,45px);max-width:610px;overflow-wrap:normal}}
@media(min-width:701px) and (max-width:900px){.hero-copy h1{font-size:30px;max-width:100%}}
.source-gallery{padding-top:50px;padding-bottom:50px;background:#f3f8fb}.source-gallery h2{margin-bottom:24px}.source-image-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.source-image-grid figure{margin:0;background:white;padding:10px;border:1px solid #e0ebf1}.source-image-grid img{display:block;width:100%;max-height:360px;object-fit:contain}.source-image-grid figure:only-child{grid-column:1/-1;max-width:850px}@media(max-width:700px){.source-image-grid{grid-template-columns:1fr}}

/* Schimmelpilzsanierung – Einblicke aus der Praxis */
.gallery-intro{max-width:760px;margin:-8px 0 28px;color:#516c84;font-size:15px;line-height:1.7}.praxis-grid{align-items:start}.praxis-grid figure{border-radius:2px;overflow:hidden;box-shadow:0 10px 26px rgba(31,78,110,.07)}.praxis-photo-frame{height:430px;background:#eef4f7;overflow:hidden}.praxis-photo-frame img{width:100%;height:100%;max-height:none;object-fit:cover;object-position:center 48%}.praxis-document-frame{background:#fff;display:flex;align-items:center;justify-content:center;min-height:300px}.praxis-document-frame img{max-height:420px;object-fit:contain}.praxis-grid figcaption{padding:12px 14px 14px;color:#5d7184;font-size:12px;line-height:1.55;background:#fff}.praxis-grid .praxis-wide{grid-column:1/-1;max-width:850px;margin-top:4px}.praxis-grid .praxis-wide img{width:100%}@media(max-width:900px){.praxis-photo-frame{height:360px}}@media(max-width:700px){.praxis-photo-frame{height:420px}.praxis-grid .praxis-wide{grid-column:auto;max-width:none}.gallery-intro{font-size:14px;margin-bottom:22px}}

/* Attachment field */
.attachment-field input[type="file"]{padding:10px;background:#fff;cursor:pointer}
.file-note{display:block;color:#6b8296;font-size:12px;line-height:1.55;margin-top:2px}
.attachment-list{list-style:none;padding:0;margin:8px 0 0;display:grid;gap:6px}
.attachment-list li{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:8px 10px;background:#fff;border:1px solid #dce8f0;color:#315a7a;font-size:12px}
.attachment-list .file-size{white-space:nowrap;color:#6d8496}
.page-impressum .detail-visual.logo-image .image-stage{background:#fff;padding:16px}
.page-impressum .detail-visual.logo-image img{padding:0;max-width:100%;max-height:100%;object-fit:contain}


/* ================================================================
   Fachseiten: dezente thematische Hintergrundmotive
   Startseite, Header-Logo, Zertifizierungen und Footer bleiben unverändert.
   ================================================================ */
body.page-kellersanierung{--service-bg:url('bg_kellersanierung.webp');--service-pos:center 55%}
body.page-kellerdaemmung{--service-bg:url('bg_kellerdaemmung.webp');--service-pos:center 48%}
body.page-wasserschadensanierung{--service-bg:url('bg_wasserschaden.webp');--service-pos:center 52%}
body.page-schimmelpilzsanierung{--service-bg:url('bg_schimmel.webp');--service-pos:center 48%}
body.page-brandschadensanierung{--service-bg:url('bg_brandschaden.webp');--service-pos:center 44%}
body.page-schadstoffsanierung{--service-bg:url('bg_schadstoff.webp');--service-pos:center 52%}
body.page-messtechnik{--service-bg:url('bg_messtechnik.webp');--service-pos:center 50%}

body.page-kellersanierung .detail-hero,
body.page-kellerdaemmung .detail-hero,
body.page-wasserschadensanierung .detail-hero,
body.page-schimmelpilzsanierung .detail-hero,
body.page-brandschadensanierung .detail-hero,
body.page-schadstoffsanierung .detail-hero,
body.page-messtechnik .detail-hero{
  background-image:
    linear-gradient(112deg,rgba(0,112,175,.96) 0%,rgba(0,142,208,.91) 54%,rgba(233,245,251,.78) 54.2%,rgba(246,250,253,.83) 100%),
    var(--service-bg);
  background-size:cover;
  background-position:center,var(--service-pos);
  background-repeat:no-repeat;
}

/* Fades the page-specific project image into the first content section. */
body.page-kellersanierung #inhalt,
body.page-kellerdaemmung #inhalt,
body.page-wasserschadensanierung #inhalt,
body.page-schimmelpilzsanierung #inhalt,
body.page-brandschadensanierung #inhalt,
body.page-schadstoffsanierung #inhalt,
body.page-messtechnik #inhalt{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:linear-gradient(90deg,#fff 0%,#fff 47%,#f6fafc 100%);
}
body.page-kellersanierung #inhalt::before,
body.page-kellerdaemmung #inhalt::before,
body.page-wasserschadensanierung #inhalt::before,
body.page-schimmelpilzsanierung #inhalt::before,
body.page-brandschadensanierung #inhalt::before,
body.page-schadstoffsanierung #inhalt::before,
body.page-messtechnik #inhalt::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background:var(--service-bg) var(--service-pos)/cover no-repeat;
  opacity:.18;
  filter:saturate(.82) contrast(.92);
}
body.page-kellersanierung #inhalt::after,
body.page-kellerdaemmung #inhalt::after,
body.page-wasserschadensanierung #inhalt::after,
body.page-schimmelpilzsanierung #inhalt::after,
body.page-brandschadensanierung #inhalt::after,
body.page-schadstoffsanierung #inhalt::after,
body.page-messtechnik #inhalt::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.95) 48%,rgba(250,253,255,.76) 74%,rgba(245,250,253,.64) 100%);
}

/* The technical process section gets a more visible but still calm image backdrop. */
body.page-kellersanierung .page-section.soft,
body.page-kellerdaemmung .page-section.soft,
body.page-wasserschadensanierung .page-section.soft,
body.page-schimmelpilzsanierung .page-section.soft,
body.page-brandschadensanierung .page-section.soft,
body.page-schadstoffsanierung .page-section.soft,
body.page-messtechnik .page-section.soft{
  background-image:linear-gradient(rgba(241,247,251,.84),rgba(241,247,251,.91)),var(--service-bg);
  background-size:cover;
  background-position:var(--service-pos);
  background-repeat:no-repeat;
}

/* Project galleries become lightly photographic instead of plain white/grey. */
body.page-kellersanierung .source-gallery,
body.page-kellerdaemmung .source-gallery,
body.page-wasserschadensanierung .source-gallery,
body.page-schimmelpilzsanierung .source-gallery,
body.page-brandschadensanierung .source-gallery,
body.page-schadstoffsanierung .source-gallery,
body.page-messtechnik .source-gallery{
  background-image:linear-gradient(rgba(243,248,251,.88),rgba(243,248,251,.93)),var(--service-bg);
  background-size:cover;
  background-position:var(--service-pos);
  background-repeat:no-repeat;
}

body.page-kellersanierung .related,
body.page-kellerdaemmung .related,
body.page-wasserschadensanierung .related,
body.page-schimmelpilzsanierung .related,
body.page-brandschadensanierung .related,
body.page-schadstoffsanierung .related,
body.page-messtechnik .related{
  background-image:linear-gradient(rgba(255,255,255,.93),rgba(249,252,254,.96)),var(--service-bg);
  background-size:cover;
  background-position:var(--service-pos);
  background-repeat:no-repeat;
}

/* Cards remain crisp against the photographic surfaces. */
body.page-kellersanierung .detail-block,
body.page-kellerdaemmung .detail-block,
body.page-wasserschadensanierung .detail-block,
body.page-schimmelpilzsanierung .detail-block,
body.page-brandschadensanierung .detail-block,
body.page-schadstoffsanierung .detail-block,
body.page-messtechnik .detail-block,
body.page-kellersanierung .source-image-grid figure,
body.page-kellerdaemmung .source-image-grid figure,
body.page-wasserschadensanierung .source-image-grid figure,
body.page-schimmelpilzsanierung .source-image-grid figure,
body.page-brandschadensanierung .source-image-grid figure,
body.page-schadstoffsanierung .source-image-grid figure,
body.page-messtechnik .source-image-grid figure{
  box-shadow:0 12px 34px rgba(14,54,86,.09);
  backdrop-filter:blur(2px);
}

@media(max-width:800px){
  body.page-kellersanierung .detail-hero,
  body.page-kellerdaemmung .detail-hero,
  body.page-wasserschadensanierung .detail-hero,
  body.page-schimmelpilzsanierung .detail-hero,
  body.page-brandschadensanierung .detail-hero,
  body.page-schadstoffsanierung .detail-hero,
  body.page-messtechnik .detail-hero{
    background-image:linear-gradient(150deg,rgba(0,116,181,.97),rgba(0,142,208,.93) 57%,rgba(238,248,252,.90) 57.2%,rgba(248,251,253,.94)),var(--service-bg);
  }
  body.page-kellersanierung #inhalt::before,
  body.page-kellerdaemmung #inhalt::before,
  body.page-wasserschadensanierung #inhalt::before,
  body.page-schimmelpilzsanierung #inhalt::before,
  body.page-brandschadensanierung #inhalt::before,
  body.page-schadstoffsanierung #inhalt::before,
  body.page-messtechnik #inhalt::before{opacity:.10}
}

/* ================================================================
   Fachseiten 2026 – markantere / modernere Variante
   Nur die sieben Leistungs-Unterseiten. Startseite, Header und Footer
   bleiben unverändert.
   ================================================================ */
body.page-kellersanierung{--page-accent:#10a3df;--page-accent-rgb:16,163,223}
body.page-kellerdaemmung{--page-accent:#e0bd16;--page-accent-rgb:224,189,22}
body.page-wasserschadensanierung{--page-accent:#13a9e5;--page-accent-rgb:19,169,229}
body.page-schimmelpilzsanierung{--page-accent:#6db04b;--page-accent-rgb:109,176,75}
body.page-brandschadensanierung{--page-accent:#e84a3e;--page-accent-rgb:232,74,62}
body.page-schadstoffsanierung{--page-accent:#f0c51b;--page-accent-rgb:240,197,27}
body.page-messtechnik{--page-accent:#45b7df;--page-accent-rgb:69,183,223}

:is(body.page-kellersanierung,body.page-kellerdaemmung,body.page-wasserschadensanierung,body.page-schimmelpilzsanierung,body.page-brandschadensanierung,body.page-schadstoffsanierung,body.page-messtechnik) main{
  background:
    radial-gradient(circle at 8% 15%,rgba(var(--page-accent-rgb),.07),transparent 24%),
    linear-gradient(180deg,#f7fbfd 0,#eef5f9 100%);
}

/* Cinematic hero: stronger photo, deeper blue, subtle technical grid. */
:is(body.page-kellersanierung,body.page-kellerdaemmung,body.page-wasserschadensanierung,body.page-schimmelpilzsanierung,body.page-brandschadensanierung,body.page-schadstoffsanierung,body.page-messtechnik) .detail-hero{
  min-height:510px;
  overflow:hidden;
  background-image:
    linear-gradient(105deg,rgba(3,34,63,.93) 0%,rgba(0,93,147,.86) 39%,rgba(0,128,188,.52) 58%,rgba(237,247,251,.42) 58.2%,rgba(245,250,252,.60) 100%),
    var(--service-bg);
  background-size:cover;
  background-position:center,var(--service-pos);
}
:is(body.page-kellersanierung,body.page-kellerdaemmung,body.page-wasserschadensanierung,body.page-schimmelpilzsanierung,body.page-brandschadensanierung,body.page-schadstoffsanierung,body.page-messtechnik) .detail-hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    linear-gradient(135deg,transparent 0 61%,rgba(var(--page-accent-rgb),.16) 61.2% 61.8%,transparent 62%),
    linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px),
    linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px);
  background-size:auto,54px 54px,54px 54px;
  mask-image:linear-gradient(90deg,#000 0 60%,transparent 100%);
}
:is(body.page-kellersanierung,body.page-kellerdaemmung,body.page-wasserschadensanierung,body.page-schimmelpilzsanierung,body.page-brandschadensanierung,body.page-schadstoffsanierung,body.page-messtechnik) .detail-grid{
  position:relative;
  z-index:1;
  min-height:510px;
}
:is(body.page-kellersanierung,body.page-kellerdaemmung,body.page-wasserschadensanierung,body.page-schimmelpilzsanierung,body.page-brandschadensanierung,body.page-schadstoffsanierung,body.page-messtechnik) .detail-copy .eyebrow::before{
  background:var(--page-accent);
  box-shadow:0 0 16px rgba(var(--page-accent-rgb),.5);
}
:is(body.page-kellersanierung,body.page-kellerdaemmung,body.page-wasserschadensanierung,body.page-schimmelpilzsanierung,body.page-brandschadensanierung,body.page-schadstoffsanierung,body.page-messtechnik) .detail-copy h1{
  text-shadow:0 8px 32px rgba(0,28,52,.28);
}
:is(body.page-kellersanierung,body.page-kellerdaemmung,body.page-wasserschadensanierung,body.page-schimmelpilzsanierung,body.page-brandschadensanierung,body.page-schadstoffsanierung,body.page-messtechnik) .detail-copy .primary-button{
  border-left:4px solid var(--page-accent);
  box-shadow:0 12px 34px rgba(0,31,59,.22);
}

/* Hero photo becomes a floating glass panel. */
:is(body.page-kellersanierung,body.page-kellerdaemmung,body.page-wasserschadensanierung,body.page-schimmelpilzsanierung,body.page-brandschadensanierung,body.page-schadstoffsanierung,body.page-messtechnik) .detail-visual{
  border:1px solid rgba(255,255,255,.72);
  border-radius:16px;
  overflow:hidden;
  background:rgba(255,255,255,.86);
  box-shadow:0 28px 65px rgba(3,39,68,.25),0 0 0 8px rgba(255,255,255,.10);
  transform:translateY(3px) rotate(-.55deg);
  transition:transform .35s ease,box-shadow .35s ease;
  backdrop-filter:blur(8px);
}
:is(body.page-kellersanierung,body.page-kellerdaemmung,body.page-wasserschadensanierung,body.page-schimmelpilzsanierung,body.page-brandschadensanierung,body.page-schadstoffsanierung,body.page-messtechnik) .detail-visual:hover{
  transform:translateY(-5px) rotate(0deg);
  box-shadow:0 34px 80px rgba(3,39,68,.31),0 0 0 8px rgba(255,255,255,.14);
}
:is(body.page-kellersanierung,body.page-kellerdaemmung,body.page-wasserschadensanierung,body.page-schimmelpilzsanierung,body.page-brandschadensanierung,body.page-schadstoffsanierung,body.page-messtechnik) .detail-visual .image-stage img{
  transition:transform .7s ease,filter .7s ease;
}
:is(body.page-kellersanierung,body.page-kellerdaemmung,body.page-wasserschadensanierung,body.page-schimmelpilzsanierung,body.page-brandschadensanierung,body.page-schadstoffsanierung,body.page-messtechnik) .detail-visual:hover .image-stage img{
  transform:scale(1.035);
  filter:saturate(1.06) contrast(1.02);
}

/* Intro section: frosted content panels so the background photo is visible. */
:is(body.page-kellersanierung,body.page-kellerdaemmung,body.page-wasserschadensanierung,body.page-schimmelpilzsanierung,body.page-brandschadensanierung,body.page-schadstoffsanierung,body.page-messtechnik) #inhalt{
  padding-block:72px;
  background:transparent;
}
:is(body.page-kellersanierung,body.page-kellerdaemmung,body.page-wasserschadensanierung,body.page-schimmelpilzsanierung,body.page-brandschadensanierung,body.page-schadstoffsanierung,body.page-messtechnik) #inhalt::before{
  opacity:.52;
  filter:saturate(1.02) contrast(1.02);
  transform:scale(1.04);
}
:is(body.page-kellersanierung,body.page-kellerdaemmung,body.page-wasserschadensanierung,body.page-schimmelpilzsanierung,body.page-brandschadensanierung,body.page-schadstoffsanierung,body.page-messtechnik) #inhalt::after{
  background:linear-gradient(100deg,rgba(246,251,253,.92) 0%,rgba(246,251,253,.86) 44%,rgba(246,251,253,.50) 70%,rgba(233,244,249,.36) 100%);
}
:is(body.page-kellersanierung,body.page-kellerdaemmung,body.page-wasserschadensanierung,body.page-schimmelpilzsanierung,body.page-brandschadensanierung,body.page-schadstoffsanierung,body.page-messtechnik) #inhalt .intro-grid>div,
:is(body.page-kellersanierung,body.page-kellerdaemmung,body.page-wasserschadensanierung,body.page-schimmelpilzsanierung,body.page-brandschadensanierung,body.page-schadstoffsanierung,body.page-messtechnik) #inhalt .overview{
  background:rgba(255,255,255,.78);
  border:1px solid rgba(255,255,255,.84);
  border-radius:18px;
  padding:32px 34px;
  box-shadow:0 22px 52px rgba(9,53,82,.14);
  backdrop-filter:blur(8px);
}
:is(body.page-kellersanierung,body.page-kellerdaemmung,body.page-wasserschadensanierung,body.page-schimmelpilzsanierung,body.page-brandschadensanierung,body.page-schadstoffsanierung,body.page-messtechnik) #inhalt .overview{
  border-top:4px solid var(--page-accent);
}

/* Process band: immersive, dark, photo-backed section. */
:is(body.page-kellersanierung,body.page-kellerdaemmung,body.page-wasserschadensanierung,body.page-schimmelpilzsanierung,body.page-brandschadensanierung,body.page-schadstoffsanierung,body.page-messtechnik) .page-section.soft{
  position:relative;
  isolation:isolate;
  color:#fff;
  background-image:linear-gradient(105deg,rgba(4,32,56,.82),rgba(7,67,102,.72) 57%,rgba(3,42,72,.78)),var(--service-bg);
  background-size:cover;
  background-position:var(--service-pos);
  background-attachment:fixed;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),inset 0 -1px 0 rgba(255,255,255,.08);
}
:is(body.page-kellersanierung,body.page-kellerdaemmung,body.page-wasserschadensanierung,body.page-schimmelpilzsanierung,body.page-brandschadensanierung,body.page-schadstoffsanierung,body.page-messtechnik) .page-section.soft::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:
    radial-gradient(circle at 82% 22%,rgba(var(--page-accent-rgb),.24),transparent 30%),
    linear-gradient(125deg,transparent 0 73%,rgba(255,255,255,.055) 73.2% 73.6%,transparent 73.8%);
}
:is(body.page-kellersanierung,body.page-kellerdaemmung,body.page-wasserschadensanierung,body.page-schimmelpilzsanierung,body.page-brandschadensanierung,body.page-schadstoffsanierung,body.page-messtechnik) .page-section.soft .eyebrow{
  color:var(--page-accent);
}
:is(body.page-kellersanierung,body.page-kellerdaemmung,body.page-wasserschadensanierung,body.page-schimmelpilzsanierung,body.page-brandschadensanierung,body.page-schadstoffsanierung,body.page-messtechnik) .page-section.soft h2{
  color:#fff;
  text-shadow:0 8px 24px rgba(0,0,0,.18);
}
:is(body.page-kellersanierung,body.page-kellerdaemmung,body.page-wasserschadensanierung,body.page-schimmelpilzsanierung,body.page-brandschadensanierung,body.page-schadstoffsanierung,body.page-messtechnik) .details-grid{
  gap:22px;
}
:is(body.page-kellersanierung,body.page-kellerdaemmung,body.page-wasserschadensanierung,body.page-schimmelpilzsanierung,body.page-brandschadensanierung,body.page-schadstoffsanierung,body.page-messtechnik) .detail-block{
  position:relative;
  border:1px solid rgba(255,255,255,.58);
  border-radius:16px;
  background:rgba(255,255,255,.82);
  box-shadow:0 18px 45px rgba(0,22,42,.20);
  backdrop-filter:blur(7px);
  overflow:hidden;
  transition:transform .28s ease,box-shadow .28s ease;
}
:is(body.page-kellersanierung,body.page-kellerdaemmung,body.page-wasserschadensanierung,body.page-schimmelpilzsanierung,body.page-brandschadensanierung,body.page-schadstoffsanierung,body.page-messtechnik) .detail-block::before{
  content:"";
  position:absolute;
  left:0;top:0;bottom:0;width:4px;
  background:var(--page-accent);
  box-shadow:0 0 22px rgba(var(--page-accent-rgb),.35);
}
:is(body.page-kellersanierung,body.page-kellerdaemmung,body.page-wasserschadensanierung,body.page-schimmelpilzsanierung,body.page-brandschadensanierung,body.page-schadstoffsanierung,body.page-messtechnik) .detail-block:hover{
  transform:translateY(-6px);
  box-shadow:0 26px 58px rgba(0,22,42,.28);
}
:is(body.page-kellersanierung,body.page-kellerdaemmung,body.page-wasserschadensanierung,body.page-schimmelpilzsanierung,body.page-brandschadensanierung,body.page-schadstoffsanierung,body.page-messtechnik) #inhalt h2,
:is(body.page-kellersanierung,body.page-kellerdaemmung,body.page-wasserschadensanierung,body.page-schimmelpilzsanierung,body.page-brandschadensanierung,body.page-schadstoffsanierung,body.page-messtechnik) #inhalt .overview h3,
:is(body.page-kellersanierung,body.page-kellerdaemmung,body.page-wasserschadensanierung,body.page-schimmelpilzsanierung,body.page-brandschadensanierung,body.page-schadstoffsanierung,body.page-messtechnik) .detail-block h3{
  color:#0f2234;
}
:is(body.page-kellersanierung,body.page-kellerdaemmung,body.page-wasserschadensanierung,body.page-schimmelpilzsanierung,body.page-brandschadensanierung,body.page-schadstoffsanierung,body.page-messtechnik) .detail-block p,
:is(body.page-kellersanierung,body.page-kellerdaemmung,body.page-wasserschadensanierung,body.page-schimmelpilzsanierung,body.page-brandschadensanierung,body.page-schadstoffsanierung,body.page-messtechnik) #inhalt .reading,
:is(body.page-kellersanierung,body.page-kellerdaemmung,body.page-wasserschadensanierung,body.page-schimmelpilzsanierung,body.page-brandschadensanierung,body.page-schadstoffsanierung,body.page-messtechnik) #inhalt .overview li{
  color:#38566f;
}
:is(body.page-kellersanierung,body.page-kellerdaemmung,body.page-wasserschadensanierung,body.page-schimmelpilzsanierung,body.page-brandschadensanierung,body.page-schadstoffsanierung,body.page-messtechnik) .detail-block .step-number{
  color:var(--page-accent);
}
:is(body.page-kellersanierung,body.page-kellerdaemmung,body.page-wasserschadensanierung,body.page-schimmelpilzsanierung,body.page-brandschadensanierung,body.page-schadstoffsanierung,body.page-messtechnik) .technical-note{
  background:rgba(5,29,52,.62);
  border-color:rgba(255,255,255,.18);
  color:#dff4ff;
  backdrop-filter:blur(7px);
}
:is(body.page-kellersanierung,body.page-kellerdaemmung,body.page-wasserschadensanierung,body.page-schimmelpilzsanierung,body.page-brandschadensanierung,body.page-schadstoffsanierung,body.page-messtechnik) .technical-note strong{
  color:#fff;
}

/* FAQ / knowledge section gets a technical, airy pattern instead of plain white. */
:is(body.page-kellersanierung,body.page-kellerdaemmung,body.page-wasserschadensanierung,body.page-schimmelpilzsanierung,body.page-brandschadensanierung,body.page-schadstoffsanierung,body.page-messtechnik) .page-section:not(.soft):not(.source-gallery):not(#inhalt){
  background:
    radial-gradient(circle at 90% 20%,rgba(var(--page-accent-rgb),.10),transparent 28%),
    linear-gradient(90deg,rgba(0,126,190,.035) 1px,transparent 1px),
    linear-gradient(rgba(0,126,190,.035) 1px,transparent 1px),
    #fff;
  background-size:auto,42px 42px,42px 42px,auto;
}

/* Practice gallery: stronger full-width photographic atmosphere. */
:is(body.page-kellersanierung,body.page-kellerdaemmung,body.page-wasserschadensanierung,body.page-schimmelpilzsanierung,body.page-brandschadensanierung,body.page-schadstoffsanierung,body.page-messtechnik) .source-gallery{
  position:relative;
  isolation:isolate;
  color:#fff;
  background-image:linear-gradient(110deg,rgba(2,31,55,.86),rgba(3,66,100,.76)),var(--service-bg);
  background-size:cover;
  background-position:var(--service-pos);
  background-attachment:fixed;
  padding-top:66px;
  padding-bottom:68px;
}
:is(body.page-kellersanierung,body.page-kellerdaemmung,body.page-wasserschadensanierung,body.page-schimmelpilzsanierung,body.page-brandschadensanierung,body.page-schadstoffsanierung,body.page-messtechnik) .source-gallery::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:linear-gradient(130deg,transparent 0 68%,rgba(var(--page-accent-rgb),.13) 68.2%,transparent 83%);
}
:is(body.page-kellersanierung,body.page-kellerdaemmung,body.page-wasserschadensanierung,body.page-schimmelpilzsanierung,body.page-brandschadensanierung,body.page-schadstoffsanierung,body.page-messtechnik) .source-gallery .eyebrow{
  color:var(--page-accent);
}
:is(body.page-kellersanierung,body.page-kellerdaemmung,body.page-wasserschadensanierung,body.page-schimmelpilzsanierung,body.page-brandschadensanierung,body.page-schadstoffsanierung,body.page-messtechnik) .source-gallery h2{
  color:#fff;
}
:is(body.page-kellersanierung,body.page-kellerdaemmung,body.page-wasserschadensanierung,body.page-schimmelpilzsanierung,body.page-brandschadensanierung,body.page-schadstoffsanierung,body.page-messtechnik) .source-gallery .gallery-intro{
  color:#d6e8f2;
}
:is(body.page-kellersanierung,body.page-kellerdaemmung,body.page-wasserschadensanierung,body.page-schimmelpilzsanierung,body.page-brandschadensanierung,body.page-schadstoffsanierung,body.page-messtechnik) .source-image-grid figure{
  border:1px solid rgba(255,255,255,.42);
  border-radius:14px;
  overflow:hidden;
  background:rgba(255,255,255,.94);
  box-shadow:0 22px 48px rgba(0,18,35,.26);
  transition:transform .3s ease,box-shadow .3s ease;
}
:is(body.page-kellersanierung,body.page-kellerdaemmung,body.page-wasserschadensanierung,body.page-schimmelpilzsanierung,body.page-brandschadensanierung,body.page-schadstoffsanierung,body.page-messtechnik) .source-image-grid figure:hover{
  transform:translateY(-7px);
  box-shadow:0 30px 64px rgba(0,18,35,.34);
}

/* Related section remains bright, but no longer flat. */
:is(body.page-kellersanierung,body.page-kellerdaemmung,body.page-wasserschadensanierung,body.page-schimmelpilzsanierung,body.page-brandschadensanierung,body.page-schadstoffsanierung,body.page-messtechnik) .related{
  background-image:
    linear-gradient(110deg,rgba(255,255,255,.90),rgba(246,251,253,.78)),
    var(--service-bg);
  background-size:cover;
  background-position:var(--service-pos);
}
:is(body.page-kellersanierung,body.page-kellerdaemmung,body.page-wasserschadensanierung,body.page-schimmelpilzsanierung,body.page-brandschadensanierung,body.page-schadstoffsanierung,body.page-messtechnik) .related .card{
  border-radius:14px;
  box-shadow:0 14px 36px rgba(10,54,82,.10);
}

/* Accent the CTA without changing footer branding. */
:is(body.page-kellersanierung,body.page-kellerdaemmung,body.page-wasserschadensanierung,body.page-schimmelpilzsanierung,body.page-brandschadensanierung,body.page-schadstoffsanierung,body.page-messtechnik) .inquiry-band{
  position:relative;
  overflow:hidden;
  background:linear-gradient(110deg,#052f54,#006ea7 68%,#008fcf);
}
:is(body.page-kellersanierung,body.page-kellerdaemmung,body.page-wasserschadensanierung,body.page-schimmelpilzsanierung,body.page-brandschadensanierung,body.page-schadstoffsanierung,body.page-messtechnik) .inquiry-band::after{
  content:"";
  position:absolute;
  width:380px;height:380px;border-radius:50%;
  right:-130px;top:-170px;
  border:54px solid rgba(var(--page-accent-rgb),.14);
  pointer-events:none;
}

@media(max-width:800px){
  :is(body.page-kellersanierung,body.page-kellerdaemmung,body.page-wasserschadensanierung,body.page-schimmelpilzsanierung,body.page-brandschadensanierung,body.page-schadstoffsanierung,body.page-messtechnik) .detail-hero{
    min-height:unset;
    background-image:linear-gradient(150deg,rgba(4,39,69,.92),rgba(0,116,177,.82) 58%,rgba(233,246,251,.75) 58.2%,rgba(247,251,253,.86)),var(--service-bg);
  }
  :is(body.page-kellersanierung,body.page-kellerdaemmung,body.page-wasserschadensanierung,body.page-schimmelpilzsanierung,body.page-brandschadensanierung,body.page-schadstoffsanierung,body.page-messtechnik) .detail-grid{min-height:unset}
  :is(body.page-kellersanierung,body.page-kellerdaemmung,body.page-wasserschadensanierung,body.page-schimmelpilzsanierung,body.page-brandschadensanierung,body.page-schadstoffsanierung,body.page-messtechnik) .detail-visual{transform:none;border-radius:12px}
  :is(body.page-kellersanierung,body.page-kellerdaemmung,body.page-wasserschadensanierung,body.page-schimmelpilzsanierung,body.page-brandschadensanierung,body.page-schadstoffsanierung,body.page-messtechnik) .page-section.soft,
  :is(body.page-kellersanierung,body.page-kellerdaemmung,body.page-wasserschadensanierung,body.page-schimmelpilzsanierung,body.page-brandschadensanierung,body.page-schadstoffsanierung,body.page-messtechnik) .source-gallery{background-attachment:scroll}
  :is(body.page-kellersanierung,body.page-kellerdaemmung,body.page-wasserschadensanierung,body.page-schimmelpilzsanierung,body.page-brandschadensanierung,body.page-schadstoffsanierung,body.page-messtechnik) #inhalt .intro-grid>div,
  :is(body.page-kellersanierung,body.page-kellerdaemmung,body.page-wasserschadensanierung,body.page-schimmelpilzsanierung,body.page-brandschadensanierung,body.page-schadstoffsanierung,body.page-messtechnik) #inhalt .overview{padding:26px 24px;border-radius:13px}
}

@media(prefers-reduced-motion:reduce){
  :is(body.page-kellersanierung,body.page-kellerdaemmung,body.page-wasserschadensanierung,body.page-schimmelpilzsanierung,body.page-brandschadensanierung,body.page-schadstoffsanierung,body.page-messtechnik) .detail-visual,
  :is(body.page-kellersanierung,body.page-kellerdaemmung,body.page-wasserschadensanierung,body.page-schimmelpilzsanierung,body.page-brandschadensanierung,body.page-schadstoffsanierung,body.page-messtechnik) .detail-block,
  :is(body.page-kellersanierung,body.page-kellerdaemmung,body.page-wasserschadensanierung,body.page-schimmelpilzsanierung,body.page-brandschadensanierung,body.page-schadstoffsanierung,body.page-messtechnik) .source-image-grid figure{transition:none}
}