:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-f80d094 *//* HERO HEADER CONTAINER */
  .services-hero {
    background: linear-gradient(135deg, #0b1c3f 0%, #172e5c 100%);
    color: #ffffff;
    padding: 50px 20px;
    border-radius: 8px;
    text-align: center;
    margin-bottom: 40px;
    box-shadow: 0 10px 30px rgba(11, 28, 63, 0.12);
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden; /* Verhindert jeglichen Ausbruch nach außen */
  }

  .services-hero-inner {
    max-width: 800px;
    margin: 0 auto;
    width: 100%;
    box-sizing: border-box;
  }

  /* BOMBENSICHERE ÜBERSCHRIFT */
  .hero-title {
    color: #ffffff !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    margin: 0 0 15px 0 !important;
    text-transform: uppercase;
    letter-spacing: 0px !important;
    
    /* Schützt vor Umbruch innerhalb von Wörtern */
    hyphens: none !important;
    -webkit-hyphens: none !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    
    /* Dynamische Schriftgröße basierend auf der tatsächlichen Bildschirmbreite */
    font-size: calc(14px + 1.8vw) !important; 
    display: block;
    width: 100%;
  }

  /* SPEZIELL FÜR HANDYS (UNTER 600PX) */
  @media (max-width: 600px) {
    .services-hero {
      padding: 30px 10px !important;
    }
    
    .hero-title {
      /* Font-Size fest auf eine Größe erzwingen, die garantiert auf jedes Handy passt */
      font-size: 18px !important; 
      line-height: 1.3 !important;
      letter-spacing: -0.2px !important; /* Minimal engere Zeichenabstände auf dem Handy */
    }
  }

  /* FÜR SEHR KLEINE SMARTPHONES (Z.B. IPHONE SE / < 360PX) */
  @media (max-width: 360px) {
    .hero-title {
      font-size: 16px !important;
    }
  }/* End custom CSS */