.elementor-26996 .elementor-element.elementor-element-72eea04{--display:flex;}.elementor-26996 .elementor-element.elementor-element-a52b448 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-26996 .elementor-element.elementor-element-14e02aa > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-26996 .elementor-element.elementor-element-3a6c415e{--display:flex;}.elementor-26996 .elementor-element.elementor-element-3a6c415e:not(.elementor-motion-effects-element-type-background), .elementor-26996 .elementor-element.elementor-element-3a6c415e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #F6F8FB 0%, #F6F8FB 100%);}.elementor-26996 .elementor-element.elementor-element-7414b106 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-26996 .elementor-element.elementor-element-51bf247 > .elementor-widget-container{margin:0px 0px 0px 0px;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-a52b448 *//* === Testversion: Extreme Positionswerte === */
@media (min-width: 860px){
  /* Tiere – brutal nach unten */
  #sc-portal-grid #tiere.tile--hero > img{
    object-position: center 25% !important;
  }

  /* Spezial – brutal nach oben */
  #sc-portal-grid #spezial.tile--hero > img{
    object-position: center 70% !important;
  }

  /* Haftpflicht – extrem nach unten */
  #sc-portal-grid #haftpflicht.tile--hero > img{
    object-position: center 90% !important;
  }
}



<style id="sc-portal-toc-override">
/* ===== PORTAL → Inhaltsverzeichnis (zentrierte Gold-Underline, doppelt so lang + Hover-Rahmen fix) ===== */
#sc-portal-grid #sc-portal-toc{
  --ink:#223041;
  --muted:#6A7B90;
  --panel:#FFFFFF;
  --border:#CFDBE8;
  --num:#2F4D68;
}

/* Panel & Headline */
#sc-portal-grid #sc-portal-toc .toc{
  background:var(--panel)!important;
  border:1px solid var(--border)!important;
  box-shadow:0 8px 22px rgba(17,34,54,.08)!important;
  border-radius:12px!important;
}

#sc-portal-grid #sc-portal-toc h2{
  color:var(--ink)!important;
  position:relative;
  display:inline-block;
  left:50%;
  transform:translateX(-50%);
  padding-bottom:8px;
  text-align:center;
}

/* Goldene Linie – doppelte Länge (200 %) */
#sc-portal-grid #sc-portal-toc h2::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:0;
  width:100%;
  height:3px;
  background:linear-gradient(90deg,transparent,#E9D8B8,#CFAF74,transparent);
  border-radius:3px;
  opacity:.9;
  transform:translateX(-50%) scaleX(2);
  transform-origin:center;
}

/* Hinweiszeile */
#sc-portal-grid #sc-portal-toc .hint{
  color:var(--muted)!important;
  opacity:.92;
}

/* Kacheln */
#sc-portal-grid #sc-portal-toc a{
  background:#F6FAFF!important;
  box-shadow:inset 0 0 0 1px #D8E2EF!important; /* Grundrahmen */
  border-radius:12px!important;
  transition:box-shadow .15s ease,transform .12s ease,background-color .12s ease!important;
}

/* === Hover fix: Rahmen bleibt sichtbar === */
#sc-portal-grid #sc-portal-toc a:hover{
  background:#E8F1FF!important;
  box-shadow:
    inset 0 0 0 1px #D0DBEA!important,  /* sichtbarer Rahmen */
    0 2px 6px rgba(17,34,54,.08)!important; /* zarter Hover-Schatten */
  transform:translateY(-1px)!important;
}

#sc-portal-grid #sc-portal-toc a:focus-visible{
  outline:2px solid rgba(36,50,64,.35)!important;
  outline-offset:2px!important;
}

/* Nummern-Pille */
#sc-portal-grid #sc-portal-toc .num{
  background:linear-gradient(180deg,#46586B 0%,#243240 100%)!important;
  color:#fff!important;
  border:2px solid #fff!important;
  box-shadow:inset 0 -3px 6px rgba(0,0,0,.14)!important;
}

@media (max-width:859.98px){
  #sc-portal-grid #sc-portal-toc .toc{padding:20px 14px!important;}
  #sc-portal-grid #sc-portal-toc a{min-height:50px!important;}
}
</style>/* End custom CSS */