.catalog-page {
  --catalog-ink: #071c35;
  --catalog-blue: #bd2731;
  --catalog-cyan: #cf3540;
  --catalog-line: #d8e2ea;
  --catalog-soft: #f2f5f7;
  background: #fff;
  color: #1a3349;
}
.catalog-page .brand-mark { box-shadow: none; border: 1px solid #dbe4eb; }
.catalog-header { position: sticky; top: 0; z-index: 80; height: 82px; background: rgba(255,255,255,.96); border-top: 5px solid var(--catalog-ink); border-bottom: 1px solid var(--catalog-line); backdrop-filter: blur(14px); }
.catalog-header-inner { height: 100%; display: flex; align-items: center; justify-content: space-between; gap: 30px; }
.catalog-brand { color: var(--catalog-ink); }
.catalog-brand .brand-copy span { color: #6d8294; }
.catalog-nav { display: flex; align-items: center; gap: 26px; }
.catalog-nav a { color: #526a7d; font-size: .78rem; font-weight: 800; }
.catalog-nav a:hover { color: var(--catalog-blue); }
.catalog-home-link { padding: 10px 14px; border: 1px solid #cad7e1; color: var(--catalog-ink)!important; }
.catalog-home-link:hover { border-color: var(--catalog-blue); }

.catalog-hero { position: relative; overflow: hidden; background: var(--catalog-soft); border-bottom: 1px solid var(--catalog-line); }
.catalog-grid { position: absolute; inset: 0; opacity: .34; background-image: linear-gradient(rgba(7,28,53,.06) 1px, transparent 1px), linear-gradient(90deg, rgba(7,28,53,.06) 1px, transparent 1px); background-size: 44px 44px; mask-image: linear-gradient(to right, #000, transparent 72%); }
.catalog-hero-layout { position: relative; z-index: 1; min-height: 610px; display: grid; grid-template-columns: 1.15fr .85fr; align-items: center; gap: 80px; padding-top: 72px; padding-bottom: 72px; }
.catalog-breadcrumb { display: flex; gap: 9px; align-items: center; color: #718597; font-size: .73rem; font-weight: 750; margin-bottom: 44px; }
.catalog-breadcrumb a { color: var(--catalog-blue); }
.catalog-kicker, .catalog-index { display: block; color: var(--catalog-blue); font-size: .72rem; font-weight: 900; text-transform: uppercase; letter-spacing: .13em; }
.catalog-hero h1 { max-width: 780px; margin: 18px 0 24px; color: var(--catalog-ink); font-size: clamp(3.3rem, 6.1vw, 6.4rem); line-height: .89; letter-spacing: -.065em; }
.catalog-hero h1 em { color: var(--catalog-blue); font-style: normal; }
.catalog-hero-copy > p { max-width: 720px; color: #536b7e; font-size: 1.08rem; line-height: 1.75; }
.catalog-hero-actions { display: flex; align-items: center; gap: 25px; margin-top: 33px; }
.catalog-text-link { color: var(--catalog-ink); font-size: .8rem; font-weight: 900; }
.catalog-text-link:hover { color: var(--catalog-blue); }

.catalog-status-panel { background: #fff; border: 1px solid #cad6df; border-top: 6px solid var(--catalog-ink); box-shadow: 18px 18px 0 #dbe4ea; }
.catalog-status-head { display: flex; align-items: center; justify-content: space-between; padding: 25px 27px; border-bottom: 1px solid var(--catalog-line); }
.catalog-status-head small, .catalog-status-head strong { display: block; }
.catalog-status-head small { color: #75899b; font-size: .68rem; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; }
.catalog-status-head strong { color: var(--catalog-ink); margin-top: 4px; }
.catalog-status-head > span { display: inline-flex; align-items: center; gap: 8px; color: #187952; background: #e7f7ef; padding: 8px 10px; font-size: .69rem; font-weight: 900; text-transform: uppercase; letter-spacing: .08em; }
.catalog-status-head > span i, .catalog-live i { width: 8px; height: 8px; background: #2ecf8f; border-radius: 50%; box-shadow: 0 0 0 5px rgba(46,207,143,.14); }
.catalog-status-metrics { display: grid; grid-template-columns: repeat(3,1fr); border-bottom: 1px solid var(--catalog-line); }
.catalog-status-metrics article { padding: 23px 20px; border-right: 1px solid var(--catalog-line); }
.catalog-status-metrics article:last-child { border-right: 0; }
.catalog-status-metrics strong, .catalog-status-metrics span { display: block; }
.catalog-status-metrics strong { color: var(--catalog-ink); font-size: 2rem; line-height: 1; }
.catalog-status-metrics span { color: #718596; font-size: .68rem; margin-top: 7px; text-transform: uppercase; letter-spacing: .06em; }
.catalog-status-list { padding: 13px 27px 20px; }
.catalog-status-list div { display: grid; grid-template-columns: 42px 1fr auto; align-items: center; gap: 12px; padding: 13px 0; border-bottom: 1px solid #e7edf2; }
.catalog-status-list div:last-child { border-bottom: 0; }
.catalog-status-list span { display: grid; place-items: center; width: 37px; height: 30px; background: var(--catalog-ink); color: #fff; font-size: .69rem; font-weight: 900; }
.catalog-status-list strong { color: var(--catalog-ink); font-size: .82rem; }
.catalog-status-list em { color: #187952; font-size: .65rem; font-style: normal; font-weight: 900; text-transform: uppercase; letter-spacing: .06em; }
.catalog-status-list em.is-build { color: #9b6413; }

.catalog-section { padding: 105px 0 118px; }
.catalog-section-head { display: grid; grid-template-columns: 1.05fr .95fr; align-items: end; gap: 80px; margin-bottom: 52px; }
.catalog-section-head h2 { color: var(--catalog-ink); font-size: clamp(2.4rem, 4vw, 4.4rem); margin: 12px 0 0; letter-spacing: -.055em; }
.catalog-section-head p { max-width: 610px; color: #667d90; line-height: 1.72; }
.catalog-product { display: grid; grid-template-columns: .78fr 1.22fr; min-height: 620px; margin-top: 28px; border: 1px solid #cad7e0; background: #fff; box-shadow: 0 22px 65px rgba(7,28,53,.09); }
.catalog-product-reverse { grid-template-columns: 1.22fr .78fr; }
.catalog-product-reverse .catalog-product-copy { grid-column: 2; grid-row: 1; }
.catalog-product-reverse .catalog-preview { grid-column: 1; grid-row: 1; }
.catalog-product-copy { display: flex; flex-direction: column; justify-content: center; padding: 52px; }
.catalog-product-titleline { display: flex; align-items: center; justify-content: space-between; margin-bottom: 44px; }
.catalog-product-code { display: grid; place-items: center; width: 58px; height: 45px; color: #fff; background: var(--catalog-ink); font-weight: 950; letter-spacing: .06em; }
.catalog-live { display: inline-flex; align-items: center; gap: 9px; color: #16734e; font-size: .67rem; font-weight: 900; text-transform: uppercase; letter-spacing: .1em; }
.catalog-product-type { color: var(--catalog-blue); font-size: .7rem; font-weight: 900; text-transform: uppercase; letter-spacing: .12em; }
.catalog-product h3 { color: var(--catalog-ink); font-size: clamp(2.7rem, 4.3vw, 4.8rem); line-height: .95; letter-spacing: -.06em; margin: 11px 0 24px; }
.catalog-product-copy > p { color: #5c7284; line-height: 1.72; }
.catalog-facts { margin: 29px 0 33px; border-top: 1px solid #dce5ec; }
.catalog-facts div { display: grid; grid-template-columns: 115px 1fr; gap: 18px; padding: 12px 0; border-bottom: 1px solid #dce5ec; }
.catalog-facts dt { color: #7b8d9c; font-size: .68rem; font-weight: 850; text-transform: uppercase; letter-spacing: .06em; }
.catalog-facts dd { color: var(--catalog-ink); font-size: .78rem; font-weight: 800; }
.catalog-open { display: inline-flex; align-items: center; justify-content: space-between; width: 100%; padding: 17px 19px; color: #fff; background: var(--catalog-ink); border: 1px solid var(--catalog-ink); font-size: .79rem; font-weight: 900; text-transform: uppercase; letter-spacing: .05em; }
.catalog-open:hover { color: #fff; background: var(--catalog-blue); border-color: var(--catalog-blue); }
.catalog-preview { min-width: 0; display: flex; flex-direction: column; color: inherit; background: #e9eef2; overflow: hidden; }
.catalog-preview-bar { display: grid; grid-template-columns: 90px 1fr auto; align-items: center; min-height: 48px; padding: 0 18px; color: #9eb1c1; background: var(--catalog-ink); font-size: .63rem; text-transform: uppercase; letter-spacing: .08em; }
.catalog-preview-bar > span { display: flex; gap: 6px; }
.catalog-preview-bar i { width: 7px; height: 7px; border-radius: 50%; background: #668097; }
.catalog-preview-bar strong { color: #fff; text-align: center; font-size: .64rem; }
.catalog-preview-bar em { color: #2fd39a; font-style: normal; font-weight: 900; }
.catalog-preview-screen { position: relative; flex: 1; min-height: 540px; overflow: hidden; background: #fff; }
.catalog-preview-screen iframe { position: absolute; inset: 0; width: 143%; height: 143%; border: 0; transform: scale(.7); transform-origin: left top; background: #fff; }
.catalog-preview-screen > span { position: absolute; inset: 0; z-index: 2; }

.catalog-roadmap-section { padding: 105px 0; color: #fff; background: var(--catalog-ink); }
.catalog-section-head-light h2 { color: #fff; }
.catalog-section-head-light p { color: #99afc1; }
.catalog-roadmap-grid { display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid rgba(255,255,255,.16); border-left: 1px solid rgba(255,255,255,.16); }
.catalog-roadmap-grid article { min-height: 330px; display: flex; flex-direction: column; padding: 30px; border-right: 1px solid rgba(255,255,255,.16); border-bottom: 1px solid rgba(255,255,255,.16); }
.catalog-roadmap-grid article > div { display: flex; align-items: center; justify-content: space-between; }
.catalog-roadmap-grid article > div span { color: #fff; font-size: 1.1rem; font-weight: 950; }
.catalog-roadmap-grid em { color: #8fa5b8; font-size: .63rem; font-style: normal; font-weight: 900; text-transform: uppercase; letter-spacing: .08em; }
.catalog-roadmap-grid em.roadmap-build { color: #ffca73; }
.catalog-roadmap-grid h3 { color: #fff; font-size: 1.55rem; margin: 68px 0 15px; }
.catalog-roadmap-grid p { color: #98adbf; line-height: 1.68; }
.catalog-roadmap-grid article > strong { margin-top: auto; color: var(--catalog-cyan); font-size: .7rem; text-transform: uppercase; letter-spacing: .07em; }

.catalog-cta { padding: 68px 0; background: #edf2f5; border-bottom: 1px solid #d6e1e8; }
.catalog-cta-inner { display: flex; align-items: center; justify-content: space-between; gap: 50px; }
.catalog-cta span { color: var(--catalog-blue); font-size: .7rem; font-weight: 900; text-transform: uppercase; letter-spacing: .1em; }
.catalog-cta h2 { max-width: 820px; color: var(--catalog-ink); font-size: clamp(2rem,3.4vw,3.5rem); letter-spacing: -.05em; margin: 9px 0 0; }

.catalog-footer { padding: 35px 0; color: #778b9d; background: #fff; }
.catalog-footer-inner { display: grid; grid-template-columns: 1fr auto auto; align-items: center; gap: 42px; }
.catalog-footer-brand { display: flex; align-items: center; gap: 13px; }
.catalog-footer-brand img { width: 62px; height: 45px; object-fit: contain; }
.catalog-footer-brand strong, .catalog-footer-brand span { display: block; }
.catalog-footer-brand strong { color: var(--catalog-ink); font-size: .9rem; }
.catalog-footer-brand span { margin-top: 3px; font-size: .65rem; }
.catalog-footer-links { display: flex; gap: 20px; }
.catalog-footer-links a { color: #5e7487; font-size: .72rem; font-weight: 750; }
.catalog-footer-inner > span { font-size: .65rem; }

@media (max-width: 1080px) {
  .catalog-hero-layout { grid-template-columns: 1fr; gap: 45px; }
  .catalog-status-panel { width: min(660px,100%); }
  .catalog-product, .catalog-product-reverse { grid-template-columns: 1fr; }
  .catalog-product-reverse .catalog-product-copy, .catalog-product-reverse .catalog-preview { grid-column: 1; grid-row: auto; }
  .catalog-product-reverse .catalog-product-copy { grid-row: 1; }
  .catalog-preview-screen { min-height: 560px; }
}

@media (max-width: 780px) {
  .catalog-header { height: auto; min-height: 76px; }
  .catalog-header-inner { padding-top: 10px; padding-bottom: 10px; }
  .catalog-nav a:not(.catalog-home-link) { display: none; }
  .catalog-home-link { font-size: .68rem; }
  .catalog-hero-layout { min-height: auto; padding-top: 65px; padding-bottom: 75px; }
  .catalog-breadcrumb { margin-bottom: 32px; }
  .catalog-hero h1 { font-size: clamp(3rem, 14vw, 4.4rem); }
  .catalog-hero-actions { align-items: flex-start; flex-direction: column; }
  .catalog-section, .catalog-roadmap-section { padding: 78px 0; }
  .catalog-section-head { grid-template-columns: 1fr; gap: 18px; margin-bottom: 35px; }
  .catalog-product-copy { padding: 30px 24px; }
  .catalog-product-titleline { margin-bottom: 32px; }
  .catalog-preview-screen { min-height: 420px; }
  .catalog-preview-screen iframe { width: 200%; height: 200%; transform: scale(.5); }
  .catalog-preview-bar { grid-template-columns: 62px 1fr; }
  .catalog-preview-bar em { display: none; }
  .catalog-roadmap-grid { grid-template-columns: 1fr; }
  .catalog-roadmap-grid article { min-height: 280px; }
  .catalog-cta-inner { align-items: flex-start; flex-direction: column; }
  .catalog-footer-inner { grid-template-columns: 1fr; gap: 22px; }
}

@media (max-width: 480px) {
  .catalog-brand .brand-copy span { display: none; }
  .catalog-home-link { padding: 9px 10px; }
  .catalog-status-metrics article { padding: 18px 10px; }
  .catalog-status-metrics strong { font-size: 1.6rem; }
  .catalog-status-list { padding-left: 18px; padding-right: 18px; }
  .catalog-product h3 { font-size: 2.7rem; }
  .catalog-facts div { grid-template-columns: 95px 1fr; }
  .catalog-preview-screen { min-height: 350px; }
  .catalog-footer-links { flex-wrap: wrap; }
}


/* V1.1 – echte Produktansichten, kompakter und sachlicher */
.catalog-product-modern {
  grid-template-columns: minmax(0, 1.12fr) minmax(390px, .88fr);
  min-height: 530px;
  overflow: hidden;
  border-top: 4px solid var(--catalog-cyan);
  border-radius: 10px;
  box-shadow: 0 24px 60px rgba(7,28,53,.1);
}
.catalog-product-modern-reverse { grid-template-columns: minmax(390px, .88fr) minmax(0, 1.12fr); }
.catalog-product-modern-reverse .catalog-product-media { order: 2; }
.catalog-product-modern-reverse .catalog-product-copy { order: 1; }
.catalog-product-media {
  position: relative;
  min-width: 0;
  display: grid;
  place-items: center;
  padding: 40px 40px 82px;
  overflow: hidden;
  color: inherit;
  background: #eaf0f4;
  border-right: 1px solid #d3dde5;
}
.catalog-product-modern-reverse .catalog-product-media { border-right: 0; border-left: 1px solid #d3dde5; }
.catalog-product-media::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: linear-gradient(rgba(7,28,53,.045) 1px, transparent 1px), linear-gradient(90deg, rgba(7,28,53,.045) 1px, transparent 1px);
  background-size: 34px 34px;
}
.catalog-product-media > span {
  position: absolute;
  z-index: 2;
  top: 22px;
  left: 22px;
  padding: 8px 11px;
  background: var(--catalog-ink);
  color: #fff;
  font-size: .62rem;
  font-weight: 900;
  letter-spacing: .09em;
  text-transform: uppercase;
}
.catalog-product-media img {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  max-height: 390px;
  object-fit: contain;
  background: #fff;
  box-shadow: 0 18px 45px rgba(7,28,53,.16);
  transition: transform .28s ease;
}
.catalog-product-media:hover img { transform: translateY(-4px); }
.catalog-product-media > div {
  position: absolute;
  z-index: 2;
  left: 40px;
  right: 40px;
  bottom: 25px;
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 18px;
}
.catalog-product-media strong { color: var(--catalog-ink); font-size: .78rem; }
.catalog-product-media small { color: #61798c; font-size: .7rem; }
.catalog-product-modern .catalog-product-copy { padding: 46px; }
.catalog-product-modern .catalog-product-titleline { margin-bottom: 30px; }
.catalog-product-modern .catalog-product-code { width: 48px; height: 38px; font-size: .76rem; }
.catalog-product-modern h3 { font-size: clamp(2.55rem, 4vw, 4.25rem); }
.catalog-product-modern .catalog-facts { margin: 27px 0 30px; }
.catalog-product-modern .catalog-open { min-width: 240px; justify-content: space-between; }

@media (max-width: 1050px) {
  .catalog-product-modern,
  .catalog-product-modern-reverse { grid-template-columns: 1fr; }
  .catalog-product-modern-reverse .catalog-product-media,
  .catalog-product-modern-reverse .catalog-product-copy { order: initial; }
  .catalog-product-media,
  .catalog-product-modern-reverse .catalog-product-media { min-height: 470px; border: 0; border-bottom: 1px solid #d3dde5; }
}
@media (max-width: 640px) {
  .catalog-product-media,
  .catalog-product-modern-reverse .catalog-product-media { min-height: 330px; padding: 28px 20px 70px; }
  .catalog-product-media img { max-height: 260px; }
  .catalog-product-media > div { left: 20px; right: 20px; bottom: 20px; display: grid; gap: 3px; }
  .catalog-product-modern .catalog-product-copy { padding: 30px 23px; }
  .catalog-product-modern h3 { font-size: 2.65rem; }
}


/* V1.14 – echte befüllte Luftmengen-Projektanalyse */
.catalog-product-media-lm img {
  width: min(94%, 900px);
  max-height: 420px;
  object-fit: cover;
  object-position: left top;
  background: #fff;
}
@media (max-width: 780px) {
  .catalog-product-media-lm img {
    width: 100%;
    max-height: 280px;
  }
}

/* Phase 15 – echte Vorschauen der vorbereiteten Fachmodule */
.catalog-prep-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}
.catalog-prep-card {
  min-width: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  min-height: 510px !important;
  padding: 0 !important;
  background: #fff !important;
  border: 1px solid #d3dfe8 !important;
  border-top: 3px solid var(--catalog-cyan) !important;
  border-radius: 10px !important;
  box-shadow: 0 20px 48px rgba(7,28,53,.08);
}
.catalog-prep-media {
  position: relative;
  display: block;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background: #e6edf2;
  border-bottom: 1px solid #d6e0e7;
}
.catalog-prep-media::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, transparent 54%, rgba(7,28,53,.3));
}
.catalog-prep-media img { width: 100%; height: 100%; display: block; object-fit: cover; object-position: center top; transition: transform .3s ease; }
.catalog-prep-card:hover .catalog-prep-media img { transform: scale(1.018); }
.catalog-prep-media > span,
.catalog-prep-media > b {
  position: absolute;
  z-index: 2;
  top: 13px;
  color: #fff;
  background: rgba(7,28,53,.9);
  padding: 7px 9px;
  font-size: .59rem;
  font-style: normal;
  font-weight: 900;
  letter-spacing: .07em;
  text-transform: uppercase;
}
.catalog-prep-media > span { left: 13px; display: inline-flex; align-items: center; gap: 7px; }
.catalog-prep-media > span i { width: 7px; height: 7px; border-radius: 50%; background: #48d7ff; }
.catalog-prep-media > b { right: 13px; }
.catalog-prep-copy { display: flex; flex-direction: column; flex: 1; padding: 22px; }
.catalog-prep-copy > small { color: #087fc1; font-size: .61rem; font-weight: 900; letter-spacing: .09em; text-transform: uppercase; }
.catalog-prep-copy h3 { margin: 7px 0 0; color: var(--catalog-ink); font-size: 1.45rem; letter-spacing: -.035em; }
.catalog-prep-copy p { margin: 13px 0 16px; color: #5c7285; font-size: .78rem; line-height: 1.55; }
.catalog-prep-copy > div { display: flex; flex-wrap: wrap; gap: 6px; margin-top: auto; margin-bottom: 18px; }
.catalog-prep-copy > div span { padding: 5px 7px; color: #587083; background: #eef4f7; border: 1px solid #d9e3e9; font-size: .61rem; }
.catalog-prep-copy > a { display: flex; justify-content: space-between; padding-top: 14px; color: #0b4f86; border-top: 1px solid #dbe4ea; font-size: .75rem; font-weight: 850; }
@media (max-width: 1080px) {
  .catalog-prep-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 780px) {
  .catalog-prep-grid { grid-template-columns: 1fr; }
  .catalog-prep-card { min-height: 0 !important; }
}


/* Phase 19 – Plattformnavigation und korrekter Modulstatus */
.catalog-nav a.active,.catalog-nav a[aria-current="page"]{color:var(--catalog-blue)}
.catalog-menu{display:none;border:1px solid var(--catalog-line);background:#fff;color:var(--catalog-ink);padding:9px 12px;font-weight:850;cursor:pointer}
.catalog-status-list{max-height:220px;overflow:auto}
.catalog-status-list em.is-plan{color:#73889a;background:#eef2f5}
.back-to-top{position:fixed;right:22px;bottom:22px;z-index:140;width:44px;height:44px;border:1px solid rgba(7,28,53,.13);background:rgba(255,255,255,.96);color:#071c35;box-shadow:0 14px 34px rgba(7,28,53,.16);font-size:1.1rem;font-weight:900;cursor:pointer;opacity:0;visibility:hidden;transform:translateY(10px);transition:.22s ease;backdrop-filter:blur(12px)}
.back-to-top.is-visible{opacity:1;visibility:visible;transform:none}.back-to-top:hover{color:#fff;background:#0b5797}
@media(max-width:1120px){.catalog-menu{display:block;margin-left:auto}.catalog-nav{display:none}.catalog-nav.open{position:absolute;left:20px;right:20px;top:80px;display:grid;gap:0;padding:10px;background:#fff;border:1px solid var(--catalog-line);box-shadow:0 18px 40px rgba(7,28,53,.16)}.catalog-nav.open a{display:block!important;padding:12px}.catalog-header-inner{position:relative}}
@media(max-width:650px){.back-to-top{right:14px;bottom:14px;width:42px;height:42px}}


/* Phase 21 – Tastaturbedienung und reduzierte Bewegung */
:where(a, button, input, select, textarea):focus-visible { outline: 3px solid #48d7ff; outline-offset: 3px; }
:where(input, select, textarea):focus-visible { border-color: #1687ff; box-shadow: 0 0 0 4px rgba(22,135,255,.14); }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}

/* Phase 21 – lange deutsche Überschriften ohne horizontales Überlaufen */
.catalog-section-head > * { min-width: 0; }
.catalog-section-head h2,
.catalog-section-head p { overflow-wrap: anywhere; hyphens: auto; }


/* Phase 21.4 – HX-Diagramm Pro als aktive Anwendung */
.catalog-product-media-hx img {
  width: min(93%, 880px);
  max-height: 540px;
  object-fit: contain;
  object-position: center top;
  background: #fff;
  border: 1px solid #d5e0e8;
  box-shadow: 0 18px 45px rgba(7,28,53,.11);
}
@media (max-width: 780px) { .catalog-product-media-hx img { width: 100%; max-height: 270px; } }
/* Branding 2026-09-14 – konsistente Headerbreite */
.catalog-brand{min-width:0}.catalog-brand .brand-copy{min-width:0}.catalog-brand .brand-copy strong{max-width:285px;font-size:.9rem;line-height:1.08;white-space:nowrap}
@media(max-width:1120px){.catalog-brand .brand-copy strong{font-size:.82rem}.catalog-nav{gap:16px}}
@media(max-width:760px){.catalog-brand .brand-copy strong{max-width:220px;font-size:.75rem;white-space:normal}.catalog-brand .brand-copy span{font-size:.55rem}}


/* Software-Pro V3 – Berechnungszentrale an Homepage und Startcenter angeglichen */
.catalog-page{
  --catalog-ink:#061b31;
  --catalog-blue:#1687ff;
  --catalog-cyan:#49cbe8;
  --catalog-line:#dbe6ed;
  --catalog-soft:#f4f8fa;
  background:#f8fafb;
  color:#29465e;
}
.catalog-header{
  height:88px;
  background:rgba(4,20,36,.96);
  border-top:0;
  border-bottom:1px solid rgba(255,255,255,.10);
  box-shadow:0 10px 32px rgba(2,18,33,.12);
}
.catalog-brand{color:#fff}
.catalog-page .brand-mark{background:#fff;border:0;border-radius:13px;padding:4px}
.catalog-brand .brand-copy strong{color:#fff}
.catalog-brand .brand-copy span{color:#9fb5c8}
.catalog-nav a{color:#bfd0dc}
.catalog-nav a:hover,.catalog-nav a.active,.catalog-nav a[aria-current="page"]{color:#fff}
.catalog-home-link{color:#fff!important;border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.07);border-radius:9px}
.catalog-home-link:hover{border-color:#49cbe8;background:rgba(73,203,232,.10)}
.catalog-menu{border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.08);color:#fff;border-radius:9px}

.catalog-hero{
  color:#fff;
  background:
    radial-gradient(circle at 82% 18%,rgba(22,135,255,.22),transparent 31%),
    radial-gradient(circle at 16% 14%,rgba(73,203,232,.10),transparent 27%),
    linear-gradient(120deg,#05182c,#082743 56%,#061c34);
  border-bottom:0;
}
.catalog-grid{opacity:.11;background-image:linear-gradient(rgba(255,255,255,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.16) 1px,transparent 1px);background-size:70px 70px;mask-image:none}
.catalog-hero-layout{min-height:630px;padding-top:76px;padding-bottom:76px}
.catalog-breadcrumb{color:#91a9bc}
.catalog-breadcrumb a,.catalog-kicker,.catalog-index{color:#4fd5ef}
.catalog-hero h1{color:#fff;max-width:820px;font-size:clamp(3.4rem,5.65vw,5.9rem);line-height:.94}
.catalog-hero h1 em{background:linear-gradient(100deg,#59d8ef,#4f9df3 56%,#7882f4);background-clip:text;-webkit-background-clip:text;color:transparent}
.catalog-hero-copy>p{color:#b6c9d8;font-size:1.05rem;line-height:1.72}
.catalog-text-link{color:#c9d8e3}.catalog-text-link:hover{color:#fff}
.catalog-hero .button-primary{background:linear-gradient(135deg,#1687ff,#5267f5);border-color:transparent;box-shadow:0 14px 35px rgba(22,135,255,.24)}
.catalog-hero .button-ghost{color:#fff;border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.065)}
.catalog-hero .button-ghost:hover{background:rgba(255,255,255,.12)}

.catalog-status-panel{background:rgba(4,23,41,.68);border:1px solid rgba(95,187,230,.22);border-top:1px solid rgba(95,187,230,.22);border-radius:18px;overflow:hidden;box-shadow:0 34px 90px rgba(0,0,0,.28);backdrop-filter:blur(15px)}
.catalog-status-head{border-bottom-color:rgba(255,255,255,.09)}
.catalog-status-head small{color:#8da6b9}.catalog-status-head strong{color:#fff}
.catalog-status-head>span{color:#52d8b0;background:rgba(37,201,154,.12);border-radius:999px}
.catalog-status-metrics{grid-template-columns:repeat(2,1fr);border-bottom-color:rgba(255,255,255,.09)}
.catalog-status-metrics article{border-right-color:rgba(255,255,255,.09)}
.catalog-status-metrics strong{color:#fff}.catalog-status-metrics span{color:#9fb6c8}
.catalog-status-list{max-height:none}
.catalog-status-list div{border-bottom-color:rgba(255,255,255,.08)}
.catalog-status-list span{background:#0b4d7d;color:#fff;border-radius:7px}
.catalog-status-list strong{color:#eaf3f9}.catalog-status-list em{color:#4ed9ad}.catalog-status-list em.is-build{color:#f0bf70}

.catalog-section{background:#f8fafb;padding:96px 0 110px}
.catalog-section-head{gap:70px}
.catalog-section-head h2{color:#08243e}
.catalog-section-head p{color:#62798d}
.catalog-product-modern{border-color:#dbe6ed;border-top-color:#49cbe8;border-radius:18px;box-shadow:0 24px 70px rgba(5,28,50,.10)}
.catalog-product-media{background:linear-gradient(145deg,#edf3f7 0%,#e3edf3 100%);padding:62px 34px 88px}
.catalog-product-media::before{background-image:linear-gradient(rgba(6,29,52,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(6,29,52,.045) 1px,transparent 1px);background-size:34px 34px}
.catalog-product-media>span{top:22px;left:22px;background:#061d34;border-radius:4px}
.catalog-product-media img,.catalog-product-media-hx img,.catalog-product-media-lm img{width:min(100%,930px);height:auto;max-height:430px;aspect-ratio:auto;object-fit:contain;object-position:center;background:#f8fafc;border:1px solid #d5e0e7;border-radius:10px;box-shadow:0 18px 46px rgba(6,29,52,.14)}
.catalog-product-media-lm img{object-fit:contain;object-position:center}
.catalog-product-media>div{left:34px;right:34px;bottom:24px}
.catalog-product-media strong{color:#08243e}.catalog-product-media small{color:#62798d;text-align:right}
.catalog-product-modern .catalog-product-copy{padding:44px}
.catalog-product-code{width:auto!important;min-width:76px;padding:0 10px;background:#0a4f86;border-radius:6px;white-space:nowrap}
.catalog-product-type{color:#1687ff}
.catalog-product-modern h3{color:#061d34;font-size:clamp(2.55rem,3.8vw,4rem);line-height:.98}
.catalog-product-copy>p{color:#5b7387;line-height:1.68}
.catalog-facts{border-color:#dce6ed}.catalog-facts div{border-color:#dce6ed}.catalog-facts dt{color:#8093a2}.catalog-facts dd{color:#173b58}
.catalog-open{background:#0a4f86;border-color:#0a4f86;border-radius:8px}.catalog-open:hover{background:#073d69;border-color:#073d69}

.catalog-roadmap-section{background:linear-gradient(145deg,#05182c 0%,#08243e 58%,#061b31 100%);padding:96px 0}
.catalog-section-head-light p{color:#a9bfd1}
.catalog-prep-card{border-color:rgba(255,255,255,.14)!important;border-top-color:#49cbe8!important;border-radius:16px!important;box-shadow:0 22px 58px rgba(0,0,0,.18)}
.catalog-prep-copy{background:#fff}.catalog-prep-copy>small{color:#1687ff}.catalog-prep-copy h3{color:#08243e}.catalog-prep-copy p{color:#61788c}.catalog-prep-copy>a{color:#0a67ad}
.catalog-prep-media>span,.catalog-prep-media>b{background:rgba(6,27,49,.92);border-radius:5px}

.catalog-cta{background:#fff;border-bottom-color:#dbe6ed}
.catalog-cta span{color:#1687ff}.catalog-cta h2{color:#08243e}
.catalog-cta .button-primary{background:linear-gradient(135deg,#1687ff,#5267f5);border-color:transparent;border-radius:10px}
.catalog-footer{background:#041423;color:#8ea6ba}
.catalog-footer-brand strong{color:#fff}.catalog-footer-brand span{color:#8ea6ba}
.catalog-footer-links a{color:#9fb4c5}.catalog-footer-links a:hover{color:#fff}
.back-to-top{border-radius:10px}.back-to-top:hover{background:#0a4f86}

@media(max-width:1120px){
  .catalog-nav.open{background:#061b31;border-color:rgba(255,255,255,.14)}
  .catalog-nav.open a{color:#c5d5e0}.catalog-nav.open a:hover{color:#fff}
}
@media(max-width:780px){
  .catalog-hero-layout{padding-top:64px;padding-bottom:68px}
  .catalog-hero h1{font-size:clamp(2.8rem,13vw,4rem);line-height:.98}
  .catalog-product-media,.catalog-product-modern-reverse .catalog-product-media{min-height:0;padding:58px 18px 78px}
  .catalog-product-media img,.catalog-product-media-hx img,.catalog-product-media-lm img{width:100%;max-height:320px}
  .catalog-product-media>div{left:18px;right:18px;bottom:18px;grid-template-columns:1fr;gap:3px}
  .catalog-product-media small{text-align:left}
  .catalog-product-modern .catalog-product-copy{padding:29px 22px}
}
@media(max-width:480px){
  .catalog-status-metrics{grid-template-columns:1fr 1fr}
  .catalog-product-modern h3{font-size:2.45rem}
  .catalog-product-code{min-width:70px;font-size:.69rem}
}