/* Start custom CSS *//* ANDRIC INNOVA Redesign - Anpassungen an den HTML-Snippets 2-5 (Stand 2026-10-16). Header und Kapitel-Leiste stecken direkt in Snippet 1 v2, Feinschliff unten. */
/* Buttons in den Grafiken: 16px */
body .ainx .ainx-toggle{font-size:16px}
body .ainx .seg button{font-size:16px}
/* Eyebrow-Texte einheitlich 14px */
body .ainx .mono,body .ainx .ax-i .proof strong,body .ainx .bp-title,body .ainx #ainx-crystalState{font-size:var(--ain-mono-size,14px)}
/* Access-Netzwerk: Mindestgroesse 14px, naechste Stufe 16px */
body .ainx .ax-n .t{font-size:16px}
body .ainx .ax-n .sub{font-size:14px}
body .ainx .ax-n .no{font-size:14px}
body .ainx .ax-h .lbl{font-size:14px;line-height:1.2}
body .ainx .ax-h .lbl b{display:inline-block;width:min-content}
body .ainx .ax-h img{display:none}
body .ainx .ax-s{font-size:14px}
@media (max-width:760px){body .ainx .ax-n .t{font-size:16px}body .ainx .ax-h{width:124px;height:124px}body .ainx .ax-h .lbl{font-size:14px;letter-spacing:.04em}body .ainx .ax-s{font-size:0}}
/* Ueberblick: Track record und Access to */
body .ainx .ax-i .proof{font-size:16px}
body .ainx .ax-i .tag{font-size:16px}
body .ainx .ax-chips li{font-size:14px}
/* Header (Snippet 1 v2): Logo nochmals +30 %, Abstand Wortmarke zu den Orten 3px kleiner */
body .ainx2-nav .ainx-brand img{width:64.2px}
body .ainx2-nav .brand-t small{margin-top:4px}
@media (max-width:400px){body .ainx2-nav .ainx-brand img{width:52px}}
/* Header-Pop-up: Neon-Verlaufsrand mit Glow, 15 % breiter (240 -> 276px) */
body .ainx2-nav ul{width:276px;min-width:0;background:transparent;box-shadow:none;clip-path:none;isolation:isolate;filter:drop-shadow(0 0 8px rgba(244,0,192,.55)) drop-shadow(0 0 18px rgba(74,110,138,.35))}
body .ainx2-nav ul::before,body .ainx2-nav ul::after{content:"";position:absolute;z-index:-1;pointer-events:none}
body .ainx2-nav ul::before{inset:0;background:linear-gradient(135deg,#f400c0 0%,#8a2bff 35%,#4a6e8a 70%,#4a6e8a 100%);clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px)}
body .ainx2-nav ul::after{inset:2px;background:#0e0e13;clip-path:polygon(13px 0,100% 0,100% calc(100% - 13px),calc(100% - 13px) 100%,0 100%,0 13px)}
/* Use Case: Abstand zum Statement darueber 30px kleiner */
body .ainx .uc-switch{margin-top:calc(clamp(40px,5vw,64px) - 30px)}
/* Access-Netzwerk Tablet: Branchen-Labels duerfen umbrechen, damit nichts ueber den Rand ragt */
@media (min-width:761px) and (max-width:1100px){body .ainx .ax-s{white-space:normal;max-width:150px;line-height:1.3}}
/* Netzwerkkarte: Koordinaten ohne Zusatz-Laufweite, damit sie bei 14px im Panel bleiben */
body .ainx #ainx-map text{letter-spacing:0}
/* Tablet-Header 521-800 px (2026-10-16): Book a call bis 800 px ausgeblendet (Menue enthaelt Contact), bis 760 px Logo 52 px und Abstand 14 px, bis 600 px Orte ausgeblendet */
@media (max-width:800px){body .ainx2-nav .ain-btn{display:none}}
@media (max-width:760px){body .ainx2-nav .ainx-wrap{gap:14px}body .ainx2-nav .ainx-brand img{width:52px}}
@media (max-width:600px){body .ainx2-nav .brand-t small{display:none}}
/* Stern im Hero 60 px hoeher (2026-10-16): ab 1025 px exakt 60 px; 601-1024 px bis zu 60 px, mit mind. ca. 12 px Abstand zum oberen Rand; bis 600 px unveraendert, weil dort "Book a call" ueber der Sternspitze sitzt */
@media (min-width:1025px){body .ain-hero .ain-star-stage{top:calc(30px - clamp(0px, 100vh - 745px, 70px))}}
@media (min-width:601px) and (max-width:1024px){body .ain-hero .ain-star-stage{margin-top:max(-30px,calc(8px - clamp(24px,3.5vw,48px)))}}

/* 2026-10-17: Ueberschriften in den Grafik-Snippets wie die Seiten-Ueberschriften: Chakra Petch 400, enger */
body .ainx h1,body .ainx h2,body .ainx h3,body .ainx h4{font-weight:400;letter-spacing:-.02em;line-height:1}
/* 2026-10-17: Kapitel-Leiste 100 px ueber der Bildschirmmitte (Snippet 1 v8 zentriert sie); Footer-Stopp bleibt, weil das Skript die echte Position misst */
body .ainx2-rail{transform:translateY(calc(-50% - 100px + var(--ainx-rail-y,0px)))}
/* 2026-10-17: Hero-Button Book a call ab 601 px oben rechts (absolut, 16-28 px unter der Oberkante), ohne Hover-Bewegung; der Stern behaelt seine Position, weil die 42 px Button-Hoehe als Abstand ueber der Star Stage ausgeglichen werden */
@media (min-width:601px){body .elementor .ain-hero > .ain-btn{position:absolute;top:clamp(16px,2vw,28px);left:auto;right:max(var(--ain-gutter,40px),(100% - var(--ain-wrap,1200px))/2 + var(--ain-gutter,40px));transform:none;translate:none}body .elementor .ain-hero > .ain-btn:hover,body .elementor .ain-hero > .ain-btn:focus-visible{transform:none}body .ain-hero > .ain-btn + .ain-star-stage{margin-top:72px}}
@media (min-width:601px) and (max-width:1024px){body .ain-hero > .ain-btn + .ain-star-stage{margin-top:calc(max(-30px,calc(8px - clamp(24px,3.5vw,48px))) + 42px)}}
/* 2026-10-17: Stern ab 1025 px weitere 70 px hoeher, danach wieder 50 px und weitere 40 px tiefer (top 30px statt -60px), (top-Regel oben; bei Fensterhoehe unter ca. 815 px entsprechend weniger, damit die Spitze sichtbar bleibt) */
/* 2026-10-17: Stern-Groesse: erst 20 % kleiner, dann wieder 20 % groesser (709 px, bis 860 px 532 px) */
body .elementor .ain-star-stage{max-width:709.4px}
@media (max-width:860px){body .elementor .ain-star-stage{max-width:531.8px}}
/* 2026-10-17: (ab Snippet 1 v12 ohne Namen) Netzwerk-Namen (Snippet 1 v9, an den Naben der Hintergrund-Netzwerke) in #4a6e8a, gedaempft (35 % dunkler), Schrift wie der Button "Book a call" (Rahmen kommt aus dem Snippet) */
body #ainx-star text.tip{fill:#4a6e8a !important;opacity:.4 !important;font-family:var(--ain-font-display,"Chakra Petch"),sans-serif;font-weight:600;letter-spacing:.06em}
/* 2026-10-17: Stern: Fluegel links/rechts sowie Dreieck ueber und Flaechen unter der A-Querlinie dunkler (Flaechen-Reihenfolge aus Snippet 1 v8, bei Snippet-Aenderung pruefen) */
body #ainx-star:not(.v10) > g:first-of-type > polygon:is(:nth-child(21),:nth-child(22),:nth-child(23),:nth-child(24),:nth-child(26),:nth-child(27),:nth-child(32),:nth-child(33),:nth-child(34),:nth-child(35),:nth-child(37),:nth-child(38)){opacity:.3}
body #ainx-star:not(.v10) > g:first-of-type > polygon:is(:nth-child(3),:nth-child(4),:nth-child(7),:nth-child(14),:nth-child(15),:nth-child(16),:nth-child(17),:nth-child(18),:nth-child(19),:nth-child(20),:nth-child(31),:nth-child(42)){opacity:.25}
/* 2026-10-17: Stern: Schenkel und Querlinien des A wieder pink, mit dunkelpinkem Verlauf (oben #f400c0, Mitte #b8008f, unten #5c0048); Netzlinien im A und Fluegel unveraendert */
body #ainSaGrad stop:nth-child(1){stop-color:#f400c0;stop-opacity:1}
body #ainSaGrad stop:nth-child(2){stop-color:#b8008f;stop-opacity:.85}
body #ainSaGrad stop:nth-child(3){stop-color:#5c0048;stop-opacity:.5}
body #ainSaIn stop:nth-child(1){stop-opacity:.75}
body #ainSaIn stop:nth-child(2){stop-opacity:.6}
body #ainSaIn stop:nth-child(3){stop-opacity:.35}
body #ainx-star g[stroke*="aGrad"] polyline:nth-child(even){stroke-width:2.6px}
body #ainx-star g[stroke*="aGrad"] polyline:nth-child(odd){stroke-opacity:.3}
/* 2026-10-17: Stern: auch die Verbindungslinien in den Querbalken des A pink (A-Spitze -> Mitte, Mitte -> Querbalken oben, Querbalken unten -> Mitte; Linien-Reihenfolge aus Snippet 1, bei Snippet-Aenderung pruefen) */
body #ainx-star:not(.v10) > g:nth-of-type(2) > line:is(:nth-child(8),:nth-child(11),:nth-child(12),:nth-child(51),:nth-child(52)){stroke:url(#ainSaIn);stroke-opacity:.75}
/* 2026-10-17: Titel ANDRIC INNOVA im Goldenen Schnitt: Breite = 61,8 % der Spannweite der Sternspitzen (Schrift 6 % der Sternbreite, Titel ist 9,56 x Schriftgroesse breit), Achse bei 38,2 % der Sternhoehe von unten (60,9 % von oben) */
body .elementor .ain-star-stage{container-type:inline-size}
body .ain-hero h1.ain-h1:has(span){white-space:nowrap;font-weight:700;letter-spacing:.16em;padding-inline-start:.16em;font-size:6cqw}
body .ain-hero h1.ain-h1 span{font-weight:400}
@media (min-width:601px){body .elementor .ain-hero-over:has(h1 span){inset-block-start:60.9%}}
/* 2026-10-17: Hero-Buttons in den oberen Ecken des Seitenrasters: links Explore, rechts Book a call, beide gleich breit (Container ain-hero-btns) */
body .elementor .ain-hero > .ain-hero-btns{position:absolute;top:clamp(16px,2vw,28px);right:max(var(--ain-gutter,40px),(100% - var(--ain-wrap,1200px))/2 + var(--ain-gutter,40px));left:max(var(--ain-gutter,40px),(100% - var(--ain-wrap,1200px))/2 + var(--ain-gutter,40px));z-index:3;width:auto;min-width:0;padding:0;display:flex;flex-direction:row;gap:12px;align-items:center;justify-content:space-between;pointer-events:none}
body .elementor .ain-hero-btns > .ain-btn{pointer-events:auto}
body .elementor .ain-hero-btns > .ain-btn,body .elementor .ain-hero-btns > .ain-btn:hover,body .elementor .ain-hero-btns > .ain-btn:focus-visible{position:static;inset:auto;transform:none;translate:none;margin:0}
body .elementor .ain-hero-btns > .ain-btn{width:auto;min-width:150px;justify-content:center;font-size:14px;padding:9px 14px;background-color:transparent;backdrop-filter:none}
@media (min-width:601px){body .ain-hero > .ain-hero-btns + .ain-star-stage{margin-top:72px}}
@media (min-width:601px) and (max-width:1024px){body .ain-hero > .ain-hero-btns + .ain-star-stage{margin-top:calc(max(-30px,calc(8px - clamp(24px,3.5vw,48px))) + 42px)}}
@media (max-width:600px){body .elementor .ain-hero > .ain-hero-btns{position:relative;top:auto;right:auto;left:auto;flex-wrap:wrap;justify-content:center;max-width:100%}body .elementor .ain-hero-btns > .ain-btn{white-space:normal}}
body .ain-hero .ain-hero-actions:not(:has(*)){display:none}
/* 2026-10-17: Stern ab Snippet 1 v10 wie das Original-Logo (A leuchtet cyan, Trennlinien duenn pink); die Stern-Regeln oben gelten nur fuer die alte Fassung (:not(.v10)) */
/* 2026-10-17: Hero-Universum (Sternenstaub + fuenf Netzwerke) liegt ab Snippet 1 v9 im Snippet selbst *//* End custom CSS */