/* WENDT shared site shell – consolidated V77 */
:root{
  --wendt-shell-max:1320px;
  --wendt-navy:#081D3A;
  --wendt-sand:#EEE3D2;
  --wendt-sand-deep:#D7C2A2;
  --wendt-text:#13263F;
  --wendt-muted:#5D6670;
  --wendt-line:rgba(8,29,58,.18);
}

/* Shared header */
header{
  position:sticky!important;top:0!important;z-index:100!important;
  background:#fff!important;border-bottom:1px solid rgba(8,29,58,.14)!important;
  backdrop-filter:none!important;
}
header .wrap.nav{
  width:min(calc(100% - 40px),var(--wendt-shell-max))!important;margin-inline:auto!important;
  min-height:100px!important;display:flex!important;align-items:center!important;
  justify-content:space-between!important;gap:30px!important;
}
header .brand{display:flex!important;align-items:center!important;padding:8px 6px!important;overflow:visible!important;flex:0 0 auto!important;}
header .brand img{width:270px!important;height:auto!important;}
header nav{display:flex!important;align-items:center!important;gap:26px!important;}
header nav a{font-family:Arial,sans-serif!important;font-size:1.03rem!important;font-weight:700!important;color:#26313C!important;text-decoration:none!important;}
header .nav-icon-link{display:inline-flex!important;align-items:center!important;gap:9px!important;white-space:nowrap!important;}
header .nav-icon-link::before{content:""!important;width:22px!important;height:22px!important;flex:0 0 22px!important;background:url("WENDT_Signet_Navy%20Kopie.svg") center/contain no-repeat!important;}
header .nav-actions{position:relative!important;display:block!important;margin-left:4px!important;}
header .nav-contact{display:block!important;border:1px solid var(--wendt-navy)!important;padding:11px 17px!important;color:var(--wendt-navy)!important;text-align:center!important;}
header .social-nav{position:absolute!important;top:calc(100% + 6px)!important;left:0!important;right:0!important;display:flex!important;align-items:center!important;justify-content:center!important;}
header .social-nav .nav-linkedin{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;width:auto!important;height:24px!important;font-size:12px!important;font-weight:700!important;white-space:nowrap!important;}
header .social-nav svg{width:16px!important;height:16px!important;fill:currentColor!important;}
header .nav-social-label{display:inline-block!important;}
header .mobile-contact-bar{display:none!important;}

/* Shared footer */
footer{background:var(--wendt-navy)!important;color:#D8E0E9!important;padding:28px 0 22px!important;font:400 .86rem/1.5 Arial,sans-serif!important;}
footer>.wrap{width:min(calc(100% - 40px),var(--wendt-shell-max))!important;margin-inline:auto!important;}
footer .footer-row{padding-top:20px!important;display:flex!important;justify-content:space-between!important;gap:24px!important;align-items:center!important;}
footer .footer-brandline{display:flex!important;align-items:center!important;gap:14px!important;min-width:0!important;}
footer .footer-signet{width:46px!important;height:auto!important;}
footer .footer-links{display:flex!important;gap:18px!important;flex-wrap:wrap!important;align-items:center!important;}
footer .footer-links a{color:#D8E0E9!important;text-decoration:underline!important;}

/* Subpage typography + shell */
html,body{font-family:Arial,sans-serif!important;}
body.subpage{background:var(--wendt-sand)!important;color:var(--wendt-text)!important;font-family:Arial,sans-serif!important;font-size:17px!important;line-height:1.55!important;}
body.subpage main{background:var(--wendt-sand)!important;}
body.subpage h1,body.subpage h2,body.subpage h3,body.subpage h4,
body.subpage p,body.subpage li,body.subpage a,body.subpage button,
body.subpage .kicker,body.subpage .eyebrow,body.subpage .section-label,
body.subpage .related-title,body.subpage .breadcrumbs{font-family:Arial,sans-serif!important;}
body.subpage main>.hero{
  position:relative!important;isolation:isolate!important;box-sizing:border-box!important;
  min-height:390px!important;height:390px!important;padding:0!important;display:flex!important;align-items:center!important;
  color:#fff!important;border:0!important;
  background-image:linear-gradient(90deg,rgba(8,29,58,.91) 0%,rgba(8,29,58,.76) 47%,rgba(8,29,58,.28) 80%),url("fotos/hero-wald-v3.webp")!important;
  background-size:cover!important;background-position:center center!important;
}
body.subpage main>.hero::before,body.subpage main>.hero::after{display:none!important;content:none!important;}
body.subpage main>.hero>.wrap,
body.subpage main>section:not(.hero):not(.cta)>.wrap,
body.subpage .cta>.wrap{
  width:min(calc(100% - 40px),var(--wendt-shell-max))!important;margin-inline:auto!important;
}
body.subpage main>.hero>.wrap{position:relative!important;z-index:1!important;}
body.subpage main>.hero .kicker,body.subpage main>.hero .eyebrow{
  display:block!important;color:var(--wendt-sand-deep)!important;font-size:.78rem!important;line-height:1.2!important;
  font-weight:850!important;letter-spacing:.14em!important;text-transform:uppercase!important;margin:0 0 11px!important;
}
body.subpage main>.hero h1{color:#fff!important;font-size:clamp(2.25rem,4.3vw,4.15rem)!important;line-height:1.01!important;letter-spacing:-.043em!important;max-width:900px!important;margin:0 0 20px!important;font-weight:800!important;}
body.subpage main>.hero .lead,body.subpage main>.hero>.wrap>p:not(.kicker):not(.eyebrow){color:rgba(255,255,255,.92)!important;font-size:1.08rem!important;line-height:1.62!important;max-width:780px!important;margin:0!important;font-weight:400!important;}
body.subpage main>section:not(.hero):not(.cta){background:var(--wendt-sand)!important;}
body.subpage main>section:not(.hero):not(.cta) .intro,
body.subpage main>section:not(.hero):not(.cta) .lead-copy{max-width:860px;}
body.subpage .copy p,body.subpage .copy li,
body.subpage .legal-intro,body.subpage .legal-card p{font-size:17px!important;line-height:1.6!important;}
body.subpage .copy p{margin-bottom:17px!important;}
body.subpage .copy strong{font-weight:800!important;color:var(--wendt-navy)!important;}

/* Breadcrumbs + return */
body.subpage .breadcrumbs{background:var(--wendt-sand)!important;border-bottom:1px solid rgba(8,29,58,.10)!important;}
body.subpage .breadcrumb-inner{width:min(calc(100% - 40px),var(--wendt-shell-max))!important;margin-inline:auto!important;min-height:48px!important;display:flex!important;align-items:center!important;gap:9px!important;flex-wrap:wrap!important;font-size:.84rem!important;color:#55616e!important;}
body.subpage .breadcrumbs a{color:var(--wendt-navy)!important;text-decoration:none!important;font-weight:700!important;}
body.subpage .breadcrumbs a:hover{text-decoration:underline!important;}
body.subpage .breadcrumb-sep{color:rgba(8,29,58,.42)!important;}
body.subpage .breadcrumb-current{color:#5d6670!important;}
body.subpage .page-return{background:var(--wendt-sand)!important;padding:18px 0 4px!important;}
body.subpage .page-return>.wrap{width:min(calc(100% - 40px),var(--wendt-shell-max))!important;margin-inline:auto!important;}
body.subpage .back-link{display:inline-flex!important;align-items:center!important;gap:8px!important;color:var(--wendt-navy)!important;text-decoration:none!important;font-size:.92rem!important;font-weight:800!important;padding:10px 0!important;}
body.subpage .back-link:hover{text-decoration:underline!important;}

/* Quiet signet divider */
body.subpage .values{display:none!important;}
body.subpage .block-signet-divider{display:flex!important;justify-content:center!important;align-items:center!important;width:100%!important;margin:28px auto 0!important;}
body.subpage .block-signet-divider img{width:27px!important;height:27px!important;max-width:27px!important;max-height:27px!important;object-fit:contain!important;opacity:.92!important;}

/* Related topics: one shared presentation everywhere, including Technik */
body.subpage section.related .rows{margin-top:8px!important;}
body.subpage section.related a.row{display:grid!important;grid-template-columns:34px minmax(0,1fr) 42px!important;gap:16px!important;align-items:center!important;padding:20px 0!important;border-bottom:1px solid var(--wendt-line)!important;text-decoration:none!important;background:transparent!important;box-shadow:none!important;}
body.subpage section.related a.row:first-child{border-top:1px solid var(--wendt-line)!important;}
body.subpage section.related a.row img{width:28px!important;height:28px!important;max-width:28px!important;max-height:28px!important;min-width:28px!important;object-fit:contain!important;margin:0!important;padding:0!important;}
body.subpage section.related a.row h3{margin:0 0 5px!important;font-size:1.03rem!important;line-height:1.25!important;color:var(--wendt-navy)!important;}
body.subpage section.related a.row p{margin:0!important;color:var(--wendt-muted)!important;font-size:.93rem!important;line-height:1.45!important;}
body.subpage section.related a.row .arrow{font-size:1.55rem!important;text-align:center!important;font-weight:800!important;}

/* CTA: mini hero using exactly the homepage accent */
body.subpage .cta{background:var(--wendt-sand)!important;padding:54px 0 64px!important;}
body.subpage main>section.cta .cta-box{background:var(--wendt-navy)!important;color:#fff!important;padding:32px 38px!important;min-height:156px!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:34px!important;align-items:center!important;}
body#top.subpage main>section.cta .cta-box .cta-kicker{margin:0 0 9px!important;color:var(--wendt-sand-deep)!important;font-size:.72rem!important;line-height:1.2!important;font-weight:850!important;letter-spacing:.16em!important;text-transform:uppercase!important;}
body#top.subpage main>section.cta .cta-box h2{margin:0!important;color:#fff!important;font-size:clamp(1.65rem,2.5vw,2.3rem)!important;line-height:1.08!important;letter-spacing:-.035em!important;font-weight:850!important;}
body#top.subpage main>section.cta .cta-box h2 .cta-accent{color:var(--wendt-sand-deep)!important;font-style:italic!important;font-weight:760!important;}
body#top.subpage main>section.cta .cta-box p:not(.cta-kicker){margin:8px 0 0!important;color:rgba(255,255,255,.88)!important;font-size:.94rem!important;line-height:1.45!important;}
body#top.subpage main>section.cta .cta-box h2 span:not(.cta-accent){color:#fff!important;}
body.subpage main>section.cta .cta-box .btn{display:inline-block!important;background:var(--wendt-sand-deep)!important;color:var(--wendt-navy)!important;border:0!important;padding:13px 18px!important;text-decoration:none!important;font-weight:850!important;white-space:nowrap!important;}

/* Legal pages */
body.subpage .legal-section{padding-top:58px!important;}
.legal-intro{max-width:720px;margin-bottom:34px;}
.legal-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:1040px;}
.legal-card{background:rgba(247,240,230,.68);border:1px solid rgba(8,29,58,.14);padding:24px 26px;min-width:0;}
.legal-card h3{margin:0 0 12px;color:var(--wendt-navy);font-size:1rem;}
.legal-card p{margin:0;color:#4f5963;line-height:1.66;overflow-wrap:anywhere;}
.legal-card a{color:var(--wendt-navy);font-weight:750;text-decoration:none;overflow-wrap:anywhere;}
.legal-card a:hover{text-decoration:underline;}

@media(max-width:900px){
  header .wrap.nav{min-height:82px!important;}
  header .brand img{width:220px!important;}
  header nav a.nav-icon-link{display:none!important;}
  body.subpage main>.hero{min-height:340px!important;height:340px!important;}
}
@media(max-width:620px){
  header .wrap.nav{width:min(calc(100% - 30px),var(--wendt-shell-max))!important;min-height:78px!important;}
  header .brand img{width:190px!important;}
  header nav{display:none!important;}
  header .mobile-contact-bar{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important;border-top:1px solid rgba(8,29,58,.10)!important;}
  header .mobile-contact-bar a{min-height:44px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;text-decoration:none!important;font-size:.84rem!important;line-height:1!important;font-weight:700!important;}
  header .mobile-contact-bar svg{width:17px!important;height:17px!important;fill:currentColor!important;flex:0 0 auto!important;}
  header .mobile-contact-phone{background:var(--wendt-navy)!important;color:#fff!important;}
  header .mobile-contact-mail{background:var(--wendt-sand-deep)!important;color:var(--wendt-navy)!important;}
  body.subpage main>.hero{min-height:300px!important;height:300px!important;background-image:linear-gradient(90deg,rgba(8,29,58,.88),rgba(8,29,58,.60)),url("fotos/hero-wald-mobile.jpg")!important;background-position:center!important;}
  body.subpage main>.hero>.wrap,
  body.subpage main>section:not(.hero):not(.cta)>.wrap,
  body.subpage .cta>.wrap,
  body.subpage .breadcrumb-inner,
  body.subpage .page-return>.wrap{width:min(calc(100% - 30px),var(--wendt-shell-max))!important;}
  body.subpage main>.hero h1{font-size:clamp(2rem,10vw,3rem)!important;}
  body.subpage .copy p,body.subpage .copy li,body.subpage .legal-intro,body.subpage .legal-card p{font-size:16px!important;line-height:1.6!important;}
  body.subpage .breadcrumb-inner{min-height:44px!important;font-size:.78rem!important;gap:7px!important;}
  body.subpage .block-signet-divider{margin-top:22px!important;}
  body.subpage .block-signet-divider img{width:24px!important;height:24px!important;max-width:24px!important;max-height:24px!important;}
  body.subpage section.related a.row{grid-template-columns:28px minmax(0,1fr) 34px!important;gap:12px!important;}
  body.subpage section.related a.row img{width:24px!important;height:24px!important;max-width:24px!important;max-height:24px!important;min-width:24px!important;}
  body.subpage main>section.cta .cta-box{grid-template-columns:1fr!important;padding:27px!important;min-height:0!important;gap:22px!important;}
  body.subpage main>section.cta .cta-box .btn{justify-self:start!important;}
  .legal-cards{grid-template-columns:1fr;gap:12px;}
  .legal-card{padding:20px;}
  footer>.wrap{width:min(calc(100% - 30px),var(--wendt-shell-max))!important;}
  footer .footer-row{align-items:flex-start!important;flex-direction:column!important;}
  footer .footer-brandline{align-items:flex-start!important;}
  footer .footer-signet{width:40px!important;}
}
