html, body { background-image: linear-gradient(rgba(255,255,255,.94), rgba(255,255,255,.94)), url('https://linnocoretestwebsite.zohosites.eu/Gemini_Generated_Image_qabrxmqabrxmqabr.jpeg'); background-size: cover, cover; background-position: center center; background-attachment: fixed, fixed; background-repeat: no-repeat, no-repeat; }
.zscustom-section-60 { background-color: transparent !important; }
.zpbutton{transition:transform .2s ease, box-shadow .2s ease}
.zpbutton:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(20,32,46,.16)}
.zpbutton .zpbutton-content{position:relative;display:inline-block;transition:padding-right .2s ease}
.zpbutton:hover .zpbutton-content{padding-right:16px}
.zpbutton .zpbutton-content::after{content:"\2192";position:absolute;right:-16px;top:50%;transform:translateY(-50%) translateX(-6px);opacity:0;transition:transform .2s ease, opacity .2s ease}
.zpbutton:hover .zpbutton-content::after{opacity:1;transform:translateY(-50%) translateX(2px)}

/* Mobile Fix: Infografik-Bilder in Konzeptloesungen-Carousel korrekt skalieren */
@media (max-width: 767px) {
  .zpcarousel-content-inner .zpimage-container,
  .zpcarousel-content-inner .zpimage-data-ref,
  .zpcarousel-content-inner img {
    width: 100% !important;
    max-width: 100% !important;
    max-inline-size: 100% !important;
    height: auto !important;
  }
}

/* Mobile Fix: Hero-Ueberschrift Zeilenumbruch verbessern */
@media (max-width: 767px) {
  [data-element-id="elm_9m8FXTw47NGAH_iiXZlBaA"] h2.zpheading {
    font-size: 24px !important;
    line-height: 32px !important;
    overflow-wrap: break-word !important;
    word-break: break-word !important;
    hyphens: auto !important;
  }
}