:root{--ink:#14212b;--muted:#5c6a73;--line:#dce3e7;--soft:#f3f6f7;--brand:#b32424;--brand-dark:#811818;--white:#fff;--shadow:0 18px 50px rgba(20,33,43,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:#fff;line-height:1.6}img{max-width:100%;height:auto;display:block}a{color:inherit}.container{width:min(1160px,calc(100% - 40px));margin-inline:auto}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:20px;top:20px;background:#fff;padding:12px;z-index:20}.site-header{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.header-row{height:76px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:10px;align-items:center;text-decoration:none;font-size:1.25rem}.brand small{font-weight:500}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--brand);color:#fff;font-weight:800}.main-nav{display:flex;gap:28px}.main-nav a{text-decoration:none;font-weight:650}.menu-button{display:none}.hero{padding:72px 0;background:linear-gradient(135deg,#eef2f3 0%,#fff 65%)}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:64px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:.78rem;font-weight:800;color:var(--brand)}h1{font-size:clamp(2.5rem,6vw,5.2rem);line-height:1.02;letter-spacing:-.045em;margin:.15em 0 .3em}h2{font-size:clamp(2rem,4vw,3.2rem);line-height:1.1;letter-spacing:-.035em;margin:.2em 0}.hero-copy,.lead{font-size:1.22rem;color:var(--muted);max-width:65ch}.button-row{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0}.button{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:0 20px;border-radius:10px;border:1px solid transparent;text-decoration:none;font-weight:750;cursor:pointer}.primary{background:var(--brand);color:#fff}.primary:hover{background:var(--brand-dark)}.secondary,.ghost{background:#fff;border-color:var(--line)}.trust-list{padding:0;display:flex;gap:22px;flex-wrap:wrap;color:var(--muted);font-weight:650}.trust-list li{list-style:none}.trust-list li:before{content:"✓";color:var(--brand);margin-right:7px}.hero-card{background:#fff;border-radius:28px;padding:18px;box-shadow:var(--shadow);transform:rotate(1.5deg)}.hero-card img{aspect-ratio:1/1;object-fit:contain;border-radius:20px;background:var(--soft)}.hero-card span{display:block;padding:14px 8px 4px;font-weight:750}.section{padding:90px 0}.section-muted{background:var(--soft)}.section-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:36px}.section-heading>p{max-width:46ch;color:var(--muted)}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.product-card{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff;transition:.2s}.product-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.product-card[hidden]{display:none}.product-image{display:block;background:var(--soft);aspect-ratio:1/1}.product-image img{width:100%;height:100%;object-fit:contain}.product-body{padding:20px}.product-body h3{margin:.2em 0;font-size:1.25rem;line-height:1.25}.product-body h3 a{text-decoration:none}.product-meta,.availability{font-size:.87rem;color:var(--muted)}.tag-row{display:flex;gap:7px;flex-wrap:wrap}.tag-row span{background:#f6e7e7;color:var(--brand-dark);padding:4px 9px;border-radius:99px;font-weight:750;font-size:.78rem}.tag-row.large span{font-size:.95rem;padding:7px 12px}.text-link{font-weight:800;color:var(--brand);text-decoration:none}.finder-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.finder{background:#fff;padding:28px;border-radius:18px;box-shadow:var(--shadow);display:grid;grid-template-columns:1fr 1fr;gap:18px}.finder label{font-weight:750}.finder select{display:block;width:100%;margin-top:7px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#fff}.finder p{grid-column:1/-1;margin:0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.feature-grid article{padding:28px;border:1px solid var(--line);border-radius:18px}.feature-grid article>span{font-weight:900;color:var(--brand)}.site-footer{background:#101820;color:#d9e0e4;padding:60px 0 24px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}.footer-grid a{display:block;color:#d9e0e4;margin:7px 0;text-decoration:none}.footer-bottom{border-top:1px solid #34414a;margin-top:36px;padding-top:22px;color:#9eabb3}.breadcrumb{display:flex;gap:10px;padding-top:30px;color:var(--muted);font-size:.9rem}.product-hero{padding:45px 0 75px}.product-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.detail-image{background:var(--soft);padding:30px;border-radius:24px}.detail-image img{aspect-ratio:1/1;object-fit:contain}.product-number{font-weight:800;color:var(--muted)}.info-box{display:grid;gap:4px;border-left:4px solid var(--brand);padding:14px 18px;background:var(--soft);margin:24px 0}.content-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:70px}.check-list{padding-left:0}.check-list li{list-style:none;margin:10px 0}.check-list li:before{content:"✓";color:var(--brand);font-weight:900;margin-right:10px}.specs{margin:0}.specs div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding:12px 0}.specs dt{color:var(--muted)}.specs dd{font-weight:750;text-align:right;margin:0}@media(max-width:900px){.product-grid{grid-template-columns:repeat(2,1fr)}.hero-grid,.finder-grid,.product-detail-grid,.content-grid{grid-template-columns:1fr}.hero-card{max-width:560px}.main-nav{display:none;position:absolute;top:76px;left:0;right:0;background:#fff;padding:20px;flex-direction:column;border-bottom:1px solid var(--line)}.main-nav.open{display:flex}.menu-button{display:block}.section-heading{align-items:start;flex-direction:column}.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.container{width:min(100% - 28px,1160px)}.hero,.section{padding:58px 0}.product-grid,.feature-grid,.finder,.footer-grid{grid-template-columns:1fr}.finder p{grid-column:auto}h1{font-size:2.7rem}.trust-list{display:grid;gap:5px}}

.breadcrumb{display:flex;gap:.55rem;align-items:center;padding-top:1.2rem;font-size:.92rem;color:var(--muted)}
.breadcrumb a{color:inherit}.product-detail-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:4rem;align-items:center}.product-gallery{background:#fff;border:1px solid var(--line);border-radius:24px;padding:2rem;box-shadow:var(--shadow)}.product-gallery img{width:100%;height:auto;object-fit:contain;aspect-ratio:1}.lead{font-size:1.2rem;line-height:1.7;color:var(--muted)}.detail-columns{display:grid;grid-template-columns:1fr 1fr;gap:3rem}.detail-list{display:grid;gap:.8rem;padding-left:1.25rem}.video-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.video-grid video{width:100%;border-radius:18px;background:#111}.catalog-toolbar{display:flex;gap:1rem;align-items:end;flex-wrap:wrap;margin-bottom:2rem}.catalog-toolbar label{display:grid;gap:.4rem;font-weight:700}.catalog-toolbar select{min-width:220px;padding:.8rem;border:1px solid var(--line);border-radius:10px;background:#fff}.category-hero{padding-bottom:1rem}@media(max-width:800px){.product-detail-grid,.detail-columns{grid-template-columns:1fr}.product-detail-grid{gap:2rem}}

/* Prototyp 03: ruhiger Produktkatalog und kompaktere Typografie */
:root{--brand:#ad2c1d;--brand-dark:#7f1d14;--ink:#101b25;--muted:#58636f;--line:#dde2e6;--soft:#f5f7f8;--shadow:0 10px 30px rgba(16,27,37,.08)}
body{font-size:16px;line-height:1.55}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.utility-bar{background:#0e1a24;color:#fff;font-size:.82rem}.utility-row{min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:24px}.utility-benefits,.utility-nav{display:flex;align-items:center;gap:24px}.utility-nav a{text-decoration:none;color:#fff}.site-header{top:0;background:#fff}.header-row{height:96px;gap:30px}.brand{min-width:330px;gap:14px}.brand-mark{width:52px;height:52px;border-radius:14px;font-size:1.4rem}.brand-copy{display:grid;line-height:1.1}.brand-copy strong{font-size:1.42rem;letter-spacing:.025em}.brand-copy strong span{font-weight:450}.brand-copy small{font-size:.72rem;color:var(--muted);margin-top:5px}.main-nav{gap:22px;align-self:stretch;align-items:center}.main-nav a{height:100%;display:flex;align-items:center;position:relative;font-size:.95rem}.main-nav a.active{color:var(--brand)}.main-nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--brand)}.site-search{display:flex;min-width:210px;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff}.site-search input{min-width:0;width:100%;border:0;padding:12px 10px 12px 14px;font:inherit;outline:none}.site-search button{border:0;background:#fff;padding:0 14px;font-size:1.5rem;cursor:pointer}
.breadcrumb{padding-top:24px;font-size:.9rem}.category-hero{padding:28px 0 44px}.category-hero h1{font-size:clamp(2.25rem,4vw,3.25rem);margin:.12em 0 .18em;letter-spacing:-.035em}.category-hero .lead{font-size:1.08rem;margin:0}.catalog-toolbar{display:grid;grid-template-columns:minmax(220px,1fr) minmax(220px,1fr) auto auto;gap:16px;align-items:end;margin:0 0 30px}.catalog-toolbar label{font-size:.92rem}.catalog-toolbar select{width:100%;min-width:0;min-height:48px}.catalog-toolbar #filter-result{align-self:center;margin:0 0 10px;font-size:.98rem;white-space:nowrap}.product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.product-card{display:flex;flex-direction:column;min-width:0;border-radius:14px;box-shadow:0 2px 8px rgba(16,27,37,.03)}.product-image{aspect-ratio:1.38/1;padding:10px}.product-image img{object-fit:contain}.product-body{display:flex;flex:1;flex-direction:column;padding:18px 18px 20px}.product-meta{margin:0 0 12px;font-size:.82rem}.product-body h2,.product-body h3{font-size:clamp(1.15rem,1.45vw,1.48rem);line-height:1.22;letter-spacing:-.02em;margin:0 0 10px;overflow-wrap:anywhere}.product-body h2 a,.product-body h3 a{text-decoration:none;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.product-body>p:not(.product-meta):not(.availability){font-size:.92rem;color:var(--ink);margin:0 0 14px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.tag-row{margin-top:auto;padding-top:2px}.text-link{display:inline-block;margin-top:12px;font-size:.93rem}.availability{margin:10px 0 0}.section{padding:68px 0}
@media(max-width:1180px){.header-row{gap:18px}.brand{min-width:250px}.brand-copy small{display:none}.main-nav{gap:14px}.site-search{min-width:170px}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.utility-nav{display:none}.utility-benefits{gap:14px;overflow:auto;white-space:nowrap}.header-row{height:76px}.brand{min-width:0}.brand-copy strong{font-size:1.1rem}.site-search{display:none}.main-nav{top:76px}.catalog-toolbar{grid-template-columns:1fr 1fr}.catalog-toolbar #filter-result{margin:0}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:580px){.utility-benefits span:nth-child(n+3){display:none}.brand-copy small{display:none}.catalog-toolbar{grid-template-columns:1fr}.product-grid{grid-template-columns:1fr}.product-body h2,.product-body h3{font-size:1.25rem}.category-hero h1{font-size:2.25rem}}

/* Prototyp 04: ausgewogene Bildgröße in Produktkarten */
.product-image {
  display: grid;
  place-items: center;
  overflow: hidden;
}
.product-image img {
  width: auto;
  height: auto;
  max-width: 66%;
  max-height: 76%;
  margin: auto;
  object-fit: contain;
}
@media (max-width: 900px) {
  .product-image img {
    max-width: 70%;
    max-height: 80%;
  }
}
@media (max-width: 580px) {
  .product-image img {
    max-width: 74%;
    max-height: 82%;
  }
}

/* Prototyp 05: Signalbilder vollständig und ausgewogen darstellen */
.product-image {
  height: 230px;
  aspect-ratio: auto;
  padding: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: var(--soft);
}
.product-image img {
  width: auto;
  height: auto;
  max-width: 82%;
  max-height: 198px;
  margin: 0 auto;
  object-fit: contain;
  object-position: center;
}
@media (max-width: 900px) {
  .product-image { height: 250px; }
  .product-image img { max-height: 218px; max-width: 86%; }
}
@media (max-width: 580px) {
  .product-image { height: 280px; }
  .product-image img { max-height: 248px; max-width: 90%; }
}

/* Prototyp 06: vollständige, normierte Katalogbilder und Seitennavigation */
.product-image {
  height: 220px;
  padding: 0;
  background: #f6f8f9;
}
.product-image img {
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  object-fit: cover;
  object-position: center;
}
.catalog-pagination {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-top: 32px;
}
.page-button {
  min-width: 44px;
  height: 44px;
  border: 1px solid var(--line);
  border-radius: 9px;
  background: #fff;
  color: var(--ink);
  font: inherit;
  font-weight: 750;
  cursor: pointer;
}
.page-button:hover:not(:disabled), .page-button.active {
  border-color: var(--brand);
  background: var(--brand);
  color: #fff;
}
.page-button:disabled { opacity: .42; cursor: default; }
@media (max-width: 900px) {
  .product-image { height: 235px; }
}
@media (max-width: 580px) {
  .product-image { height: 270px; }
}


/* Prototyp 07: vollständige Signale, kompaktere Überschriften und Signal-Hero */
.container { width: min(1440px, calc(100% - 56px)); }
.hero-showcase { padding: 54px 0 42px; background: linear-gradient(135deg,#f6f8f9 0%,#fff 70%); }
.hero-showcase .hero-grid { grid-template-columns: minmax(420px,.78fr) minmax(600px,1.22fr); gap: 46px; }
.hero-copy-block h1 { font-size: clamp(2.75rem,4.4vw,4.7rem); line-height: 1.04; margin-bottom: .3em; }
.hero-copy-block .hero-copy { font-size: 1.08rem; max-width: 58ch; }
.hero-signals { min-height: 360px; display: grid; grid-template-columns: repeat(6,1fr); gap: 10px; align-items: end; padding: 20px 4px 4px; }
.hero-signals a { height: 330px; display: flex; align-items: flex-end; justify-content: center; text-decoration: none; }
.hero-signals img { width: auto; height: auto; max-height: 310px; max-width: 100%; object-fit: contain; object-position: center bottom; filter: drop-shadow(0 16px 12px rgba(16,27,37,.14)); transition: transform .22s ease; }
.hero-signals a:hover img { transform: translateY(-6px) scale(1.025); }

.section-heading h2,.category-hero h1 { font-size: clamp(2rem,3vw,2.8rem); }
.category-hero { padding: 22px 0 30px; }
.section { padding: 58px 0; }
.product-grid { grid-template-columns: repeat(6,minmax(0,1fr)); gap: 16px; }
.product-card { border-radius: 14px; }
.product-image { height: 230px; padding: 14px 12px 8px; background: linear-gradient(#fff,#f7f8f9); }
.product-image img { width: auto; height: auto; max-width: 100%; max-height: 208px; object-fit: contain; object-position: center bottom; }
.product-body { padding: 14px 14px 16px; }
.product-meta { margin-bottom: 7px; font-size: .76rem; }
.product-body h2,.product-body h3 { font-size: 1rem; line-height: 1.22; margin-bottom: 8px; letter-spacing: -.012em; }
.product-body>p:not(.product-meta):not(.availability) { font-size: .82rem; line-height: 1.42; -webkit-line-clamp: 3; }
.tag-row { gap: 5px; }
.tag-row span { padding: 3px 7px; font-size: .69rem; }
.availability { font-size: .76rem; margin: 9px 0 0; }
.button-card { display:flex; justify-content:center; align-items:center; min-height:36px; margin-top:10px; padding:6px 10px; border-radius:6px; background:var(--brand); color:#fff; font-size:.8rem; }
.button-card:hover { background:var(--brand-dark); }
.catalog-toolbar { margin-bottom: 18px; }

@media (max-width: 1320px) {
  .product-grid { grid-template-columns: repeat(4,minmax(0,1fr)); }
  .hero-showcase .hero-grid { grid-template-columns: .85fr 1.15fr; }
  .hero-signals { grid-template-columns: repeat(5,1fr); }
  .hero-signals a:nth-child(6) { display:none; }
}
@media (max-width: 980px) {
  .container { width:min(100% - 36px, 900px); }
  .hero-showcase .hero-grid { grid-template-columns:1fr; }
  .hero-signals { min-height:260px; grid-template-columns:repeat(6,1fr); }
  .hero-signals a { height:250px; }
  .hero-signals img { max-height:235px; }
  .hero-signals a:nth-child(6) { display:flex; }
  .product-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width: 720px) {
  .hero-copy-block h1 { font-size:2.55rem; }
  .hero-signals { grid-template-columns:repeat(3,1fr); min-height:auto; }
  .hero-signals a { height:210px; }
  .hero-signals img { max-height:195px; }
  .product-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width: 480px) {
  .container { width:calc(100% - 24px); }
  .hero-signals { grid-template-columns:repeat(2,1fr); }
  .hero-signals a { height:230px; }
  .hero-signals img { max-height:215px; }
  .product-grid { grid-template-columns:1fr; }
  .product-image { height:300px; }
  .product-image img { max-height:275px; }
}


/* Prototyp 09: Hero-Signale optisch einheitlich skalieren */
.hero-signals {
  grid-template-columns: repeat(8, minmax(0, 1fr));
  gap: 12px;
  align-items: end;
}
.hero-signals a {
  width: 100%;
  height: 330px;
  min-width: 0;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  overflow: hidden;
}
.hero-signals img {
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  object-fit: contain;
  object-position: center bottom;
}
@media (max-width: 1320px) {
  .hero-signals { grid-template-columns: repeat(6, minmax(0,1fr)); }
  .hero-signals a:nth-child(n+7) { display:none; }
}
@media (max-width: 980px) {
  .hero-signals { grid-template-columns: repeat(4, minmax(0,1fr)); }
  .hero-signals a:nth-child(n+5) { display:none; }
  .hero-signals a { height: 260px; }
}
@media (max-width: 720px) {
  .hero-signals { grid-template-columns: repeat(3, minmax(0,1fr)); }
  .hero-signals a:nth-child(n+4) { display:none; }
  .hero-signals a { height: 220px; }
}
@media (max-width: 480px) {
  .hero-signals { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .hero-signals a:nth-child(n+3) { display:none; }
  .hero-signals a { height: 230px; }
}

/* Prototyp 10: Hero-Signale wirklich gleich hoch darstellen */
.hero-showcase .hero-grid {
  grid-template-columns: minmax(360px, .72fr) minmax(760px, 1.28fr);
  gap: 38px;
}
.hero-copy-block h1 {
  font-size: clamp(2.55rem, 3.65vw, 3.9rem);
  line-height: 1.04;
}
.hero-signals {
  grid-template-columns: repeat(8, minmax(0, 1fr));
  gap: 10px;
  min-height: 350px;
  align-items: end;
  overflow: visible;
}
.hero-signals a {
  position: relative;
  width: 100%;
  height: 340px;
  min-width: 0;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  overflow: visible;
}
.hero-signals img {
  display: block;
  width: auto;
  height: 330px;
  max-width: none;
  max-height: none;
  object-fit: contain;
  object-position: center bottom;
  flex: 0 0 auto;
}
@media (max-width: 1320px) {
  .hero-showcase .hero-grid { grid-template-columns: .82fr 1.18fr; }
  .hero-signals { grid-template-columns: repeat(6, minmax(0,1fr)); }
  .hero-signals a:nth-child(n+7) { display:none; }
  .hero-signals img { height: 310px; }
  .hero-signals a { height: 320px; }
}
@media (max-width: 980px) {
  .hero-showcase .hero-grid { grid-template-columns: 1fr; }
  .hero-signals { grid-template-columns: repeat(4, minmax(0,1fr)); min-height: 285px; }
  .hero-signals a:nth-child(n+5) { display:none; }
  .hero-signals a { height: 275px; }
  .hero-signals img { height: 265px; }
}
@media (max-width: 720px) {
  .hero-copy-block h1 { font-size: 2.35rem; }
  .hero-signals { grid-template-columns: repeat(3, minmax(0,1fr)); }
  .hero-signals a:nth-child(n+4) { display:none; }
  .hero-signals a { height: 235px; }
  .hero-signals img { height: 225px; }
}
@media (max-width: 480px) {
  .hero-signals { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .hero-signals a:nth-child(n+3) { display:none; }
  .hero-signals a { height: 245px; }
  .hero-signals img { height: 235px; }
}

/* Prototyp 11: mehr seitlicher Abstand und kleinere Hero-Überschrift */
.hero-copy-block h1 {
  font-size: clamp(2.25rem, 3.05vw, 3.35rem);
  line-height: 1.06;
}
.hero-signals {
  gap: 18px;
  padding-inline: 10px;
}
.hero-signals a {
  padding-inline: 5px;
}
.hero-signals img {
  height: 310px;
}
@media (max-width: 1320px) {
  .hero-signals { gap: 16px; padding-inline: 6px; }
  .hero-signals img { height: 292px; }
}
@media (max-width: 980px) {
  .hero-copy-block h1 { font-size: clamp(2.2rem, 5.4vw, 3rem); }
  .hero-signals { gap: 14px; padding-inline: 0; }
  .hero-signals img { height: 252px; }
}
@media (max-width: 720px) {
  .hero-copy-block h1 { font-size: 2.2rem; }
  .hero-signals { gap: 12px; }
  .hero-signals img { height: 214px; }
}
@media (max-width: 480px) {
  .hero-copy-block h1 { font-size: 2rem; }
  .hero-signals { gap: 10px; }
  .hero-signals img { height: 222px; }
}


/* Prototyp 12: normierte Hero-Bilder mit sichtbaren seitlichen Abständen */
.hero-copy-block h1 {
  font-size: clamp(2.15rem, 2.85vw, 3.15rem);
  line-height: 1.07;
}
.hero-signals {
  grid-template-columns: repeat(8, minmax(0, 1fr));
  gap: 16px;
  padding-inline: 8px;
  align-items: end;
}
.hero-signals a {
  width: 100%;
  height: 326px;
  padding: 0;
  overflow: hidden;
  background: #fff;
}
.hero-signals img {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  object-position: center bottom;
}
@media (max-width: 1320px) {
  .hero-signals { grid-template-columns: repeat(6, minmax(0,1fr)); gap: 14px; }
  .hero-signals a:nth-child(n+7) { display:none; }
  .hero-signals a { height: 300px; }
}
@media (max-width: 980px) {
  .hero-signals { grid-template-columns: repeat(4, minmax(0,1fr)); gap: 14px; }
  .hero-signals a:nth-child(n+5) { display:none; }
  .hero-signals a { height: 270px; }
}
@media (max-width: 720px) {
  .hero-copy-block h1 { font-size: 2.1rem; }
  .hero-signals { grid-template-columns: repeat(3, minmax(0,1fr)); gap: 12px; }
  .hero-signals a:nth-child(n+4) { display:none; }
  .hero-signals a { height: 235px; }
}
@media (max-width: 480px) {
  .hero-copy-block h1 { font-size: 1.9rem; }
  .hero-signals { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 10px; }
  .hero-signals a:nth-child(n+3) { display:none; }
  .hero-signals a { height: 245px; }
}


/* Prototyp 13: normierter Produktkatalog und ausgebaute Produktseiten */
#produkte.product-grid{scroll-margin-top:130px}
.product-image{aspect-ratio:4/3;padding:16px;background:#f7f8f9}
.product-image img{width:100%;height:100%;object-fit:contain;object-position:center bottom}
.product-body{flex:1;display:flex;flex-direction:column}
.product-body>p:not(.product-meta):not(.availability){color:var(--muted);font-size:.94rem}
.product-body .tag-row{margin-top:auto}
.product-body .availability{margin-bottom:12px}
.product-body .button-card{display:flex;min-height:42px;align-items:center;justify-content:center;border-radius:9px;background:var(--brand);color:#fff;margin-top:auto}
.product-body .button-card:hover{background:var(--brand-dark)}
.product-gallery{display:grid;place-items:center;min-height:520px;background:#f7f8f9}
.product-gallery img{width:100%;height:470px;aspect-ratio:auto;object-fit:contain;object-position:center bottom}
.product-information{align-items:start}
.product-action-box{border:1px solid var(--line);border-radius:18px;padding:26px;background:#fff;box-shadow:0 8px 28px rgba(16,27,37,.06)}
.related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.related-card{overflow:hidden;border:1px solid var(--line);border-radius:16px;background:#fff}
.related-image{display:grid;place-items:center;height:220px;padding:16px;background:#f7f8f9}
.related-image img{width:100%;height:100%;object-fit:contain;object-position:center bottom}
.related-card>div{padding:18px}
.related-card h3{font-size:1.05rem;line-height:1.3;margin:.25rem 0 .8rem}
.related-card h3 a{text-decoration:none}
@media(max-width:900px){.related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-gallery{min-height:420px}.product-gallery img{height:370px}}
@media(max-width:560px){.related-grid{grid-template-columns:1fr}.product-image{aspect-ratio:5/4}.product-gallery{min-height:340px}.product-gallery img{height:300px}}

/* Prototyp 14: vollständige Hauptbereiche */
.page-hero { padding: 64px 0 54px; }
.page-hero h1 { font-size: clamp(2.5rem, 5vw, 4.6rem); }
.narrow { max-width: 900px; }
.knowledge-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.knowledge-grid article { background:#fff; }
.knowledge-grid h2 { font-size:1.35rem; margin-top:.5rem; }
.video-library { display:grid; gap:28px; }
.media-card { display:grid; grid-template-columns:minmax(240px,.7fr) minmax(0,1.3fr); gap:28px; padding:28px; background:#fff; border:1px solid var(--line); border-radius:18px; }
.media-card h2 { font-size:1.45rem; }
.video-grid.compact { grid-template-columns:repeat(2,minmax(0,1fr)); }
.download-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.download-grid article,.contact-card { padding:28px; background:#fff; border:1px solid var(--line); border-radius:18px; }
.download-grid h2,.contact-card h2 { font-size:1.35rem; }
.download-icon { display:inline-flex; min-width:52px; min-height:40px; align-items:center; justify-content:center; padding:0 10px; border-radius:8px; background:var(--brand); color:#fff; font-weight:850; }
.status-note { color:var(--muted); font-size:.92rem; border-left:3px solid var(--brand); padding-left:12px; }
.contact-layout { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.legal-content { max-width:850px; }
.legal-content h2 { font-size:1.65rem; margin-top:2rem; }
.main-nav a.active { color:var(--brand); }
@media (max-width:900px){.knowledge-grid,.download-grid{grid-template-columns:1fr 1fr}.media-card{grid-template-columns:1fr}.contact-layout{grid-template-columns:1fr}}
@media (max-width:620px){.knowledge-grid,.download-grid{grid-template-columns:1fr}.video-grid.compact{grid-template-columns:1fr}}

/* Prototyp 15: alle Signalbilder einheitlich und ca. 70 % größer */
.hero-showcase .hero-grid{
  grid-template-columns:minmax(360px,.72fr) minmax(760px,1.28fr);
  gap:42px;
}
.hero-copy-block h1{
  font-size:clamp(2rem,2.55vw,2.9rem);
  line-height:1.08;
}
.hero-signals{
  grid-template-columns:repeat(8,minmax(0,1fr));
  gap:20px;
  align-items:end;
  padding:8px 2px 0;
  min-height:470px;
}
.hero-signals a{
  height:455px;
  min-width:0;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  overflow:hidden;
  background:#fff;
  border-radius:4px;
}
.hero-signals img{
  width:auto;
  height:445px;
  max-width:none;
  max-height:none;
  object-fit:contain;
  object-position:center bottom;
}
.product-image{
  aspect-ratio:3/4;
  min-height:330px;
  padding:10px 14px;
}
.product-image img{
  width:auto;
  height:100%;
  max-width:100%;
  object-fit:contain;
  object-position:center bottom;
}
.related-image{
  height:300px;
  padding:12px;
}
.related-image img{
  width:auto;
  height:100%;
  max-width:100%;
  object-fit:contain;
  object-position:center bottom;
}
.product-gallery{
  min-height:650px;
}
.product-gallery img{
  width:auto;
  height:610px;
  max-width:100%;
  object-fit:contain;
  object-position:center bottom;
}
@media(max-width:1450px){
  .hero-showcase .hero-grid{grid-template-columns:minmax(340px,.8fr) minmax(650px,1.2fr)}
  .hero-signals{gap:16px;min-height:410px}
  .hero-signals a{height:395px}
  .hero-signals img{height:385px}
}
@media(max-width:1180px){
  .hero-showcase .hero-grid{grid-template-columns:1fr}
  .hero-signals{grid-template-columns:repeat(4,minmax(0,1fr));min-height:auto}
  .hero-signals a:nth-child(n+5){display:none}
  .hero-signals a{height:390px}
  .hero-signals img{height:380px}
}
@media(max-width:760px){
  .hero-signals{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  .hero-signals a:nth-child(n+3){display:none}
  .hero-signals a{height:350px}
  .hero-signals img{height:340px}
  .product-image{min-height:390px}
}

/* Prototyp 16: Katalogbilder doppelt so groß und einheitlich normiert */
.product-grid{
  align-items:stretch;
}
.product-card{
  height:100%;
}
.product-image{
  aspect-ratio:auto;
  height:470px;
  min-height:470px;
  padding:8px 10px;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  background:#f8f9fa;
}
.product-image img{
  width:100%;
  height:100%;
  max-width:100%;
  object-fit:contain;
  object-position:center bottom;
}
.product-body{
  min-height:350px;
}
@media(max-width:1450px){
  .product-image{height:420px;min-height:420px}
}
@media(max-width:1180px){
  .product-image{height:390px;min-height:390px}
}
@media(max-width:900px){
  .product-image{height:460px;min-height:460px}
}
@media(max-width:580px){
  .product-image{height:520px;min-height:520px}
}

/* Prototyp 17: Höhe der hellgrauen Katalog-Bildflächen kompakter */
.product-image{
  height:340px;
  min-height:340px;
  padding:12px 14px 8px;
}
.product-image img{
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center bottom;
}
@media(max-width:1450px){
  .product-image{height:320px;min-height:320px}
}
@media(max-width:1180px){
  .product-image{height:300px;min-height:300px}
}
@media(max-width:900px){
  .product-image{height:360px;min-height:360px}
}
@media(max-width:580px){
  .product-image{height:420px;min-height:420px}
}

/* Prototyp 18: Bildflächen nur noch so hoch wie für das Signal nötig */
.product-image{
  height:255px;
  min-height:255px;
  padding:8px 12px 4px;
  overflow:hidden;
}
.product-image img{
  transform:scale(1.20);
  transform-origin:center bottom;
}
@media(max-width:1450px){
  .product-image{height:245px;min-height:245px}
}
@media(max-width:1180px){
  .product-image{height:235px;min-height:235px}
}
@media(max-width:900px){
  .product-image{height:300px;min-height:300px}
  .product-image img{transform:scale(1.12)}
}
@media(max-width:580px){
  .product-image{height:350px;min-height:350px}
  .product-image img{transform:scale(1.08)}
}

/* Prototyp 21: dezenter Admin-Zugang in der Hauptnavigation */
.main-nav .admin-nav-link{color:var(--muted);font-size:.9rem;white-space:nowrap}
.main-nav .admin-nav-link:hover,.main-nav .admin-nav-link:focus{color:var(--brand)}

/* RC1 Plattformintegration */
.portal-nav-link {
  font-weight: 700;
}
.portal-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 2rem;
  align-items: center;
  margin: 2rem 0;
  padding: 2rem;
  border: 1px solid rgba(130, 37, 42, .18);
  border-radius: 1.25rem;
  background: #fff;
  box-shadow: 0 1rem 3rem rgba(31, 41, 55, .07);
}
.portal-card h2 { margin-top: 0; }
.portal-info-grid { margin-top: 2rem; }
.notice-text {
  margin-top: 2rem;
  padding: 1rem 1.25rem;
  border-left: .25rem solid #82252a;
  background: #f7f3f3;
}
@media (max-width: 760px) {
  .portal-card { grid-template-columns: 1fr; }
  .portal-card .button { width: 100%; text-align: center; }
}