:root{
  --orange:#f04416;
  --ink:#0d1928;
  --muted:#5b6571;
  --line:#e5e8eb;
  --max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;padding-top:96px;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;line-height:1.45}
.container{width:min(calc(100% - 48px),var(--max));margin:0 auto}
.site-header{position:fixed;top:0;left:0;right:0;z-index:30;background:rgba(255,255,255,.98);border-bottom:1px solid var(--line)}
.header-inner{min-height:96px;display:flex;align-items:center;gap:36px}
.brand{display:flex;flex-direction:column;text-decoration:none;line-height:.84;min-width:245px}
.brand-icon{font-size:46px;font-weight:900;letter-spacing:-2px;color:#050505}
.brand-swiss{margin-top:10px;font-size:20px;font-weight:800;letter-spacing:3px;color:var(--orange)}
.main-nav{margin-left:auto;margin-right:32px;display:flex;gap:42px}
.main-nav a{font-size:15px;font-weight:700;color:#626971;text-decoration:none;white-space:nowrap}
.main-nav a:hover,.main-nav a:focus,.main-nav a:active{color:#626971}
.nav-toggle{display:none;margin-left:auto;border:0;background:#fff;font-size:24px}

.hero{padding:64px 0 60px}
.hero-grid{display:grid;grid-template-columns:.92fr 1.35fr;gap:54px;align-items:center}
.eyebrow{font-size:12px;font-weight:800;color:var(--orange);margin-bottom:12px}
.hero h1{font-size:46px;line-height:1.08;letter-spacing:-1.6px;margin:0 0 18px}
.hero h2{font-size:34px;color:var(--orange);margin:0 0 3px}
.small-claim{font-size:16px!important;font-weight:600!important;margin:0 0 20px;color:#222831}
.lead{font-size:17px;color:var(--muted);max-width:560px;margin:0 0 26px}
.button-row{display:flex;gap:14px;flex-wrap:wrap}
.btn{min-height:48px;padding:0 20px;display:inline-flex;align-items:center;justify-content:space-between;gap:28px;text-decoration:none;font-size:12px;font-weight:800;border:1px solid #adb4bc;color:#14191f;background:#fff}
.btn-primary{background:var(--orange);border-color:var(--orange);color:#fff}
.solution-flow{position:relative;display:grid;grid-template-columns:1fr 36px 1.18fr 36px 1fr;gap:10px;align-items:center;padding-bottom:54px}
.flow-card{position:relative;min-height:280px;border:1px solid #d9dfe4;border-radius:9px;padding:22px 18px;background:#fff;box-shadow:0 8px 25px rgba(20,35,50,.04)}
.flow-main{min-height:320px}
.flow-icon{text-align:center;font-size:34px;margin-bottom:10px}
.flow-icon.gear{font-size:40px}
.flow-card h3{text-align:center;font-size:22px;margin:0 0 18px}
.flow-card ul{margin:0;padding-left:20px;color:#4d5864;font-size:14px}
.flow-card li{margin:7px 0}
.checks,.green-checks{list-style:none;padding-left:0!important}
.checks li::before{content:"✓";color:var(--orange);font-weight:900;margin-right:9px}
.green-checks li::before{content:"✓";color:#0dae4e;font-weight:900;margin-right:9px}
.flow-arrow{font-size:36px;color:var(--orange);font-weight:800;text-align:center}
.ok-badge{position:absolute;right:16px;top:78px;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#12b74e;color:#fff;font-size:28px;font-weight:900;box-shadow:0 6px 16px rgba(18,183,78,.25)}
.flow-benefit{position:absolute;bottom:0;left:28%;right:15%;border:1px solid #dce2e7;background:#fff;border-radius:28px;padding:11px 18px;text-align:center;font-size:13px;font-weight:600;color:#343c45}

.integration-section{position:relative;background:#091c2c url("images/integration-background-2400x1300.png") center center/cover no-repeat;color:#fff;padding:72px 0;overflow:hidden}
.integration-section::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,18,29,.95) 0%,rgba(5,20,32,.79) 43%,rgba(5,18,28,.35) 100%)}
.integration-grid{position:relative;z-index:1;display:grid;grid-template-columns:.85fr 1.2fr;gap:64px;align-items:center}
.integration-copy h2{font-size:44px;line-height:1.05;margin:0 0 18px;letter-spacing:-1.2px}
.integration-lead{font-size:17px;max-width:570px;color:#e6edf3}
.integration-lead strong{color:#ff6a38}
.integration-points{margin:28px 0 30px;display:grid;gap:14px}
.integration-points>div{display:grid;grid-template-columns:28px 1fr;gap:12px;align-items:start}
.integration-points>div>span{width:23px;height:23px;border-radius:50%;display:grid;place-items:center;background:var(--orange);color:#fff;font-weight:900}
.integration-points p{margin:0}
.integration-points strong{display:block;font-size:16px}
.integration-points small{display:block;color:#b9c5cf;margin-top:2px;font-size:13px}
.orange{color:#ff5a25}

.integration-diagram{display:grid;grid-template-columns:1fr 42px 1.05fr 42px 1fr;gap:8px;align-items:center}
.source-stack,.format-stack{display:grid;gap:10px}
.source-stack>div,.format-stack>div{border:1px solid rgba(55,186,237,.45);background:rgba(11,42,62,.72);border-radius:6px;padding:13px 14px;display:flex;gap:12px;align-items:center;color:#edf7ff;font-size:13px}
.interface-box{border:2px solid #30b9e8;box-shadow:0 0 28px rgba(43,185,234,.14);border-radius:8px;min-height:205px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:rgba(5,25,39,.78)}
.interface-icon{font-size:42px;color:var(--orange);margin-bottom:8px}
.interface-box strong{font-size:22px}
.interface-box small{margin-top:10px;color:#c5d6df}
/* Moderne Datenfluss-Verbindung – 10.09.2026 */
.connector-lines{
  height:2px;
  background:#30b9e8;
  position:relative;
}
.left-lines::after,.right-lines::after{
  content:"";
  position:absolute;
  right:-1px;
  top:50%;
  width:9px;
  height:9px;
  border-top:3px solid var(--orange);
  border-right:3px solid var(--orange);
  transform:translateY(-50%) rotate(45deg);
}

.control-section{padding:68px 0;border-bottom:1px solid var(--line)}
.control-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.control-section h2,.benefits-section h2,.final-cta h2{font-size:38px;line-height:1.08;margin:0 0 16px;letter-spacing:-1px}
.control-section p{font-size:16px;color:#59646f;max-width:600px}
.product-claim{font-weight:800!important;color:#161c22!important;margin:18px 0}
.control-visual{text-align:center}
.control-visual img{width:min(100%,520px);height:auto}

.benefits-section{padding:64px 0}
.subheading{font-size:18px;color:#5b6672;margin-top:-6px}
.benefits-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:34px}
.benefits-grid article{padding:0 30px;border-right:1px solid var(--line)}
.benefits-grid article:first-child{padding-left:0}
.benefits-grid article:last-child{border-right:0}
.benefit-icon{font-size:34px;margin-bottom:10px}
.benefits-grid h3{font-size:18px;margin:0 0 8px}
.benefits-grid p{font-size:14px;color:#59646f;margin:0}

.final-cta{padding:64px 0;text-align:center;background:
linear-gradient(180deg,#eff8ff,#f8fbfd)}
.final-cta p{font-size:18px;color:#4e5b68;margin:-4px 0 24px}

.site-footer{background:#081b2b;padding:34px 0;color:#dce6ed}
.footer-grid{display:grid;grid-template-columns:1fr 2fr 1.4fr;align-items:center;gap:30px}
.footer-brand .brand-icon{color:#fff;font-size:31px}
.footer-brand .brand-swiss{font-size:14px}
.footer-links,.footer-legal{display:flex;gap:20px;flex-wrap:wrap}
.footer-links a,.footer-legal a{color:#cbd5dd;text-decoration:none;font-size:12px}
.footer-legal{justify-content:flex-end}

@media(max-width:980px){
  .header-inner{min-height:82px}
  .brand{min-width:auto}
  .brand-icon{font-size:38px}.brand-swiss{font-size:16px}
  .nav-toggle{display:block}
  .main-nav{display:none;position:absolute;top:82px;left:0;right:0;margin-right:0;background:#fff;padding:24px;flex-direction:column;gap:18px;border-bottom:1px solid var(--line)}
  .main-nav.is-open{display:flex}
  .hero-grid,.integration-grid,.control-grid{grid-template-columns:1fr}
  .hero{padding-top:38px}
  .solution-flow{margin-top:20px}
  .integration-section::before{background:rgba(4,18,29,.85)}
  .integration-diagram{max-width:760px;margin:10px auto 0}
  .benefits-grid{grid-template-columns:1fr 1fr;gap:28px 0}
  .benefits-grid article:nth-child(2){border-right:0}
  .footer-grid{grid-template-columns:1fr}
  .footer-legal{justify-content:flex-start}
}

@media(max-width:680px){
  .container{width:min(calc(100% - 30px),var(--max))}
  .hero h1{font-size:38px}
  .hero h2{font-size:28px}
  .small-claim{font-size:14px!important}
  .button-row{flex-direction:column}.btn{width:100%}
  .solution-flow{grid-template-columns:1fr 26px 1fr 26px 1fr;gap:4px;padding-bottom:48px}
  .flow-card{min-height:190px;padding:12px 9px}
  .flow-main{min-height:210px}
  .flow-card h3{font-size:14px;margin-bottom:8px}
  .flow-card ul{font-size:10px;padding-left:14px}
  .flow-card li{margin:4px 0}
  .flow-icon{font-size:24px}.flow-icon.gear{font-size:28px}
  .flow-arrow{font-size:22px}
  .ok-badge{width:32px;height:32px;right:7px;top:45px;font-size:18px}
  .flow-benefit{left:7%;right:7%;font-size:10px;padding:8px 10px}
  .integration-section{padding:50px 0}
  .integration-copy h2{font-size:36px}
  .integration-diagram{grid-template-columns:1fr;gap:12px}
  .connector-lines{height:26px;width:3px;margin:auto;background:linear-gradient(#22aee8,var(--orange))}
  .left-lines::after,.right-lines::after{content:"↓";right:-10px;top:0}
  .source-stack,.format-stack{grid-template-columns:1fr 1fr}
  .interface-box{min-height:150px}
  .control-section h2,.benefits-section h2,.final-cta h2{font-size:31px}
  .benefits-grid{grid-template-columns:1fr}
  .benefits-grid article{padding:22px 0;border-right:0;border-bottom:1px solid var(--line)}
  .benefits-grid article:last-child{border-bottom:0}
}

@media(max-width:980px){
  body{padding-top:82px}
}


/* Einheitliches, gestochen scharfes SVG-Icon-System */
.flow-icon img{
  width:46px;
  height:46px;
  display:block;
  margin:0 auto;
}
.source-stack img,.format-stack img{
  width:24px;
  height:24px;
  flex:0 0 24px;
  filter:brightness(0) invert(1);
  opacity:.95;
}
.interface-icon img{
  width:50px;
  height:50px;
  filter:brightness(0) invert(1);
}
.benefit-icon img{
  width:42px;
  height:42px;
  display:block;
}
.more-icon{
  font-weight:800;
  letter-spacing:2px;
}
@media(max-width:680px){
  .flow-icon img{width:30px;height:30px}
  .source-stack img,.format-stack img{width:20px;height:20px;flex-basis:20px}
  .interface-icon img{width:42px;height:42px}
  .benefit-icon img{width:36px;height:36px}
}


/* Grid-Reparatur Hero + Vorteile */
.solution-flow{
  grid-template-columns:minmax(150px,1fr) 34px minmax(165px,1.08fr) 34px minmax(155px,1fr);
  overflow:visible;
}
.flow-card{
  width:100%;
  min-width:0;
}
.flow-card h3{
  white-space:normal;
}
.flow-card ul{
  overflow-wrap:anywhere;
}
.invoice-card .green-checks li:last-child{
  line-height:1.25;
}
.flow-benefit{
  left:18%;
  right:10%;
}

.benefits-grid{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
}
.benefits-grid article{
  display:block !important;
  min-width:0;
}

@media(max-width:980px){
  .solution-flow{
    grid-template-columns:minmax(135px,1fr) 26px minmax(145px,1fr) 26px minmax(140px,1fr);
  }
  .benefits-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

@media(max-width:680px){
  .solution-flow{
    grid-template-columns:1fr 22px 1fr 22px 1fr;
  }
  .flow-benefit{
    left:4%;
    right:4%;
  }
  .benefits-grid{
    grid-template-columns:1fr !important;
  }
}


/* Finale ICON-SWISS-AG-Wortmarke als SVG */
.brand-svg{
  display:block;
  width:225px;
  min-width:225px;
  line-height:1;
}
.brand-svg img{
  display:block;
  width:100%;
  height:auto;
}
.footer-brand.brand-svg{
  width:165px;
  min-width:165px;
}
.footer-brand.brand-svg img{
  width:100%;
}

@media(max-width:980px){
  .brand-svg{
    width:185px;
    min-width:185px;
  }
  .footer-brand.brand-svg{
    width:150px;
    min-width:150px;
  }
}
@media(max-width:680px){
  .brand-svg{
    width:155px;
    min-width:155px;
  }
}


/* =========================================================
   Unterseite: Individuelle Lösungen
   ========================================================= */

.individual-page{
  background:#fff;
}

.individual-hero{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 74% 46%,rgba(32,116,177,.18),transparent 30%),
    linear-gradient(135deg,#071a2a 0%,#0b2941 54%,#071a2a 100%);
  color:#fff;
  min-height:530px;
  display:flex;
  align-items:center;
}
.individual-network{
  position:absolute;
  inset:0;
  opacity:.28;
  background-image:
    linear-gradient(28deg, transparent 0 49%, rgba(88,176,229,.17) 49.2% 49.7%, transparent 50%),
    linear-gradient(155deg, transparent 0 49%, rgba(88,176,229,.12) 49.2% 49.7%, transparent 50%);
  background-size:260px 180px,340px 230px;
}
.individual-network::after{
  content:"";
  position:absolute;
  right:-10%;
  bottom:-46%;
  width:72%;
  aspect-ratio:1.9/1;
  border-radius:50%;
  border:1px solid rgba(95,183,238,.32);
  box-shadow:
    0 -18px 65px rgba(28,142,209,.13),
    inset 0 22px 80px rgba(28,142,209,.08);
  background:
    repeating-radial-gradient(ellipse at center,
      transparent 0 22px,rgba(75,170,226,.11) 23px 24px,transparent 25px 47px);
  transform:rotate(-3deg);
}
.individual-hero-grid{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:.93fr 1.1fr;
  gap:70px;
  align-items:center;
  padding-top:48px;
  padding-bottom:48px;
}
.individual-hero-copy h1{
  margin:0 0 14px;
  max-width:620px;
  font-size:54px;
  line-height:1.04;
  letter-spacing:-1.8px;
  color:#fff;
}
.individual-help{
  font-size:28px;
  color:#c6d8e6;
  margin:0 0 27px;
}
.individual-problems{
  list-style:none;
  padding:0;
  margin:0;
  display:grid;
  gap:13px;
  font-size:18px;
}
.individual-problems li{
  position:relative;
  padding-left:38px;
}
.individual-problems li::before{
  content:"✓";
  position:absolute;
  left:0;
  top:-2px;
  width:24px;
  height:24px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#cbe1f2;
  color:#0a4e7b;
  font-weight:900;
  font-size:14px;
}
.problem-visual{
  position:relative;
  min-height:320px;
  display:grid;
  grid-template-columns:170px 190px 45px 150px;
  gap:22px;
  align-items:center;
  justify-content:center;
}
.invoice-paper{
  height:240px;
  border:1px solid rgba(164,206,233,.48);
  border-radius:8px;
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(241,248,253,.98));
  box-shadow:0 18px 50px rgba(0,0,0,.16);
  color:#102336;
  padding:30px 28px;
  position:relative;
}
.invoice-paper span{font-weight:700}
.invoice-paper i{
  display:block;height:8px;border-radius:8px;background:#cbdce8;margin-top:16px;
}
.invoice-paper i:nth-of-type(2){width:85%}
.invoice-paper i:nth-of-type(3){width:68%}
.invoice-paper i:nth-of-type(4){width:47%}
.invoice-paper b{
  position:absolute;
  right:-19px;
  top:-20px;
  width:54px;height:54px;border-radius:50%;
  display:grid;place-items:center;
  background:#ff5a4c;color:#fff;font-size:30px;
  box-shadow:0 6px 18px rgba(255,90,76,.28);
}
.error-stack{display:grid;gap:16px}
.error-stack>div{
  position:relative;
  border:1px solid rgba(116,188,232,.36);
  border-radius:8px;
  padding:16px 44px 16px 16px;
  background:rgba(15,49,73,.82);
}
.error-stack strong,.error-stack span{display:block}
.error-stack strong{font-size:15px}
.error-stack span{font-size:14px;color:#d4e5f0;margin-top:3px}
.error-stack em{
  position:absolute;right:13px;top:50%;transform:translateY(-50%);
  width:25px;height:25px;border-radius:50%;
  background:#ff5548;color:#fff;font-style:normal;font-weight:900;
  display:grid;place-items:center;
}
.problem-arrow{
  font-size:42px;
  color:#a8cce5;
  text-align:center;
}
.problem-solution-mark{
  align-self:center;
  color:#fff;
}
.problem-solution-mark img{
  width:120px;
  height:auto;
  margin-bottom:8px;
}
.problem-solution-mark span{
  display:block;
  font-size:18px;
  line-height:1.35;
}

.calm-statement{
  padding:72px 0 70px;
  border-bottom:1px solid #e9eef2;
  background:#fff;
}
.narrow-center{
  max-width:850px;
  text-align:center;
}
.section-kicker{
  color:#73869a;
  font-size:11px;
  letter-spacing:3px;
  font-weight:800;
  margin-bottom:18px;
}
.section-kicker.centered{text-align:center}
.calm-statement h2{
  margin:0 0 17px;
  font-size:42px;
  line-height:1.08;
  letter-spacing:-1.2px;
}
.calm-statement h2 em{
  font-style:italic;
  color:#1a77b4;
}
.calm-statement p{
  margin:0;
  font-size:22px;
  line-height:1.45;
  color:#526c83;
}

.trust-section{
  padding:66px 0 70px;
  background:#fff;
}
.trust-section h2{
  margin:0 0 17px;
  font-size:38px;
  letter-spacing:-1px;
}
.trust-section p{
  margin:6px 0;
  color:#587087;
  font-size:17px;
}
.trust-section p strong{color:#18314a}

.solution-stage{
  padding:48px 0 58px;
  background:linear-gradient(180deg,#f3faff 0%,#eef7fc 100%);
}
.solution-map{
  display:grid;
  grid-template-columns:250px 180px 210px 180px 260px;
  align-items:center;
  justify-content:center;
  gap:0;
  max-width:1140px;
  margin:8px auto 0;
}
.solution-sources,.solution-outputs{
  display:grid;
  gap:10px;
}
.solution-sources>div{
  background:#fff;
  border:1px solid #dce8f0;
  border-radius:7px;
  padding:16px 18px;
  font-weight:700;
  color:#10263b;
}
.solution-sources>small,.solution-outputs>small{
  display:block;
  text-align:center;
  color:#64798e;
  line-height:1.45;
  margin-top:7px;
}
.map-lines{
  width:100%;
  height:280px;
  overflow:visible;
}
.map-lines path{
  fill:none;
  stroke:#2d79b1;
  stroke-width:2;
  stroke-linecap:round;
}
.interface-orb{
  width:190px;
  height:190px;
  border-radius:50%;
  margin:auto;
  background:radial-gradient(circle at 40% 35%,#173d59 0,#0a2235 65%,#071a2b 100%);
  color:#fff;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  box-shadow:0 13px 30px rgba(0,38,66,.14);
}
.interface-orb img{
  width:110px;
  margin-bottom:4px;
}
.interface-orb strong{
  font-size:19px;
}
.solution-outputs>div{
  display:flex;
  align-items:center;
  gap:17px;
  min-height:92px;
  padding:17px 19px;
  background:#fff;
  border:1px solid #dce8f0;
  border-radius:7px;
}
.solution-outputs img{
  width:43px;
  height:43px;
}
.solution-outputs span strong,.solution-outputs span small{
  display:block;
}
.solution-outputs span strong{
  font-size:18px;
  color:#10263b;
}
.solution-outputs span small{
  color:#627991;
  margin-top:3px;
}
.solution-cta{
  text-align:center;
  margin-top:18px;
}
.individual-btn{
  min-width:310px;
  font-size:14px;
}
.solution-cta p{
  margin:10px 0 0;
  color:#627991;
  font-size:14px;
}

.quiet-benefits{
  padding:46px 0 52px;
  background:#fff;
}
.quiet-benefits-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
}
.quiet-benefits article{
  padding:0 45px;
  border-right:1px solid #dfe6eb;
}
.quiet-benefits article:first-child{padding-left:0}
.quiet-benefits article:last-child{border-right:0}
.quiet-benefits h3{
  margin:0 0 7px;
  font-size:17px;
}
.quiet-benefits p{
  margin:0;
  font-size:14px;
  color:#61768a;
  max-width:260px;
}

@media(max-width:1050px){
  .individual-hero-grid{
    grid-template-columns:1fr;
  }
  .individual-hero-copy{
    max-width:760px;
  }
  .problem-visual{
    margin-top:8px;
  }
  .solution-map{
    grid-template-columns:220px 80px 190px 80px 220px;
  }
}
@media(max-width:760px){
  .individual-hero{
    min-height:auto;
  }
  .individual-hero-grid{
    padding-top:34px;
    padding-bottom:38px;
    gap:22px;
  }
  .individual-hero-copy h1{
    font-size:39px;
  }
  .individual-help{
    font-size:23px;
  }
  .individual-problems{
    font-size:16px;
  }
  .problem-visual{
    grid-template-columns:1fr 1fr;
    min-height:0;
    gap:12px;
  }
  .invoice-paper{height:205px}
  .problem-arrow{display:none}
  .problem-solution-mark{
    grid-column:1/-1;
    text-align:center;
    margin-top:4px;
  }
  .problem-solution-mark img{width:105px}
  .calm-statement,.trust-section{padding:54px 0}
  .calm-statement h2{font-size:33px}
  .calm-statement p{font-size:18px}
  .trust-section h2{font-size:30px}
  .trust-section p{font-size:16px}
  .desktop-only{display:none}
  .solution-map{
    grid-template-columns:1fr;
    gap:18px;
    max-width:520px;
  }
  .map-lines{display:none}
  .interface-orb{
    width:165px;height:165px;
  }
  .solution-sources,.solution-outputs{width:100%}
  .solution-outputs>div{min-height:80px}
  .quiet-benefits-grid{
    grid-template-columns:1fr;
  }
  .quiet-benefits article{
    padding:23px 0;
    border-right:0;
    border-bottom:1px solid #e1e7eb;
  }
  .quiet-benefits article:last-child{border-bottom:0}
  .individual-btn{min-width:0;width:100%}
}

/* Approved ICON Swiss AG logo – preserve original proportions */
.brand-svg img,
.site-header .brand img {
  width: 138px;
  max-width: 100%;
  height: auto;
  object-fit: contain;
  display: block;
}
.site-footer .brand img,
.site-footer .footer-brand img {
  width: 215px;
  max-width: 100%;
  height: auto;
  object-fit: contain;
  display: block;
}
@media (max-width: 760px) {
  .brand-svg img,
  .site-header .brand img { width: 195px; }
  .site-footer .brand img,
  .site-footer .footer-brand img { width: 170px; }
}

/* Final logo optimization: tightly cropped source, no distortion */
.site-header .brand img,
.brand-svg img,
.site-footer .brand img,
.site-footer .footer-brand img {
  height: auto;
  object-fit: contain;
}


/* FAQ / technical knowledge hub – intentionally quiet and crawlable */
.faq-section{
  padding:58px 0 64px;
  background:#fff;
  border-top:1px solid #edf1f4;
}
.faq-shell{max-width:1040px}
.faq-heading{max-width:650px;margin-bottom:28px}
.faq-heading h2{
  margin:7px 0 8px;
  font-size:30px;
  line-height:1.18;
}
.faq-heading p{
  margin:0;
  color:#65798c;
  font-size:15px;
  line-height:1.65;
}
.faq-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  column-gap:42px;
}
.faq-item{
  border-top:1px solid #dfe6eb;
}
.faq-item:nth-last-child(-n+2){border-bottom:1px solid #dfe6eb}
.faq-item summary{
  list-style:none;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  min-height:64px;
  padding:14px 0;
  cursor:pointer;
  color:#172f46;
  font-weight:650;
  font-size:16px;
  line-height:1.35;
}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary span{
  flex:0 0 auto;
  width:24px;
  height:24px;
  display:grid;
  place-items:center;
  border:1px solid #cfd9e0;
  border-radius:50%;
  color:#6e8294;
  font-size:17px;
  font-weight:400;
  transition:transform .18s ease;
}
.faq-item[open] summary span{transform:rotate(45deg)}
.faq-answer{padding:0 34px 20px 0}
.faq-answer p{
  margin:0;
  color:#5f7486;
  font-size:14px;
  line-height:1.7;
}
.faq-answer .faq-linkline{margin-top:10px}
.faq-linkline a{
  color:#d96a1b;
  font-weight:650;
  text-decoration:none;
}
.faq-linkline a:hover{text-decoration:underline}
.faq-link-placeholder{
  color:#9aa8b3!important;
  font-size:12px!important;
  font-style:italic;
}
@media(max-width:760px){
  .faq-section{padding:46px 0 52px}
  .faq-heading h2{font-size:27px}
  .faq-grid{grid-template-columns:1fr;column-gap:0}
  .faq-item:nth-last-child(-n+2){border-bottom:0}
  .faq-item:last-child{border-bottom:1px solid #dfe6eb}
  .faq-item summary{font-size:15px;min-height:60px}
  .faq-answer{padding-right:20px}
}

}

/* STARTSEITE FAQ WISSENSBRUECKE KOMPAKTER – 10.09.2026 */
#faq .faq-knowledge-bridge {
  margin-top:34px;
  padding-top:0;
}
#faq .faq-knowledge-bridge h3 {
  margin:0 0 6px;
  color:#0d2238;
  font-size:18px;
  line-height:1.3;
  font-weight:700;
}
#faq .faq-knowledge-bridge p {
  margin:0;
  color:#5f7486;
  font-size:15px;
  line-height:1.55;
}
#faq .faq-knowledge-bridge a {
  color:#e65b22;
  font-size:inherit;
  font-weight:700;
  text-decoration:none;
}
#faq .faq-knowledge-bridge a:hover {
  text-decoration:underline;
}

/* WISSENSDATENBANK – Layout aus mob25 gezielt wiederhergestellt, 10.09.2026
   Nur .knowledge-* Regeln. Navigation, Logos, FAQ, Verkaufsseiten und Footer bleiben aus dem aktuellen Stand. */
.knowledge-main{background:#fff}
.knowledge-hero{padding:78px 0 58px;background:#f2f8fc;border-bottom:1px solid #dce6ee}
.knowledge-hero .container{max-width:980px}
.knowledge-hero h1{margin:8px 0 18px;color:#0d2238;font-size:clamp(42px,5vw,64px);line-height:1.02;letter-spacing:-.035em}
.knowledge-hero p{max-width:760px;margin:0;color:#60758a;font-size:20px;line-height:1.6}
.knowledge-content{padding:70px 0 92px}
.knowledge-content .container{max-width:980px}
.knowledge-breadcrumb{margin-bottom:28px;font-size:14px;color:#6b8094}
.knowledge-breadcrumb a{color:#6b8094;text-decoration:none}
.knowledge-breadcrumb a:hover{color:#e65b22}
.knowledge-article{max-width:820px}
.knowledge-article h2{margin:42px 0 14px;color:#0d2238;font-size:30px;line-height:1.15}
.knowledge-article h3{margin:30px 0 10px;color:#0d2238;font-size:22px}
.knowledge-article p,.knowledge-article li{color:#526a80;font-size:18px;line-height:1.72}
.knowledge-article ul{padding-left:22px}
.knowledge-note{margin:34px 0;padding:24px 26px;background:#f2f8fc;border-left:3px solid #e65b22}
.knowledge-note strong{color:#0d2238}
.knowledge-note-tool{background:#e5f1f8;border-left-color:#2f7099}
.knowledge-note-tool a{color:#e65b22;font-weight:700}
.knowledge-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:50px}
.knowledge-link-card{display:block;padding:22px 24px;border:1px solid #d7e2ea;border-radius:12px;text-decoration:none;background:#fff;color:#0d2238}
.knowledge-link-card strong{display:block;margin-bottom:5px}
.knowledge-link-card span{color:#60758a;line-height:1.45}
.knowledge-link-card:hover{border-color:#a9c5d8}
.knowledge-index-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:30px}
.knowledge-index-card{display:block;padding:28px;border:1px solid #d7e2ea;border-radius:14px;text-decoration:none;background:#fff}
.knowledge-index-card h2{margin:0 0 8px;color:#0d2238;font-size:22px}
.knowledge-index-card p{margin:0;color:#60758a;line-height:1.55}
.knowledge-index-card:hover{border-color:#a9c5d8}
@media(max-width:760px){
  .faq-section{padding:62px 0 70px}
  .faq-grid{grid-template-columns:1fr;column-gap:0}
  .faq-item:nth-last-child(-n+2){border-bottom:0}
  .faq-item:last-child{border-bottom:1px solid #d7e2ea}
  .faq-item summary{padding:21px 44px 21px 0;font-size:18px}
  .faq-answer{padding:0 0 24px;font-size:16px}
  .faq-heading{margin-bottom:28px}
  .faq-heading p{font-size:16px}
  .knowledge-hero{padding:54px 0 42px}
  .knowledge-hero p{font-size:17px}
  .knowledge-content{padding:48px 0 70px}
  .knowledge-article p,.knowledge-article li{font-size:17px}
  .knowledge-links,.knowledge-index-grid{grid-template-columns:1fr}
}

/* Wissensdatenbank / Chronicles-Struktur */
.knowledge-cluster{margin:0 0 58px}.knowledge-cluster:last-child{margin-bottom:0}.knowledge-cluster>h2{margin:0 0 20px;color:#0d2238;font-size:28px;line-height:1.15}.knowledge-index-card h3{margin:0 0 8px;color:#0d2238;font-size:22px}.knowledge-article a{color:#e65b22}.knowledge-note a{color:#e65b22;font-weight:700}@media(max-width:760px){.knowledge-cluster{margin-bottom:42px}.knowledge-cluster>h2{font-size:24px}}

/* Wissensdatenbank: kurze semantische Einleitung je Themencluster */
.knowledge-cluster-intro{max-width:820px;margin:8px 0 24px;color:#607890;line-height:1.65;font-size:17px}
@media(max-width:760px){.knowledge-cluster-intro{margin:6px 0 20px;font-size:16px;line-height:1.6}}

/* GLOBALE DESKTOP-NAVI POSITION – 10.09.2026 */
@media (min-width: 769px) {
  .site-header .main-nav {
    transform: translateX(-82px) !important;
  }
}


/* FAQ UNABHAENGIGE SPALTEN – 10.09.2026 */
#faq .icon-faq__grid--independent {
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  column-gap:48px !important;
  align-items:start !important;
}
#faq .icon-faq__column {
  display:flex !important;
  flex-direction:column !important;
}
#faq .icon-faq__column .icon-faq__item {
  width:100% !important;
}
@media (max-width: 760px) {
  #faq .icon-faq__grid--independent {
    grid-template-columns:1fr !important;
    row-gap:0 !important;
  }
}

/* ZUGFeRD Control laptop visual */
.control-visual img{width:min(100%,620px);height:auto;display:block;margin:18px auto 0;}

/* STARTSEITE: ZUSAMMENARBEIT / TRANSPARENTER ABLAUF – 10.09.2026 */
.collaboration-section{padding:74px 0 78px;border-bottom:1px solid var(--line);background:#fff;overflow:hidden}
.collaboration-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(420px,.88fr);gap:54px;align-items:center}
.collaboration-kicker{font-size:12px;font-weight:800;letter-spacing:3px;color:#4f6071;margin-bottom:16px}
.collaboration-copy h2{font-size:46px;line-height:1.04;letter-spacing:-1.6px;margin:0 0 20px;color:var(--ink)}
.collaboration-lead{max-width:690px;margin:0 0 40px;color:#596775;font-size:17px;line-height:1.55}
.collaboration-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin:0 0 42px}
.collaboration-step{position:relative;padding-top:16px;border-top:1px solid #d7dde2;min-width:0}
.step-number{position:absolute;top:-24px;left:0;background:#fff;padding-right:10px;color:var(--orange);font-size:30px;line-height:1;font-weight:900;letter-spacing:-1px}
.collaboration-step h3{font-size:16px;margin:16px 0 7px;color:var(--ink)}
.collaboration-step p{margin:0;color:#5d6873;font-size:13px;line-height:1.5}
.collaboration-action{display:flex;align-items:center;gap:28px}
.collaboration-action .btn{min-width:310px}
.collaboration-action p{margin:0;padding-left:26px;border-left:1px solid #d7dde2;color:#5d6873;font-size:13px;line-height:1.5}
.collaboration-visual{display:flex;align-items:center;justify-content:flex-end;min-width:0}
.collaboration-visual img{display:block;width:min(100%,560px);height:auto;object-fit:contain;transform:none}

@media(max-width:980px){
  .collaboration-grid{grid-template-columns:1fr;gap:38px}
  .collaboration-visual{justify-content:center;order:2}
  .collaboration-visual img{width:min(100%,560px);transform:none}
}
@media(max-width:760px){
  .collaboration-section{padding:58px 0 62px}
  .collaboration-kicker{letter-spacing:2px;line-height:1.45}
  .collaboration-copy h2{font-size:34px;letter-spacing:-1px}
  .collaboration-lead{font-size:16px;margin-bottom:34px}
  .collaboration-steps{grid-template-columns:1fr 1fr;gap:34px 20px;margin-bottom:34px}
  .collaboration-action{display:block}
  .collaboration-action .btn{min-width:0;width:100%}
  .collaboration-action p{margin-top:18px;padding:0;border-left:0;font-size:13px}
}
@media(max-width:480px){
  .collaboration-steps{grid-template-columns:1fr;gap:34px}
  .collaboration-copy h2 br{display:none}
}

/* KONTAKT – 13.09.2026 | angepasst an freigegebene Grafik */
.contact-hero{position:relative;overflow:hidden;background:#0b3557;color:#fff;padding:48px 0 46px}
.contact-hero-visual{position:absolute;inset:0 0 0 auto;width:41%;pointer-events:none;opacity:1;background:
  linear-gradient(132deg,transparent 0 22%,rgba(255,255,255,.035) 22% 39%,transparent 39% 100%),
  linear-gradient(132deg,transparent 0 46%,rgba(104,166,205,.075) 46% 62%,transparent 62% 100%),
  linear-gradient(132deg,transparent 0 67%,rgba(255,255,255,.03) 67% 83%,transparent 83% 100%);}
.contact-hero-visual::before,.contact-hero-visual::after{content:"";position:absolute;border:1px solid rgba(190,220,239,.11);transform:skewX(-20deg);}
.contact-hero-visual::before{width:250px;height:180px;right:88px;top:36px}
.contact-hero-visual::after{width:188px;height:126px;right:-18px;bottom:24px;border-color:rgba(190,220,239,.08)}
.contact-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,32,54,0) 0%,rgba(4,32,54,0) 63%,rgba(28,78,111,.11) 100%);pointer-events:none}
.contact-hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:minmax(390px,.92fr) minmax(0,1.28fr);gap:58px;align-items:center}
.contact-intro .eyebrow{margin:0 0 10px;color:#ff5a25;font-size:12px;font-weight:800;letter-spacing:1.3px}
.contact-intro h1{margin:0 0 16px;color:#fff;font-size:40px;line-height:1.04;letter-spacing:-1.45px}
.contact-intro p{max-width:500px;margin:0 0 8px;color:#e0eaf1;font-size:15px;line-height:1.48}
.contact-intro .contact-lead{margin-bottom:7px;font-size:16px}
.contact-intro strong{color:#fff}
.contact-process{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding-top:4px;text-align:center}
.contact-process-line{position:absolute;top:26px;left:11%;right:11%;height:1px;background:rgba(220,237,248,.48)}
.contact-process article{position:relative;z-index:1;min-width:0}
.contact-process article span{display:grid;place-items:center;width:42px;height:42px;margin:0 auto;background:#dcebf6;border:1px solid rgba(255,255,255,.5);border-radius:50%;color:#0b3152;font-size:12px;font-weight:800;box-shadow:0 1px 1px rgba(0,0,0,.03)}
.contact-process h2{margin:12px 0 4px;color:#fff;font-size:15px;line-height:1.2}
.contact-process p{margin:0;color:#e0eaf1;font-size:12px;line-height:1.45}

.contact-body{padding:38px 0 43px;background:#fff}
.contact-body-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(285px,.72fr);gap:52px;align-items:start}
.contact-form-wrap{padding-right:0}
.contact-body h2{margin:0 0 2px;color:#0b2b49;font-size:24px;line-height:1.12;letter-spacing:-.4px}
.contact-body-intro,.contact-direct-intro{margin:0 0 18px;color:#526c84;font-size:13px;line-height:1.5}
.contact-form{display:grid;gap:12px}
.contact-fields-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.contact-form input,.contact-form textarea{width:100%;border:1px solid #cedce7;background:#fff;padding:12px 13px;font-family:inherit;font-size:13px;color:#17324b;outline:none;border-radius:2px}
.contact-form input{height:47px}.contact-form textarea{resize:vertical;min-height:144px}
.contact-form input::placeholder,.contact-form textarea::placeholder{color:#4e6a82;opacity:1}
.contact-form input:focus,.contact-form textarea:focus{border-color:#8fb4cf;box-shadow:0 0 0 2px rgba(61,130,178,.08)}
.contact-submit{display:flex;align-items:flex-start;gap:18px;margin-top:6px}
.contact-submit .btn{min-width:184px;min-height:46px;border:0;padding:0 16px;background:#f04416;color:#fff;cursor:pointer}
.contact-submit p{margin:2px 0 0;color:#6b8093;font-size:10.5px;line-height:1.48}
.contact-direct{padding-left:32px;border-left:1px solid #dbe4eb}
.contact-info-card{margin-top:6px;padding:0 20px;background:#eef6fb}
.contact-direct-block{padding:15px 0;border-bottom:1px solid #cfdce6}
.contact-direct-block:last-child{border-bottom:0}
.contact-direct-block strong{display:block;margin-bottom:4px;color:#0b2d4d;font-size:15px}
.contact-direct-block span{display:block;color:#526c84;font-size:13px;line-height:1.5}
.contact-note{margin-top:14px;padding:18px 20px;background:#eaf4fb;border:0}
.contact-note strong{color:#0b2d4d;font-size:14px}.contact-note p{margin:6px 0 0;color:#526c84;font-size:12px;line-height:1.55}
@media(max-width:980px){.contact-hero-inner{grid-template-columns:1fr;gap:34px}.contact-hero-visual{width:50%;opacity:.55}.contact-process{max-width:760px}.contact-body-grid{grid-template-columns:1fr;gap:38px}.contact-direct{padding-left:0;border-left:0;border-top:1px solid #dbe4eb;padding-top:32px}}
@media(max-width:760px){.contact-hero{padding:42px 0}.contact-hero-visual{display:none}.contact-intro h1{font-size:34px}.contact-intro p br{display:none}.contact-process{grid-template-columns:1fr 1fr;gap:25px 16px}.contact-process-line{display:none}.contact-body{padding:42px 0 52px}.contact-fields-two{grid-template-columns:1fr}.contact-submit{display:block}.contact-submit .btn{width:100%}.contact-submit p{margin-top:12px}.contact-body h2{font-size:24px}}