.elementor-81 .elementor-element.elementor-element-805083b{--display:flex;}.elementor-81 .elementor-element.elementor-element-07e7b3b{--display:flex;}.elementor-81 .elementor-element.elementor-element-17e3d9a{--spacer-size:50px;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-047bed1 */:root{
  --geno-red:#E30613;         /* Corporate-Rot */
  --dark:#1A2238;
  --muted:#64748B;
  --bg:#F8FAFC;
  --card:#FFFFFF;

  --wrap:1100px;              /* Inhaltsbreite */
  --side-pad:max(20px,4vw);   /* seitliches Padding */
}

.agb-modern{
  font:16px/1.65 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial,sans-serif;
  color:var(--dark);
  overflow:visible;           /* wichtig für Full-Bleed */
}
.agb-modern a{color:var(--geno-red);text-decoration:none}
.agb-modern a:hover{text-decoration:underline}
.agb-modern h1,.agb-modern h2,.agb-modern h3{line-height:1.2}
.agb-modern .sr-only{position:absolute;left:-9999px}
.agb-modern img{max-width:100%;display:block;border-radius:16px}

/* ---------- HERO: Vollbreite-Gradient + mehr Abstand ---------- */
.agb-modern .hero{
  /* Full-bleed Trick: negativer Rand auf Viewport-Breite */
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
  background:
    linear-gradient(135deg, rgba(227, 6, 19, .12), rgba(227, 6, 19, 0) 45%),
    var(--bg);
  padding:clamp(36px,8vw,96px) 0 clamp(28px,5vw,56px);
}
.agb-modern .hero__inner{
  max-width:var(--wrap);
  margin:0 auto;
  padding:0 var(--side-pad);
}
.agb-modern .eyebrow{
  display:inline-block;font-size:.85rem;color:var(--muted);
  letter-spacing:.04em;margin-bottom:.35rem
}
.agb-modern h1{font-size:clamp(32px,4.5vw,46px);margin:.35rem 0 .6rem}
.agb-modern .stand{color:#334155;margin-top:.35rem}

/* ---------- KARTEN / GRID ---------- */
.agb-modern .cards{margin-top:clamp(16px,3.5vw,40px);padding-bottom:clamp(12px,2vw,24px)}
.agb-modern .grid{
  max-width:var(--wrap); margin:0 auto 16px; padding:0 var(--side-pad);
  display:grid; gap:18px; grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
}
.agb-modern .card{
  background:var(--card); border:1px solid #eaeaea; border-radius:16px; overflow:hidden;
  box-shadow:0 1px 2px rgba(0,0,0,.03);
}
.agb-modern .card__body{padding:16px 18px}
.agb-modern .card h3{margin:.25rem 0 .35rem;font-size:1.05rem}
.agb-modern .card p{margin:.25rem 0}

/* ---------- TOC ---------- */
.agb-modern .toc{
  max-width:calc(var(--wrap) - 100px); /* schmaler, ruhiger Look */
  margin:18px auto 28px; padding:0 var(--side-pad);
}
.agb-modern .toc ol{
  display:flex; flex-wrap:wrap; gap:10px; padding:0; margin:0; list-style:none
}
.agb-modern .toc a{
  display:inline-block; border:1px solid #e6e6e6; border-radius:999px;
  padding:.48rem .9rem; color:var(--dark); background:#fff
}
.agb-modern .toc a:hover{background:#f3f4f6}

/* ---------- ABSCHNITTE ---------- */
.agb-modern .legal-section{
  max-width:var(--wrap); margin:clamp(24px,6vw,64px) auto;
  padding:0 var(--side-pad);
}
.agb-modern .legal-section h2{margin-top:18px;font-size:clamp(22px,3.2vw,30px)}
.agb-modern .legal-section ul{margin:0 0 0 1.2rem}

/* Anker-Offset für Sticky-Header */
.agb-modern [id]{scroll-margin-top:96px}

/* Motion-Preference */
@media (prefers-reduced-motion:reduce){*{transition:none !important}}/* End custom CSS */