/* =====================================================================
   ARTiQ digital - Schicht ueber artiq.css (ARTiQ-Designsystem) und style.css (Trexa)
   Zweck: Logo-Violett statt Gruen, Standard dunkel auf allen Buehnen, Hell-Modus
   per html[data-theme="light"], eigene Bausteine (Fakten-Zeile, Loesungs-Texte,
   FAQ-Akkordeon, Kontaktkarte, Rechtsseiten). Layout und Effekte bleiben unangetastet.
   Token-Logik: artiq.css haengt alle Farben an --artiq-* Variablen. Hier werden sie
   umgehaengt: Root = dunkel, [data-theme=light] = hell, immer-dunkle Buehnen
   (Header, Menue, Hero, Loesungen, Leistungen, Footer, Preloader) ueberschreiben
   die Tokens lokal, damit sie im Hell-Modus dunkel bleiben wie auf artiq-marketing.de.
   ===================================================================== */

:root{
  /* Logo-Farben: Verlauf #705297 (oben) -> #8c2294 (unten) */
  --violet:#705297; --magenta:#8c2294;
  --acc-dark:#b07cdb; --acc-dark-ink:#c9a0ea;      /* Akzent auf dunklem Grund */
  --acc-light:#8c2294; --acc-light-ink:#6e1a77;    /* Akzent auf hellem Grund */
  --artiq-green:var(--acc-dark); --artiq-green-ink:var(--acc-dark-ink); --artiq-green-text:var(--acc-dark-ink);
  --artiq-green-soft:rgba(140,34,148,.22);
  --artiq-ink:#ffffff; --artiq-body:#c9c9c4; --artiq-muted:#8f8f8a; --artiq-muted-light:#bdbdb7;
  --artiq-line:rgba(255,255,255,.14); --artiq-paper:#0f0f0e; --artiq-coal:#111110;
  --artiq-bg:#060606; --artiq-bg-alt:#0b0b0a;
  color-scheme:dark;
}
html[data-theme="light"]{
  --artiq-green:var(--acc-light); --artiq-green-ink:var(--acc-light-ink); --artiq-green-text:var(--acc-light-ink);
  --artiq-green-soft:#f3e8f5;
  --artiq-ink:#1d1d1b; --artiq-body:#3a3a35; --artiq-muted:#83837e; --artiq-muted-light:#bdbdb7;
  --artiq-line:#e4e4df; --artiq-paper:#f3f3ef; --artiq-coal:#0f0f0e;
  --artiq-bg:#ffffff; --artiq-bg-alt:#ffffff;
  color-scheme:light;
}
/* Immer dunkle Buehnen: Tokens lokal auf dunkel halten (auch im Hell-Modus) */
.artiq-header,.artiq-menu,.hero-section-5,.project-section-3__area,.cyber-services7,.artiq-footer,.loader-wrap{
  --artiq-green:var(--acc-dark); --artiq-green-ink:var(--acc-dark-ink); --artiq-green-text:var(--acc-dark-ink);
  --artiq-green-soft:rgba(140,34,148,.22);
  --artiq-ink:#ffffff; --artiq-body:#c9c9c4; --artiq-muted:#8f8f8a; --artiq-muted-light:#bdbdb7;
  --artiq-line:rgba(255,255,255,.14); --artiq-paper:#0f0f0e; --artiq-coal:#111110;
}
html{background:var(--artiq-bg)}
body{background:var(--artiq-bg)!important;color:var(--artiq-ink)}
.has-smooth,#smooth-wrapper,#smooth-content{background:transparent}

/* ---------- Buehnen-Hintergruende ---------- */
.about-area6{background:var(--artiq-bg-alt)}
.about-us-5__area{background:var(--artiq-bg)}
.about-section-3__area{background:var(--artiq-bg-alt);border-top:1px solid var(--artiq-line)}
.artiq-faq{background:var(--artiq-bg)}
.artiq-start-anfrage{background:var(--artiq-paper)}
.hero-section-5__wrapper{background-image:radial-gradient(1200px 800px at 82% 8%,rgba(112,82,151,.26),transparent 60%),radial-gradient(900px 600px at 10% 100%,rgba(140,34,148,.12),transparent 60%),linear-gradient(133deg,#121212 0%,#0a0a0a 45%,#050505 100%)!important}
.artiq-menu__bg{background-image:radial-gradient(70% 50% at 100% 100%,rgba(140,34,148,.22),transparent 70%),radial-gradient(60% 40% at 0% 0%,rgba(255,255,255,.04),transparent 70%)!important}

/* ---------- Knoepfe: Violett-Verlauf mit weisser Schrift (statt Gruen mit dunkler Schrift) ---------- */
.artiq-btn--primary{background:linear-gradient(135deg,var(--violet) 0%,var(--magenta) 100%);color:#fff;border-color:transparent;box-shadow:0 10px 30px rgba(140,34,148,.22)}
.artiq-btn--primary:hover{background:#fff;border-color:#fff;color:#060606;box-shadow:none}
html[data-theme="light"] .about-us-5__area .artiq-btn--primary:hover,
html[data-theme="light"] .artiq-start-anfrage .artiq-btn--primary:hover{background:#1d1d1b;border-color:#1d1d1b;color:#fff}
.artiq-btn--ghost:hover{border-color:var(--artiq-green);color:var(--artiq-green)}
.tr-btn{background:linear-gradient(135deg,var(--violet) 0%,var(--magenta) 100%)!important;color:#fff!important}
.tr-btn img{filter:invert(1)}
.tr-btn:hover{background:#fff!important;color:#060606!important}
.tr-btn:hover img{filter:none}
html[data-theme="light"] .about-section-3__area .tr-btn:hover{background:#1d1d1b!important;color:#fff!important}
html[data-theme="light"] .about-section-3__area .tr-btn:hover img{filter:invert(1)}
.project-section-3__btn a{background:linear-gradient(135deg,var(--violet) 0%,var(--magenta) 100%)!important;color:#fff!important}
.project-section-3__btn a:hover{background:#fff!important;color:#060606!important}
.project-section-3__top .section-heading__wrap_3 .section__subtitle{border-color:rgba(176,124,219,.6)!important}
.about-area6__number-button{color:#fff!important;background:linear-gradient(135deg,var(--violet) 0%,var(--magenta) 100%)!important;border-color:transparent!important}
.cyber-services7__arrow{background:linear-gradient(135deg,var(--violet) 0%,var(--magenta) 100%)!important}
.cyber-services7__arrow svg path{stroke:#fff!important}
.cyber-services7__arrow:hover{background:#fff!important}
.cyber-services7__arrow:hover svg path{stroke:#060606!important}
.cyber-services7__card:hover{box-shadow:0 18px 44px rgba(0,0,0,.45),0 0 0 1px rgba(176,124,219,.45)!important}
::selection{background:var(--magenta);color:#fff}
.artiq-target circle[fill]{fill:var(--artiq-green)}

/* ---------- Header: Theme-Schalter neben dem Kontakt-Knopf; mobil neben dem Burger ---------- */
.artiq-theme{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border-radius:50%;border:1px solid rgba(255,255,255,.22);background:transparent;color:#f2f2ee;cursor:pointer;transition:all .3s;flex:0 0 auto}
.artiq-theme:hover,.artiq-theme:focus-visible{background:var(--artiq-green);border-color:var(--artiq-green);color:#060606;outline:none}
.artiq-theme svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.artiq-theme__moon{display:none}
html[data-theme="light"] .artiq-theme__sun{display:none}
html[data-theme="light"] .artiq-theme__moon{display:block}
@media (max-width:1199px){.artiq-header__social .artiq-theme{display:inline-flex;width:38px;height:38px;margin-right:4px}}
/* Unterseiten (Impressum, Datenschutz): Leiste von Anfang an gefuellt, weil darunter kein dunkler Hero liegt */
.is-unterseite .artiq-header .artiq-header__bar{background:rgba(6,6,6,.86)!important;backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%)}

/* ---------- Hero: Fakten-Zeile statt Bewertungs-/Siegel-Zeile ---------- */
.artiq-hero__facts{display:flex;flex-wrap:wrap;gap:12px 36px;width:100%;margin:22px 0 0;padding:26px 0 0;border-top:1px solid var(--artiq-line);list-style:none}
.artiq-hero__facts li{display:flex;align-items:center;gap:10px;font-weight:300;font-size:15px;line-height:1.3;color:#e8e8e3}
.artiq-hero__facts li::before{content:"✦";font-size:13px;color:var(--artiq-green);flex:0 0 auto}
@media (max-width:1199px){.artiq-hero__facts{gap:10px 24px}}

/* ---------- Intro: grosses "KI" statt Jahreszahl ---------- */
.about-area6__number-title{color:var(--artiq-ink)!important;line-height:.9!important}
.about-area6__content-subtitle{margin-top:0!important}

/* ---------- Leistungen: acht Karten in zwei Reihen ---------- */
.cyber-services7__cards{row-gap:24px}
.cyber-services7__card{height:100%}
.cyber-services7__card-title{-webkit-hyphens:manual;hyphens:manual}

/* ---------- Loesungen: Titel + Textzeile unter jeder Kachel ---------- */
.artiq-loesung__titel{margin:20px 6px 0;font-family:var(--font_kanit);font-weight:600;font-size:22px;line-height:1.1;letter-spacing:.005em;text-transform:uppercase;color:#fff}
.artiq-loesung__text{margin:10px 6px 0;max-width:440px;font-family:var(--font_kanit);font-weight:300;font-size:16px;line-height:1.5;color:#c9c9c4}
@media (max-width:1199px){.artiq-loesung__titel{font-size:18px;margin:14px 4px 0}.artiq-loesung__text{font-size:15px;margin:6px 4px 0}}

/* ---------- Vorgehen: Etappen-Nummer, Icons in Textfarbe ---------- */
.about-us-5__icon svg path{fill:var(--artiq-ink)!important}
.artiq-schritt{display:block;margin:0 0 8px;font-family:var(--font_kanit);font-weight:500!important;font-size:12px!important;letter-spacing:.14em;color:var(--artiq-green)!important}
@media (max-width:1199px){.artiq-schritt{display:inline-block;margin:0 10px 0 0}}

/* ---------- Ueber uns ---------- */
.about-section-3__thumb img{border-radius:20px}

/* ---------- FAQ: Trexa-Akkordeon in der ARTiQ-Handschrift (ohne FontAwesome, ohne Schatten) ---------- */
.artiq-faq .section-heading__wrap_3,.artiq-start-anfrage .section-heading__wrap_3{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:56px}
.artiq-faq .section__subtitle,.artiq-start-anfrage .section__subtitle{margin:0 0 22px!important}
.accordion .global-accordion-item .global-accordion-header,.accordion .global-accordion-item .global-accordion-collapse{background:transparent!important;box-shadow:none!important}
.artiq-faq__list{max-width:1100px;margin:0 auto}
.accordion .global-accordion-item{background:transparent!important;border:1px solid var(--artiq-line);border-radius:20px!important;box-shadow:none!important;margin-bottom:14px!important;transition:border-color .3s}
.accordion .global-accordion-item:has(.global-accordion-button:not(.collapsed)){border-color:var(--artiq-green)}
.accordion .global-accordion-item .global-accordion-button,
.accordion .global-accordion-item .global-accordion-button.collapsed{
  appearance:none;-webkit-appearance:none;width:100%;text-align:left;cursor:pointer;
  background:transparent!important;border:0!important;border-radius:0!important;
  padding:22px 28px!important;font-family:var(--font_kanit)!important;font-size:22px!important;font-weight:500!important;line-height:1.3!important;color:var(--artiq-ink)!important;gap:20px}
.accordion .global-accordion-item .global-accordion-button .question{display:block}
.accordion .global-accordion-item .global-accordion-button::after,
.accordion .global-accordion-item .global-accordion-button.collapsed::after{
  content:""!important;flex:0 0 auto;width:36px!important;height:36px!important;padding:0!important;border:1px solid var(--artiq-line)!important;border-radius:50%!important;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b07cdb' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E") center/16px no-repeat!important;
  transition:transform .3s,border-color .3s!important}
html[data-theme="light"] .artiq-faq .global-accordion-button::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238c2294' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E")!important}
.accordion .global-accordion-item .global-accordion-button:not(.collapsed)::after{transform:rotate(45deg);border-color:var(--artiq-green)!important}
.accordion .global-accordion-item .global-accordion-body{padding:0 28px 26px!important;background:transparent!important;box-shadow:none!important}
.accordion .global-accordion-item .global-accordion-body p{margin:0;font-family:var(--font_kanit)!important;font-weight:300!important;font-size:18px!important;line-height:1.6!important;color:var(--artiq-body)!important;max-width:900px}
@media (max-width:767px){
  .accordion .global-accordion-item .global-accordion-button,.accordion .global-accordion-item .global-accordion-button.collapsed{padding:18px 20px!important;font-size:18px!important}
  .accordion .global-accordion-item .global-accordion-body{padding:0 20px 20px!important}
  .accordion .global-accordion-item .global-accordion-body p{font-size:16px!important}
}

/* ---------- Kontakt: Karte statt Formular (Runde 1) ---------- */
.artiq-kontakt{max-width:980px;margin:0 auto;padding:56px 48px;border:1.4px solid var(--artiq-green);border-radius:20px;background:var(--artiq-bg-alt);text-align:center}
.artiq-kontakt > p{max-width:720px;margin:0 auto 30px;font-family:var(--font_kanit);font-weight:300;font-size:22px;line-height:1.5;color:var(--artiq-body)}
.artiq-kontakt__row{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.artiq-kontakt .artiq-btn--ghost{color:var(--artiq-ink);border-color:var(--artiq-line)}
.artiq-kontakt .artiq-btn--ghost:hover{color:var(--artiq-green);border-color:var(--artiq-green)}
.artiq-kontakt__meta{margin:28px auto 0!important;font-size:14px!important;font-weight:300;color:var(--artiq-muted)!important;line-height:1.5}
.artiq-kontakt__meta a{color:inherit;text-decoration:underline;text-decoration-color:var(--artiq-green);text-underline-offset:4px}
@media (max-width:767px){.artiq-kontakt{padding:32px 20px}.artiq-kontakt > p{font-size:18px}.artiq-kontakt .artiq-btn{width:100%}}

/* ---------- Rechtsseiten ---------- */
.artiq-legal{padding:190px 0 120px;background:var(--artiq-bg)}
.artiq-legal .section-heading__wrap_3{margin-bottom:44px}
.artiq-legal .section__title{font-size:56px}
.artiq-legal__text{max-width:820px;font-family:var(--font_kanit);font-weight:300;font-size:18px;line-height:1.65;color:var(--artiq-body)}
.artiq-legal__text h2{margin:44px 0 14px;font-size:24px;font-weight:600;line-height:1.15;text-transform:uppercase;letter-spacing:.005em;color:var(--artiq-ink)}
.artiq-legal__text p{margin:0 0 16px}
.artiq-legal__text a{color:var(--artiq-ink);text-decoration:underline;text-decoration-color:var(--artiq-green);text-underline-offset:4px}
.artiq-legal__text a:hover{color:var(--artiq-green)}
@media (max-width:767px){.artiq-legal{padding:130px 0 80px}.artiq-legal .section__title{font-size:36px}.artiq-legal__text{font-size:16px}.artiq-legal__text h2{font-size:20px}}

/* ---------- Mobile-Menue: Link zur Schwester-Marke als Textzeile ---------- */
.artiq-menu__contact a[target="_blank"]{color:var(--artiq-green)}