/* IZ Markenzeichen: blaues Dreieck im Hero jeder Seite und vor jeder Dachzeile.
   Werte kommen aus Einstellungen → Markenzeichen (CSS-Variablen --izm-*). */
:root{--izm-c1:#A5D6F6;--izm-c2:#4A84D6;--izm-home-right:12%;--izm-home-w:520px;--izm-home-op:.7;--izm-page-right:-2%;--izm-page-w:380px;--izm-page-op:.7;--izm-mobile-op:.22}

/* Hero = erster Container jeder Seite */
.elementor[data-elementor-type="wp-page"] > .e-con:first-child,
.elementor[data-elementor-type="error-404"] > .e-con:first-child{position:relative;isolation:isolate;overflow:hidden}

.elementor[data-elementor-type="wp-page"] > .e-con:first-child::after,
.elementor[data-elementor-type="error-404"] > .e-con:first-child::after{
  content:"" !important;display:block !important;position:absolute !important;z-index:-1 !important;pointer-events:none;
  top:0;bottom:0;left:auto;right:var(--izm-page-right);width:min(26vw,var(--izm-page-w));height:auto;opacity:var(--izm-page-op);border:0;
  clip-path:polygon(0 0,50% 0,100% 50%,50% 100%,0 100%,50% 50%);
  background:linear-gradient(165deg,var(--izm-c1) 0%,color-mix(in srgb,var(--izm-c1),var(--izm-c2)) 50%,var(--izm-c2) 100%) !important;
  animation:izm-in 1.1s cubic-bezier(.2,.7,.2,1) both}
@keyframes izm-in{from{opacity:0;transform:translateX(-40px)}}

/* Startseite */
body.home .elementor[data-elementor-type="wp-page"] > .e-con:first-child::after{top:-3%;bottom:-3%;right:var(--izm-home-right);width:min(36vw,var(--izm-home-w));opacity:var(--izm-home-op)}

/* Kleines Dreieck vor jeder Dachzeile */
body.izm-eyebrow .mk-eyebrow .elementor-heading-title::before{
  content:"" !important;display:inline-block !important;width:.62em !important;height:.86em !important;margin-right:.65em !important;
  vertical-align:-.08em !important;transform:none !important;background:currentColor !important;
  clip-path:polygon(0 0,50% 0,100% 50%,50% 100%,0 100%,50% 50%)}

/* Tablet: weiter rechts und heller, damit der Text lesbar bleibt */
@media (max-width:1024px){
  .elementor[data-elementor-type="wp-page"] > .e-con:first-child::after{right:-10%;width:34vw;opacity:calc(var(--izm-page-op) * .6)}
  body.home .elementor[data-elementor-type="wp-page"] > .e-con:first-child::after{right:-20%;width:56vw;opacity:calc(var(--izm-home-op) * .5)}
}
/* Handy: dezent oben rechts */
@media (max-width:767px){
  .elementor[data-elementor-type="wp-page"] > .e-con:first-child::after,
  body.home .elementor[data-elementor-type="wp-page"] > .e-con:first-child::after{top:-6%;bottom:auto;height:62%;right:-22%;width:62vw;opacity:var(--izm-mobile-op)}
}
@media (prefers-reduced-motion:reduce){
  .elementor[data-elementor-type="wp-page"] > .e-con:first-child::after{animation:none}
}