@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Sora:wght@600;700;800&display=swap');

/* ==========================================================================
   InnoviaDruck — Modern Design System
   Überschreibt das Cherry-Theme so weit wie möglich.
   Alles eigene Markup nutzt den Prefix .inv-
   ========================================================================== */

:root{
  --inv-ink:#0E1726;
  --inv-ink-soft:#5A6478;
  --inv-primary:#2F5BFF;
  --inv-primary-dark:#1E40E6;
  --inv-accent:#FF5C39;
  --inv-bg:#FFFFFF;
  --inv-bg-soft:#F4F6FB;
  --inv-line:#E7EBF3;
  --inv-radius:18px;
  --inv-radius-sm:12px;
  --inv-shadow:0 16px 40px rgba(16,23,38,.08);
  --inv-shadow-sm:0 6px 18px rgba(16,23,38,.06);
  --inv-grad:linear-gradient(135deg,#2F5BFF 0%,#5B4BFF 100%);
  --inv-font:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  --inv-head:'Sora','Inter',sans-serif;
}

/* ---- Globale Resets / Typo (sanftes Override des Themes) ---- */
body{
  font-family:var(--inv-font)!important;
  color:var(--inv-ink);
  -webkit-font-smoothing:antialiased;
  background:var(--inv-bg);
}
.inv-section h1,.inv-section h2,.inv-section h3,.inv-section h4,
.inv-section h5,.inv-section h6{
  font-family:var(--inv-head);
  color:var(--inv-ink);
  letter-spacing:-.02em;
  margin:0;
}
.inv-section p{color:var(--inv-ink-soft);line-height:1.7;margin:0;}
.inv-section a{text-decoration:none;}
.inv-section *{box-sizing:border-box;}

/* ---- Layout-Wrapper ---- */
.inv-section{
  padding:44px 16px;
  background:transparent;
}
.inv-section--soft{background:transparent;}
.inv-wrap{max-width:1200px;margin:0 auto;}
.inv-grid{display:grid;gap:24px;}
.inv-grid--4{grid-template-columns:repeat(4,1fr);}
.inv-grid--3{grid-template-columns:repeat(3,1fr);}
.inv-grid--2{grid-template-columns:repeat(2,1fr);}

/* ---- Section-Heads ---- */
.inv-head{margin-bottom:40px;}
.inv-head .inv-eyebrow{
  display:inline-block;
  font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;
  color:var(--inv-primary);margin-bottom:12px;
}
.inv-head h2{font-size:clamp(26px,3.4vw,38px);font-weight:800;line-height:1.1;}
.inv-head p{margin-top:10px;font-size:17px;max-width:560px;}

/* Cherry .section-title falls vom Theme verwendet */
.section-title h2{font-family:var(--inv-head);font-weight:800;color:var(--inv-ink);}

/* ---- Buttons (override Cherry .button / .action-button / .read-more) ---- */
.inv-btn,
.inv-section .button,
.inv-section .action-button a,
.inv-section .read-more a{
  display:inline-flex;align-items:center;gap:8px;
  padding:13px 26px;border-radius:999px;
  font-family:var(--inv-font);font-weight:600;font-size:15px;
  background:var(--inv-grad);color:#fff!important;border:0;
  box-shadow:0 8px 22px rgba(47,91,255,.28);
  transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease;
  cursor:pointer;
}
.inv-btn:hover,.inv-section .button:hover,.inv-section .action-button a:hover{
  transform:translateY(-2px);box-shadow:0 12px 28px rgba(47,91,255,.36);color:#fff;
}
.inv-btn--ghost{
  background:transparent;color:var(--inv-primary)!important;
  border:1.5px solid var(--inv-line);box-shadow:none;
}
.inv-btn--ghost:hover{border-color:var(--inv-primary);background:rgba(47,91,255,.05);}
.inv-btn--light{background:#fff;color:var(--inv-primary)!important;box-shadow:var(--inv-shadow-sm);}

/* ============================ HERO / SLIDER ============================ */
.owl-img,.inv-hero{position:relative;overflow:hidden;}
/* Owl-Slider auf feste Hero-Höhe zwingen (überschreibt autoHeight inline styles) */
.slider .owl-stage-outer,.slider .owl-height,.slider .owl-stage,.slider .owl-item,
.slider .owl-img.inv-hero,.inv-hero{height:460px!important;min-height:460px!important;}
.inv-hero{display:flex;align-items:center;background:var(--inv-ink);}
@media (max-width:600px){
  .slider .owl-stage-outer,.slider .owl-height,.slider .owl-stage,.slider .owl-item,
  .slider .owl-img.inv-hero,.inv-hero{height:420px!important;min-height:420px!important;}
}
.inv-hero img{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  opacity:.5;
}
.inv-hero::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(110deg,rgba(14,23,38,.92) 0%,rgba(31,64,230,.62) 60%,rgba(31,64,230,.2) 100%);
}
.inv-hero .inv-hero-inner{
  position:relative;z-index:2;max-width:1170px;margin:0 auto;
  padding:48px 31px;width:100%;box-sizing:border-box;
}
.inv-hero .inv-hero-box{max-width:560px;text-align:left!important;}
.inv-hero .inv-hero-box *{text-align:left!important;}
.inv-hero .inv-eyebrow{color:#9DB4FF;font-size:13px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;}
.inv-hero h1{
  font-family:var(--inv-head);font-weight:800;color:#fff;
  font-size:clamp(34px,5vw,58px);line-height:1.05;letter-spacing:-.02em;margin:14px 0 0;
}
.inv-hero h1 span{
  background:linear-gradient(90deg,#7DA0FF,#C9B6FF);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}
.inv-hero p{color:rgba(255,255,255,.85)!important;font-size:18px;margin-top:18px;max-width:480px;line-height:1.6;}
.inv-hero .inv-hero-cta{display:flex;gap:14px;margin-top:30px;flex-wrap:wrap;}

/* ============================ USP / TEASER ============================ */
.inv-usp{
  background:#fff;border:1px solid var(--inv-line);border-radius:var(--inv-radius);
  padding:34px 30px;box-shadow:var(--inv-shadow-sm);
  transition:transform .2s ease,box-shadow .2s ease;
}
.inv-usp:hover{transform:translateY(-4px);box-shadow:var(--inv-shadow);}
.inv-usp .inv-usp-ic{
  width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;
  background:rgba(47,91,255,.1);color:var(--inv-primary);font-size:24px;margin-bottom:18px;
}
.inv-usp h3{font-size:20px;font-weight:700;margin-bottom:8px;}
.inv-usp p{font-size:15px;}

/* ============================ PRODUKTE ============================ */
.inv-card{
  background:#fff;border:1px solid var(--inv-line);border-radius:var(--inv-radius);
  overflow:hidden;box-shadow:var(--inv-shadow-sm);
  transition:transform .2s ease,box-shadow .2s ease;
  display:flex;flex-direction:column;
}
.inv-card:hover{transform:translateY(-6px);box-shadow:var(--inv-shadow);}
.inv-card .inv-card-media{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--inv-bg-soft);}
.inv-card .inv-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease;}
.inv-card:hover .inv-card-media img{transform:scale(1.06);}
.inv-card .inv-card-body{padding:22px 22px 24px;display:flex;flex-direction:column;flex:1;}
.inv-card h3{font-size:18px;font-weight:700;margin-bottom:8px;}
.inv-card p{font-size:14px;flex:1;}
.inv-card .inv-card-foot{
  margin-top:16px;display:flex;align-items:center;justify-content:space-between;
}
.inv-card .inv-link{
  color:var(--inv-primary);font-weight:600;font-size:14px;display:inline-flex;align-items:center;gap:6px;
  transition:gap .18s ease;
}
.inv-card .inv-link:hover{gap:11px;}
.inv-badge{
  position:absolute;top:14px;left:14px;z-index:2;
  background:var(--inv-accent);color:#fff;font-size:12px;font-weight:600;
  padding:5px 12px;border-radius:999px;letter-spacing:.02em;
}

/* ============================ AKTION / PROMO ============================ */
.inv-promo{
  display:grid;grid-template-columns:1.4fr 1fr;gap:24px;
}
.inv-promo .inv-promo-main{
  position:relative;border-radius:var(--inv-radius);overflow:hidden;
  min-height:340px;display:flex;align-items:flex-end;
  box-shadow:var(--inv-shadow);
}
.inv-promo .inv-promo-main img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.inv-promo .inv-promo-main::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(0deg,rgba(14,23,38,.86) 0%,rgba(14,23,38,.15) 70%);
}
.inv-promo .inv-promo-txt{position:relative;z-index:2;padding:34px;color:#fff;max-width:520px;}
.inv-promo .inv-promo-txt h3{color:#fff;font-size:26px;font-weight:800;margin-bottom:10px;}
.inv-promo .inv-promo-txt p{color:rgba(255,255,255,.85)!important;margin-bottom:18px;}
.inv-promo .inv-promo-side{
  position:relative;border-radius:var(--inv-radius);overflow:hidden;
  background:var(--inv-grad);padding:34px;color:#fff;display:flex;flex-direction:column;justify-content:center;
  box-shadow:var(--inv-shadow);
}
.inv-promo .inv-promo-side .inv-tag{font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;opacity:.85;}
.inv-promo .inv-promo-side h3{color:#fff;font-size:24px;font-weight:800;margin:8px 0 10px;}
.inv-promo .inv-promo-side p{color:rgba(255,255,255,.9)!important;margin-bottom:20px;}

/* ============================ NEUE PRODUKTE ============================ */
.inv-tile{
  background:#fff;border:1px solid var(--inv-line);border-radius:var(--inv-radius);overflow:hidden;
  box-shadow:var(--inv-shadow-sm);transition:transform .2s ease,box-shadow .2s ease;
}
.inv-tile:hover{transform:translateY(-5px);box-shadow:var(--inv-shadow);}
.inv-tile img{width:100%;aspect-ratio:16/10;object-fit:cover;}
.inv-tile .inv-tile-body{padding:24px;}
.inv-tile h3{font-size:19px;font-weight:700;margin-bottom:8px;}
.inv-tile p{font-size:14px;margin-bottom:14px;}

/* ============================ FOOTER ============================ */
.inv-footer{font-family:var(--inv-font);}
.inv-footer *{box-sizing:border-box;}
.inv-footer .inv-foot-brand{
  font-family:var(--inv-head);font-weight:800;font-size:24px;letter-spacing:-.02em;
  color:var(--inv-ink);display:inline-block;margin-bottom:16px;
}
.inv-footer .inv-foot-brand span{color:var(--inv-primary);}
.inv-footer h4{
  font-family:var(--inv-head);font-size:14px;font-weight:700;text-transform:uppercase;
  letter-spacing:.08em;color:var(--inv-ink)!important;margin-bottom:18px;
}
.inv-footer p,.inv-footer p a{color:var(--inv-ink-soft)!important;line-height:1.7;font-size:14px;}
.inv-footer ul{list-style:none;padding:0;margin:0;}
.inv-footer ul li{margin-bottom:10px;}
.inv-footer ul li a{color:var(--inv-ink-soft)!important;font-size:14px;transition:color .15s ease,padding .15s ease;}
.inv-footer ul li a:hover{color:var(--inv-primary)!important;padding-left:4px;}
.inv-footer .inv-pay{display:flex;flex-wrap:wrap;gap:8px;align-items:center;}
.inv-footer .inv-pay img{background:#fff;border:1px solid var(--inv-line);border-radius:8px;padding:6px 8px;height:34px;width:auto;}

/* Social (override Cherry) */
.inv-section ul.inv-social,ul.inv-social{list-style:none;display:flex;gap:10px;padding:0;margin:0;}
ul.inv-social li a{
  width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  background:rgba(255,255,255,.08);color:#fff;font-size:16px;transition:transform .18s ease,background .18s ease;
}
ul.inv-social li a:hover{background:var(--inv-primary);transform:translateY(-3px);}
/* Social-Links die in einer fremden (Cherry-) UL stecken */
a.inv-soc{
  width:40px;height:40px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;
  background:var(--inv-bg-soft);color:var(--inv-ink)!important;font-size:16px;margin-right:8px;
  border:1px solid var(--inv-line);
  transition:transform .18s ease,background .18s ease,color .18s ease;
}
a.inv-soc:hover{background:var(--inv-primary)!important;transform:translateY(-3px);color:#fff!important;}

/* ============================ KONTAKT ============================ */
.inv-contact h6{
  font-family:var(--inv-head);font-weight:600;color:var(--inv-ink);
  font-size:16px;margin:0 0 4px;line-height:1.5;
}
.inv-contact h6.inv-muted{color:var(--inv-ink-soft);font-weight:400;font-size:15px;}
.inv-map{border-radius:var(--inv-radius);overflow:hidden;box-shadow:var(--inv-shadow-sm);border:1px solid var(--inv-line);}
.inv-map iframe{display:block;width:100%;height:340px;border:0;}

/* ============================ RESPONSIVE ============================ */
@media (max-width:991px){
  .inv-grid--4{grid-template-columns:repeat(2,1fr);}
  .inv-grid--3{grid-template-columns:repeat(2,1fr);}
  .inv-promo{grid-template-columns:1fr;}
}
@media (max-width:600px){
  .inv-section{padding:46px 16px;}
  .inv-grid--4,.inv-grid--3,.inv-grid--2{grid-template-columns:1fr;}
}

/* ======================================================================
   GLOBAL CHROME — Header · Nav · Suche · Mega-Menü · Cookie · Buttons ·
   Formulare · Footer-Leiste. Überschreibt Cherry auf ALLEN Seiten.
   ====================================================================== */

/* --- Header in den normalen Fluss holen (Cherry hat ihn absolut über dem Slider) --- */
.header-area{position:relative!important;}

/* --- Obere Utility-Leiste (Registrieren / Login) --- */
.header-top-bar{background:var(--inv-ink)!important;border:0!important;padding:0!important;}
.header-top-bar .container,.header-top-bar .row,.header-top-bar .col-xs-12{padding-top:0!important;padding-bottom:0!important;}
.header-top-bar .top-link{min-height:0!important;padding:0!important;}
.header-top-bar .top-link .user{
  margin:0!important;padding:0!important;display:flex!important;justify-content:flex-end;align-items:center;width:auto!important;
}
.header-top-bar .top-link .user > li{margin:0!important;width:auto!important;float:none!important;}
.header-top-bar .top-link .user > li > a.dropdown-toggle{
  color:rgba(255,255,255,.85)!important;font-family:var(--inv-font);font-weight:500;font-size:13px;line-height:1.3!important;
  padding:6px 14px!important;background:transparent!important;border:0!important;text-transform:none!important;
  width:auto!important;max-width:none!important;overflow:visible!important;white-space:nowrap!important;
  display:inline-flex!important;align-items:center;
}
.header-top-bar .top-link .user > li > a.dropdown-toggle:hover{color:#fff!important;}
.header-top-bar .top-link .user > li > a.dropdown-toggle i{color:#8AA4FF!important;margin-right:6px;}

/* --- Mittlerer Header (kompakt) --- */
.header-middle-area,#sticky-header{
  background:#fff!important;border-bottom:1px solid var(--inv-line)!important;
  box-shadow:0 2px 14px rgba(16,23,38,.05)!important;
}
#sticky-header{padding:10px 0!important;}
@media (min-width:992px){
  #sticky-header .full-width-mega-dropdown > .row{display:flex;align-items:center;flex-wrap:wrap;}
}
.logo{display:flex!important;align-items:center;min-height:0!important;margin:0!important;padding:0!important;}
.logo a{display:inline-flex;align-items:center;padding:0!important;margin:0!important;}
.logo img{max-height:44px!important;width:auto!important;margin:0!important;}
.navbar-toggler .menu-global{background:var(--inv-ink)!important;}

/* --- Hauptmenü --- */
.main-menu{margin:0!important;}
.main-menu > li{
  padding:0!important;margin:0!important;line-height:normal!important;height:auto!important;float:none!important;
}
/* Horizontales Layout nur auf Desktop – auf Mobile übernimmt Cherrys Hamburger-Collapse */
@media (min-width:992px){
  #primary-menu{display:flex!important;align-items:center;}
  .main-menu{display:flex!important;align-items:center;justify-content:center;flex-wrap:nowrap;height:auto!important;}
  .main-menu > li{display:flex!important;align-items:center;}
}
.main-menu > li > a,
.main-menu > li > .product-nav,
.main-menu > li > button{
  font-family:var(--inv-font)!important;font-weight:600!important;font-size:15px!important;
  color:var(--inv-ink)!important;text-transform:none!important;letter-spacing:0!important;
  padding:12px 16px!important;line-height:1.3!important;background:transparent!important;border:0!important;transition:color .15s ease;
}
.main-menu > li > a:hover,
.main-menu > li > .product-nav:hover,
.main-menu > li > button:hover,
.main-menu > li.active > a{color:var(--inv-primary)!important;}
.main-menu > li > a span{color:inherit!important;}

/* --- Suche --- */
.search-wrapper,.search-top-cart,.header-search,.header-search-inner{
  height:auto!important;padding:0!important;margin:0!important;display:flex;align-items:center;
}
.search-wrapper{justify-content:flex-end;}
.header-search-inner{position:relative;}
.searchInput{
  border:1.5px solid var(--inv-line)!important;border-radius:999px!important;
  padding:10px 18px!important;font-family:var(--inv-font)!important;font-size:14px!important;
  background:var(--inv-bg-soft)!important;color:var(--inv-ink)!important;height:auto!important;
  transition:border-color .15s ease,background .15s ease,box-shadow .15s ease;
}
.searchInput:focus{border-color:var(--inv-primary)!important;background:#fff!important;outline:0!important;box-shadow:0 0 0 3px rgba(47,91,255,.12)!important;}
.top-search-box button,.header-search .search-toggle{color:var(--inv-primary)!important;background:transparent!important;border:0!important;}

/* --- Mega-Menü: Panel --- */
.mega-menu-area{
  border-radius:0 0 18px 18px!important;box-shadow:var(--inv-shadow)!important;
  border:1px solid var(--inv-line)!important;border-top:0!important;background:#fff!important;
}
.mega-menu-area .nav-wrapper{padding:18px 24px!important;}

/* Kategorie-Layout (vom Categorizer-Script erzeugt) – Grid ist im absoluten Dropdown robust */
.inv-mega{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px 28px;align-items:start;}
@media (max-width:1200px){.inv-mega{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media (max-width:680px){.inv-mega{grid-template-columns:repeat(2,minmax(0,1fr));}}
.inv-mega-group{display:block;margin:0 0 20px;min-width:0;}
.inv-mega-title{
  font-family:var(--inv-head)!important;font-weight:800!important;font-size:13px!important;
  color:var(--inv-ink)!important;text-transform:uppercase;letter-spacing:.05em;
  padding:0 8px 9px;margin:0 0 6px;border-bottom:2px solid var(--inv-line);
  display:flex;align-items:center;gap:9px;
}
.inv-mega-title::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--inv-grad);flex:0 0 auto;}
.inv-mega-link{
  display:block;color:var(--inv-ink-soft)!important;font-family:var(--inv-font)!important;
  font-size:13.5px!important;line-height:1.3;padding:5px 8px!important;border-radius:8px!important;
  transition:color .12s ease,background .12s ease;
}
.inv-mega-link:hover{color:var(--inv-primary)!important;background:rgba(47,91,255,.08)!important;}

/* Fallback (falls das Script nicht läuft): A–Z-Liste wenigstens sauber spaltig */
.mega-menu-area .nav-wrapper > ul{list-style:none!important;margin:0!important;padding:0!important;column-count:4;column-gap:30px;}
.mega-menu-area .nav-wrapper > ul > li{break-inside:avoid;list-style:none!important;}
.mega-menu-area a.elements{display:block!important;color:var(--inv-ink-soft)!important;font-size:13.5px!important;padding:5px 8px!important;border-radius:8px;}
.mega-menu-area a.elements:hover{color:var(--inv-primary)!important;background:rgba(47,91,255,.08)!important;}
.mega-menu-area .abc{display:block!important;margin:14px 0 6px!important;color:var(--inv-primary)!important;font-weight:800!important;font-family:var(--inv-head)!important;background:none!important;width:auto!important;height:auto!important;}

/* --- Buttons (gezielt – NICHT die Dropdown-Toggles der Top-Bar) --- */
.submit-btn-1,input.submit-btn-1,.btn-hover-1,.button,
button.enableOnInput{
  display:inline-block;background:var(--inv-grad)!important;color:#fff!important;border:0!important;
  border-radius:999px!important;padding:12px 24px!important;font-family:var(--inv-font)!important;
  font-weight:600!important;font-size:14px!important;cursor:pointer;
  box-shadow:0 8px 22px rgba(47,91,255,.25)!important;transition:transform .15s ease,box-shadow .15s ease;
}
.submit-btn-1:hover,.btn-hover-1:hover,.button:hover{
  transform:translateY(-2px)!important;box-shadow:0 12px 26px rgba(47,91,255,.33)!important;color:#fff!important;
}
.submit-btn-2,.btn-hover-2{
  display:inline-block;background:transparent!important;color:var(--inv-primary)!important;
  border:1.5px solid var(--inv-line)!important;border-radius:999px!important;padding:11px 22px!important;
  font-family:var(--inv-font)!important;font-weight:600!important;box-shadow:none!important;transition:all .15s ease;
}
.submit-btn-2:hover,.btn-hover-2:hover{border-color:var(--inv-primary)!important;background:rgba(47,91,255,.05)!important;color:var(--inv-primary)!important;}

/* --- Formfelder --- */
.form-control{
  border:1.5px solid var(--inv-line)!important;border-radius:12px!important;padding:11px 14px!important;
  font-family:var(--inv-font)!important;box-shadow:none!important;transition:border-color .15s ease,box-shadow .15s ease;
}
.form-control:focus{border-color:var(--inv-primary)!important;box-shadow:0 0 0 3px rgba(47,91,255,.12)!important;}

/* --- Dropdown-Menüs (Login / Registrieren) --- */
.dropdown-menu{border:1px solid var(--inv-line)!important;border-radius:16px!important;box-shadow:var(--inv-shadow)!important;background:#fff!important;overflow:hidden;}
.top-link .dropdown-menu{min-width:300px!important;padding:22px!important;margin-top:10px!important;right:0!important;left:auto!important;}
.top-link .dropdown-menu b{font-family:var(--inv-head)!important;color:var(--inv-ink)!important;font-size:15px!important;display:block;margin-bottom:12px;font-weight:700;}
.top-link .dropdown-menu label{font-family:var(--inv-font)!important;font-weight:600!important;font-size:12.5px!important;color:var(--inv-ink-soft)!important;margin-bottom:6px!important;display:block;}
.top-link .dropdown-menu .head_log_men{margin-bottom:6px;}
.top-link .dropdown-menu input.submit-btn-1{width:100%!important;margin-top:16px!important;}
.top-link .dropdown-menu .submit-btn-2,.top-link .dropdown-menu .btn-hover-2{
  display:inline-block;margin-top:12px!important;font-size:13px!important;padding:0!important;border:0!important;background:transparent!important;color:var(--inv-primary)!important;box-shadow:none!important;
}
.top-link .dropdown-menu .submit-btn-2:hover{text-decoration:underline!important;transform:none!important;}

/* --- Cookie-Banner (euCookieNotice) --- */
.eupopup-container{
  background:#fff!important;border:1px solid var(--inv-line)!important;border-radius:16px!important;
  box-shadow:var(--inv-shadow)!important;padding:22px!important;max-width:380px!important;
  font-family:var(--inv-font)!important;color:var(--inv-ink-soft)!important;
}
.eupopup-head,.eupopup-title{font-family:var(--inv-head)!important;font-weight:700!important;color:var(--inv-ink)!important;font-size:16px!important;margin-bottom:8px!important;}
.eupopup-body{font-size:13.5px!important;line-height:1.6!important;color:var(--inv-ink-soft)!important;}
.eupopup-buttons{margin-top:14px!important;}
.eupopup-button{font-family:var(--inv-font)!important;border-radius:999px!important;}
.eupopup-button_1{background:var(--inv-grad)!important;color:#fff!important;border:0!important;padding:9px 20px!important;font-weight:600!important;text-decoration:none!important;}

/* --- Footer-Bottom-Leiste --- */
.bg-black{background:var(--inv-ink)!important;}
.bg-black small{color:rgba(255,255,255,.6)!important;font-family:var(--inv-font)!important;font-size:13px!important;display:block;text-align:center;padding:18px 0!important;}

/* --- Breadcrumb / Unterseiten --- */
.breadcrumb,.breadcrumb-area{background:transparent!important;font-family:var(--inv-font)!important;}
.breadcrumb a{color:var(--inv-primary)!important;}
.breadcrumb > .active,.breadcrumb li.active{color:var(--inv-ink-soft)!important;}

/* ======================================================================
   CHERRY-AKZENT (rot #e52f58 / magenta #ee006f) → InnoviaDruck-Blau
   ====================================================================== */
/* Text/Links die rot werden → blau */
a:hover,a:focus,
.text-theme,.color-magenta,
.main-menu > li:hover > a,.main-menu > li:hover > .product-nav,
.sticky .main-menu > li:hover > a,
nav .main-menu > li:hover .product-nav,nav .main-menu > li:hover > a,
nav .main-menu > li .fa-angle-right,nav .abc,
.dropdwn > li:hover > a,.single-mega-item > li:hover > a,
.user-meta > li > ul > li > a:hover,
.breadcrumb-list > li:hover > a,.breadcrumb-list > li:hover::before,
.footer-menu li:hover a,.footer-menu li:hover a i,footer .row ul a:hover,
.copyright-text p a:hover,
.action-button > li:hover > a,.product-item-2 .action-button > li:hover > a,
.banner-button a:hover,
.shop-tab li.active a,.cart-tab li a.active,.cart-tab li a.active span,
.order-total,.order-total-price,.top-cart-inner.subtotal span,
.del-icon > a:hover > i,.product-remove a:hover,.product-add-cart a:hover,
.widget-tags-list li:hover a,.blog-like-share li a:hover,.reply-delate li:hover a,
.pro-rating a,
.konto h4,.konto-tracking h3,.konto-tracking-detail h3,.detailinfo h3,
.contact-address:hover i,.mean-container .mean-nav ul li a:hover,
.total-cart-in:hover .cart-toggler > a,
.p-c a.active,.cart-tab li a.active,
#scrollUp:hover{color:var(--inv-primary)!important;}

/* Hintergründe die rot werden → blau */
.theme-bg,.bg-magenta,a.button,
.mark,mark,span.tooltip-content,
.pro-tab-menu ul li.active a,.pro-tab-menu-2 ul li.active::before,
.shop-pagination > li.active a,.shop-pagination > li:hover a,
.ui-slider .ui-slider-range,
.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,
.slick-dots-1 .slick-dots li.slick-active,
.nivo-controlNav a.active,
.quick-add-to-cart .single_add_to_cart_button:hover,
.widget-color ul li::before,
.summary .button,.konto .button,.konto-tracking .button,.konto-tracking-detail .button,
.konto-adresse .addrbookLinkCB{background-color:var(--inv-primary)!important;border-color:var(--inv-primary)!important;}
.bg-magenta,.product-item-2 .action-button{background:var(--inv-grad)!important;}

/* Linien / Unterstriche / Rahmen (::before-Akzente) → blau */
.main-menu > li > a::before,.dropdwn li a::before,.single-mega-item li a::before,
.btn-hover-2::before,.header-search-inner::before,
.border-left::before,footer .row h4::before,.footer-menu-2 li::before,
.bg-shape:hover:before{background-color:var(--inv-primary)!important;}

/* Fokus-Rahmen rot → blau */
input[type="text"]:focus,input[type="password"]:focus,
#sticky-header .searchInput:focus,#sticky-header .enableOnInput:focus,
.product-cat .treeview .collapsable > a,
.sidebar #cat-treeview .active > a{border-color:var(--inv-primary)!important;color:var(--inv-primary)!important;}

@media (max-width:600px){
  .inv-hero h1{font-size:30px!important;line-height:1.12;}
  .inv-hero p{font-size:15px;}
  .inv-hero .inv-hero-inner{padding:24px 18px;}
  #sticky-header{padding:6px 0;}
}