.elementor-30801 .elementor-element.elementor-element-b170b35{--display:flex;}.elementor-30801 .elementor-element.elementor-element-9945617 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-9945617 *//* =========================================================
   S & C – TIERVERSICHERUNG PORTAL
   Final Premium Polish | CSS-only
   - kein HTML-Umbau
   - Intro-Links auf Mobile wie normaler Fließtext
   - H1/Hero ruhig, ohne starken Glow
   - Hauptkacheln bleiben klarer Fokus
   - Service- und Rechnerbereich hochwertig, aber zurückhaltender
   ========================================================= */


/* ---------- Gesamtfläche: ruhig, hell, hochwertig ---------- */

#sc-tierversicherung-overview-hub-final{
  --bg:#f5f8fc !important;
  --ink:#243240 !important;
  --muted:#5f7088 !important;
  --panel:#fcfeff !important;
  --panel-2:#f6f9fd !important;
  --border:#d6e2ee !important;
  --border-strong:#c7d5e5 !important;
  --gold:#d4af37 !important;
  --shadow:0 18px 38px rgba(17,34,54,.085) !important;
  --shadow-soft:0 10px 24px rgba(17,34,54,.055) !important;
  --shadow-hover:0 24px 48px rgba(17,34,54,.12) !important;
  background:linear-gradient(180deg, #f7f9fc 0%, #f4f7fb 52%, #f6f8fb 100%) !important;
}


/* ---------- Hero: ruhig, ohne starken Gradient hinter der H1 ---------- */

#sc-tierversicherung-overview-hub-final .wrap{
  position:relative;
}

#sc-tierversicherung-overview-hub-final .wrap::before{
  content:none !important;
  display:none !important;
}

#sc-tierversicherung-overview-hub-final .hero,
#sc-tierversicherung-overview-hub-final .grid,
#sc-tierversicherung-overview-hub-final .service-hub{
  position:relative;
  z-index:1;
}

#sc-tierversicherung-overview-hub-final .hero-title{
  max-width:900px;
  margin-left:auto !important;
  margin-right:auto !important;
  text-shadow:0 1px 0 rgba(255,255,255,.42) !important;
}

#sc-tierversicherung-overview-hub-final .sub{
  max-width:760px;
  color:#65768d !important;
}


/* ---------- Introbox: hochwertig, aber nicht lauter als die Kacheln ---------- */

#sc-tierversicherung-overview-hub-final .hero-intro{
  max-width:850px;
  background:
    radial-gradient(420px 130px at 50% 0%, rgba(255,255,255,.78), transparent 74%),
    linear-gradient(180deg, rgba(253,254,255,.985) 0%, rgba(246,250,254,.96) 100%) !important;
  border:1px solid rgba(210,224,238,.98) !important;
  box-shadow:
    0 12px 28px rgba(17,34,54,.055),
    inset 0 1px 0 rgba(255,255,255,.78) !important;
}

#sc-tierversicherung-overview-hub-final .hero-intro::before{
  left:24px !important;
  right:24px !important;
  height:2px !important;
  background:linear-gradient(
    90deg,
    rgba(212,175,55,0) 0%,
    rgba(212,175,55,.44) 50%,
    rgba(212,175,55,0) 100%
  ) !important;
}

#sc-tierversicherung-overview-hub-final .hero-intro p{
  color:#5f7088 !important;
}

#sc-tierversicherung-overview-hub-final .hero-intro a{
  color:#243240 !important;
  border-bottom-color:rgba(36,50,64,.18) !important;
}


/* ---------- Hauptkacheln: Premium-Fokus ---------- */

#sc-tierversicherung-overview-hub-final .card{
  background:
    radial-gradient(360px 140px at 50% 0%, rgba(255,255,255,.86), transparent 76%),
    linear-gradient(180deg, rgba(252,254,255,.995) 0%, rgba(244,248,252,.99) 100%) !important;
  border:1px solid rgba(210,224,238,.98) !important;
  box-shadow:
    0 18px 38px rgba(17,34,54,.088),
    inset 0 1px 0 rgba(255,255,255,.78) !important;
}

@media (hover:hover) and (pointer:fine){
  #sc-tierversicherung-overview-hub-final .card:hover{
    transform:translateY(-3px) !important;
    border-color:rgba(199,213,229,.98) !important;
    box-shadow:
      0 26px 52px rgba(17,34,54,.125),
      inset 0 1px 0 rgba(255,255,255,.84) !important;
  }
}

#sc-tierversicherung-overview-hub-final .card::before{
  left:28px !important;
  right:28px !important;
  height:2px !important;
  opacity:1;
}

#sc-tierversicherung-overview-hub-final .inner{
  padding-top:26px !important;
  padding-bottom:23px !important;
}


/* ---------- Bildringe: edler und plastischer ---------- */

#sc-tierversicherung-overview-hub-final .image-wrap{
  background:
    radial-gradient(circle at 35% 20%, rgba(255,255,255,.95), transparent 34%),
    linear-gradient(145deg, #f5efe5 0%, #e7ddce 54%, #f7f2ea 100%) !important;
  border:1px solid rgba(213,198,178,.96) !important;
  box-shadow:
    0 12px 26px rgba(17,34,54,.075),
    inset 0 1px 0 rgba(255,255,255,.78),
    inset 0 -8px 16px rgba(116,91,58,.055) !important;
}

#sc-tierversicherung-overview-hub-final .image-core{
  border:2px solid rgba(255,255,255,.86) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.75),
    0 2px 8px rgba(17,34,54,.055) !important;
}

#sc-tierversicherung-overview-hub-final .image-core img{
  transform:scale(1.015);
}


/* ---------- Titel / Chips / Buttons ---------- */

#sc-tierversicherung-overview-hub-final .card-title{
  color:#202f3e !important;
  text-shadow:0 1px 0 rgba(255,255,255,.74);
}

#sc-tierversicherung-overview-hub-final .feature-chip{
  background:linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(241,247,252,.98) 100%) !important;
  border-color:rgba(205,219,234,.98) !important;
  color:#354d64 !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.82),
    0 2px 5px rgba(17,34,54,.025) !important;
}

#sc-tierversicherung-overview-hub-final .btn.primary{
  min-height:44px !important;
  background:linear-gradient(180deg, #2a3948 0%, #172533 100%) !important;
  box-shadow:
    0 12px 24px rgba(17,34,54,.16),
    inset 0 1px 0 rgba(255,255,255,.12) !important;
}


/* ---------- Servicebereich: hochwertig, aber zurückhaltender ---------- */

#sc-tierversicherung-overview-hub-final .service-hub{
  margin-top:28px !important;
  background:
    radial-gradient(560px 150px at 50% 0%, rgba(255,255,255,.70), transparent 78%),
    linear-gradient(180deg, rgba(250,253,255,.965) 0%, rgba(244,248,252,.94) 100%) !important;
  border:1px solid rgba(213,225,238,.96) !important;
  box-shadow:
    0 12px 28px rgba(17,34,54,.055),
    inset 0 1px 0 rgba(255,255,255,.76) !important;
}

#sc-tierversicherung-overview-hub-final .service-card,
#sc-tierversicherung-overview-hub-final .calc-card{
  background:linear-gradient(180deg, rgba(255,255,255,.96) 0%, rgba(248,251,254,.94) 100%) !important;
  border:1px solid rgba(214,226,238,.96) !important;
  box-shadow:
    0 9px 22px rgba(17,34,54,.045),
    inset 0 1px 0 rgba(255,255,255,.76) !important;
}

#sc-tierversicherung-overview-hub-final .service-label{
  background:linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(241,247,252,.98) 100%) !important;
  border-color:rgba(205,219,234,.98) !important;
  color:#52677f !important;
}


/* ---------- Rechnerkarten: cleaner, bessere Klickzeilen ---------- */

#sc-tierversicherung-overview-hub-final .calc-link{
  min-height:50px !important;
  background:linear-gradient(180deg, rgba(253,254,255,.99) 0%, rgba(242,247,252,.98) 100%) !important;
  border-color:rgba(205,219,234,.98) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.82),
    0 2px 6px rgba(17,34,54,.025) !important;
}

@media (hover:hover) and (pointer:fine){
  #sc-tierversicherung-overview-hub-final .calc-link:hover{
    transform:translateY(-1px) !important;
    border-color:rgba(190,207,224,.98) !important;
    box-shadow:
      0 10px 22px rgba(17,34,54,.065),
      inset 0 1px 0 rgba(255,255,255,.86) !important;
  }
}

#sc-tierversicherung-overview-hub-final .calc-link-label{
  color:#26384b !important;
}


/* ---------- Fokuszustand ---------- */

#sc-tierversicherung-overview-hub-final a:focus-visible{
  outline:3px solid rgba(47,111,218,.24) !important;
  outline-offset:3px !important;
  border-radius:12px;
}


/* ---------- Mobile: ruhiger, kompakter, sauberer Rhythmus ---------- */

@media (max-width:640px){

  #sc-tierversicherung-overview-hub-final .wrap{
    padding:22px 12px 28px !important;
  }

  #sc-tierversicherung-overview-hub-final .hero{
    margin-bottom:18px !important;
  }

  #sc-tierversicherung-overview-hub-final .hero-title{
    max-width:355px;
    font-size:clamp(23px,7.15vw,31px) !important;
    line-height:1.055 !important;
    letter-spacing:-.023em !important;
  }

  #sc-tierversicherung-overview-hub-final .sub{
    max-width:34ch;
    font-size:14.8px !important;
    line-height:1.56 !important;
  }

  #sc-tierversicherung-overview-hub-final .hero-intro{
    margin-top:15px !important;
    padding:14px 14px 13px !important;
    border-radius:18px !important;
    box-shadow:
      0 10px 24px rgba(17,34,54,.055),
      inset 0 1px 0 rgba(255,255,255,.78) !important;
  }

  #sc-tierversicherung-overview-hub-final .hero-intro p{
    font-size:14.2px !important;
    line-height:1.62 !important;
    margin-bottom:9px !important;
  }

  /* Links im Intro wie normaler Fließtext behandeln */
  section#sc-tierversicherung-overview-hub-final .hero-intro p:first-child,
  section#sc-tierversicherung-overview-hub-final .hero-intro p:first-child a{
    white-space:normal !important;
    word-break:normal !important;
    overflow-wrap:break-word !important;
    hyphens:auto !important;
    -webkit-hyphens:auto !important;
  }

  section#sc-tierversicherung-overview-hub-final .hero-intro p:first-child a{
    display:inline !important;
  }

  #sc-tierversicherung-overview-hub-final .grid{
    gap:16px !important;
  }

  #sc-tierversicherung-overview-hub-final .card{
    max-width:398px !important;
    border-radius:23px !important;
    box-shadow:
      0 15px 32px rgba(17,34,54,.082),
      inset 0 1px 0 rgba(255,255,255,.78) !important;
  }

  #sc-tierversicherung-overview-hub-final .inner{
    padding:19px 15px 17px !important;
    gap:11px !important;
  }

  #sc-tierversicherung-overview-hub-final .image-wrap{
    width:126px !important;
    height:126px !important;
    flex-basis:126px !important;
    padding:6px !important;
  }

  #sc-tierversicherung-overview-hub-final .card-title{
    min-height:auto !important;
    font-size:clamp(20.5px,6vw,24.5px) !important;
    line-height:1.035 !important;
    margin-top:1px !important;
  }

  #sc-tierversicherung-overview-hub-final .feature-stack{
    gap:7px !important;
  }

  #sc-tierversicherung-overview-hub-final .feature-chip{
    min-height:28px !important;
    font-size:10.3px !important;
    padding:0 9px !important;
  }

  #sc-tierversicherung-overview-hub-final .btn{
    min-height:44px !important;
    max-width:292px !important;
    font-size:12.9px !important;
  }

  #sc-tierversicherung-overview-hub-final .service-hub{
    margin-top:20px !important;
    padding:18px 14px 14px !important;
    border-radius:19px !important;
  }

  #sc-tierversicherung-overview-hub-final .service-head{
    margin-bottom:15px !important;
  }

  #sc-tierversicherung-overview-hub-final .service-title{
    font-size:clamp(21px,6vw,26px) !important;
    line-height:1.08 !important;
  }

  #sc-tierversicherung-overview-hub-final .service-sub,
  #sc-tierversicherung-overview-hub-final .calc-head p{
    font-size:14.2px !important;
    line-height:1.62 !important;
  }

  #sc-tierversicherung-overview-hub-final .service-card,
  #sc-tierversicherung-overview-hub-final .calc-card{
    padding:14px 13px 13px !important;
    border-radius:16px !important;
  }

  #sc-tierversicherung-overview-hub-final .service-card h3{
    font-size:17px !important;
  }

  #sc-tierversicherung-overview-hub-final .service-card p{
    font-size:13.9px !important;
    line-height:1.58 !important;
  }

  #sc-tierversicherung-overview-hub-final .calc-hub{
    margin-top:20px !important;
    padding-top:20px !important;
  }

  #sc-tierversicherung-overview-hub-final .calc-head{
    margin-bottom:16px !important;
  }

  #sc-tierversicherung-overview-hub-final .calc-top{
    align-items:center !important;
    gap:10px !important;
    margin-bottom:12px !important;
  }

  #sc-tierversicherung-overview-hub-final .calc-thumb{
    width:52px !important;
    height:52px !important;
    flex-basis:52px !important;
  }

  #sc-tierversicherung-overview-hub-final .calc-link{
    min-height:46px !important;
    padding:10px 12px !important;
  }

  #sc-tierversicherung-overview-hub-final .calc-link-label{
    font-size:13.7px !important;
  }
}


/* ---------- Sehr kleine Geräte ---------- */

@media (max-width:380px){

  #sc-tierversicherung-overview-hub-final .hero-title{
    max-width:320px;
    font-size:clamp(22px,7vw,29px) !important;
  }

  #sc-tierversicherung-overview-hub-final .feature-row{
    gap:6px !important;
  }

  #sc-tierversicherung-overview-hub-final .feature-chip{
    font-size:9.8px !important;
    padding:0 8px !important;
  }
}


/* ---------- Touch: keine klebrigen Hover-Effekte ---------- */

@media (hover:none), (pointer:coarse){

  #sc-tierversicherung-overview-hub-final .card:hover,
  #sc-tierversicherung-overview-hub-final .card:hover .image-wrap,
  #sc-tierversicherung-overview-hub-final .btn:hover,
  #sc-tierversicherung-overview-hub-final .calc-link:hover{
    transform:none !important;
  }
}




/* =========================================================
   S & C – TIERVERSICHERUNG PORTAL
   Mobile Hauptkacheln minimal schmaler
   - nur Mobile
   - Hauptfokus bleibt erhalten
   - etwas mehr Luft links/rechts
   ========================================================= */

@media (max-width:640px){

  #sc-tierversicherung-overview-hub-final .grid > .card{
    width:calc(100% - 35px) !important;
    max-width:388px !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b170b35 */.elementor-30801 .elementor-element.elementor-element-b170b35{
  background:#f6f8fb !important;
  gap:0 !important;
  margin:0 !important;
  padding-top:0 !important;
  padding-bottom:4px !important;
  border:0 !important;
  box-shadow:none !important;
}

.elementor-30801 .elementor-element.elementor-element-b170b35 > .elementor-element,
.elementor-30801 .elementor-element.elementor-element-b170b35 > .elementor-widget{
  margin-bottom:0 !important;
}

.elementor-30801 .elementor-element.elementor-element-b170b35 .elementor-widget-container{
  margin-bottom:0 !important;
}/* End custom CSS */