/* =========================================================
   STEPHAN Digital – Custom CSS
   Child Theme: stephan-digital-child
   Datei: /css/s6-custom.css
   ========================================================= */


/* =========================================================
   1. Globale Variablen / Basis
   ========================================================= */


/* =========================================================
   2. Typografie
   ========================================================= */

/* ==========================================================
      STEPHAN Digital – Globale Typografie
      Überschriften, Fließtext, Listen und Eyebrows
   ========================================================== */
   
   
   /* =========================
      1. Überschrift-Größen
   ========================= */
   
   h1 {
     font-size: clamp(2.4rem, 1.8rem + 2vw, 4.2rem);
     line-height: 1.08;
   }
   
   h2 {
     font-size: clamp(2rem, 1.55rem + 1.35vw, 3rem);
     line-height: 1.12;
   }
   
   h3 {
     font-size: clamp(1.55rem, 1.25rem + 0.65vw, 2rem);
     line-height: 1.18;
   }
   
   h4 {
     font-size: clamp(1.25rem, 1.1rem + 0.35vw, 1.55rem);
     line-height: 1.22;
   }
   
   
   /* =========================
      2. Fließtext
   ========================= */
   
   .et_pb_text p,
   .entry-content p,
   article p {
     margin: 0;
     line-height: 1.65;
   }
   
   
   /* Abstand zwischen normalen Absätzen */
   
   .et_pb_text p + p,
   .entry-content p + p,
   article p + p {
     margin-top: clamp(0.95rem, 0.88rem + 0.25vw, 1.2rem);
   }
   
   
   /* =========================
      3. Listen
   ========================= */
   
   .et_pb_text ul,
   .et_pb_text ol,
   .entry-content ul,
   .entry-content ol,
   article ul,
   article ol {
     margin: 0;
     padding-left: clamp(1.2rem, 1.05rem + 0.4vw, 1.6rem);
     line-height: 1.65;
   }
   
   
   /* Abstand Absatz → Liste */
   
   .et_pb_text p + ul,
   .et_pb_text p + ol,
   .entry-content p + ul,
   .entry-content p + ol,
   article p + ul,
   article p + ol {
     margin-top: clamp(0.7rem, 0.62rem + 0.2vw, 1rem);
   }
   
   
   /* Abstand Liste → Absatz */
   
   .et_pb_text ul + p,
   .et_pb_text ol + p,
   .entry-content ul + p,
   .entry-content ol + p,
   article ul + p,
   article ol + p {
     margin-top: clamp(0.95rem, 0.88rem + 0.25vw, 1.2rem);
   }
   
   
   /* Abstand Liste → Liste */
   
   .et_pb_text ul + ul,
   .et_pb_text ul + ol,
   .et_pb_text ol + ul,
   .et_pb_text ol + ol,
   .entry-content ul + ul,
   .entry-content ul + ol,
   .entry-content ol + ul,
   .entry-content ol + ol,
   article ul + ul,
   article ul + ol,
   article ol + ul,
   article ol + ol {
     margin-top: clamp(0.7rem, 0.62rem + 0.2vw, 1rem);
   }
   
   
   /* Abstand zwischen einzelnen Listenpunkten */
   
   .et_pb_text li,
   .entry-content li,
   article li {
     margin-bottom: clamp(0.25rem, 0.2rem + 0.15vw, 0.45rem);
     line-height: 1.75;
   }
   
   
   /* Letzter Listenpunkt ohne zusätzlichen Abstand */
   
   .et_pb_text li:last-child,
   .entry-content li:last-child,
   article li:last-child {
     margin-bottom: 0;
   }
   
   
   /* =========================
      4. Allgemeine
         Überschriften-Abstände
   ========================= */
   
   .et_pb_text h1,
   .et_pb_text h2,
   .et_pb_text h3,
   .et_pb_text h4,
   .entry-content h1,
   .entry-content h2,
   .entry-content h3,
   .entry-content h4,
   article h1,
   article h2,
   article h3,
   article h4 {
     margin-top: clamp(1.25rem, 1rem + 0.75vw, 2rem);
     margin-bottom: clamp(0.45rem, 0.35rem + 0.2vw, 0.7rem);
   }
   
   
   /* Erste Überschrift eines Divi-Textmoduls
      ohne zusätzlichen Abstand nach oben */
   
   .et_pb_text_inner > h1:first-child,
   .et_pb_text_inner > h2:first-child,
   .et_pb_text_inner > h3:first-child,
   .et_pb_text_inner > h4:first-child,
   .entry-content > h1:first-child,
   .entry-content > h2:first-child,
   .entry-content > h3:first-child,
   .entry-content > h4:first-child,
   article > h1:first-child,
   article > h2:first-child,
   article > h3:first-child,
   article > h4:first-child {
     margin-top: 0;
   }
   
   
   /* =========================
      5. H3 enger an den
         folgenden Inhalt binden
   ========================= */
   
   .et_pb_text h3,
   .entry-content h3,
   article h3 {
     margin-bottom: clamp(0.12rem, 0.08rem + 0.08vw, 0.24rem);
   }
   
   
   /* =========================
      6. H3 direkt nach H2
         kompakter anbinden
   ========================= */
   
   .et_pb_text h2 + h3,
   .entry-content h2 + h3,
   article h2 + h3 {
     margin-top: clamp(0.75rem, 0.6rem + 0.35vw, 1.15rem);
   }
   
   
   /* =========================
      7. Eyebrow
   ========================= */
   
   .et_pb_text .eyebrow,
   .entry-content .eyebrow,
   article .eyebrow {
     margin-top: 0 !important;
     margin-bottom: clamp(0.65rem, 0.58rem + 0.2vw, 0.9rem) !important;
     padding: 0 !important;
   
     font-size: 14px !important;
     line-height: 1.35 !important;
     font-weight: 600 !important;
     letter-spacing: 0 !important;
     text-transform: none !important;
     color: #5f6368 !important;
   }
      
   /* Überschrift direkt nach Eyebrow
      ohne zusätzlichen oberen Abstand */
   
   .et_pb_text .eyebrow + h1,
   .et_pb_text .eyebrow + h2,
   .et_pb_text .eyebrow + h3,
   .et_pb_text .eyebrow + h4,
   .entry-content .eyebrow + h1,
   .entry-content .eyebrow + h2,
   .entry-content .eyebrow + h3,
   .entry-content .eyebrow + h4,
   article .eyebrow + h1,
   article .eyebrow + h2,
   article .eyebrow + h3,
   article .eyebrow + h4 {
     margin-top: 0 !important;
     padding-top: 0 !important;
   }
   
   
   /* =========================
      8. Letztes Element eines
         Textblocks
   ========================= */
   
   .et_pb_text_inner > *:last-child,
   .entry-content > *:last-child,
   article > *:last-child {
     margin-bottom: 0;
   }
   
   
   /* =========================
      9. Smartphone
   ========================= */
   
   @media only screen and (max-width: 640px) {
   
     body #page-container .et_pb_text h1,
     body #page-container .entry-content h1,
     body #page-container article h1 {
       font-size: 34px !important;
       line-height: 1.08 !important;
     }
   
     body #page-container .et_pb_text h2,
     body #page-container .entry-content h2,
     body #page-container article h2 {
       font-size: 30px !important;
       line-height: 1.12 !important;
     }
   
     body #page-container .et_pb_text h3,
     body #page-container .entry-content h3,
     body #page-container article h3 {
       font-size: 25px !important;
       line-height: 1.18 !important;
     }
   
     body #page-container .et_pb_text h4,
     body #page-container .entry-content h4,
     body #page-container article h4 {
       font-size: 22px !important;
       line-height: 1.22 !important;
     }

     body #page-container .et_pb_text .eyebrow,
     body #page-container .entry-content .eyebrow,
     body #page-container article .eyebrow {
       margin-bottom: 0.55rem !important;
       font-size: 14px !important;
       letter-spacing: 0 !important;
       text-transform: none !important;
     }
   }

/* =========================================================
   3. Header / Navigation
   ========================================================= */


/* =========================================================
   4. Footer
   ========================================================= */


/* =========================================================
   5. Komponenten
   ========================================================= */

/* Drohnen: Trust-/Qualifikationsbox
    * Position: zwischen Prozesskarten und Leistungspaketen
    * ===================================================== */
   
   .sd-drone-trust-box {
     position: relative;
     max-width: 920px;
     margin: 62px auto 52px;
     padding: 38px 42px 40px 46px;
     border-radius: 22px;
     background:
       radial-gradient(
         circle at 88% 12%,
         rgba(255, 112, 77, 0.09) 0%,
         rgba(255, 112, 77, 0) 34%
       ),
       linear-gradient(135deg, #ffffff 0%, #f7fafb 100%);
     border: 1px solid rgba(0, 0, 0, 0.07);
     box-shadow: 0 22px 58px rgba(0, 0, 0, 0.065);
     overflow: hidden;
   }
   
   /* Akzentlinie links */
   .sd-drone-trust-box::before {
     content: "";
     position: absolute;
     left: 0;
     top: 28px;
     bottom: 28px;
     width: 4px;
     border-radius: 0 999px 999px 0;
     background: #ff704d;
   }
   
   /* Haupt-Eyebrow */
   .sd-drone-trust-box > span {
     display: block;
     margin: 0 0 14px !important;
     padding: 0 !important;
     color: #ff704d;
     font-size: 12px;
     font-weight: 800;
     line-height: 1.2em;
     letter-spacing: 0.14em;
     text-transform: uppercase;
   }
   
   /* Überschrift */
   .sd-drone-trust-box h3 {
     margin: 0 0 18px !important;
     padding: 0 !important;
     max-width: 760px;
     color: #005b7a !important;
     font-size: clamp(28px, 2.4vw, 38px);
     line-height: 1.14em;
     font-weight: 800;
     letter-spacing: -0.035em;
   }
   
   /* Fließtext */
   .sd-drone-trust-box p {
     max-width: 820px;
     margin: 18px 0 10px !important;
/*   margin: 0 0 18px !important; */
     padding: 0 !important;
     color: #333;
     font-size: 17px;
     line-height: 1.66em;
   }
   
   .sd-drone-trust-box p:last-child {
     margin-bottom: 0 !important;
   }
   
   /* Zweite Eyebrow vor den Links */
   .sd-drone-trust-box .sd-drone-trust-eyebrow {
     margin: 28px 0 14px !important;
     padding: 0 !important;
     color: #ff704d;
     font-size: 12px;
     font-weight: 800;
     line-height: 1.2em;
     letter-spacing: 0.14em;
     text-transform: uppercase;
   }
   
   /* Linkliste */
   .sd-drone-trust-box ul {
     max-width: 820px;
     margin: 0 !important;
     padding: 0 !important;
     list-style: none !important;
   }
   
   .sd-drone-trust-box li {
     position: relative;
     margin: 0 0 11px !important;
     padding: 0 0 0 26px !important;
     color: #333;
     font-size: 17px;
     line-height: 1.55em;
   }
   
   .sd-drone-trust-box li:last-child {
     margin-bottom: 0 !important;
   }
   
   .sd-drone-trust-box li::before {
     content: "→";
     position: absolute;
     left: 0;
     top: 0;
     color: #ff704d;
     font-weight: 800;
   }
   
   /* Links */
   .sd-drone-trust-box a {
     color: #005b7a;
     font-weight: 800;
     text-decoration: none;
     border-bottom: 1px solid rgba(0, 91, 122, 0.28);
     transition: color 0.2s ease, border-color 0.2s ease;
   }
   
   .sd-drone-trust-box a:hover {
     color: #ff704d;
     border-color: rgba(255, 112, 77, 0.45);
   }
   
   /* Tablet */
   @media (max-width: 980px) {
     .sd-drone-trust-box {
       max-width: none;
       margin: 56px auto 50px;
       padding: 34px 34px 36px 38px;
       border-radius: 20px;
     }
   
     .sd-drone-trust-box::before {
       top: 26px;
       bottom: 26px;
       width: 4px;
     }
   
     .sd-drone-trust-box h3 {
       max-width: none;
     }
   
     .sd-drone-trust-box p,
     .sd-drone-trust-box ul {
       max-width: none;
     }
   
     .sd-drone-trust-box p,
     .sd-drone-trust-box li {
       font-size: 16.5px;
       line-height: 1.62em;
     }
   }
   
   /* Smartphone */
   @media (max-width: 767px) {
     .sd-drone-trust-box {
       margin: 46px auto 42px;
       padding: 30px 26px 32px 30px;
       border-radius: 18px;
     }
   
     .sd-drone-trust-box::before {
       top: 24px;
       bottom: 24px;
       width: 3px;
     }
   
     .sd-drone-trust-box > span {
       margin-bottom: 12px !important;
       font-size: 12px;
       letter-spacing: 0.12em;
     }
   
     .sd-drone-trust-box h3 {
       margin-bottom: 16px !important;
       font-size: 27px;
       line-height: 1.15em;
     }
   
     .sd-drone-trust-box p {
       font-size: 16px;
       line-height: 1.58em;
     }
   
     .sd-drone-trust-box .sd-drone-trust-eyebrow {
       margin: 24px 0 12px !important;
       font-size: 12px;
       letter-spacing: 0.12em;
     }
   
     .sd-drone-trust-box li {
       padding-left: 24px !important;
       font-size: 16px;
       line-height: 1.55em;
     }
   }








/* =========================================================
   6. Seitenspezifische Anpassungen
   ========================================================= */


/* =========================================================
   7. Responsive Anpassungen
   ========================================================= */
   
   
   
   
   
   
   
   
   
   /* **=========================
      STEPHAN Digital – optimiertes
      Custom CSS
      Grundlage: custom.css aus
      WordPress > Design > Anpassen >
      Zusätzliches CSS
      Bearbeitung: konservative
      Bereinigung ohne Layout-
      Neusortierung
      Stand: 2026-06-12
      ========================== */
   
   /* =========================
      Allgemein
      ========================== */
   
   /* Logo 
    * ========================= */
   
   /* Desktop */
   @media only screen and (min-width: 1367px) {
     #main-header #logo {
     max-height: 60px !important;
     height: auto !important;
     width: auto !important;
     margin-left: 0px !important;
     }
   }
   
   /* iPad Pro / große Tablets */
   @media only screen and (min-width: 981px) and (max-width: 1366px) {
     #main-header #logo {
     max-height: 64px !important;
     height: auto !important;
     width: auto !important;
     }
   
   #main-header {
     min-height: 96px !important;
     }
   
     .et_header_style_left .logo_container {
     height: 96px !important;
     }
   
     .et_header_style_left #et-top-navigation {
     padding-top: 34px !important;
     }
   
     #main-header .container {
     width: 92% !important;
     max-width: 1280px !important;
     }
   }
   
   /* Smartphone */
   @media only screen and (max-width: 767px) {
     #main-header #logo {
     max-height: 42px !important;
     height: auto !important;
     width: auto !important;
     }
   }
   /* Logo Ende */
   
   
   /* =========================
      Globale Überschrift-Größen
   ========================= */
   
   h1 {
     font-size: clamp(2.4rem, 1.8rem + 2vw, 4.2rem);
     line-height: 1.08;
   }
   
   h2 {
     font-size: clamp(2rem, 1.55rem + 1.35vw, 3rem);
     line-height: 1.12;
   }
   
   h3 {
     font-size: clamp(1.55rem, 1.25rem + 0.65vw, 2rem);
     line-height: 1.18;
   }
   
   h4 {
     font-size: clamp(1.25rem, 1.1rem + 0.35vw, 1.55rem);
     line-height: 1.22;
   }
   
   /* =========================
      Smartphone Überschriften
   ========================= */
   
   @media only screen and (max-width: 640px) {
     body #page-container .et_pb_text h1,
     body #page-container .entry-content h1,
     body #page-container article h1 {
       font-size: 34px !important;
       line-height: 1.08 !important;
     }
   
     body #page-container .et_pb_text h2,
     body #page-container .entry-content h2,
     body #page-container article h2 {
       font-size: 30px !important;
       line-height: 1.12 !important;
     }
   
     body #page-container .et_pb_text h3,
     body #page-container .entry-content h3,
     body #page-container article h3 {
       font-size: 25px !important;
       line-height: 1.18 !important;
     }
   
     body #page-container .et_pb_text h4,
     body #page-container .entry-content h4,
     body #page-container article h4 {
       font-size: 22px !important;
       line-height: 1.22 !important;
     }
   }
   
   /* =========================
      Fließtext und normale Absätze
   ========================= */
   
   .et_pb_text p,
   .entry-content p,
   article p {
     margin: 0;
     line-height: 1.65;
   }
   
   /* Abstand zwischen normalen Absätzen */
   .et_pb_text p + p,
   .entry-content p + p,
   article p + p {
     margin-top: clamp(0.95rem, 0.88rem + 0.25vw, 1.2rem);
   }
   
   /* =========================
      Listen
   ========================= */
   
   .et_pb_text ul,
   .et_pb_text ol,
   .entry-content ul,
   .entry-content ol,
   article ul,
   article ol {
     margin: 0;
     padding-left: clamp(1.2rem, 1.05rem + 0.4vw, 1.6rem);
     line-height: 1.65;
   }
   
   /* Abstand Text -> Liste */
   .et_pb_text p + ul,
   .et_pb_text p + ol,
   .entry-content p + ul,
   .entry-content p + ol,
   article p + ul,
   article p + ol {
     margin-top: clamp(0.7rem, 0.62rem + 0.2vw, 1rem);
   }
   
   /* Abstand Liste -> Text */
   .et_pb_text ul + p,
   .et_pb_text ol + p,
   .entry-content ul + p,
   .entry-content ol + p,
   article ul + p,
   article ol + p {
     margin-top: clamp(0.95rem, 0.88rem + 0.25vw, 1.2rem);
   }
   
   /* Abstand Liste -> Liste */
   .et_pb_text ul + ul,
   .et_pb_text ul + ol,
   .et_pb_text ol + ul,
   .et_pb_text ol + ol,
   .entry-content ul + ul,
   .entry-content ul + ol,
   .entry-content ol + ul,
   .entry-content ol + ol,
   article ul + ul,
   article ul + ol,
   article ol + ul,
   article ol + ol {
     margin-top: clamp(0.7rem, 0.62rem + 0.2vw, 1rem);
   }
   
   /* Einzelne Listenpunkte etwas luftiger */
   .et_pb_text li,
   .entry-content li,
   article li {
     margin-bottom: clamp(0.25rem, 0.2rem + 0.15vw, 0.45rem);
     line-height: 1.75;
   }
   
   /* Letzter Listenpunkt ohne Extra-Abstand nach unten */
   .et_pb_text li:last-child,
   .entry-content li:last-child,
   article li:last-child {
     margin-bottom: 0;
   }
   
   
   /* =========================
      Überschriften-Abstände
   ========================= */
   
   .et_pb_text h1,
   .et_pb_text h2,
   .et_pb_text h3,
   .et_pb_text h4,
   .entry-content h1,
   .entry-content h2,
   .entry-content h3,
   .entry-content h4,
   article h1,
   article h2,
   article h3,
   article h4 {
     margin-top: clamp(1.25rem, 1rem + 0.75vw, 2rem);
     margin-bottom: clamp(0.45rem, 0.35rem + 0.2vw, 0.7rem);
   }
   
   /* Erste Überschrift im Textblock ohne zusätzlichen Abstand nach oben */
   .et_pb_text h1:first-child,
   .et_pb_text h2:first-child,
   .et_pb_text h3:first-child,
   .et_pb_text h4:first-child,
   .entry-content h1:first-child,
   .entry-content h2:first-child,
   .entry-content h3:first-child,
   .entry-content h4:first-child,
   article h1:first-child,
   article h2:first-child,
   article h3:first-child,
   article h4:first-child {
     margin-top: 0;
   }
   
   /* H3 enger an folgenden Inhalt anbinden */
   .et_pb_text h3,
   .entry-content h3,
   article h3 {
     margin-bottom: clamp(0.12rem, 0.08rem + 0.08vw, 0.24rem);
   }
   
   /* H3 direkt nach H2 enger anbinden */
   .et_pb_text h2 + h3,
   .entry-content h2 + h3,
   article h2 + h3 {
     margin-top: clamp(0.75rem, 0.6rem + 0.35vw, 1.15rem);
   }
   
   /* Eyebrow bleibt nah an der folgenden Überschrift */
   .et_pb_text .eyebrow,
   .entry-content .eyebrow,
   article .eyebrow {
     margin-top: 0;
     margin-bottom: clamp(0.22rem, 0.18rem + 0.15vw, 0.42rem);
     line-height: 1.35;
   }
   
   /* Überschrift direkt nach Eyebrow ohne zusätzlichen Abstand oben */
   .et_pb_text .eyebrow + h1,
   .et_pb_text .eyebrow + h2,
   .et_pb_text .eyebrow + h3,
   .et_pb_text .eyebrow + h4,
   .entry-content .eyebrow + h1,
   .entry-content .eyebrow + h2,
   .entry-content .eyebrow + h3,
   .entry-content .eyebrow + h4,
   article .eyebrow + h1,
   article .eyebrow + h2,
   article .eyebrow + h3,
   article .eyebrow + h4 {
     margin-top: 0;
   }
   
   /* =========================
      Letztes Element im Textblock
   ========================= */
   
   .et_pb_text > *:last-child,
   .entry-content > *:last-child,
   article > *:last-child {
     margin-bottom: 0;
   }
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   /* =========================
      Startseite
      ========================== */
   
   /* Rand auf Beitragsseiten unterhalb Content zum Footer entfernen */
   .single .post {
     padding-bottom: 0;
   }
   /* off ab 2026-07-02_13_15_16
   .page-id-13231 img#xxxxlogo {
     padding: 7px 0;
     background-color: #a1a1a1;
     border-radius: 9px;
   }
   */
   
   /* -- Module ----------
    * -------------------- */
   
   /* Keyframes for Play Button ripple effect */
   @keyframes ripple {
     /* Initial state of the ripple animation */
     0% {
     transform: scale(1);
     opacity: 0.9;
     }
     /* Final state of the ripple animation */
     100% {
     transform: scale(1.6);
     opacity: 0;
     }
   }
   
   /* Container for the gradient border effect */
   .gradient-border,
   /* Abweichung Gradient Modul auf Startseite */
   .gradient-border-v2 {
     position: relative;
     overflow: hidden;
   }
   /* Gradient border background */
   .gradient-border::before,
   /* Abweichung auf Startseite  */
   .gradient-border-v2::before {
     content: "";
     position: absolute;
     top: -800%;
     right: -800%;
     bottom: -800%;
     left: -800%;
     opacity: 0.75;
     /* Apply a conic gradient background */
     background-image: conic-gradient(#fff6f3, #ffbeae 20%, #ff704d 50%, #ffc2b3 75%, #ffe3dc 100%);
     animation: HeroBanner_spin__wYn_B 5s linear infinite; /* Apply a spinning animation */
     transition: opacity 0.25s;
     z-index: -1;
   }
   /* Inner gradient border */
   .gradient-border::after {
     content: "";
     position: absolute;
     top: 1.5px;
     right: 1.5px;
     bottom: 1.5px;
     left: 1.5px;
     background-color: #28282d;
     z-index: -1;
     border-radius: 100px;
   }
   /* -- Inner gradient border ---
    * Abweichung Gradient Modul --
    * auf Startseite ------------- */
   .gradient-border-v2::after {
     content: "";
     position: absolute;
     top: 1.5px;
     right: 1.5px;
     bottom: 1.5px;
     left: 1.5px;
     background-color: #404a4e;
     z-index: -1;
     border-radius: 100px;
   }
   
   /* Keyframes for Hero Banner spin */
   @keyframes HeroBanner_spin__wYn_B {
     /* Rotate the element from 0 degrees to 360 degrees */
     0% {
     transform: rotate(0deg);
     }
     100% {
     transform: rotate(360deg);
     }
   }
   
   /************** Timeline Progress Steps **************/
   
   /* Global styles for numbered timeline */
   .dipi_timeline {
     counter-reset: timeline;
   }
   
   /* Styling for numbered timeline icons */
   .ribbon-icon.ribbon-icon-circle {
     font-size: 0;
   }
   
   /* Styling for timeline item icons */
   .et-db #et-boc .et-l .dipi_timeline_item .ribbon-icon:after,
   .dipi_timeline_item .ribbon-icon:after {
     counter-increment: timeline;
     /* Display the current timeline counter value as content */
     content: counter(timeline) !important;
     font-family: 'Open Sans', Arial, sans-serif !important;
     width: 20px;
     height: 20px;
     line-height: 20px;
     text-align: center;
     font-size: 1rem !important;
   }
   
   /* Custom class for numbered Timeline */
   .process_steps.dipi_timeline {
     counter-reset: timeline;
   }
   
   /* Styling for custom class timeline icons */
   .process_steps .ribbon-icon.ribbon-icon-circle {
     font-size: 0;
   }
   
   .et-db #et-boc .et-l .process_steps .dipi_timeline_item .ribbon-icon:after,
   .process_steps .dipi_timeline_item .ribbon-icon:after {
     counter-increment: timeline;
     /* Display the current timeline counter value as content */
     content: counter(timeline) !important;
     font-family: 'Red Hat Display', Helvetica, Arial, Lucida, sans-serif !important;
     width: 20px;
     height: 20px;
     line-height: 20px;
     text-align: center;
     font-size: 1rem !important;
   }
   
   /** Full width pricing Button **/
   
   /* Styling for full-width pricing button */
   .dipi-pt-btn-wrap a {
     display: inline-block;
     width: 100%;
   }
   
   /* Contact Module */
   
   /* Styling for form input field labels */
   .et_pb_contact_form label.et_pb_contact_form_label {
     font-size: 16px;
     display: block !important;
     color: #9b9b9b;
     font-family: "Red Hat Display";
     margin-bottom: 5px;
   }
   
   /* Styling to hide extra label */
   .et_pb_contact_form .et_pb_contact_field_options_wrapper .et_pb_contact_field_options_title {
     display: none;
   }
   
   /* Styling for placeholder text */
   .et_pb_contact_form ::-webkit-input-placeholder {
     color: #0F0B13 !important;
   }
   
   .et_pb_contact_form.my_contact :-moz-placeholder {
     color: #0F0B13 !important;
   }
   
   .et_pb_contact_form ::-moz-placeholder {
     color: #0F0B13 !important;
   }
   
   .et_pb_contact_form :-ms-input-placeholder {
     color: #0F0B13 !important;
   }
   
   /* Styling for inline checkboxes */
   .et_pb_contact_field_options_list span {
     display: inline-block;
     color: #9B9B9B;
     margin-right: 30px;
   }
   
   /* Styling for contact button */
   .et_pb_module .et_pb_contact_submit,
   .et_pb_module .et_contact_bottom_container {
     width: 100% !important;
   }
   
   /* Gradient Icon */
   .gradient-icon .et-pb-icon {
     background-image: linear-gradient(45deg, #ffc7b9, #ff704d);
     -webkit-background-clip: text;
     color: transparent !important;
   }
   
   /* Styling for text with gradient fill */
   .gradient-text {
     display: inline;
     background-image: linear-gradient(30deg, #ffece8 0%, #ffc7b9 50%, #ff704d 100%);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     position: relative;
   }
   
   .gradient-text::after {
     content: attr(data-text);
     position: absolute;
     top: 0;
     left: 0;
     z-index: -1;
     color: #000000;
   }
   
   /* Apply box-shadow animation */
   .box-shadow-overlay{
     animation: box-shadow-animation 2s infinite alternate;
   }
   
   /* Keyframes for box-shadow animation */
   @keyframes box-shadow-animation {
     0% {
     box-shadow: inset 0 0 30px 0 rgba(155, 155, 155, 0.4);
     }
     70% {
     box-shadow: inset 0 0 50px 0 rgba(155, 155, 155, 0.4);
     }
     100% {
     box-shadow: inset 0 0 30px 0 rgba(155, 155, 155, 0.4);
     }
   }
   
   /* Keyframes for brightness animation */
   @keyframes brightness-animation {
     0% {
     filter: brightness(70%);
     }
     50% {
     filter: brightness(120%);
     }
     100% {
     filter: brightness(70%);
     }
   }
   
   /* Styling for a custom button with class 'dp_custom_btn' */
   .dp_custom_btn{
     position: absolute;
     transform: translateX(0%);
   }
   
   /* Styling for a specific section with ID 'dipi-author-box' */
   #main-content #dipi-author-box.dipi-author-section{
     margin-top: 0 !important;
   }
   
   /* Styling for a section with class 'dipi-post-row' */
   .dipi-post-row{
     border-top: solid 2px #15141D !important;
   }
   
   /* Gradient Back to Top button */
   
   .et_pb_scroll_top.et-pb-icon .dipi_btt_wrapper{
     background-image: linear-gradient(30deg, #ffece8 0%, #ffc7b9 20%, #ff704d 100%) !important;
   }
   
   /* Apple Support Seite */
   /* Gradient Blurb Icon */
   
   .dp-custom-gradient-blurb-icon .et_pb_main_blurb_image .et-pb-icon {
     background-image: linear-gradient(45deg,#ffc7b9,#ff704d)!important;
     -webkit-background-clip: text!important;
   color: transparent!important;
   }
   /* - Ende DP Developer- */
   
   /* Standardhöhe, -breite und -position des Divi Builder-Einstellungs-Popups festlegen */
   
   /* Popup-Breite festlegen */
   .et-db #et-boc .et-l .et-fb-modal {
     max-width: 400px;
   }
   
   /* Höhe des Popups festlegen */
   .et-fb-modal__content {
     min-height: 400px!important;
     max-height: 600px!important;
   }
   
   /* Position des Divi-Einstellungs-Popups festlegen */
   .et-db #et-boc .et-l .et-fb-modal {
     top: 75px!important;
     left: 100px!important;
   }
   
   /* Textfeld - Feldgröße (Höhe) */
   .et-db #et-boc .et-l .et-fb-tinymce-html-input {
     height: 400px;
   }
   
   /* Textfeld - Schriftgröße */
   .et-db #et-boc .et-fb-tinymce-html-input {
     font-size: 20px;
   }
   
   /* Sitemap */
   .page-id-22999 .entry-content ul {
     padding: 25px 0 23px 1.5em;
   }
   .page-id-22999 .entry-content li {
     line-height: 1.5em;
   }
   .rank-math-html-sitemap__date {
     padding-left: 5px;
     color: #a5a5a5;
   }
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   /* -- Main Header ------
    * --------------------- */
   
   /* Startseite v5.0 */
   /* Startseite Header */
   .page-id-26050735 header#main-header
    {
     background-color: #fafbfc!important;
   }
   
   .sd-eyebrow-mobile {
     display: none;
   }
   
   @media (max-width: 767px) {
     .sd-eyebrow-desktop {
       display: none;
     }
   
     .sd-eyebrow-mobile {
       display: inline;
     }
   }
   
   .page-id-26050735 header#main-header.et-fixed-header {
     background-color: #fff!important;
   }
   
   /* Marketing-Feld -
    * Aufzählung linke Spalte
    * deaktiviert weil hier der Pfeil
    * zum Teil allein auf neue Zeile
    * umbricht -- findet aber weiter
    * Verwendung in der 3-er Spalte
    * im Header */
   
   .s6-overview-col-head a::after {
     content: "↗";
     display: inline-block;
     margin-left: 5px;
     font-size: 0.8em;
     line-height: 1;
     color: currentColor;
     opacity: 0.55;
     transition: opacity 0.2s ease, transform 0.2s ease, color 0.2s ease;
   }
   .s6-overview-col-head a:hover::after {
     opacity: 0.9;
     transform: translate(1px, -1px);
   }
   
   /* Marketing-Feld -
    * Aufzählung linke Spalte mit
    * separatem Pfeil, dass der nicht
    * allein umbricht */
   
   .s6-link-nowrap {
     white-space: nowrap;
   }
   
   .s6-link-arrow {
     display: inline-block;
     margin-left: 5px;
     font-size: 0.8em;
     line-height: 1;
     color: currentColor;
     opacity: 0.55;
     transition: opacity 0.2s ease, transform 0.2s ease, color 0.2s ease;
   }
   
   .s6-overview-col a:hover .s6-link-arrow {
     opacity: 0.9;
     transform: translate(1px, -1px);
   }
   
   /* Ende Pfeil und Marketing Feld */
   
   /* Eckige Klammer links/rechts */
   .page-id-26050735 .dipi_text_highlighter .dipi-text-highlight-wrapper {
     margin: 0 16px;
   }
   
   /* Fancy */
   .page-id-26046636 .dipi_fancy_text_0 .fancy-text-prefix {
     padding-right: 10px;
   }
   .page-id-26046636 .et_pb_image .et_pb_image_wrap img[src*=".svg"] {
     filter: hue-rotate(320deg) saturate(20%);
   }
   .page-id-26046636 .et_pb_image_0,
   .page-id-26046636 .et_pb_image_1,
   .page-id-26046636 .et_pb_image_2 {
     border-radius: 10px;
   }
   
   /* Grafik-Felder Titel zentriert */
   .page-id-26046636 .dipi_price_list_item .dipi_price_list_header {
     display: block;
   }
   .page-id-26046636 .dipi_price_list_item .dipi_price_list_price {
     right: 10px;
     position: absolute;
     margin-top: -35px;
   }
   
   /* -- Main-Menu --------
    * --------------------- */
   
   /* --- Spalt oberhalb Menue --
    * --- schliessen - muss ----- */
   #main-header {
     top: 0!important;
   }
   
   /* --- Logo Menu --- */
   .et_header_style_centered #main-header .logo_container {
     padding: 0 0 0 0;
   /* bis 23.06.2025 10:27:59 Uhr
     padding: 18px 0 0 0; */
   }
   
   /* DP Menu 12 Popup */
   .et_pb_social_media_follow li a.icon {
     background: none!important;
   }
   
   /* -- Sub-Menu --------
    * --------------------- */
   
   .et-l--header .et_mobile_menu li > ul.sub-menu > li > a,
   header .et_mobile_menu li > ul.sub-menu > li > a {
       box-shadow: none !important;
   }
   
   .hamburger-inner, .hamburger-inner::after, .hamburger-inner::before {
     width: 40px;
     height: 2px;
   }
   .hamburger-inner::before {
     top: -8px;
   }
   .hamburger-inner::after {
     top: 8px;
   }
   /* .hamburger-inner {
   transform: scale(1.6)!important;
   } */
   
   /* -- Korrektur klickbarer
    * -- Bereich des Logo auf Grund
    * -- Hamburger Icon auf Desktop */
   header .logo_container a {
     z-index: 50!important;
     position: relative;
   }
   
   /* --- DP MacieJ Dropdown --
    * --- item spacing ------- */
   .et_header_style_centered #top-menu ul li, #top-menu ul li {
     padding-right: 0 !important;
   }
   
   /* -- Rand unterhalb Menu --
    * -- im Header ------------ */
   .et_header_style_centered #main-header div#et-top-navigation {
     bottom: 10px;
   }
   
   /* -- URLs ----------
    * -- undl-dbl0 ----- */
   
   a.undl-dbl0 {
     display: inline;
     line-height: 1.2;
     text-decoration-line: underline;
     text-decoration-color: transparent;
     text-decoration-style: solid;
     text-decoration-thickness: 0;
     text-underline-position: from-font;
     text-underline-offset: -1px;
     transition: text-decoration-thickness 0.2s ease-in-out;
   }
   a.undl-dbl0:hover {
     text-decoration-color: #212121;
     text-decoration-thickness: 4px;
   }
   
   /* -- URLs im normalen --
    * -- Content ----------- */
   
   /* -- Black --*/
   a.undl-dbl {
     display: inline;
     line-height: 1.2;
     text-decoration-line: underline;
     text-decoration-color: transparent;
     text-decoration-style: solid;
     text-decoration-thickness: 0;
     text-underline-position: from-font;
     text-underline-offset: -1px;
     transition: text-decoration-thickness 0.2s ease-in-out;
     font-family: "TWKEverett-Extrabold";
   }
   a.undl-dbl:hover {
     text-decoration-color: #212121;
     text-decoration-thickness: 2px;
   }
   
   /* -- White --*/
   a.undl-dbl-white {
     display: inline;
     line-height: 1.2;
     text-decoration-line: underline;
     text-decoration-color: transparent;
     text-decoration-style: solid;
     text-decoration-thickness: 0;
     text-underline-position: from-font;
     text-underline-offset: -1px;
     transition: text-decoration-thickness 0.2s ease-in-out;
     font-family: "TWKEverett-Extrabold";
   }
   a.undl-dbl-white:hover {
     text-decoration-color: #d7d7d7;
     text-decoration-thickness: 2px;
   }
   
   /* Farbige Ecke Links Hintergrund */
   .fa-eck-li-hi {
     overflow: initial;
     position: absolute !important;
     width: 50px !important;
     height: 50px !important;
     top: -50px !important;
     padding: 0 !important;
   }
   /* Farbige Ecke Links Vordergrund */
   .fa-eck-li-vo {
     overflow: initial;
     width: 100%;
     display: block !important;
     height: 50px !important;
     border-bottom-left-radius: 50px !important;
     /*	margin-top: -0.5px; */
   }
   /* Farbige Ecke Rechts Hintergrund */
   .fa-eck-re-hi {
     position: absolute !important;
     width: 50px !important;
     height: 50px !important;
     right: 0 !important;
     padding: 0 !important;
     top: 0 !important;
   }
   /* Farbige Ecke Rechts Vordergrund */
   .fa-eck-re-vo {
     width: 100% !important;
     display: block !important;
     height: 50px !important;
     border-top-right-radius: 50px !important;
     /*	margin-top: 0.5px; */
   }
   
   /* Hack-Empfehlung DIVI Support
    * Lösung Haarlinien-Situation */
   .fa-eck-li-vo, .fa-eck-re-vo {
     transform: scaleY(1.0025);
   }
   
   
   
   
   /* ============================
    * ============================
    * =====  Allgemein ===========
    * ============================
    * ============================ */
   
   
   /* vertikales zentrieren */
   .vertikal-zentrieren {
     display: flex;
     flex-direction: column;
     justify-content: center;
   }
   
   blockquote {
     background: #fafafa;
     margin: 1em 0 2em;
     padding: 1.5em 25px;
   }
   
   blockquote p {
     display: inline;
     font-style: normal;
     text-align: left;
   }
   
   pre {
     width: 99%;
     box-sizing: border-box;
     padding: 22px 4px;
     overflow: auto;
     margin-top: 2em;
     margin-bottom: 2em;
     border-top: 6px solid hsl(215,30%,90%);
     border-bottom: 6px solid hsl(215,30%,90%);
     background-image: repeating-linear-gradient(#efefef,#efefef 22px, white 22px, white 44px);
     font-size: 0.9rem;
     line-height: 22px;
     font-family: Menlo, 'Roboto Mono', 'Andale Mono', "Lucida Console",monospace;
     color: hsl(200,20%,20%);
     tab-size: 3;
   }
   
   /* -- Texte ausblenden -- */
   .shownone {
     display: none;
   }
   
   .fonthighlight span span {
   /* display: inline-block; */
     margin: 0;
     font-family: "TWKEverett-Bold";
   }
   
   .fonthighlightfooter span {
   /*	display: inline-block; */
     margin: 0;
     font-family: "TWKEverett-Bold";
   /*	line-height: 1.1; */
   }
   
   .pa-highlight-text-pink {
     text-decoration: none;
     box-shadow: inset 0 -.5em 0 #d2007f;
     color: inherit;
   }
   
   .pa-highlight-text-green {
     text-decoration: none;
     box-shadow: inset 0 -.5em 0 #00d263;
     color: inherit;
   }
   
   .text-right {
     text-align: right !important; }
   .text-left {
     text-align: left !important; }
   
   /* Seite: Auftragsanfrage Apple
    * Support -------------------- */
   
   /* Erfolgsmeldung Versand */
   .page-id-26043334 .gform_confirmation_message_4 {
     color: #fefefe;
   }
   /* Fehlermeldung-Hintergrund */
   .page-id-26043334 .gform-theme--framework.gform-theme--orbital .gform_validation_errors {
     background-color: #eee;
     padding-top: 25px;
   }
   /* Fehlermeldung-Überschrift */
   .page-id-26043334 .gform-theme--framework .gform_validation_errors .gform_submission_error {
     font-size: 18px!important;
     font-weight: bolder !important;
   }
   /* Fehlermeldung-Aufzählung */
   .page-id-26043334 .gform-theme--framework .gform_validation_errors ol a {
     font-size: 16px!important;
     text-decoration: none!important;
   }
   
   /* --- Seiten -----
    * ---------------- */
   
   /* -- Headline --- */
   .wirlieben span {
     font-family: "TWKEverett-Bold";
   }
   
   /* --- Headline´s --- */
   .headline span {
     display: block;
   }
   .headline span span {
     display: inline;
   }
   /* Startseite */
   .page-id-26045346 .et_pb_image .et_pb_image_wrap img[src*=".svg"] {
     filter: hue-rotate(320deg) saturate(20%);
   }
   
   .page-id-26045346 .dp-tab-2 img[src*=".svg"] {
     filter: hue-rotate(-40deg) saturate(250%);
   }
   
   /* Magazin -- Blog
    * --------------- */
   .page-id-26044513 .et_pb_search_0 input.et_pb_searchsubmit,
   .page-id-26044513 .et_pb_search_0 input.et_pb_searchsubmit:hover {
     border: 5px solid #fff!important;
   }
   
   .sd-magazin-topics {
     background: #ffffff;
     border: 1px solid rgba(43, 47, 54, 0.08);
     border-radius: 6px;
     padding: 32px 36px;
     margin-left: auto;
   }
   
   .sd-magazin-topics-label {
     display: inline-block;
     margin-bottom: 18px;
     padding: 8px 13px;
     border-radius: 6px;
     background: #EEF4F7;
     color: #245679;
   /* background: #f5f7fa;
     color: #027DFD; */
     font-size: 15px;
     font-weight: 700;
     line-height: 1;
     letter-spacing: 0.02em;
   }
   
   .sd-magazin-topics-title {
     display: block;
     margin-bottom: 18px;
     color: #202124;
     font-size: 26px;
     line-height: 1.25;
     font-weight: 700;
   }
   
   .sd-magazin-topics ul {
     list-style: none;
     padding: 0;
     margin: 0;
   }
   
   .sd-magazin-topics li {
     position: relative;
     padding: 11px 0 11px 26px;
     color: #202124;
     font-size: 20px;
     line-height: 1.35;
     border-top: 1px solid rgba(43, 47, 54, 0.08);
   }
   
   .sd-magazin-topics li:first-child {
     border-top: 0;
   }
   
   .sd-magazin-topics li::before {
     content: "";
     position: absolute;
     left: 2px;
     top: 21px;
     width: 7px;
     height: 7px;
     border-radius: 50%;
     background: #245679;
     box-shadow: 0 0 0 5px #D9E5EC;
   /* box-shadow: 0 0 0 5px rgba(2, 125, 253, 0.10); */
   }
   
   .sd-magazin-topics-intro {
     margin: -6px 0 18px;
     color: #5f6670;
     font-size: 16px;
     line-height: 1.5;
   }
   
   /* Ende -- Magazin -- Blog
    * ----------------------- */
   
   /* Seite - Rentner
    * ----------------------- */
   
   .sd-eyebrow-rentner {
     display:inline-flex;
     align-items:center;
     gap:8px;
     margin:0 0 16px;
     color: #ff704d;
     font-size:13px;
     line-height:1.2;
     font-weight:700;
     letter-spacing:.06em;
   }
   .sd-eyebrow-rentner::before {
     content:"";
     width:8px;
     height:8px;
     border-radius:99px;
     background: #ff704d;
     box-shadow:0 0 0 6px rgba(249,115,22,.12);
   }
   
   /* Ablauf-Liste: nummerierte Kreise und kompakter Abstand */
   .sd-senior-ablauf ol {
     list-style: none !important;
     counter-reset: sd-ablauf-counter;
     margin: 16px 0 0 !important;
     padding: 0 !important;
   }
   
   .sd-senior-ablauf ol li {
     counter-increment: sd-ablauf-counter;
     position: relative;
     padding: 14px 0 14px 58px !important;
     margin: 0 !important;
     border-bottom: 1px solid rgba(17, 17, 17, 0.08);
     color: #555555;
     font-size: 15px;
     line-height: 1.42;
   }
   
   .sd-senior-ablauf ol li:last-child {
     border-bottom: 0;
   }
   
   .sd-senior-ablauf ol li::before {
     content: counter(sd-ablauf-counter, decimal-leading-zero);
     position: absolute;
     left: 0;
     top: 13px;
     width: 38px;
     height: 38px;
     border-radius: 999px;
     background: #fff4ed;
     color: #f97316;
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 14px;
     line-height: 1;
     font-weight: 700;
   }
   
   .sd-senior-ablauf ol li strong {
     display: block;
     color: #111111;
     font-size: 16px;
     line-height: 1.25;
     font-weight: 700;
     margin: 0 0 1px 0 !important;
     padding: 0 !important;
   }
   
   .sd-senior-ablauf ol li br {
     display: none !important;
   }
   
   .sd-senior-ablauf h3 {
     margin-bottom: 12px !important;
   }
   
   .sd-check-bullets ul {
     list-style: none !important;
     padding-left: 0 !important;
     margin-left: 0 !important;
   }
   
   .sd-check-bullets ul li {
     position: relative;
     padding-left: 40px;
     margin-bottom: 13px;
   }
   
   .sd-check-bullets ul li::before {
     content: "✓";
     position: absolute;
     left: 0;
     top: 2px;
     width: 26px;
     height: 26px;
     border-radius: 999px;
     background: #fff4ed;
     color: #ff704d;
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 15px;
     font-weight: 700;
     line-height: 1;
   }
   
   .sd-featured-card .sd-check-bullets ul li::before { background: #ffffff !important; }
   
   /* Ende -- Seite - Rentner
    * ----------------------- */
   
   /* -- Seite - Drohne -----
    * ----------------------- */
   
   /* -- Header ------------- */
   
   .sd-hero-copy-mobile {
     display: none;
   }
   
   @media (max-width: 767px) {
     .sd-hero-copy-desktop {
     display: none !important;
     }
   
     .sd-hero-copy-mobile {
     display: block !important;
     line-height: 1.5em;
     margin-top: 24px;
     margin-bottom: 28px;
     }
   }
   
   @media (max-width: 767px) {
     .sd-drone-hero h1 {
     font-size: clamp(48px, 12vw, 58px) !important;
     line-height: 1.08em !important;
     letter-spacing: -0.04em;
     }
   }
   
   .sd-hero-gradient {
     position: relative;
     overflow: hidden;
   }
   
   .sd-hero-gradient::before {
     content: "";
     position: absolute;
     inset: 0;
     z-index: 1;
     pointer-events: none;
     background:
     radial-gradient(
       ellipse at 28% 52%,
       rgba(0, 20, 28, 0.82) 0%,
       rgba(0, 20, 28, 0.68) 28%,
       rgba(0, 20, 28, 0.34) 48%,
       rgba(0, 20, 28, 0.08) 68%,
       rgba(0, 20, 28, 0) 100%
     );
   }
   
   .sd-hero-gradient .et_pb_row {
     position: relative;
     z-index: 2;
   }
   
   /* -- Eyebrow im Header -- */
   
   .sd-hero-eyebrow.et_pb_module {
     width: fit-content !important;
     max-width: max-content !important;
     margin-left: 0 !important;
     margin-right: auto !important;
   }
   
   .sd-hero-eyebrow .et_pb_text_inner {
     display: inline-flex;
     width: auto;
     max-width: max-content;
   }
   
   .sd-hero-eyebrow .et_pb_text_inner p {
     display: inline-flex;
     align-items: center;
     width: auto;
     max-width: max-content;
   
     margin: 0;
     padding: 11px 18px;
   
     border-radius: 8px;
     background: rgba(6, 24, 32, 0.58);
     border: 1px solid rgba(255,255,255,0.20);
     backdrop-filter: blur(8px);
   
     color: #ffffff;
     font-size: 12px;
     font-weight: 700;
     line-height: 1.2em;
     letter-spacing: 0.16em;
     text-transform: uppercase;
   
     white-space: nowrap;
   }
   
   .sd-eyebrow-short {
     display: none;
   }
   
   @media (max-width: 767px) {
     .sd-eyebrow-full {
     display: none;
     }
   
     .sd-eyebrow-short {
     display: inline;
     }
   
     .sd-hero-eyebrow .et_pb_text_inner p {
     padding: 9px 14px;
     font-size: 11px;
     letter-spacing: 0.12em;
     white-space: nowrap;
     }
   }
   
   /* -- großes Farbfeld
    * Premium-Technik,
    * sinnvoll eingesetzt ------ */
   
   .sd-tech-dark-section {
     position: relative;
     overflow: hidden;
   
     background:
     radial-gradient(circle at 78% 18%, rgba(255, 112, 77, 0.07) 0%, rgba(255, 112, 77, 0) 30%),
     radial-gradient(circle at 22% 78%, rgba(0, 118, 150, 0.20) 0%, rgba(0, 118, 150, 0) 42%),
     linear-gradient(135deg, #041923 0%, #052b38 48%, #071821 100%) !important;
   }
   
   .sd-tech-dark-section .et_pb_row,
   .sd-tech-dark-section .et_pb_module {
     position: relative;
     z-index: 2;
   }
   
   /* -- Eigene Drohnenaufnahmen
    * aus Plauen und dem Vogtland
    * werden derzeit ergänzt. -- */
   
   .sd-image-note {
     margin-top: 26px;
     padding: 14px 18px;
     border-left: 3px solid #ff704d;
     background: #fff7f3;
     color: #3f3f3f;
     font-size: 14px;
     line-height: 1.55em;
     font-weight: 500;
   }
   
   
   /* -- 3 nummerierte Zeilen -- */
   
   .sd-premium-benefits {
     margin-top: 32px;
     display: grid;
     gap: 0;
   }
   
   .sd-premium-benefits div {
     display: flex;
     align-items: flex-start;
     gap: 14px;
     padding: 19px 0;
     border-top: 1px solid rgba(255,255,255,0.16);
     color: #f4f7f8;
     font-size: 17px;
     line-height: 1.5em;
     margin: 0;
   }
   
   .sd-premium-benefits div:last-child {
     border-bottom: 1px solid rgba(255,255,255,0.16);
   }
   
   .sd-premium-benefits span {
     color: #ff704d;
     font-weight: 700;
     letter-spacing: .08em;
     font-size: 13px;
     line-height: 1.5em;
     min-width: 32px;
     flex-shrink: 0;
     margin: 0;
   }
   
   /* -- 3er-Gruppe Fotos ------
    * -- linke Spalte ---------- */
   
   /* Feature-Hinweis unter dem linken Hauptmodul */
   
   .sd-feature-note {
     margin-top: 34px;
     padding-top: 24px;
     border-top: 1px solid rgba(0, 0, 0, 0.14);
   }
   
   /* Label: IDEAL FÜR */
   .sd-feature-note span {
     display: block;
     margin-bottom: 8px;
     color: #ff704d;
     font-size: 13px;
     font-weight: 800;
     letter-spacing: 0.14em;
     line-height: 1.2em;
     text-transform: uppercase;
   }
   
   /* Text darunter, übernimmt Schriftgröße aus dem Modul */
   .sd-feature-note p {
     margin: 0 !important;
     padding: 0 !important;
     max-width: 620px;
     line-height: 1.5em;
     font-weight: 500;
     color: #2b2b2b;
   }
   
   /* Falls Divi/Theme zusätzliche p-Abstände erzwingt */
   .sd-feature-note .et_pb_text_inner p {
     margin: 0 !important;
     padding: 0 !important;
   }
   
   /* Tablet */
   @media (max-width: 980px) {
     .sd-feature-note {
     margin-top: 30px;
     padding-top: 22px;
     }
   
     .sd-feature-note span {
     margin-bottom: 8px;
     font-size: 12px;
     letter-spacing: 0.13em;
     }
   }
   
   /* Smartphone */
   @media (max-width: 767px) {
     .sd-feature-note {
     margin-top: 26px;
     padding-top: 20px;
     }
   
     .sd-feature-note span {
     margin-bottom: 7px;
     font-size: 11px;
     letter-spacing: 0.12em;
     }
   
     .sd-feature-note p {
     line-height: 1.5em;
     font-weight: 500;
     }
   }
   
   
   
   
   
   /* =============================
      =============================
   
      Hero-Modul mit Drohne
      rechts Klasse am blauen
      Divi-Modul:
      sd-hero-drohne-bg
   
      =============================
      ============================= */
   
   .sd-hero-drohne-bg {
     position: relative;
     overflow: hidden;
     z-index: 1;
   }
   
   /* Inhalt über der Drohne halten */
   .sd-hero-drohne-bg > * {
     position: relative;
     z-index: 2;
   }
   
   /* ==========================
     Drohne als 
     CSS-Hintergrund rechts
      ========================== */
   
   .sd-hero-drohne-bg::after {
     content: "";
     position: absolute;
     right: 9vw;
     top: 50%;
     transform: translateY(-50%) rotate(-3deg);
   
     width: min(34vw, 560px);
     aspect-ratio: 1.45 / 1;
   
     background-image: url("/wp-content/uploads/2026/06/dji-mavic-4-pro-512gb-creator-combo-spinning-stephan-digital.webp");
     background-size: contain;
     background-repeat: no-repeat;
     background-position: center;
   
     opacity: 0.92;
     filter: drop-shadow(0 28px 45px rgba(0, 0, 0, 0.16));
   
     pointer-events: none;
     z-index: 1;
   }
   
   /* ==============================
      Claim-Text direkt über eigene Textmodul-Klasse steuern
      ============================== */
   
   .sd-hero-claim-text,
   .sd-hero-claim-text .et_pb_text_inner {
     max-width: 52vw !important;
   }
   
   .sd-hero-claim-text h3,
   .sd-hero-claim-text .et_pb_text_inner h3 {
     font-size: clamp(48px, 3.6vw, 72px) !important;
     line-height: 1.12 !important;
     letter-spacing: -0.04em !important;
     font-weight: 400 !important;
     margin: 0 !important;
     padding: 0 !important;
     color: #111111 !important;
     line-height: 1.25em;
   }
   
   /* =========================================================
      Sehr große Bildschirme
      ========================================================= */
   
   @media (min-width: 1800px) {
     .sd-hero-claim-text,
     .sd-hero-claim-text .et_pb_text_inner {
     max-width: 54vw !important;
     }
   
     .sd-hero-claim-text h3,
     .sd-hero-claim-text .et_pb_text_inner h3 {
     font-size: 62px !important;
     line-height: 1.12 !important;
     }
   
     .sd-hero-drohne-bg::after {
     right: 10vw;
     width: min(32vw, 620px);
     opacity: 0.92;
     }
   }
   
   /* =========================================================
      Große Desktops
      ========================================================= */
   
   @media (max-width: 1600px) {
     .sd-hero-claim-text,
     .sd-hero-claim-text .et_pb_text_inner {
     max-width: 51vw !important;
     }
   
     .sd-hero-claim-text h3,
     .sd-hero-claim-text .et_pb_text_inner h3 {
     font-size: clamp(50px, 3.8vw, 76px) !important;
     line-height: 1.1 !important;
     }
   
     .sd-hero-drohne-bg::after {
     right: 9vw;
     width: min(34vw, 520px);
     opacity: 0.92;
     }
   }
   
   /* =========================================================
      Normale Laptops / kleinere Desktops
      ========================================================= */
   
   @media (max-width: 1400px) {
     .sd-hero-claim-text,
     .sd-hero-claim-text .et_pb_text_inner {
     max-width: 50vw !important;
     }
   
     .sd-hero-claim-text h3,
     .sd-hero-claim-text .et_pb_text_inner h3 {
     font-size: clamp(46px, 3.7vw, 68px) !important;
     line-height: 1.1 !important;
     }
   
     .sd-hero-drohne-bg::after {
     right: 8vw;
     width: min(35vw, 500px);
     opacity: 0.92;
     }
   }
   
   /* =========================================================
      Kleine Laptops
      ========================================================= */
   
   @media (max-width: 1280px) {
     .sd-hero-claim-text,
     .sd-hero-claim-text .et_pb_text_inner {
     max-width: 50vw !important;
     }
   
     .sd-hero-claim-text h3,
     .sd-hero-claim-text .et_pb_text_inner h3 {
     font-size: clamp(44px, 3.5vw, 62px) !important;
     line-height: 1.1 !important;
     }
   
     .sd-hero-drohne-bg::after {
     right: 7vw;
     width: min(36vw, 470px);
     opacity: 0.92;
     }
   }
   
   /* =========================================================
      Schmale Desktop-Browser / Desktop zusammengeschoben
      WICHTIG: bewusst moderat, damit Desktop schmal nicht riesig wird.
      ========================================================= */
   
   @media (max-width: 1180px) {
     .sd-hero-claim-text,
     .sd-hero-claim-text .et_pb_text_inner {
     max-width: 55vw !important;
     }
   
     .sd-hero-claim-text h3,
     .sd-hero-claim-text .et_pb_text_inner h3 {
     font-size: 56px !important;
     line-height: 1.08 !important;
     }
   
     .sd-hero-drohne-bg::after {
     right: 4vw;
     width: 40vw;
     opacity: 0.92;
     }
   }
   
   /* =========================================================
      Divi Tablet-Bereich / schmale Desktop-Browser unter 980px
      Ebenfalls moderat, damit Desktop schmal nicht eskaliert.
      ========================================================= */
   
   @media (max-width: 980px) {
     .sd-hero-claim-text,
     .sd-hero-claim-text .et_pb_text_inner {
     max-width: 58vw !important;
     }
   
     .sd-hero-claim-text h3,
     .sd-hero-claim-text .et_pb_text_inner h3 {
     font-size: 46px !important;
     line-height: 1.1 !important;
     }
   
     .sd-hero-drohne-bg::after {
     right: -6vw;
     width: 48vw;
     opacity: 0.92;
     }
   }
   
   /* =========================================================
      iPad / Tablets Portrait und Landscape
      Greift nur bei Touch-Geräten, nicht bei zusammengeschobenen Desktop-Browsern.
      Das ist der entscheidende Block für dein iPad Pro Portrait.
      ========================================================= */
   
   @media (min-width: 768px) and (max-width: 1180px) and (hover: none) and (pointer: coarse) {
     .sd-hero-claim-text,
     .sd-hero-claim-text .et_pb_text_inner {
     max-width: 58vw !important;
     }
   
     .sd-hero-claim-text h3,
     .sd-hero-claim-text .et_pb_text_inner h3 {
     font-size: 58px !important;
     line-height: 1.07 !important;
     letter-spacing: -0.04em !important;
     font-weight: 400 !important;
     }
   
     .sd-hero-drohne-bg::after {
     right: 2vw !important;
     width: 44vw !important;
     opacity: 0.92 !important;
     }
   }
   
   /* =========================================================
      Smartphone
      Drohne wird nicht heller, sondern ausgeblendet.
      ========================================================= */
   
   @media (max-width: 767px) {
     .sd-hero-claim-text,
     .sd-hero-claim-text .et_pb_text_inner {
     max-width: 100% !important;
     }
   
     .sd-hero-claim-text h3,
     .sd-hero-claim-text .et_pb_text_inner h3 {
     font-size: clamp(38px, 12vw, 52px) !important;
     line-height: 1.1 !important;
     letter-spacing: -0.035em !important;
     }
   
     .sd-hero-drohne-bg::after {
     display: none;
     }
   }
   
   /* =========================================================
      Sehr kleine Smartphones
      ========================================================= */
   
   @media (max-width: 480px) {
     .sd-hero-claim-text h3,
     .sd-hero-claim-text .et_pb_text_inner h3 {
     font-size: clamp(34px, 11vw, 44px) !important;
     }
   }
   
   
   
   
   
   
   
   
   /* ========================
    * == Ende Drohne als bg ==
    * ======================== */
   
   
   
   
   
   
   /* ---------------------------
    * -- Panorama-Section -------
    * --------------------------- */
   
   .sd-panorama-eyebrow {
     display: inline-flex;
     margin-bottom: 22px;
     padding: 9px 14px;
     border-radius: 999px;
     background: rgba(255,255,255,0.14);
     border: 1px solid rgba(255,255,255,0.22);
     color: #ffffff;
     font-size: 12px;
     font-weight: 800;
     letter-spacing: .14em;
     text-transform: uppercase;
     line-height: 1.2em;
   }
   
   /* Panorama-Section: Layer-Grundlage */
   .sd-panorama-section {
     position: relative !important;
     overflow: hidden !important;
     isolation: isolate;
     background-size: cover !important;
     background-position: center center !important;
   }
   
   /* Premium-Lesbarkeitsverlauf über dem Panorama-Hintergrundbild */
   .sd-panorama-section::before {
     content: "";
     position: absolute !important;
     inset: 0 !important;
     z-index: 1 !important;
     pointer-events: none;
     display: block !important;
     background:
     radial-gradient(
       circle at 28% 48%,
       rgba(0, 18, 26, 0.30) 0%,
       rgba(0, 18, 26, 0.18) 32%,
       rgba(0, 18, 26, 0.04) 60%,
       rgba(0, 18, 26, 0.00) 100%
     ),
     linear-gradient(
       180deg,
       rgba(0, 18, 26, 0.18) 0%,
       rgba(0, 18, 26, 0.03) 40%,
       rgba(0, 18, 26, 0.04) 68%,
       rgba(0, 18, 26, 0.18) 100%
     ),
     linear-gradient(
       90deg,
       rgba(0, 18, 26, 0.42) 0%,
       rgba(0, 18, 26, 0.24) 34%,
       rgba(0, 18, 26, 0.06) 62%,
       rgba(0, 18, 26, 0.10) 100%
     ) !important;
   }
   
   /* Inhalt sicher über das Overlay legen */
   .sd-panorama-section .et_pb_row,
   .sd-panorama-section .et_pb_column,
   .sd-panorama-section .et_pb_module {
     position: relative !important;
     z-index: 2 !important;
   }
   
   .sd-panorama-section .et_pb_row {
     position: relative;
     z-index: 2;
     width: 86% !important;
     max-width: 1180px !important;
     margin-left: auto !important;
     margin-right: auto !important;
   }
   
   .sd-panorama-heading h2 {
     color: #ffffff;
     font-size: clamp(48px, 6vw, 92px);
     line-height: 1.05em;
     letter-spacing: -0.04em;
     font-weight: 300;
     margin: 0;
   }
   
   .sd-panorama-heading strong {
     font-weight: 700;
   }
   
   .sd-panorama-copy {
     background: rgba(255, 255, 255, 0.88);
     backdrop-filter: blur(12px);
     border: 1px solid rgba(255, 255, 255, 0.48);
     border-radius: 20px;
     padding: 46px 48px;
     box-shadow: 0 24px 70px rgba(0, 0, 0, 0.18);
   }
   
   .sd-panorama-copy p {
     margin: 0 0 24px 0 !important;
     padding: 0 !important;
     color: #333333;
     font-size: 17px;
     line-height: 1.75em;
     text-align: left;
   }
   
   .sd-panorama-copy p:last-child {
     margin-bottom: 0 !important;
   }
   
   .sd-panorama-copy strong {
     color: #111111;
     font-weight: 700;
   }
   
   @media (max-width: 980px) {
     .sd-panorama-section {
     min-height: auto;
     padding: 110px 0;
     }
   
     .sd-panorama-section .et_pb_row {
     width: 88% !important;
     }
   
     .sd-panorama-heading h2 {
     font-size: clamp(42px, 8vw, 68px);
     margin-bottom: 36px;
     }
   
     .sd-panorama-copy {
     padding: 34px 32px;
     border-radius: 18px;
     }
   
     .sd-panorama-copy p {
     font-size: 16px;
     line-height: 1.7em;
     }
   }
   
   @media (max-width: 767px) {
     .sd-panorama-section {
     padding: 90px 0;
     }
   
     .sd-panorama-section::before {
     background:
       linear-gradient(
       to bottom,
       rgba(0, 18, 26, 0.76) 0%,
       rgba(0, 18, 26, 0.48) 42%,
       rgba(0, 18, 26, 0.72) 100%
       );
     }
   
     .sd-panorama-heading h2 {
     font-size: 42px;
     line-height: 1.08em;
     letter-spacing: -0.035em;
     }
   
     .sd-panorama-copy {
     margin-top: 28px;
     padding: 28px 24px;
     border-radius: 16px;
     background: rgba(255, 255, 255, 0.92);
     }
   
     .sd-panorama-copy p {
     font-size: 16px;
     line-height: 1.65em;
     }
   }
   
   .sd-result-box ul {
     list-style: none;
     margin: 24px 0 0 0;
     padding: 0;
   }
   
   .sd-result-box li {
     position: relative;
     padding-left: 28px;
     margin-bottom: 14px;
     line-height: 1.55em;
   }
   
   .sd-result-box li::before {
     content: "✓";
     position: absolute;
     left: 0;
     top: 0;
     color: #ff704d;
     font-weight: 800;
   }
   
   /* ---------------------------
    * -- Prozess-Schritte -------
    * --------------------------- */
   
   /* Prozess-Karten als Divi-Informationstext-Module */
   .sd-step-blurb {
     height: 100%;
     padding: 38px 30px 36px !important;
     border: 1px solid rgba(0, 0, 0, 0.06);
     border-radius: 16px;
     background: #ffffff;
     box-shadow: 0 18px 45px rgba(0, 0, 0, 0.06);
     transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
   }
   
   .sd-step-blurb:hover {
     transform: translateY(-3px);
     box-shadow: 0 24px 60px rgba(0, 0, 0, 0.09);
     border-color: rgba(0, 0, 0, 0.08);
   }
   
   /* Icon-Bereich */
   .sd-step-blurb .et_pb_main_blurb_image {
     margin-bottom: 30px !important;
     text-align: center;
   }
   
   .sd-step-blurb .et_pb_main_blurb_image .et_pb_image_wrap {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     width: 96px;
     height: 96px;
     background: #eef5f8;
   }
   
   /* Icon selbst */
   .sd-step-blurb .et_pb_main_blurb_image img {
     max-width: 46px;
     max-height: 46px;
     object-fit: contain;
   }
   
   /* Titel */
   .sd-step-blurb .et_pb_module_header {
     margin: 0 0 16px 0 !important;
     padding: 0 !important;
     font-size: 25px;
     line-height: 1.12em;
     font-weight: 800;
     color: #111111;
   }
   
   /* Text */
   .sd-step-blurb .et_pb_blurb_description,
   .sd-step-blurb .et_pb_blurb_description p {
     margin: 0 !important;
     padding: 0 !important;
     color: #555555;
     font-size: 17px;
     line-height: 1.62em;
   }
   
   /* Falls Divi zusätzliche Abstände einstreut */
   .sd-step-blurb .et_pb_blurb_content {
     max-width: none !important;
   }
   
   @media (max-width: 980px) {
     .sd-step-blurb {
     padding: 34px 28px 32px !important;
     }
   
     .sd-step-blurb .et_pb_main_blurb_image {
     margin-bottom: 24px !important;
     }
   
     .sd-step-blurb .et_pb_main_blurb_image .et_pb_image_wrap {
     width: 84px;
     height: 84px;
     }
   
     .sd-step-blurb .et_pb_main_blurb_image img {
     max-width: 40px;
     max-height: 40px;
     }
   
     .sd-step-blurb .et_pb_module_header {
     font-size: 23px;
     }
   
     .sd-step-blurb .et_pb_blurb_description,
     .sd-step-blurb .et_pb_blurb_description p {
     font-size: 16px;
     line-height: 1.6em;
     }
   }
   
   @media (max-width: 767px) {
     .sd-step-blurb {
     padding: 30px 24px 30px !important;
     border-radius: 14px;
     }
   
     .sd-step-blurb .et_pb_main_blurb_image {
     margin-bottom: 22px !important;
     text-align: left;
     }
   
     .sd-step-blurb .et_pb_main_blurb_image .et_pb_image_wrap {
     width: 76px;
     height: 76px;
     }
   
     .sd-step-blurb .et_pb_main_blurb_image img {
     max-width: 36px;
     max-height: 36px;
     }
   
     .sd-step-blurb .et_pb_module_header {
     font-size: 22px;
     line-height: 1.15em;
     }
   
     .sd-step-blurb .et_pb_blurb_description,
     .sd-step-blurb .et_pb_blurb_description p {
     font-size: 16px;
     line-height: 1.58em;
     }
   }
   
   /* -- Leistungspakete und ----
    * -- Rand um die Icons ------
    * --------------------------- */
   
   /* -- Paketkarten-CSS ohne --
    * -- extra Icon-Rand ------- */
   
   /* Paketkarten */
   .sd-package-card {
     position: relative;
   }
   
   /* Icon-Bereich im Divi-Informationstext-Modul */
   .sd-package-card .et_pb_main_blurb_image {
     margin-bottom: 30px !important;
     text-align: center;
   }
   
   /* Iconfläche Basis */
   .sd-package-card .et_pb_main_blurb_image .et_pb_image_wrap,
   .sd-package-card .et_pb_main_blurb_image .et-pb-icon {
     display: inline-flex !important;
     align-items: center;
     justify-content: center;
   
     width: 96px;
     height: 96px;
   
     border-radius: 0 !important;
     box-sizing: border-box;
   }
   
   /* Bild-Icon selbst */
   .sd-package-card .et_pb_main_blurb_image img {
     max-width: 46px;
     max-height: 46px;
     object-fit: contain;
   }
   
   /* Falls Divi-Icons statt Bild-Icons verwendet werden */
   .sd-package-card .et_pb_main_blurb_image .et-pb-icon {
     font-size: 46px !important;
     line-height: 1 !important;
   }
   
   /* Empfohlen-Label für hervorgehobene Karte */
   .sd-package-featured::before {
     content: "Empfohlen";
     position: absolute;
     top: 22px;
     right: 22px;
     z-index: 5;
   
     padding: 7px 12px;
     border-radius: 999px;
   
     background: rgba(255, 112, 77, 0.10);
     border: 1px solid rgba(255, 112, 77, 0.45);
     color: #ff704d;
   
     font-size: 11px;
     font-weight: 800;
     line-height: 1.2em;
     letter-spacing: 0.12em;
     text-transform: uppercase;
   }
   
   /* Tablet */
   @media (max-width: 980px) {
     .sd-package-card .et_pb_main_blurb_image {
     margin-bottom: 26px !important;
     }
   
     .sd-package-card .et_pb_main_blurb_image .et_pb_image_wrap,
     .sd-package-card .et_pb_main_blurb_image .et-pb-icon {
     width: 84px;
     height: 84px;
     }
   
     .sd-package-card .et_pb_main_blurb_image img {
     max-width: 40px;
     max-height: 40px;
     }
   
     .sd-package-card .et_pb_main_blurb_image .et-pb-icon {
     font-size: 40px !important;
     }
   }
   
   /* Smartphone */
   @media (max-width: 767px) {
     .sd-package-card .et_pb_main_blurb_image {
     margin-bottom: 22px !important;
     }
   
     .sd-package-card .et_pb_main_blurb_image .et_pb_image_wrap,
     .sd-package-card .et_pb_main_blurb_image .et-pb-icon {
     width: 76px;
     height: 76px;
     }
   
     .sd-package-card .et_pb_main_blurb_image img {
     max-width: 36px;
     max-height: 36px;
     }
   
     .sd-package-card .et_pb_main_blurb_image .et-pb-icon {
     font-size: 36px !important;
     }
   
     .sd-package-featured::before {
     top: 18px;
     right: 18px;
     padding: 6px 10px;
     font-size: 10px;
     letter-spacing: 0.10em;
     }
   }
   
   /* -- CSS für die einheitliche
    * -- Icon-Optik -- */
   
   /* Einheitliche Iconfläche für Informationstext-Module */
   .sd-soft-icon .et_pb_main_blurb_image {
     text-align: center;
   }
   
   /* Bild-Icon Wrapper */
   .sd-soft-icon .et_pb_main_blurb_image .et_pb_image_wrap {
     display: inline-flex !important;
     align-items: center;
     justify-content: center;
   
     width: 96px;
     height: 96px;
   
     background: #eef5f8 !important;
     border: 6px solid #f4f9fb !important;
     border-radius: 0 !important;
   
     box-shadow: none !important;
     box-sizing: border-box;
   }
   
   /* Divi-Icon Wrapper */
   .sd-soft-icon .et_pb_main_blurb_image .et-pb-icon {
     display: inline-flex !important;
     align-items: center;
     justify-content: center;
   
     width: 96px;
     height: 96px;
   
     background: #eef5f8 !important;
     border: 6px solid #f4f9fb !important;
     border-radius: 0 !important;
   
     box-shadow: none !important;
     box-sizing: border-box;
   
     color: #005b7a !important;
     font-size: 46px !important;
     line-height: 1 !important;
   }
   
   /* Bild-Icon selbst */
   .sd-soft-icon .et_pb_main_blurb_image img {
     max-width: 46px;
     max-height: 46px;
     object-fit: contain;
   }
   
   /* Tablet */
   @media (max-width: 980px) {
     .sd-soft-icon .et_pb_main_blurb_image .et_pb_image_wrap,
     .sd-soft-icon .et_pb_main_blurb_image .et-pb-icon {
     width: 84px;
     height: 84px;
     border-width: 5px !important;
     }
   
     .sd-soft-icon .et_pb_main_blurb_image img {
     max-width: 40px;
     max-height: 40px;
     }
   
     .sd-soft-icon .et_pb_main_blurb_image .et-pb-icon {
     font-size: 40px !important;
     }
   }
   
   /* Smartphone */
   @media (max-width: 767px) {
     .sd-soft-icon .et_pb_main_blurb_image .et_pb_image_wrap,
     .sd-soft-icon .et_pb_main_blurb_image .et-pb-icon {
     width: 76px;
     height: 76px;
     border-width: 5px !important;
     }
   
     .sd-soft-icon .et_pb_main_blurb_image img {
     max-width: 36px;
     max-height: 36px;
     }
   
     .sd-soft-icon .et_pb_main_blurb_image .et-pb-icon {
     font-size: 36px !important;
     }
   }
   
   /* =============================
      CSS für den Highlight-Text:
      Welt von oben
      ============================= */
   
   .sd-drone-side-highlight {
     max-width: 350px;
     margin-left: auto;
     padding: 28px 30px 30px;
     border-radius: 14px;
     background:
     radial-gradient(circle at 88% 12%, rgba(255, 112, 77, 0.10) 0%, rgba(255, 112, 77, 0) 38%),
     linear-gradient(135deg, #ffffff 0%, #f7fafb 100%);
     border: 1px solid rgba(0, 0, 0, 0.07);
     box-shadow: 0 18px 48px rgba(0, 0, 0, 0.055);
   }
   
   .sd-drone-side-highlight span {
     display: block;
     margin-bottom: 14px;
     color: #ff704d;
     font-size: 14px;
     font-weight: 800;
     line-height: 1.2em;
     letter-spacing: 0.15em;
     text-transform: none;
   }
   
   .sd-drone-side-highlight h3 {
     margin: 0 0 16px !important;
     padding: 0 !important;
     color: #005b7a !important;
     font-size: 28px;
     line-height: 1.12em;
     font-weight: 800;
     letter-spacing: -0.03em;
   }
   
   .sd-drone-side-highlight p {
     margin: 0 0 18px !important;
     padding: 0 !important;
     color: #333;
     font-size: 15.5px;
     line-height: 1.58em;
   }
   
   .sd-drone-side-highlight p:last-child {
     margin-bottom: 0 !important;
   }
   
   @media (max-width: 980px) {
     .sd-drone-side-highlight {
     max-width: none;
     margin: 36px 0 0;
     padding: 28px 28px 30px;
     }
   }
   
   @media (max-width: 767px) {
     .sd-drone-side-highlight {
     margin-top: 30px;
     padding: 26px 24px 28px;
     border-radius: 20px;
     }
   
     .sd-drone-side-highlight h3 {
     font-size: 26px;
     }
   
     .sd-drone-side-highlight p {
     font-size: 15.5px;
     line-height: 1.56em;
     }
   }
   
   /* =============================
      CSS für den angepassten Text
      linke Spalte zum 
      Highlight-Text: Welt von oben
      ============================= */
   
   .sd-drone-service-intro {
     position: relative;
     max-width: 650px;
     padding-left: 28px;
     border-left: 3px solid #ff704d;
   }
   
   .sd-drone-service-intro span {
     display: block;
     color: #ff704d;
     font-size: 14px;
     font-weight: 800;
     line-height: 1.2em;
     letter-spacing: 0.14em;
     text-transform: none;
   }
   
   .sd-drone-service-intro p {
     margin: 0 0 18px !important;
     padding: 0 !important;
     color: #222;
     font-size: 18px;
     line-height: 1.68em;
     font-weight: 400;
   }
   
   .sd-drone-service-intro .sd-drone-lead {
     color: #171717;
     font-size: 19px;
     line-height: 1.66em;
     font-weight: 500;
   }
   
   .sd-drone-service-intro h2 {
     margin: 0 0 18px !important;
     padding: 0 !important;
     color: #111 !important;
     font-size: clamp(34px, 3vw, 44px);
     line-height: 1.12em;
     font-weight: 800;
     letter-spacing: -0.035em;
   }
   
   .sd-drone-service-intro p:last-child {
     margin-bottom: 0 !important;
   }
   
   @media (max-width: 980px) {
     .sd-drone-service-intro {
     max-width: none;
     padding-left: 24px;
     }
   
     .sd-drone-service-intro p {
     font-size: 17px;
     line-height: 1.62em;
     }
   
     .sd-drone-service-intro .sd-drone-lead {
     font-size: 18px;
     }
   }
   
   @media (max-width: 767px) {
     .sd-drone-service-intro {
     padding-left: 20px;
     border-left-width: 3px;
     }
   
     .sd-drone-service-intro span {
     margin-bottom: 13px;
     font-size: 13px;
     letter-spacing: 0.12em;
     }
   
     .sd-drone-service-intro h2 {
     font-size: 31px;
     line-height: 1.14em;
     }
   
     .sd-drone-service-intro p,
     .sd-drone-service-intro .sd-drone-lead {
     font-size: 16px;
     line-height: 1.6em;
     }
   }
   
   /* =============================
      Finaler CTA-Bereich Drohnen-
      Landingpage
      ============================= */
   
   /* Gesamte blaue Section */
   .sd-final-drone-cta.et_pb_section,
   .et_pb_section.sd-final-drone-cta {
     position: relative !important;
     overflow: hidden !important;
   
     padding-top: 120px !important;
     padding-bottom: 120px !important;
   
     background:
     radial-gradient(circle at 82% 18%, rgba(255, 112, 77, 0.16) 0%, rgba(255, 112, 77, 0) 34%),
     linear-gradient(135deg, #041923 0%, #00546b 50%, #06212b 100%) !important;
   }
   
   /* Dezentes Raster / Struktur im Hintergrund */
   .sd-final-drone-cta.et_pb_section::before,
   .et_pb_section.sd-final-drone-cta::before {
     content: "";
     position: absolute;
     inset: 0;
     z-index: 1;
     pointer-events: none;
   
   background:
     linear-gradient(90deg, rgba(255, 255, 255, 0.045) 0 1px, transparent 1px),
     linear-gradient(0deg, rgba(255, 255, 255, 0.035) 0 1px, transparent 1px);
   
     background-size: 80px 80px;
     opacity: 0.15;
   }
   
   /* Row innerhalb der Section */
   .sd-final-drone-cta .et_pb_row {
     position: relative !important;
     z-index: 2 !important;
   
     width: 86% !important;
     max-width: 1180px !important;
     margin-left: auto !important;
     margin-right: auto !important;
   }
   
   /* Alle Module über das Raster legen */
   .sd-final-drone-cta .et_pb_module {
     position: relative;
     z-index: 2;
   }
   
   /* Linke Spalte / linker Textbereich */
   .sd-final-drone-copy {
     max-width: 620px;
   }
   
   .sd-final-drone-copy h2 {
     color: #ffffff !important;
     font-size: clamp(42px, 4.5vw, 68px);
     line-height: 1.08em;
     letter-spacing: -0.035em;
     margin-bottom: 28px;
   }
   
   .sd-final-drone-copy p {
     color: rgba(255, 255, 255, 0.84) !important;
     font-size: 19px;
     line-height: 1.7em;
     max-width: 600px;
   }
   
   .sd-final-drone-copy p:last-child {
     margin-bottom: 0 !important;
   }
   
   /* Allgemeine Textfarben innerhalb des finalen CTA */
   .sd-final-drone-cta h1,
   .sd-final-drone-cta h2,
   .sd-final-drone-cta h3,
   .sd-final-drone-cta h4 {
     color: #ffffff !important;
   }
   
   .sd-final-drone-cta p {
     color: rgba(255, 255, 255, 0.84) !important;
   }
   
   .sd-final-drone-cta .et_pb_text_inner {
     color: rgba(255, 255, 255, 0.84) !important;
   }
   
   /* Rechte Box */
   .sd-final-drone-box {
     padding: 44px 46px !important;
     border-radius: 24px;
   
     background: rgba(255, 255, 255, 0.10) !important;
     border: 1px solid rgba(255, 255, 255, 0.22);
   
     backdrop-filter: blur(14px);
     box-shadow: 0 28px 80px rgba(0, 0, 0, 0.22);
   }
   
   .sd-final-drone-box h2,
   .sd-final-drone-box h3 {
     color: #ffffff !important;
     margin-bottom: 20px;
   }
   
   .sd-final-drone-box p {
     color: rgba(255, 255, 255, 0.84) !important;
     font-size: 17px;
     line-height: 1.65em;
     margin-bottom: 26px;
   }
   
   /* Liste in der rechten Box */
   .sd-final-drone-box ul {
     list-style: none;
     margin: 0 0 32px 0;
     padding: 0;
   }
   
   .sd-final-drone-box li {
     position: relative;
     padding-left: 28px;
     margin-bottom: 12px;
     color: rgba(255, 255, 255, 0.88);
     font-size: 16px;
     line-height: 1.5em;
   }
   
   .sd-final-drone-box li::before {
     content: "✓";
     position: absolute;
     left: 0;
     top: 0;
     color: #ff704d;
     font-weight: 800;
   }
   
   /* Button */
   .sd-final-drone-button .et_pb_button,
   .sd-final-drone-cta .et_pb_button {
     background: #ff704d !important;
     border: 1px solid #ff704d !important;
     color: #ffffff !important;
   
     border-radius: 8px !important;
     padding: 16px 34px !important;
   
     font-size: 18px !important;
     line-height: 1.2em !important;
   
     transition: all 0.2s ease;
   }
   
   .sd-final-drone-button .et_pb_button:hover,
   .sd-final-drone-cta .et_pb_button:hover {
     filter: brightness(1.06);
     transform: translateY(-1px);
   }
   
   /* =============================
      Tablet
      ============================= */
   
   @media (max-width: 980px) {
     .sd-final-drone-cta.et_pb_section,
     .et_pb_section.sd-final-drone-cta {
     padding-top: 100px !important;
     padding-bottom: 100px !important;
     }
   
     .sd-final-drone-cta .et_pb_row {
     width: 88% !important;
     }
   
     .sd-final-drone-copy {
     max-width: 100%;
     }
   
     .sd-final-drone-box {
     margin-top: 36px;
     padding: 36px 32px !important;
     border-radius: 22px;
     }
   }
   
   /* =============================
      Smartphone
      ============================= */
   
   @media (max-width: 767px) {
     .sd-final-drone-cta.et_pb_section,
     .et_pb_section.sd-final-drone-cta {
     padding-top: 82px !important;
     padding-bottom: 82px !important;
     }
   
     .sd-final-drone-copy h2 {
     font-size: 38px;
     line-height: 1.08em;
     }
   
     .sd-final-drone-copy p {
     font-size: 17px;
     line-height: 1.65em;
     }
   
     .sd-final-drone-box {
     padding: 30px 24px !important;
     border-radius: 20px;
     }
   
     .sd-final-drone-box h2,
     .sd-final-drone-box h3 {
     font-size: 26px;
     }
   
     .sd-final-drone-cta p {
     font-size: 17px;
     line-height: 1.65em;
     }
   
     .sd-final-drone-cta .et_pb_button {
     width: 100%;
     text-align: center;
     }
   }
   
   
   /* S6 Hero Overlay für Panorama-/Drohnenbilder */
   .s6-hero-overlay {
     position: relative;
     overflow: hidden;
   }
   
   /* Overlay über dem Hintergrundbild */
   .s6-hero-overlay::before {
     content: "";
     position: absolute;
     inset: 0;
     z-index: 1;
     pointer-events: none;
   
     background:
     linear-gradient(
       90deg,
       rgba(8, 18, 32, 0.48) 0%,
       rgba(8, 18, 32, 0.34) 34%,
       rgba(8, 18, 32, 0.18) 62%,
       rgba(8, 18, 32, 0.08) 100%
     ),
     linear-gradient(
       180deg,
       rgba(8, 18, 32, 0.20) 0%,
       rgba(8, 18, 32, 0.05) 42%,
       rgba(8, 18, 32, 0.34) 100%
     );
   }
   
   /* Inhalt über das Overlay legen */
   .s6-hero-overlay .et_pb_row,
   .s6-hero-overlay .et_pb_column,
   .s6-hero-overlay .et_pb_module,
   .s6-hero-overlay .et_pb_fullwidth_header_container {
     position: relative;
     z-index: 2;
   }
   
   /* Text im Hero besser lesbar */
   .s6-hero-overlay h1,
   .s6-hero-overlay h2,
   .s6-hero-overlay h3,
   .s6-hero-overlay p {
     text-shadow: 0 2px 18px rgba(0, 0, 0, 0.35);
   }
   
   /* Mobil etwas stärker, weil kleine Displays gnadenlos sind */
   @media (max-width: 767px) {
     .s6-hero-overlay::before {
     background:
       linear-gradient(
       180deg,
       rgba(8, 18, 32, 0.52) 0%,
       rgba(8, 18, 32, 0.38) 48%,
       rgba(8, 18, 32, 0.62) 100%
       );
     }
   
     .s6-hero-overlay h1,
     .s6-hero-overlay h2,
     .s6-hero-overlay h3,
     .s6-hero-overlay p {
     text-shadow: 0 2px 14px rgba(0, 0, 0, 0.42);
     }
   }
   
   
   
   /* Ende -- Seite - Drohne --
    * ------------------------- */
   
   
   
   
   
   
   /* =========================
    * CTA-Module 
    * ========================= */
   
   /* STEPHAN Digital – CTA Blau/Orange Verlauf für Divi CTA-Modul */
   .sd-cta-blue-orange,
   .sd-cta-blue-orange.et_pb_promo,
   .et_pb_promo.sd-cta-blue-orange {
     position: relative !important;
     overflow: hidden !important;
     isolation: isolate !important;
   
     background:
     linear-gradient(135deg, rgba(0, 38, 58, 0.94), rgba(0, 82, 116, 0.88)) !important;
   
     background-color: #00263a !important;
   }
   
   /* Orangener Verlauf als eigene sichtbare Ebene */
   .sd-cta-blue-orange::before,
   .sd-cta-blue-orange.et_pb_promo::before,
   .et_pb_promo.sd-cta-blue-orange::before {
     content: "";
     position: absolute;
     inset: 0;
     z-index: -1;
     pointer-events: none;
   
     background:
     radial-gradient(circle at top right, rgba(255, 152, 64, 0.32), transparent 42%);
   }
   
   /* Inhalt sicher über dem Verlauf halten */
   .sd-cta-blue-orange .et_pb_promo_description,
   .sd-cta-blue-orange .et_pb_button_wrapper,
   .sd-cta-blue-orange .et_pb_module_header,
   .sd-cta-blue-orange h1,
   .sd-cta-blue-orange h2,
   .sd-cta-blue-orange h3,
   .sd-cta-blue-orange p,
   .sd-cta-blue-orange a {
     position: relative;
     z-index: 2;
   }
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   /* Frank Stephan - Beine */
   .page-id-26044160 .et_pb_row_1 {
     overflow: visible;
   }
   
   /* -- M E M O R Y ---------- */
   /* -- Titel-Schatten -- */
   /* --- Jacinto --- */
   .memory-title {
     background-color: rgba(0,0,0,0.18);
     padding: 40px 8px;
     border-radius: 3px;
   }
   
   /* Anpassung Header iPhone = muss */
   .et_pb_module.et_pb_fullwidth_header .et_pb_fullwidth_header_container {
     width: 90%;
   }
   .et_pb_module.et_pb_fullwidth_header .et_pb_fullwidth_header_container.center .header-content {
     width: 100%;
   }
   .et_pb_module.et_pb_fullwidth_header .et_pb_fullwidth_header_container.center .header-content .et_pb_module_header {
     border-bottom: 1px solid white;
     margin-bottom: 1rem;
     padding-bottom: 1rem
   }
   
   /* -- Seite Webdesign
    * -- Dienstleistungen ------ */
   .page-id-2389 .et_pb_main_blurb_image {
     margin-bottom: 0;
   }
   
   /* -- Seite Apple Support --- */
   .page-id-961 .et_pb_main_blurb_image {
     margin-bottom: 0;
   }
   
   /* -- Hervorhebung - code -
    * -- im Fließtext -------- */
   code,
   .codetext {
     background-color: #e8f7f4;
     padding: 5px;
     border-radius: 5px;
   }
   
   /* -- Verlinkungen mit
    * -- Hintergrund/Anfang -- */
   /* -- Toogle 7 Zeichen abzählen */
   
   .btnleistg, a.btnleistg {
     background-color: #19191a;
     margin-left: 10px;
     padding: 5px 12px;
     border-radius: 10px 25%;
   }
   .btnleistg:hover, a.btnleistg:hover {
     color: #212121;
   }
   .toggle-right7951 img {
     width: auto;
     height: 12px;
     text-align: left;
   }
   
   /* -- Footer ----- */
   /* -- Menu -- */
   
   #footer-widgets h4.title {
     margin-top: 60px;
     margin-bottom: 16px;
     color: #fefefe;
     font-size: 15px;
     text-transform: uppercase;
   }
   
   .footer-widget li,
   .footer-widget li a {
     color: #cfcfcf!important;
     font-size: 15px;
     line-height: 1.7em;
   }
   .footer-widget li a:hover {
     color: #fefefe!important;
     transition: all .3s ease-in-out;
   }
   /*
   #footer-bottom {
     height: 60px;
     margin-top: 20px;
   }
   */
   /* Anpasung Footer -----
    * DP Footer Demo ------ */
   
   .et_pb_section {
     margin-top: 0!important;
   }
   
   #footer-widgets .footer-widget li {
     padding-left: 14px;
     position: relative;
     margin-left: -14px;
   }
   #footer-widgets {
     padding: 0;
   }
   
   /* Notfall */
   
   #footer-widgets .colordd1d2a a {
     color: #dd1d2a!important;
   }
   #footer-widgets .colordd1d2a a:hover {
     color: #fefefe!important;
   }
   
   /* Footer DIVI bootom-footer - muss
    * bleiben links - rechts */
   /* Footer DIVI bottom-footer */
   .footer-bottom.row {
     display: flex;
     justify-content: space-between; /* links Text, rechts Emoji */
     align-items: center;
     max-width: 1440px;              /* oder dein Container-Wert */
     margin: 0 auto;                 /* bleibt zentriert */
     padding: 0;
   }
   .footer-bottom-center-text {
     text-align: left;
   }
   .footer-bottom-emoji {
     font-size: 1.15rem;
     white-space: nowrap;
   }
   
   /* ==============================
   
      ------------------------------
      -- M E D I A  Q U E R I E S --
      ------------------------------
   
      ============================= */
   
   /* -----------------------------
      ----- max-width: 1699px -----
    * ----------------------------- */
   
   @media all and (max-width: 1699px) {
   
     /* -- Ergänzung "Graue Wurst" --
    * -- Seite Kontaktformular ---- */
   .page-id-2285 .fa-eck-re-hi,
   .page-id-2285 .fa-eck-re-vo-off {
     display: none!important;
     }
   }
   
   @media (max-width: 1299px) {
   .dp-custom-row-fs {
     display: flex;
     flex-direction: column;
   }
   }
   
   /* Design-Anpassungen
   .sd-custom-head .dipi_lottie_icon_0 .dipi-lottie-icon  {
     width: 80%!important;
   }
   .sd-custom-head .et_pb_blurb_0.et_pb_blurb,
   .sd-custom-head .et_pb_blurb_1.et_pb_blurb,
   .sd-custom-head .et_pb_blurb_3.et_pb_blurb,
   .sd-custom-head .et_pb_blurb_4.et_pb_blurb {
     margin-bottom: 40px!important;
   }
   }
   */
   
   /* -- max-width: 980px --
    * ---------------------- */
   
   @media all and (max-width: 980px) {
   
   /* Code von Maciej */
   /* Hamburger Mobile Menu Position */
   .et_header_style_centered #main-header div#et-top-navigation {
     bottom: -3px;
   }
   
   /* Code von Maciej */
   /* Springendes Logo Smartphone */
   .et_header_style_centered header#main-header.et-fixed-header .logo_container.logo_container {
     margin-top: -5px;
   }
   
   /* Anpassung Hamburger-Icon */
   .hamburger-inner, .hamburger-inner::after, .hamburger-inner::before {
     width: 30px;
     height: 1px;
   }
   .hamburger-inner::before {
     top: -6px;
   }
   .hamburger-inner::after {
     top: 6px;
   }
   
   /* Menü-Anpassung Button-Breite */
   .et_mobile_menu li, .et_mobile_menu li li {
     width: 55vw!important;
     margin: auto!important;
   }
   
   /* -- Unterseiten Seiten --------
      Hero full-width header styling */
   .fsw-hero-header,
   .sd-hero-header {
     padding: 12% 0 5% !important;
   }
   
   .s6-mobil-no {
     display: none;
     }
   
   /* Startseite v5.0 - 3 Spalten
    * unterhalb Button im Header */
   .page-id-26050735 .et_pb_blurb_position_left .et_pb_blurb_container {
     padding-left: 0;
     }
   }
   
   /* -----------------------------
      ----- max-width: 767px ------
    * ----------------------------- */
   
   @media all and (max-width: 767px) {
   
   /* -- Main Header ------ */
   
   /* Anpassung Hamburger-Icon */
   .hamburger-inner, .hamburger-inner::after, .hamburger-inner::before {
     width: 25px;
   }
   
   /* -- Mobile 2 Spalten --
    * ---------------------- */
   html .et-db .two-col-mob .et_pb_column {
       width:47.25% !important;
     }
   
   html .et-db .two-col-mob .et_pb_column:nth-last-child(-n+2) {
       margin-bottom:0;
     }
   
     html .et-db .two-col-mob .et_pb_column:not(:nth-child(2n)) {
         margin-right:5.5% !important;
     }
   
   /* -- Price-List Pfeile ------
    * -- auf Mobile ausblenden -- */
   .dipi_price_list_price {
     display: none;
     }
   
   /* -- Abstand oben/unten -----
    * -- zwischenb 2er Gruppen -- */
   .two-col-mob .et_pb_column {
     margin-bottom: 18px!important;
     }
   
   /* Footer bootom-footer */
   .footer-bottom-center-text {
     font-size: .75rem;
   }
   .footer-bottom .footer-bottom-emoji {
   /*font-size: 1.2rem;*/
     transform: scale(0.7);
     transform-origin: center;
     display: inline-block;
     }
   
   /* ==========================================================
     Mobile CTA-Buttons im Hero / Zwei-Button-Gruppen
     Geeignet für Divi Button Modul und Divi Pixel Button Modul
     ========================================================== */
   
     .s6-mobile-cta-btn {
       width: 100% !important;
       max-width: 100% !important;
       margin-left: 0 !important;
       margin-right: auto !important;
       box-sizing: border-box !important;
     }
   
     .s6-mobile-cta-btn:not(:last-child) {
       margin-bottom: 12px !important;
     }
   
     .s6-mobile-cta-btn a,
     .s6-mobile-cta-btn button,
     .s6-mobile-cta-btn .et_pb_button,
     .s6-mobile-cta-btn .dipi-button,
     .s6-mobile-cta-btn .dipi_button,
     a.s6-mobile-cta-btn,
     button.s6-mobile-cta-btn,
     .et_pb_button.s6-mobile-cta-btn {
       display: inline-flex !important;
       align-items: center !important;
       justify-content: center !important;
       width: 100% !important;
       min-height: 52px !important;
       padding: 0 18px !important;
       box-sizing: border-box !important;
       text-align: center !important;
       white-space: nowrap !important;
       line-height: 1.2 !important;
       font-size: 16px !important;
     }
   }
  
   /* -----------------------------
      ----- max-width: 640px ------
    * ----------------------------- */
   
   @media all and (max-width: 640px) {
   
   /* Menü-Anpassung Button-Breite */
   .et_mobile_menu li, .et_mobile_menu li li {
     width: 80vw!important;
     margin: auto!important;
     }
   }
   
   /* -- max-width: 599px --
    * ---------------------- */
   
   @media all and (max-width: 599px) {
   
   /* -- Seiten: H1/H2/H3 -- */
   
   .fsw-h2-3 h2,
   .fsw-head h2 {
     font-size: 1.25em!important;
   }
   
   .fsw-h2-3 h3,
   .fsw-head h3 {
     font-size: 1.1em!important;
   }
   
   .fsw-h2-3 h4,
   .fsw-head h4 {
     font-size: 1em!important;
   }
   
   blockquote {
     padding: 20px;
   }
   /*
   blockquote p {
     padding-left: 0;
     -webkit-hyphens: none;
     hyphens: none;
   } */
   
   /* Text mit Icon Blurbs */
   .page-id-7951 .et_pb_main_blurb_image {
     display: none!important;
   }
   
   .bildlizenzen {
     padding: 25px 0 0;
   }
   
   .shutterstock, .adobestock {
     font-size: 7px;
     line-height: normal;
   }
   
   /* FAQ */
   .page-id-973 .silverpartner img.alignleft {
     padding-right: 10px;
     padding-top: 25px;
     padding-bottom: 10px;
     width: 50%;
     height: auto;
   }
   
   .page-id-7951 .et_pb_fullwidth_header_0.et_pb_fullwidth_header .et_pb_fullwidth_header_subhead {
     display: none;
     }
   }
   
   /* -- max-width: 499px --
    * ---------------------- */
   
   @media all and (max-width: 499px) {
   
   /* individuelle Eckenfarbe */
   /* Magazin */
   .page-id-11032 .et_pb_text_3.dual01 {
     background-color: #384248;
     }
   }
   
   /* -- max-width: 320px --
    * ---------------------- */
   
   @media all and (max-width: 320px) {
   
   .page-id-7951 .et_pb_text_3 h3 {
     font-size: 20px;
     line-height: 1.25em !important;
   }
   
   .page-id-7951 .et_pb_text_4 h3 {
     font-size: 18px !important;
   }
   
   .headline span {
     font-size: 20px !important;
     line-height: 1.25em !important;
   }
   
   .page-id-7951 .et_pb_toggle h4.et_pb_toggle_title {
     font-size: 12px !important;
   }
   
   .page-id-7951 .et_pb_toggle_content p {
     font-size: 16px !important;
     line-height: 1.2em;
   }
   
   .btnleistg {
     display: none;
   }
   
   .page-id-7951 .et_pb_module_header {
     font-size: 16px;
   }
   
   .page-id-7951 .et_pb_blurb_description {
     font-size: 13px;
     line-height: 1.5em;
   }
   
   p {
     font-size: 16px;
     line-height: 1.5em;
   }
   
   h2, h3 {
     font-size: 18px;
   }
   
   /* Magazin-Seite */
   .page-id-11032 .et_pb_post h3 {
     font-size: 16px;
     line-height: 1.25em !important;
   }
   
   .page-id-11032 .et_pb_bg_layout_light .et_pb_post .post-meta, .page-id-11032 .et_pb_bg_layout_light .et_pb_post .post-meta a, .page-id-11032 .et_pb_bg_layout_light .et_pb_post p {
     font-size: 12px;
     padding-top: 10px;
   }
   
   .page-id-11032 .et_pb_blog_0.et_pb_bg_layout_light .et_pb_post .post-content p {
     font-size: 16px;
     }
   }
   
   /* ---------------------
    * --- max -- min ------
    * --------------------- */
   
   @media (min-width: 980px) and (max-width: 1380px) {
   
   /* -- Headline --- */
   .wirlieben h3 {
     font-size: 1.5em!important;
   }
   }
   
   @media (min-width: 981px) and (max-width: 2100px) {
   
   #main-header {
     height: 98px !important;
   }
   
   .et_mobile_menu li, .et_mobile_menu li li {
     width: 25vw!important;
     margin: auto!important;
   }
   
   #main-header .et_mobile_menu li ul.sub-menu {
     padding-top: 0!important;
   }
   
   /* -- Lösung springende
    * -- Sub Menu Hamburger Icon */
   #main-header .et_mobile_menu li li, #main-header .et_mobile_menu li ul.sub-menu {
     padding-left: 0;
     transition: none;
     animation: none !important;
   }
   
   /* Korrektur Footer 1 x 4 aufgrund
    * Verwendung des Hamburger Icon */
   div#footer-widgets .footer-widget, div#footer-widgets .footer-widget:nth-child(n){
     width: 25%!important;
     margin: 0 !important;
     padding-bottom: 50px;
   }
   }
   
   /* Frank Stephan */
   @media (min-width: 760px) and (max-width: 1299px) {
   
   .page-id-26044160 .et_pb_section_2.et_pb_section {
     padding-top: 300px;
     padding-bottom: 75px;
   }
   .page-id-26044160 .et_pb_gutters1 .et_pb_column_1_2, .page-id-26044160 .et_pb_gutters1.et_pb_row .et_pb_column_1_2 {
     width: 100%;
     margin-bottom: -100px;
   }
   .page-id-26044160 .et_pb_image_0 {
     margin-bottom: -345px !important;
     text-align: center;
   }
   }
   
   /* ---------------------
    * --- min -------------
    * --------------------- */
   
   /* --- 768 ----- */
   
   @media only screen and (min-width:768px) {
   
   .bildlizenzen {
     padding: 25px 0 0;
   }
   
   .shutterstock, .adobestock {
     font-size: 12px!important;
     line-height: normal;
   }
   }
   
   /* --- 981 ----- */
   
   @media only screen and (min-width:981px) {
   
   /* Logo etwas mehr nach links */
   .et_header_style_left .logo_container {
     margin-left: -10px;
   }
   
   /* --- Runde Ecken ----- */
   
   /* Ecke links Hintergrund */
   .fa-eck-li-hi {
     overflow: initial;
     position: absolute !important;
     width: 100px !important;
     height: 100px !important;
     top: -100px !important;
     padding: 0 !important;
   }
   /* Ecke links Vordergrund */
   .fa-eck-li-vo {
     overflow: initial;
     width: 100%;
     display: block !important;
     height: 100px !important;
     border-bottom-left-radius: 100px !important;
   }
   /* Ecke rechts Hintergrund */
   .fa-eck-re-hi {
     position: absolute !important;
     width: 100px !important;
     height: 100px !important;
     right: 0 !important;
     padding: 0 !important;
     top: 0 !important;
   }
   /* Ecke Rechts Vordergrund */
   .fa-eck-re-vo {
     width: 100% !important;
     display: block !important;
     height: 100px !important;
     border-top-right-radius: 100px !important;
   }
   
   /* --- Seite FAQ ----- */
   .page-id-973 .et_pb_toggle {
     padding: 40px;
   }
   .et_header_style_centered #main-header div#et-top-navigation {
     margin-top: 5px;
   }
   }
   
   /* =============================
    * Mobile Menu - Hamburger Icon
    * dauerhaft 
    * ============================= */
   
   
   /* Nur das Desktop-Navigations-NAV ausblenden */
   #et-top-navigation nav {
     display: none !important;
   }
   
   /* Hamburger-Icon immer anzeigen */
   #et_mobile_nav_menu {
     display: block !important;
   }