/* =========================================================
   eBike de Alb – Site-Facelift (alle Seiten)
   Header · Sektionen · Startseiten-Abschnitte · Shop · Produktseiten
   ========================================================= */
:root{
  --ea-green:#45af41;
  --ea-green-dark:#1f6b2a;
  --ea-green-light:#9be19a;
  --ea-forest:#0f3d1a;
  --ea-forest-2:#14301b;
  --ea-ink:#16201a;
  --ea-text:#3d4741;
  --ea-muted:#6b756f;
  --ea-bg:#f5f6f3;
  --ea-card:#ffffff;
  --ea-line:rgba(16,32,20,.08);
  --ea-radius:22px;
  --ea-radius-s:14px;
  --ea-shadow:0 1px 2px rgba(16,32,20,.06),0 8px 24px rgba(16,32,20,.08);
  --ea-shadow-h:0 2px 4px rgba(16,32,20,.08),0 22px 48px rgba(16,32,20,.16);
  --ea-ease:cubic-bezier(.2,.8,.2,1);
  --ea-spring:cubic-bezier(.34,1.4,.64,1);
  --ea-font:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}

/* ---------- Typografie ---------- */
body,#main,#main p,#main li,#main td,#main h1,#main h2,#main h3,#main h4,#footer-page{font-family:var(--ea-font)!important;}
#main .avia-section p,#main .avia-section li{line-height:1.65;}
#main .avia-section h1{font-size:clamp(1.9rem,3.6vw,3rem)!important;line-height:1.06!important;letter-spacing:-.03em!important;font-weight:800!important;}
#main .avia-section h2{font-size:clamp(1.1rem,1.7vw,1.4rem)!important;line-height:1.25!important;letter-spacing:-.01em!important;font-weight:600!important;}
#main .avia-section h1 + h2{margin-top:.35em;}

/* Textfarben: hell auf hellen, weiß auf grünen/dunklen/Bild-Sektionen */
#main .main_color.avia-section:not(.avia-full-stretch) :is(p,li,td){color:var(--ea-text);}
#main .main_color.avia-section:not(.avia-full-stretch) :is(h1,h3){color:var(--ea-green-dark);}
#main .main_color.avia-section:not(.avia-full-stretch) h2{color:var(--ea-ink);}
#main :is(.alternate_color,.avia-full-stretch).avia-section :is(h1,h2,h3,h4,strong){color:#fff!important;}
#main :is(.alternate_color,.avia-full-stretch).avia-section :is(p,li){color:rgba(255,255,255,.86)!important;}

/* Akzentstrich über Sektions-Überschriften */
#main .avia-section .av_textblock_section h1::before{
  content:"";display:block;width:44px;height:4px;border-radius:4px;
  background:linear-gradient(90deg,var(--ea-green),var(--ea-green-light));margin:0 0 18px;
}
.ea-js #main .avia-section .ea-rv h1::before{width:0;transition:width .9s var(--ea-ease) .25s;}
.ea-js #main .avia-section .ea-rv.is-in h1::before{width:44px;}
#main .avia-section .av_textblock_section [style*="center"] h1::before,
#main .avia-section .av_textblock_section h1[style*="center"]::before,
#touren h1::before{margin-inline:auto;}

/* ---------- Header: Glas ----------
   Wichtig: kein backdrop-filter auf #header_main – sonst wird das mobile
   Burger-Menü (position:fixed) auf Headerhöhe abgeschnitten. */
#header_main{background:transparent!important;border:0!important;}
#header .header_bg{
  background:rgba(255,255,255,.78)!important;opacity:1!important;
  -webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);
  transition:background .35s var(--ea-ease),box-shadow .35s var(--ea-ease);
}
#header{box-shadow:0 1px 0 rgba(16,32,20,.06);transition:box-shadow .35s var(--ea-ease);}
#header .logo img{transition:transform .3s var(--ea-ease);}
#header .logo a:hover img{transform:scale(1.03);}
/* Seiten mit Hero: oben transparent + helle Navigation, beim Scrollen Glas */
@media (min-width:768px){
  .ea-hero-page:not(.ea-scrolled) #header{box-shadow:none;}
  .ea-hero-page:not(.ea-scrolled) #header .header_bg{
    background:linear-gradient(180deg,rgba(6,24,11,.55) 0%,rgba(6,24,11,0) 100%)!important;
    -webkit-backdrop-filter:none;backdrop-filter:none;
  }
  .ea-hero-page:not(.ea-scrolled) #top #wrap_all #avia-menu>li.av-menu-button>a .avia-menu-text,
  #top.ea-hero-page:not(.ea-scrolled) #wrap_all #avia-menu>li.av-menu-button>a .avia-menu-text{color:#fff!important;text-shadow:0 1px 12px rgba(0,0,0,.35);}
  .ea-hero-page:not(.ea-scrolled) #top #wrap_all #avia-menu>li.av-menu-button>a:hover .avia-menu-text{background:rgba(255,255,255,.14)!important;color:#fff!important;}
}
/* Burger-Menü */
.av-hamburger-inner,.av-hamburger-inner::before,.av-hamburger-inner::after{background-color:var(--ea-ink)!important;border-radius:2px;}
#top .av-burger-overlay-scroll{background:rgba(255,255,255,.96)!important;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);}
#top .av-burger-overlay-bg{background:rgba(6,24,11,.55)!important;opacity:1!important;}
#top #av-burger-menu-ul li a{font-family:var(--ea-font)!important;font-size:1.35rem!important;font-weight:700!important;letter-spacing:-.01em;color:var(--ea-ink)!important;border-bottom:1px solid var(--ea-line)!important;padding:18px 28px!important;}
#top #av-burger-menu-ul li a .avia-menu-text{background:none!important;color:inherit!important;border:0!important;padding:0!important;}
#top #av-burger-menu-ul li a:hover{color:var(--ea-green-dark)!important;}

/* Scroll-Fortschritt */
.ea-progress{position:fixed;left:0;top:0;height:3px;width:100%;z-index:100000;pointer-events:none;
  background:linear-gradient(90deg,var(--ea-green),var(--ea-green-light));transform-origin:0 50%;transform:scaleX(0);}
.admin-bar .ea-progress{top:32px;}
@media (max-width:782px){.admin-bar .ea-progress{top:46px;}}

#top #wrap_all #avia-menu>li.av-menu-button>a .avia-menu-text{
  background:transparent!important;color:var(--ea-ink)!important;border:1px solid transparent!important;
  border-radius:999px!important;padding:8px 14px!important;font-weight:600;font-size:14px;
  transition:background .2s var(--ea-ease),color .2s var(--ea-ease);
}
#top #wrap_all #avia-menu>li.av-menu-button>a:hover .avia-menu-text{background:rgba(69,175,65,.12)!important;color:var(--ea-green-dark)!important;}

/* ---------- Sektionen allgemein ---------- */
#main .main_color.avia-section:not(.avia-full-stretch){background-color:var(--ea-bg)!important;background-image:none!important;}
#main .avia-section .content{padding-top:88px;padding-bottom:88px;}
#main .avia-section{scroll-margin-top:90px;}
html{scroll-behavior:smooth;}

/* Buttons */
#main .avia-button,#footer-page .avia-button{
  border-radius:999px!important;font-weight:700!important;letter-spacing:.01em;padding:18px 40px!important;
  box-shadow:0 10px 26px rgba(69,175,65,.32);
  transition:transform .12s ease-out,box-shadow .25s var(--ea-ease),background-color .2s;
}
#main .avia-button:hover{box-shadow:0 14px 34px rgba(69,175,65,.45);background-color:var(--ea-green-dark)!important;}
#main .avia-button:active{transform:scale(.96);}

/* ---------- Marken-Logos ---------- */
#main .slide-entry img{border-radius:var(--ea-radius-s);filter:grayscale(1);opacity:.65;transition:filter .3s,opacity .3s,transform .35s var(--ea-spring);}
#main .slide-entry:hover img{filter:none;opacity:1;transform:translateY(-3px) scale(1.04);}

/* ---------- Produktkarten (Startseite + Shop) ---------- */
#main ul.products li.product .inner_product{
  background:var(--ea-card)!important;border-radius:var(--ea-radius)!important;box-shadow:var(--ea-shadow);
  overflow:hidden;border:0!important;transition:transform .4s var(--ea-ease),box-shadow .4s var(--ea-ease);
}
#main ul.products li.product .inner_product:hover{transform:translateY(-6px);box-shadow:var(--ea-shadow-h);}
#main ul.products li.product .thumbnail_container{
  background:#fff;aspect-ratio:16/10;display:flex!important;align-items:center;justify-content:center;padding:14px;overflow:hidden;
}
#main ul.products li.product .thumbnail_container img{width:100%!important;height:100%!important;object-fit:contain;transition:transform .6s var(--ea-ease);}
#main ul.products li.product:hover .thumbnail_container img{transform:scale(1.06);}
#main ul.products .inner_product_header{background:transparent!important;border:0!important;padding:6px 20px 24px!important;}
#main ul.products .avia-arrow{display:none!important;}
#main ul.products .woocommerce-loop-product__title{font-size:1rem!important;font-weight:650!important;color:var(--ea-ink)!important;line-height:1.35!important;letter-spacing:-.005em;}
#main ul.products .price{font-weight:800;color:var(--ea-green-dark)!important;font-size:1.1rem;}
#main ul.products .price del{opacity:.45;font-weight:400;}
#main ul.products .onsale{border-radius:999px!important;background:#e8590c!important;color:#fff!important;padding:3px 12px!important;font-weight:700;}
#main .avia-product-sorting>li,#main .avia-product-sorting .sort-param>li{border-radius:999px;}
#main ul.products li.product .inner_product::after{
  content:"Ansehen →";position:absolute;right:18px;bottom:18px;font-size:.8rem;font-weight:700;color:var(--ea-green-dark);
  opacity:0;transform:translateX(-6px);transition:opacity .3s,transform .3s var(--ea-ease);
}
#main ul.products li.product .inner_product{position:relative;}
#main ul.products li.product .inner_product:hover::after{opacity:1;transform:none;}

/* ---------- Bikeleasing ---------- */
#bikeleasing{
  background:
    radial-gradient(900px 420px at 88% -10%,rgba(69,175,65,.55),transparent 60%),
    radial-gradient(700px 400px at -10% 110%,rgba(69,175,65,.35),transparent 60%),
    linear-gradient(180deg,var(--ea-forest) 0%,var(--ea-forest-2) 100%)!important;
}
#bikeleasing p{max-width:760px;}
#bikeleasing iframe{background:#fff;border-radius:var(--ea-radius);box-shadow:0 40px 80px rgba(0,0,0,.35);margin-top:12px;}

/* ---------- Bild-Streifen (Parallax) ---------- */
#main .avia-section.avia-bg-style-fixed{min-height:58vh;position:relative;}
#main .avia-section.avia-bg-style-fixed::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(15,61,26,.0) 55%,rgba(15,61,26,.55) 100%);
}

/* ---------- Reparaturen ---------- */
#reparaturen{position:relative;}
#reparaturen::before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:linear-gradient(115deg,rgba(8,30,14,.88) 0%,rgba(8,30,14,.72) 45%,rgba(8,30,14,.35) 100%);
}
#reparaturen .container{position:relative;z-index:1;}
#reparaturen ul{list-style:none!important;margin:18px 0 0!important;padding:0!important;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px 18px;}
#reparaturen ul li{
  margin:0!important;padding:12px 14px 12px 46px!important;position:relative;border-radius:14px;
  background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  font-weight:600;color:#fff!important;line-height:1.35!important;
  transition:background .25s,transform .35s var(--ea-spring);
}
#reparaturen ul li:hover{background:rgba(69,175,65,.35);transform:translateY(-2px);}
#reparaturen ul li::before{
  content:"";position:absolute;left:14px;top:50%;width:22px;height:22px;margin-top:-11px;border-radius:50%;
  background:var(--ea-green) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12l4 4 8-8'/%3E%3C/svg%3E") center/13px no-repeat;
}
#reparaturen .avia-image-container img{
  border-radius:var(--ea-radius-s);box-shadow:0 24px 50px rgba(0,0,0,.45);
  transition:transform .5s var(--ea-spring),box-shadow .5s var(--ea-ease);
}
#reparaturen .flex_column:nth-of-type(odd) .avia-image-container img{transform:rotate(-3deg);}
#reparaturen .flex_column:nth-of-type(even) .avia-image-container img{transform:rotate(3deg);}
#reparaturen .avia-image-container img:hover{transform:rotate(0) translateY(-8px) scale(1.04)!important;box-shadow:0 34px 70px rgba(0,0,0,.55);}

/* ---------- Verleih ---------- */
#e-bike-verleih .flex_column.av_one_third{
  background:var(--ea-card)!important;border-radius:var(--ea-radius);box-shadow:var(--ea-shadow);
  padding:30px 26px 18px!important;overflow:hidden;position:relative;
  transition:transform .4s var(--ea-ease),box-shadow .4s var(--ea-ease);
}
#e-bike-verleih .flex_column.av_one_third::before{
  content:"";position:absolute;inset:0 0 auto 0;height:5px;background:linear-gradient(90deg,var(--ea-green),var(--ea-green-light));
}
#e-bike-verleih .flex_column.av_one_third:hover{transform:translateY(-6px);box-shadow:var(--ea-shadow-h);}
#e-bike-verleih .flex_column.av_one_third h2,#e-bike-verleih .flex_column.av_one_third h3{font-size:1.3rem!important;font-weight:800!important;color:var(--ea-ink)!important;}
#e-bike-verleih .avia-image-container img{transition:transform .6s var(--ea-ease);}
#e-bike-verleih .flex_column:hover .avia-image-container img{transform:scale(1.06) rotate(-1deg);}
#e-bike-verleih .av-catalogue-item{border-color:var(--ea-line)!important;padding:12px 0!important;}
#e-bike-verleih .av-catalogue-title{color:var(--ea-muted)!important;font-weight:500;}
#e-bike-verleih .av-catalogue-price{color:var(--ea-green-dark)!important;font-weight:800;font-variant-numeric:tabular-nums;}
#e-bike-verleih .av-catalogue-container li:first-child .av-catalogue-price{
  background:rgba(69,175,65,.12);padding:2px 10px;border-radius:999px;
}

/* ---------- Touren ---------- */
#touren{position:relative;}
#touren::before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:radial-gradient(ellipse at center,rgba(6,24,11,.55) 0%,rgba(6,24,11,.78) 70%);
}
#touren .container{position:relative;z-index:1;}
#touren .content{padding-top:130px!important;padding-bottom:130px!important;}
#touren h1{font-size:clamp(2.2rem,5vw,4rem)!important;}
#touren .av_textblock_section p{
  max-width:780px;margin-inline:auto;padding:22px 26px;border-radius:var(--ea-radius);
  background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
}

/* ---------- Footer ---------- */
#footer-page .avia-section{
  background:
    radial-gradient(800px 360px at 50% -20%,rgba(69,175,65,.35),transparent 65%),
    linear-gradient(180deg,var(--ea-forest) 0%,#0a2a12 100%)!important;
}
#footer-page .avia-section :is(p,h3,strong,span,div){color:rgba(255,255,255,.88)!important;}
#footer-page .avia-section h3{color:#fff!important;font-weight:800!important;letter-spacing:-.01em;}
#footer-page .avia-section img{border-radius:var(--ea-radius-s);box-shadow:0 20px 40px rgba(0,0,0,.35);}
#footer-page .avia-section a{color:var(--ea-green-light)!important;text-decoration:none;transition:color .2s,border-color .2s;}
#footer-page .avia-section p a{border-bottom:1px solid rgba(155,225,154,.35);}
#footer-page .avia-section a:hover{color:#fff!important;border-color:#fff;}
#footer-page .av-icon-char,#footer-page .avia-font-entypo-fontello{transition:transform .35s var(--ea-spring);}
#footer-page a:hover .av-icon-char{transform:scale(1.15);}

/* =========================================================
   SHOP / PRODUKTSEITEN
   ========================================================= */
.woocommerce-page #main .container_wrap_first{background:var(--ea-bg)!important;}
.post-type-archive-product #main .container_wrap_first .content{padding-top:56px;}

/* Produkt-Detailseite (mit Layout-Builder gebaut) */
.single-product #main .container_wrap_first .content{padding-top:56px;padding-bottom:96px;}
.single-product #main .flex_column.av_one_half.first{
  background:#fff;border-radius:28px;box-shadow:var(--ea-shadow);padding:36px!important;
  position:sticky;top:110px;
}
.single-product #main .flex_column.av_one_half.first :is(.avia-image-container,.avia-image-container-inner,.avia-image-overlay-wrap){width:100%!important;max-width:none!important;display:block;}
.single-product #main .flex_column.av_one_half.first img{width:100%!important;height:auto!important;transition:transform .7s var(--ea-ease);}
.single-product #main .flex_column.av_one_half.first:hover img{transform:scale(1.05);}
.single-product #main h1{
  font-size:clamp(1.9rem,3.2vw,2.9rem)!important;line-height:1.06!important;letter-spacing:-.03em!important;
  font-weight:800!important;color:var(--ea-ink)!important;margin-bottom:22px!important;
}
.single-product #main .avia-data-table-wrap{background:#fff;border-radius:var(--ea-radius);box-shadow:var(--ea-shadow);overflow:hidden;}
.single-product #main .avia-data-table{margin:0!important;border:0!important;background:transparent!important;}
.single-product #main .avia-data-table tr{background:transparent!important;}
.single-product #main .avia-data-table td{
  border:0!important;border-bottom:1px solid var(--ea-line)!important;padding:14px 20px!important;background:transparent!important;vertical-align:top;
}
.single-product #main .avia-data-table tr:last-child td{border-bottom:0!important;}
.single-product #main .avia-data-table td:first-child{color:var(--ea-muted)!important;font-size:.88rem;font-weight:500;width:38%;}
.single-product #main .avia-data-table td:last-child{color:var(--ea-ink)!important;font-weight:600;}
.single-product #main .avia-data-table tr:hover td{background:rgba(69,175,65,.05)!important;}
.single-product .ea-price{margin-top:22px!important;}
.single-product .ea-price p,.single-product .ea-price h1,.single-product .ea-price h2,.single-product .ea-price h3,.single-product .ea-price strong{
  font-size:clamp(1.6rem,2.6vw,2.2rem)!important;font-weight:800!important;color:var(--ea-green-dark)!important;letter-spacing:-.02em;margin:0!important;
}
.single-product .ea-price h1::before{display:none!important;}

/* Anfrage-Buttons (per JS eingefügt) */
.ea-cta{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0 8px;}
.ea-cta a{
  display:inline-flex;align-items:center;gap:10px;padding:16px 24px;border-radius:999px;font-weight:700;text-decoration:none!important;
  transition:transform .12s ease-out,box-shadow .25s var(--ea-ease),filter .2s;
}
.ea-cta a:active{transform:scale(.96);}
.ea-cta .ea-cta-mail{background:var(--ea-green);color:#fff!important;box-shadow:0 10px 26px rgba(69,175,65,.35);}
.ea-cta .ea-cta-mail:hover{background:var(--ea-green-dark);}
.ea-cta .ea-cta-wa{background:#25d366;color:#06301a!important;}
.ea-cta .ea-cta-wa:hover{filter:brightness(1.05);}
.ea-cta svg{width:20px;height:20px;flex:none;}
.ea-back{display:inline-flex;align-items:center;gap:6px;margin-bottom:14px;font-size:.88rem;font-weight:600;color:var(--ea-muted)!important;text-decoration:none!important;}
.ea-back:hover{color:var(--ea-green-dark)!important;}
.ea-sticky-cta{display:none;}
@media (max-width:767px){
  .single-product #main .flex_column.av_one_half.first{position:static;padding:20px!important;}
  .ea-sticky-cta{
    display:flex;gap:10px;position:fixed;left:12px;right:12px;bottom:12px;z-index:999;padding:10px;border-radius:20px;
    background:rgba(255,255,255,.82);-webkit-backdrop-filter:blur(18px) saturate(180%);backdrop-filter:blur(18px) saturate(180%);
    box-shadow:0 18px 40px rgba(0,0,0,.18);transform:translateY(140%);transition:transform .45s var(--ea-ease);
  }
  .ea-sticky-cta.is-on{transform:none;}
  .ea-sticky-cta a{flex:1;justify-content:center;padding:14px 10px!important;}
  .single-product #footer-page{padding-bottom:90px;}
}

/* =========================================================
   Scroll-Einblenden (nur mit JS)
   ========================================================= */
.ea-js .ea-rv{opacity:0;transform:translateY(28px);transition:opacity .8s var(--ea-ease),transform .8s var(--ea-ease);transition-delay:var(--ea-d,0s);}
.ea-js .ea-rv.is-in{opacity:1;transform:none;}
/* Bilder öffnen sich beim Einblenden */
.ea-js .ea-rv :is(.avia-image-container,.thumbnail_container) img{clip-path:inset(14% 14% 14% 14% round 18px);transition:clip-path 1.2s var(--ea-ease) .1s,transform .6s var(--ea-ease);}
.ea-js .ea-rv.is-in :is(.avia-image-container,.thumbnail_container) img{clip-path:inset(0 0 0 0 round 0);}

/* 3D-Neigung + Lichtpunkt auf Karten (nur Maus) */
@media (hover:hover) and (pointer:fine){
  .ea-tilt{transform-style:preserve-3d;will-change:transform;}
  .ea-spot{
    position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:3;opacity:0;transition:opacity .3s;
    background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%),rgba(69,175,65,.16),transparent 45%);
  }
  .ea-tilt:hover .ea-spot{opacity:1;}
}
/* Bild-Streifen: Zoom beim Scrollen (per JS) */
#main .avia-section.avia-bg-style-fixed{overflow:hidden;}

/* ---------- Barrierefreiheit ---------- */
#main a:focus-visible,#avia-menu a:focus-visible,.ea-cta a:focus-visible{outline:3px solid var(--ea-green);outline-offset:3px;border-radius:10px;}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto;}
  #main *,#header *,#footer-page *{transition:none!important;}
  .ea-js .ea-rv{opacity:1;transform:none;}
  .ea-js .ea-rv img{clip-path:none!important;}
  .ea-progress{display:none;}
  #reparaturen .avia-image-container img{transform:none!important;}
}
@media (prefers-reduced-transparency:reduce){
  #header .header_bg{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:#fff!important;}
  #reparaturen ul li,#touren .av_textblock_section p{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:rgba(8,30,14,.9)!important;}
}

/* ---------- Mobil ---------- */
@media (max-width:767px){
  #main .avia-section .content{padding-top:56px;padding-bottom:56px;}
  #main .avia-button{width:100%;}
  #main .avia-section.avia-bg-style-fixed{min-height:38vh;}
  #touren .content{padding-top:80px!important;padding-bottom:80px!important;}
}


/* =========================================================
   v1.3 – Überschriften in Grün-Verlauf + Wort-Animation
   ========================================================= */
#main .main_color.avia-section:not(.avia-full-stretch) .av_textblock_section h1{
  background:linear-gradient(100deg,#123d1c 0%,var(--ea-green-dark) 35%,var(--ea-green) 70%,#7fd96f 100%);
  background-size:220% 100%;background-position:100% 0;
  -webkit-background-clip:text;background-clip:text;color:transparent!important;
  transition:background-position 1.6s var(--ea-ease);
}
#main .main_color.avia-section:not(.avia-full-stretch) .ea-rv.is-in h1,
html:not(.ea-js) #main .main_color.avia-section .av_textblock_section h1{background-position:0 0;}
.ea-split .ea-sw{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.1em;margin-bottom:-.1em;}
.ea-split .ea-sw>span{display:inline-block;transform:translateY(110%);transition:transform .9s var(--ea-ease);transition-delay:calc(var(--i) * .06s + .1s);}
.ea-rv.is-in .ea-split .ea-sw>span,.ea-split.is-in .ea-sw>span{transform:none;}
/* Wortweise Spans erben den Verlauf nicht – deshalb Verlauf je Wort */
#main .main_color.avia-section:not(.avia-full-stretch) .av_textblock_section h1.ea-split{background:none;color:var(--ea-green-dark)!important;}
#main .main_color.avia-section:not(.avia-full-stretch) .av_textblock_section h1.ea-split .ea-sw>span{
  background:linear-gradient(100deg,#123d1c 0%,var(--ea-green-dark) 40%,var(--ea-green) 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}

/* =========================================================
   v1.3 – Sektion „Beratung & Verkauf“
   ========================================================= */
#verkauf{position:relative;overflow:hidden;background:#f4f7f2!important;}
#verkauf::before,#verkauf::after{
  content:"";position:absolute;border-radius:50%;pointer-events:none;z-index:0;filter:blur(60px);opacity:.55;
}
#verkauf::before{width:620px;height:620px;left:-180px;top:-200px;background:radial-gradient(circle,rgba(69,175,65,.45),transparent 65%);animation:ea-drift1 18s ease-in-out infinite alternate;}
#verkauf::after{width:560px;height:560px;right:-160px;bottom:-220px;background:radial-gradient(circle,rgba(155,225,154,.6),transparent 65%);animation:ea-drift2 22s ease-in-out infinite alternate;}
@keyframes ea-drift1{to{transform:translate(120px,80px) scale(1.15)}}
@keyframes ea-drift2{to{transform:translate(-140px,-60px) scale(1.1)}}
#verkauf .container{position:relative;z-index:1;}
#verkauf .ea-glow{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:0;transition:opacity .4s;
  background:radial-gradient(520px circle at var(--gx,50%) var(--gy,50%),rgba(69,175,65,.14),transparent 60%);}
#verkauf:hover .ea-glow{opacity:1;}
#verkauf .av_textblock_section h2{color:var(--ea-muted)!important;font-weight:600!important;}
#verkauf .av_textblock_section p{font-size:1.08rem;max-width:880px;}

/* Grüner Satz → Highlight-Karte */
#verkauf .ea-highlight{
  position:relative;overflow:hidden;display:flex;align-items:center;gap:18px;max-width:880px;
  margin:26px 0!important;padding:22px 26px 22px 24px;border-radius:20px;
  background:linear-gradient(120deg,#1f6b2a 0%,#2f8f35 45%,#45af41 100%);
  box-shadow:0 20px 50px rgba(31,107,42,.35);color:#fff!important;
}
#verkauf .ea-highlight strong{color:#fff!important;font-size:1.12rem;font-weight:700;line-height:1.45;}
#verkauf .ea-highlight::before{
  content:"";flex:none;width:52px;height:52px;border-radius:16px;background:rgba(255,255,255,.18)
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'/%3E%3Cpath d='M9 12l2 2 4-4'/%3E%3C/svg%3E") center/28px no-repeat;
}
#verkauf .ea-highlight::after{
  content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;
  background:linear-gradient(105deg,transparent,rgba(255,255,255,.28),transparent);transform:skewX(-18deg);
}
#verkauf .ea-rv.is-in .ea-highlight::after,#verkauf .ea-highlight.is-in::after{animation:ea-sweep 1.6s var(--ea-ease) .6s 1 both;}
@keyframes ea-sweep{to{left:130%}}

/* Marken-Logos: einheitliches Raster */
#verkauf .avia-logo-grid{margin-top:46px!important;}
#verkauf .avia-logo-grid .avia-content-slider-inner{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;height:auto!important;}
#verkauf .avia-logo-grid .slide-entry-wrap{display:contents!important;}
#verkauf .avia-logo-grid .slide-entry{
  width:auto!important;margin:0!important;float:none!important;padding:0!important;
  position:relative;aspect-ratio:2/1;display:flex!important;align-items:center;justify-content:center;
  background:rgba(255,255,255,.85);border-radius:18px;border:1px solid rgba(16,32,20,.06);
  box-shadow:0 1px 2px rgba(16,32,20,.04),0 10px 24px rgba(16,32,20,.06);
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  transition:transform .45s var(--ea-spring),box-shadow .4s var(--ea-ease),border-color .3s;
}
#verkauf .avia-logo-grid .slide-entry .slide-image,#verkauf .avia-logo-grid .slide-entry>:not(img){display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:none!important;}
#verkauf .avia-logo-grid .slide-entry img{
  width:auto!important;height:auto!important;max-width:96%!important;max-height:92%!important;mix-blend-mode:multiply;object-fit:contain;
  border-radius:0!important;filter:grayscale(1) brightness(1.07) contrast(1.15);opacity:.75;transition:filter .35s,opacity .35s,transform .45s var(--ea-spring);
}
#verkauf .avia-logo-grid .slide-entry:hover{transform:translateY(-6px) scale(1.03);border-color:rgba(69,175,65,.45);box-shadow:0 22px 44px rgba(31,107,42,.18);}
#verkauf .avia-logo-grid .slide-entry:hover img{filter:brightness(1.07) contrast(1.05);opacity:1;transform:scale(1.06);}
/* Logos poppen gestaffelt rein */
.ea-js #verkauf .avia-logo-grid .slide-entry{opacity:0;transform:translateY(24px) scale(.94);}
.ea-js #verkauf .avia-logo-grid.is-in .slide-entry{opacity:1;transform:none;transition:opacity .6s var(--ea-ease),transform .7s var(--ea-spring),box-shadow .4s,border-color .3s;transition-delay:calc(var(--i) * .045s);}
.ea-js #verkauf .avia-logo-grid.is-in .slide-entry:hover{transform:translateY(-6px) scale(1.03);transition-delay:0s;}
@media (max-width:989px){#verkauf .avia-logo-grid .avia-content-slider-inner{grid-template-columns:repeat(4,minmax(0,1fr));}}
@media (max-width:560px){#verkauf .avia-logo-grid .avia-content-slider-inner{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}#verkauf .ea-highlight{flex-direction:column;align-items:flex-start;}}

/* Reichweiten-Assistent (Box) */
#bikes .flex_column.av_one_full:has(.av_font_icon){border-radius:var(--ea-radius)!important;overflow:hidden;box-shadow:0 30px 60px rgba(0,0,0,.18);margin-top:56px!important;}

@media (prefers-reduced-motion:reduce){
  #verkauf::before,#verkauf::after{animation:none;}
  .ea-split .ea-sw>span{transform:none!important;transition:none;}
  .ea-js #verkauf .avia-logo-grid .slide-entry{opacity:1;transform:none;}
  #verkauf .ea-highlight::after{display:none;}
}

/* v1.4 – Bikes / Scooter getrennt */
#bikes .ea-cat-head{display:flex;align-items:center;gap:16px;margin:46px 0 22px!important;font-size:clamp(1.25rem,2vw,1.6rem)!important;font-weight:800!important;letter-spacing:-.02em!important;color:var(--ea-ink)!important;}
#bikes .ea-cat-head:first-child{margin-top:8px!important;}
#bikes .ea-cat-head::after{content:"";flex:1;height:2px;border-radius:2px;background:linear-gradient(90deg,rgba(69,175,65,.55),transparent);}
#bikes .ea-cat-head small{font-size:.7em;font-weight:600;color:var(--ea-muted);letter-spacing:0;}
#bikes .woocommerce.ea-bikes,#bikes .woocommerce.ea-scooter{margin-bottom:10px;}
#bikes .woocommerce.ea-bikes,#bikes .woocommerce.ea-scooter{float:none;clear:both;width:100%;}
#bikes .ea-cat-head{clear:both;width:100%;}
#bikes .woocommerce ul.products{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:0!important;padding:0!important;float:none!important;width:100%!important;}
#bikes .woocommerce ul.products::before,#bikes .woocommerce ul.products::after{display:none!important;}
#bikes .woocommerce ul.products li.product{width:auto!important;margin:0!important;float:none!important;clear:none!important;}
@media (max-width:989px){#bikes .woocommerce ul.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;}}
@media (max-width:560px){#bikes .woocommerce ul.products{grid-template-columns:1fr;}}

/* v1.4.2 – Produktseite mobil */
@media (max-width:767px){
  .single-product #main .container_wrap_first .content{padding-top:22px!important;padding-bottom:40px!important;}
  .single-product #main .flex_column.av_one_half.first{padding:14px!important;border-radius:22px!important;margin-bottom:18px!important;}
  .single-product #main h1{font-size:1.75rem!important;margin-bottom:16px!important;}
  .single-product #main .avia-data-table tr{display:grid!important;grid-template-columns:minmax(0,40%) minmax(0,1fr);align-items:baseline;border-bottom:1px solid var(--ea-line);}
  .single-product #main .avia-data-table tr:last-child{border-bottom:0;}
  .single-product #main .avia-data-table td{display:block!important;width:auto!important;text-align:left!important;padding:12px 14px!important;border:0!important;font-size:.95rem!important;line-height:1.4!important;}
  .single-product #main .avia-data-table td:first-child{font-size:.8rem!important;padding-right:4px!important;}
  .single-product .ea-price :is(p,h1,h2,h3,strong){font-size:1.6rem!important;}
  .ea-cta:not(.ea-sticky-cta){display:grid!important;grid-template-columns:1fr 1fr;gap:10px;}
  .ea-cta a{justify-content:center;gap:8px!important;padding:15px 10px!important;font-size:.92rem;white-space:nowrap;}
  .ea-cta svg{width:18px;height:18px;}
  #footer-page .avia-section img{max-width:220px!important;height:auto!important;}
}
