.fb24g100-breakout{position:relative!important;left:auto!important;right:auto!important;margin:0!important;width:100vw!important;max-width:none!important;overflow:hidden!important}
.fb24g100{font-family:Arial,Helvetica,sans-serif;color:#12202b;background:#fff;line-height:1.45}
.fb24g100 *{box-sizing:border-box}
.fb24g100-wrap{width:min(1240px,92vw);margin:0 auto}
.fb24g100 h1,.fb24g100 h2,.fb24g100 h3{color:#0b3559}
.fb24g100 h1,.fb24g100 h2{font-family:Arial,Helvetica,sans-serif}
.fb24g100 section h2{text-align:center;font-size:32px;line-height:1.15;margin:0;font-weight:500}
.fb24g100 .rule{width:46px;height:2px;background:#5e88ab;margin:10px auto 36px}

.fb24g100-hero{height:430px;position:relative;background-image:var(--hero);background-size:cover;background-position:center center}
.fb24g100-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,34,48,.78) 0%,rgba(11,34,48,.55) 30%,rgba(11,34,48,.18) 56%,rgba(11,34,48,.02) 72%)}
.hero-copy{position:relative;z-index:2;padding-top:74px;color:#fff}
.hero-copy>*{max-width:560px}
.fb24g100-hero h1{color:#fff;font-size:47px;line-height:1.05;margin:0 0 20px;font-weight:700}
.fb24g100-hero p{font-size:16px;line-height:1.55;margin:0 0 24px;color:#fff}
.fb24g100-btn{display:inline-flex!important;align-items:center;gap:10px;background:#0873c7;color:#fff!important;text-decoration:none!important;border-radius:24px;padding:13px 22px;font-size:14px;font-weight:700}

.fb24g100-audience{padding:52px 0 52px;background:#fff}
.audience-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.audience-grid article{text-align:center;padding:0 18px}
.audience-grid svg,.product-grid svg,.trust-grid svg{width:56px;height:56px;fill:none;stroke:#1372bd;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.audience-grid h3{font-family:Arial,Helvetica,sans-serif;font-size:17px;margin:11px 0 14px}
.audience-grid p{font-size:13.5px;line-height:1.55;margin:0}

.fb24g100-products{padding:40px 0 52px;background:#f5f7f9}
.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.product-grid article{text-align:center;padding:16px 18px}
.product-grid h3{font-family:Arial,Helvetica,sans-serif;font-size:16px;margin:10px 0 12px}
.product-grid p{font-size:13px;line-height:1.5;margin:0 0 10px}
.product-grid a{font-size:12.5px;font-weight:700;color:#0c67ab;text-decoration:none}

.fb24g100-advice{padding:48px 0}
.advice-grid{display:grid;grid-template-columns:.9fr 1.3fr;gap:56px;align-items:center}
.advice-copy h2{text-align:left!important;font-size:31px!important;margin-bottom:16px!important;font-weight:500}
.advice-copy p{font-size:14px;line-height:1.6;max-width:520px}
.advice-copy ul{list-style:none;padding:0;margin:22px 0 0}
.advice-copy li{font-size:14px;margin:12px 0}
.advice-copy li:before{content:"✓";color:#0b6fb8;margin-right:9px}
.advice-image img{display:block;width:100%;height:330px;object-fit:cover;border-radius:2px}

.fb24g100-form-section{padding:42px 0;background:#f5f7f9}
.form-grid{display:grid;grid-template-columns:.78fr 1.5fr;gap:54px;align-items:start}
.form-intro h2{text-align:left!important;font-size:30px!important;margin-bottom:22px!important}
.form-intro p{font-size:14px;line-height:1.6;max-width:400px}
.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px}
.trust-grid div{text-align:center}
.trust-grid svg{width:54px;height:54px}
.trust-grid strong{display:block;font-size:12px;line-height:1.4;margin-top:7px}
.form-card{background:transparent}
.placeholder{background:#fff;border:1px dashed #b8bec5;border-radius:8px;padding:44px;text-align:center}

/* Forminator harmonization */
.form-card .forminator-ui.forminator-custom-form{margin:0!important}
.form-card .forminator-row{margin-bottom:12px!important}
.form-card .forminator-label{font-size:12px!important;font-weight:700!important;color:#111!important}
.form-card input:not([type=checkbox]):not([type=radio]),.form-card select,.form-card textarea,.form-card .select2-selection{border:1px solid #c7cdd3!important;border-radius:3px!important;background:#fff!important;min-height:38px!important}
.form-card textarea{min-height:96px!important}
.form-card .forminator-button-submit{background:#0873c7!important;color:#fff!important;border-radius:4px!important;padding:11px 22px!important;font-weight:700!important}

.fb24g100-footer{background:#143b59;color:#fff;padding:33px 0 36px}
.fb24g100-footer-grid{width:min(1640px,96vw);margin:0 auto;display:grid;grid-template-columns:1.05fr 1.25fr 1fr;gap:42px;align-items:center}
.footer-brand img{display:block;max-width:310px;max-height:72px;width:auto;height:auto;object-fit:contain}
.footer-brand strong{font-size:31px;color:#fff}.footer-brand span{color:#1d9bdd}
.fb24g100-footer p{font-size:13px;line-height:1.55;margin:0;color:#fff;max-width:560px}
.fb24g100-footer nav{text-align:right;white-space:nowrap}.fb24g100-footer nav a{color:#fff!important;text-decoration:underline;font-size:13px}.fb24g100-footer nav span{margin:0 5px}

@media(max-width:900px){
 .fb24g100-hero{height:470px;background-position:62% center}
 .fb24g100-hero h1{font-size:40px}
 .audience-grid,.product-grid{grid-template-columns:repeat(2,1fr)}
 .advice-grid,.form-grid{grid-template-columns:1fr}
 .fb24g100-footer-grid{grid-template-columns:1fr;text-align:center}.footer-brand img{margin:0 auto}.fb24g100-footer nav{text-align:center}
}
@media(max-width:620px){
 .fb24g100-wrap{width:94vw}
 .fb24g100-hero{height:520px;background-position:68% center}
 .fb24g100-hero:before{background:linear-gradient(90deg,rgba(11,34,48,.82),rgba(11,34,48,.55) 72%,rgba(11,34,48,.28))}
 .fb24g100-hero h1{font-size:35px}
 .audience-grid,.product-grid,.trust-grid{grid-template-columns:1fr}
}


/* ===== V2 KORREKTUREN ===== */

/* 1) Hero: saubere Überschrift ohne weißen Hintergrund / ohne Theme-Einfluss */
.fb24g100-hero{
  height:430px;
  background-position:center 48%;
}
.fb24g100-hero:before{
  background:linear-gradient(90deg,
    rgba(7,29,44,.78) 0%,
    rgba(7,29,44,.62) 27%,
    rgba(7,29,44,.28) 49%,
    rgba(7,29,44,.07) 68%,
    rgba(7,29,44,0) 78%);
}
.fb24g100-hero .hero-copy,
.fb24g100-hero .hero-copy h1,
.fb24g100-hero .hero-copy h2,
.fb24g100-hero .hero-copy p{
  background:transparent!important;
  background-color:transparent!important;
}
.fb24g100-hero h1{
  color:#fff!important;
  background:none!important;
  padding:0!important;
  box-shadow:none!important;
  text-shadow:none!important;
}
.fb24g100-hero p{
  color:#fff!important;
  background:none!important;
}

/* 2) Alle Überschriften im Mittelbereich transparent */
.fb24g100 h1,
.fb24g100 h2,
.fb24g100 h3,
.fb24g100 section h2,
.fb24g100 .audience-grid h3,
.fb24g100 .product-grid h3,
.fb24g100 .advice-copy h2,
.fb24g100 .form-intro h2{
  background:transparent!important;
  background-color:transparent!important;
  box-shadow:none!important;
}
.fb24g100-products h2,
.fb24g100-products .product-grid h3{
  background:none!important;
}

/* 3) Footer-Logo: Website-Logo im Footer weiß darstellen */
.fb24g100-footer .footer-brand img{
  filter:none!important;
  opacity:1!important;
}

/* etwas näher an der Referenz */
.fb24g100-products{
  background:#f3f6f8!important;
}
.fb24g100-products .product-grid article{
  background:transparent!important;
}
.fb24g100-audience .audience-grid article{
  background:transparent!important;
}

@media(max-width:900px){
  .fb24g100-hero{background-position:60% center}
}


/* ===== V3: Hero und Footer nach Referenz ===== */
.fb24g100-hero{
  height:410px!important;
  background-position:center 49%!important;
  background-size:cover!important;
}
.fb24g100-hero:before{
  background:linear-gradient(90deg,
    rgba(8,31,48,.78) 0%,
    rgba(8,31,48,.65) 23%,
    rgba(8,31,48,.44) 36%,
    rgba(8,31,48,.15) 53%,
    rgba(8,31,48,0) 69%)!important;
}
.fb24g100-hero .hero-copy{
  padding-top:74px!important;
}
.fb24g100-hero h1{
  max-width:550px!important;
  font-size:46px!important;
  line-height:1.06!important;
  margin-bottom:19px!important;
}
.fb24g100-hero p{
  max-width:545px!important;
  font-size:15px!important;
  line-height:1.55!important;
}
.fb24g100-footer .footer-brand img{
  display:block!important;
  width:auto!important;
  height:auto!important;
  max-width:320px!important;
  max-height:82px!important;
  object-fit:contain!important;
  object-position:left center!important;
}
@media(max-width:900px){
  .fb24g100-hero{height:455px!important;background-position:60% center!important}
  .fb24g100-footer .footer-brand img{margin:0 auto!important}
}


/* ===== V8 – sauberer Hero: reines Bild + echte HTML-Inhalte ===== */
.fb24g100-hero{
  position:relative!important;
  min-height:0!important;
  height:342px!important;
  background-image:var(--hero)!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  overflow:hidden!important;
}
.fb24g100-hero:before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:0!important;
  background:linear-gradient(
    90deg,
    rgba(7,29,44,.78) 0%,
    rgba(7,29,44,.68) 18%,
    rgba(7,29,44,.42) 34%,
    rgba(7,29,44,.12) 49%,
    rgba(7,29,44,0) 62%
  )!important;
  pointer-events:none!important;
}
.fb24g100-hero .hero-copy{
  position:relative!important;
  z-index:2!important;
  width:min(92vw,1240px)!important;
  max-width:1240px!important;
  height:auto!important;
  margin:0 auto!important;
  padding:48px 0 0!important;
}
.fb24g100-hero h1{
  max-width:390px!important;
  margin:0 0 15px!important;
  color:#fff!important;
  font-size:29px!important;
  line-height:1.08!important;
  font-weight:700!important;
  letter-spacing:-.01em!important;
}
.fb24g100-hero p{
  max-width:410px!important;
  margin:0 0 18px!important;
  color:#fff!important;
  font-size:13px!important;
  line-height:1.48!important;
}
.fb24g100-hero .fb24g100-btn{
  display:inline-flex!important;
  align-items:center!important;
  width:auto!important;
  height:auto!important;
  padding:11px 20px!important;
  border-radius:22px!important;
  font-size:12px!important;
  line-height:1.2!important;
}

@media(max-width:900px){
  .fb24g100-hero{
    height:470px!important;
    background-position:62% center!important;
  }
  .fb24g100-hero .hero-copy{
    padding-top:70px!important;
  }
  .fb24g100-hero h1{
    font-size:34px!important;
    max-width:460px!important;
  }
  .fb24g100-hero p{
    max-width:460px!important;
  }
}

/* ===== V9 – finaler Hero mit hochauflösendem Referenzbild ===== */
.fb24g100-hero{
  height:400px!important;
  background-size:cover!important;
  background-position:center 52%!important;
}
.fb24g100-hero .hero-copy{
  padding-top:62px!important;
}
@media (min-width:1400px){
  .fb24g100-hero{height:420px!important;background-position:center 52%!important;}
}
@media(max-width:900px){
  .fb24g100-hero{height:470px!important;background-position:64% center!important;}
}


/* ===== V10 – letzter Hero-Feinschliff ===== */
@media(min-width:901px){
  .fb24g100-hero{
    height:410px!important;
    min-height:410px!important;
    background-size:cover!important;
    background-position:center 54%!important;
  }

  .fb24g100-hero .hero-copy{
    padding-top:62px!important;
  }

  .fb24g100-hero h1{
    max-width:410px!important;
    font-size:31px!important;
    line-height:1.08!important;
    margin-bottom:16px!important;
  }

  .fb24g100-hero p{
    max-width:430px!important;
    font-size:13px!important;
    line-height:1.5!important;
    margin-bottom:18px!important;
  }

  .fb24g100-hero .fb24g100-btn{
    padding:11px 20px!important;
    font-size:12px!important;
  }
}

/* ===== V11 – Desktop-Hero wie große Referenzdarstellung ===== */
@media(min-width:901px){
  .fb24g100-hero{
    height:500px!important;
    min-height:500px!important;
    background-size:cover!important;
    background-position:center 50%!important;
  }
  .fb24g100-hero .hero-copy{
    padding-top:78px!important;
  }
  .fb24g100-hero h1{
    max-width:430px!important;
    font-size:34px!important;
    line-height:1.08!important;
    margin-bottom:18px!important;
  }
  .fb24g100-hero p{
    max-width:450px!important;
    font-size:14px!important;
    line-height:1.52!important;
    margin-bottom:20px!important;
  }
  .fb24g100-hero .fb24g100-btn{
    padding:12px 22px!important;
    font-size:12.5px!important;
  }
}
@media(min-width:1600px){
  .fb24g100-hero{
    height:520px!important;
    min-height:520px!important;
    background-position:center 50%!important;
  }
  .fb24g100-hero .hero-copy{padding-top:84px!important;}
}


/* =========================================================
   V11.1 – Gewerbe-Designwelt
   Professionell, sachlich, klar. Inhalte und SEO unverändert.
   ========================================================= */

.fb24g100{
  color:#17252f!important;
  background:#fff!important;
}
.fb24g100 h1,
.fb24g100 h2,
.fb24g100 h3,
.fb24g100 section h2,
.fb24g100 .audience-grid h3,
.fb24g100 .product-grid h3,
.fb24g100 .advice-copy h2,
.fb24g100 .form-intro h2{
  font-family:Arial,Helvetica,sans-serif!important;
  color:#143b59!important;
  background:transparent!important;
  box-shadow:none!important;
}
.fb24g100 section h2{
  font-size:29px!important;
  line-height:1.18!important;
  font-weight:500!important;
}
.fb24g100 .rule{
  width:42px!important;
  height:2px!important;
  background:#3d83b6!important;
  margin:10px auto 32px!important;
}

/* Hero: bewusst sachlicher als PKV, mit klarem Business-Blau */
.fb24g100-hero h1{
  color:#fff!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-weight:700!important;
}
.fb24g100-hero .fb24g100-btn{
  background:#176fa9!important;
  background-image:none!important;
  border:1px solid #176fa9!important;
  border-radius:4px!important;
  color:#fff!important;
  box-shadow:none!important;
}
.fb24g100-hero .fb24g100-btn:hover{
  background:#125c8e!important;
  border-color:#125c8e!important;
}

/* Zielgruppen: klare Business-Icons ohne verspielte PKV-Kreise */
.fb24g100-audience{
  padding:42px 0 44px!important;
  background:#fff!important;
  border-bottom:1px solid #e5ebef!important;
}
.fb24g100-audience .audience-grid{
  gap:30px!important;
}
.fb24g100-audience .audience-grid article{
  padding:0 18px!important;
}
.fb24g100-audience .audience-grid svg{
  width:48px!important;
  height:48px!important;
  padding:4px!important;
  stroke:#237cb5!important;
  stroke-width:1.8!important;
}
.fb24g100-audience .audience-grid h3{
  font-size:17px!important;
  line-height:1.25!important;
  margin:11px 0 9px!important;
  font-weight:500!important;
}
.fb24g100-audience .audience-grid p{
  font-size:13.5px!important;
  line-height:1.62!important;
  color:#34444e!important;
}

/* Produkte: technische, leicht kantige Karten */
.fb24g100-products{
  padding:38px 0 46px!important;
  background:#f3f7fa!important;
  border-top:1px solid #e7edf1!important;
  border-bottom:1px solid #e7edf1!important;
}
.fb24g100-products .product-grid{
  gap:14px!important;
}
.fb24g100-products .product-grid article{
  background:#fff!important;
  border:1px solid #dbe5eb!important;
  border-radius:3px!important;
  padding:21px 17px 19px!important;
  min-height:205px!important;
  box-shadow:none!important;
}
.fb24g100-products .product-grid svg{
  width:48px!important;
  height:48px!important;
  padding:4px!important;
  stroke:#237cb5!important;
  stroke-width:1.8!important;
}
.fb24g100-products .product-grid h3{
  font-size:17px!important;
  line-height:1.25!important;
  margin:10px 0 9px!important;
  font-weight:600!important;
}
.fb24g100-products .product-grid p{
  font-size:13.5px!important;
  line-height:1.6!important;
  color:#34444e!important;
}
.fb24g100-products .product-grid a{
  color:#176fa9!important;
  font-size:13px!important;
  font-weight:700!important;
  text-decoration:none!important;
  border-bottom:1px solid #8eb8d2!important;
  padding-bottom:2px!important;
}

/* Beratung: großzügig, klar, weniger verspielt */
.fb24g100-advice{
  padding:44px 0!important;
  background:#fff!important;
}
.fb24g100 .advice-grid{
  gap:48px!important;
}
.fb24g100 .advice-copy h2{
  font-size:29px!important;
  line-height:1.18!important;
  font-weight:500!important;
  margin-bottom:17px!important;
}
.fb24g100 .advice-copy p,
.fb24g100 .advice-copy li{
  font-size:13.5px!important;
  line-height:1.65!important;
  color:#34444e!important;
}
.fb24g100 .advice-copy li:before{
  color:#237cb5!important;
}
.fb24g100 .advice-image img{
  border-radius:3px!important;
  border:1px solid #dbe5eb!important;
}

/* Anfrage: kühles helles Blau-Grau für die Gewerbewelt */
.fb24g100-form-section{
  padding:42px 0 46px!important;
  background:#f3f7fa!important;
  border-top:1px solid #e1e9ee!important;
}
.fb24g100 .form-grid{
  gap:48px!important;
}
.fb24g100 .form-intro h2{
  font-size:29px!important;
  line-height:1.18!important;
  font-weight:500!important;
}
.fb24g100 .form-intro p{
  font-size:13.5px!important;
  line-height:1.65!important;
  color:#34444e!important;
}
.fb24g100 .trust-grid svg{
  width:48px!important;
  height:48px!important;
  stroke:#237cb5!important;
  stroke-width:1.8!important;
}
.fb24g100 .trust-grid strong{
  font-size:13px!important;
  line-height:1.45!important;
  color:#34444e!important;
}
.fb24g100 .form-card{
  background:#fff!important;
  border:1px solid #dbe5eb!important;
  border-radius:4px!important;
  padding:20px!important;
}
.fb24g100 .placeholder{
  border:1px dashed #aebfca!important;
}
.fb24g100 .form-card .forminator-label{
  font-size:13px!important;
  color:#17252f!important;
}
.fb24g100 .form-card input:not([type=checkbox]):not([type=radio]),
.fb24g100 .form-card select,
.fb24g100 .form-card textarea,
.fb24g100 .form-card .select2-selection{
  border-color:#c9d6de!important;
  border-radius:3px!important;
}
.fb24g100 .form-card .forminator-button-submit{
  background:#176fa9!important;
  border-radius:4px!important;
  font-size:13px!important;
}

/* Footer: identische Struktur, aber klarer Gewerbe-Petrolton */
.fb24g100-footer{
  background:#163b55!important;
}
.fb24g100-footer p,
.fb24g100-footer nav a{
  font-size:13px!important;
}

@media(max-width:900px){
  .fb24g100-products .product-grid article{min-height:0!important}
  .fb24g100 .form-card{padding:16px!important}
}
@media(max-width:620px){
  .fb24g100 section h2,
  .fb24g100 .advice-copy h2,
  .fb24g100 .form-intro h2{font-size:26px!important}
}


/* =========================================================
   V11.1.1 – Feinabstimmung Lesbarkeit / Präsenz
   Hero, Inhalte und SEO unverändert.
   ========================================================= */

/* Zielgruppen: etwas kräftiger und besser lesbar */
.fb24g100-audience .audience-grid svg{
  width:52px!important;
  height:52px!important;
  stroke-width:2!important;
}
.fb24g100-audience .audience-grid h3{
  font-size:18px!important;
  line-height:1.28!important;
}
.fb24g100-audience .audience-grid p{
  font-size:14px!important;
  line-height:1.66!important;
}

/* Produktkarten: mehr Präsenz, ohne die sachliche Gewerbeoptik zu verlieren */
.fb24g100-products .product-grid article{
  padding:23px 19px 21px!important;
  border-color:#cfdde5!important;
}
.fb24g100-products .product-grid svg{
  width:52px!important;
  height:52px!important;
  stroke-width:2!important;
}
.fb24g100-products .product-grid h3{
  font-size:18px!important;
  line-height:1.28!important;
}
.fb24g100-products .product-grid p{
  font-size:14px!important;
  line-height:1.65!important;
}
.fb24g100-products .product-grid a{
  font-size:13.5px!important;
}

/* Erklär- und Beratungsbereiche auf denselben Lesbarkeitsstandard */
.fb24g100 .advice-copy p,
.fb24g100 .advice-copy li,
.fb24g100 .form-intro p{
  font-size:14px!important;
}
.fb24g100 .trust-grid strong{
  font-size:13.5px!important;
}

/* Hero ausdrücklich nicht verändern */


/* ===== v11.1.3 – sieben Gewerbeversicherungen ===== */
.fb24g100-products .product-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:22px!important;
  justify-content:center!important;
}
.fb24g100-products .product-grid article{
  align-self:start!important;
}
.fb24g100-products .product-grid article:nth-child(n+5){
  background:#fff!important;
  border:1px solid #e1e8ed!important;
  border-radius:6px!important;
  padding:22px 18px!important;
}
.fb24g100-products .product-grid h3{
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  border:0!important;
}
@media(max-width:900px){
  .fb24g100-products .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:620px){
  .fb24g100-products .product-grid{grid-template-columns:1fr!important}
}