.elementor-kit-7{--e-global-color-primary:#C00812;--e-global-color-secondary:#303336;--e-global-color-text:#7A7A7A;--e-global-color-accent:#2F6800;--e-global-color-097af30:#810209;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.drv-highlight-text {
    /* background-color: var(--e-global-color-primary); */
    inline-size: fit-content;
    padding: 5px 50px;
    background-image: url(/wp-content/uploads/2026/03/grunge-bg-sm.webp);
    background-size: cover;
}
.drv-blured-bg {
    backdrop-filter: blur(10px);
}
/* ── BUTTON 13 – Pill Kreispfeil Rot Outline ── */
    .btn-creme-circle {
      display: inline-flex; align-items: center; gap: 14px;
      background: #fff; color: #C8102E;
      font-family: 'Oswald', sans-serif; font-size: 14px; font-weight: 700;
      text-transform: uppercase; letter-spacing: 1.5px;
      padding: 13px 14px 13px 28px; border-radius: 50px;
      border: 2px solid #C00812; cursor: pointer; text-decoration: none;
      transition: transform .25s, box-shadow .25s, background .25s, color .25s;
    }
    .btn-creme-circle:hover {
      background: #C00812; color: #fff;
      transform: translateY(-3px);
      box-shadow: 0 10px 36px rgba(200,16,46,.45);
    }

    .cc-dot {
      width: 38px; height: 38px; border-radius: 50%;
      background: #C8102E;
      display: flex; align-items: center; justify-content: center;
      flex-shrink: 0;
      animation: magnetPull 1.8s cubic-bezier(.4,0,.2,1) infinite;
    }

    @keyframes magnetPull {
      0%   { transform: translateX(0); }
      20%  { transform: translateX(10px); }
      35%  { transform: translateX(6px); }
      55%  { transform: translateX(10px); }
      75%  { transform: translateX(2px); }
      100% { transform: translateX(0); }
    }
    
    /* ══════════════════════════════════
       BUTTON 06 – TRAIL CHEVRONS ROT
       Basis-Klasse + zwei Größen
    ══════════════════════════════════ */
    .btn-trail {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      font-family: 'Oswald', sans-serif;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 1.5px;
      border-radius: 50px;
      cursor: pointer;
      text-decoration: none;
      transition: all .25s;
      background: #C00812;
      color: #fff;
    }
    .btn-trail:hover {
      background: #810209;
      transform: translateY(-3px);
      box-shadow: 0 10px 32px rgba(200,16,46,.5);
      color: #fff;
    }

    /* ── GRÖSSE XS (Mini) ── */
    .btn-trail--xs {
      font-size: 11px;
      padding: 9px 18px;
      gap: 6px;
      letter-spacing: 1px;
    }

    /* ── GRÖSSE S (Standard) ── */
    .btn-trail--s {
      font-size: 13px;
      padding: 13px 26px;
      gap: 8px;
    }

    /* ── GRÖSSE L (Hero) ── */
    .btn-trail--l {
      font-size: 17px;
      padding: 19px 38px;
      gap: 12px;
    }

    /* ── CHEVRON-ANIMATION ── */
    .trail-arrows {
      display: flex;
      align-items: center;
      gap: 1px;
    }
    .trail-arrows .t1 { animation: trailFade 1.2s ease-in-out infinite 0s; }
    .trail-arrows .t2 { animation: trailFade 1.2s ease-in-out infinite .15s; }
    .trail-arrows .t3 { animation: trailFade 1.2s ease-in-out infinite .3s; }

    @keyframes trailFade {
      0%,100% { opacity: .25; transform: translateX(0); }
      50%      { opacity: 1;   transform: translateX(3px); }
    }
    
    /* ── BUTTON – Pill Rot, Icon links, zweizeilig ── */
    .btn-fritz {
      display: inline-flex;
      align-items: center;
      gap: 16px;
      background: #C00812;
      color: #fff;
      font-family: 'Oswald', sans-serif;
      text-transform: uppercase;
      padding: 15px 31px 15px 22px;
      border-radius: 50px;
      border: none;
      cursor: pointer;
      text-decoration: none;
      box-shadow: 0 4px 20px rgba(192,8,18,.35);
      transition: transform .25s, box-shadow .25s, background .25s;
    }
    .btn-fritz:hover {
      background: #810209;
      transform: translateY(-3px);
      box-shadow: 0 12px 40px rgba(192,8,18,.55);
    }

    /* Textspalte zweizeilig */
    .btn-lines {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      gap: 2px;
    }
    .btn-line1 {
      font-size: 11px;
      font-weight: 600;
      letter-spacing: 1.8px;
      color: rgba(255,255,255,.5);
      line-height: 1;
    }
    .btn-line2 {
      font-size: 17px;
      font-weight: 700;
      letter-spacing: 1px;
      color: #fff;
      line-height: 1;
    }

    /* Icon – frei, wackelt */
    .btn-icon {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
      animation: wobble 2.2s ease-in-out infinite;
    }

    @keyframes wobble {
      0%   { transform: rotate(0deg)   scale(1); }
      12%  { transform: rotate(-14deg) scale(1.1); }
      24%  { transform: rotate(10deg)  scale(1.05); }
      36%  { transform: rotate(-8deg)  scale(1.08); }
      48%  { transform: rotate(6deg)   scale(1.03); }
      60%  { transform: rotate(-3deg)  scale(1); }
      72%  { transform: rotate(2deg)   scale(1); }
      100% { transform: rotate(0deg)   scale(1); }
    }/* End custom CSS */