ENVÍO 24/48H · PENÍNSULA GRATIS A PARTIR DE 100 € DISTRIBUIDOR OFICIAL DJI OUTLET HASTA -40% PILOTOS ASESORANDO: L–V 9–18H
/* ── Globale Token ── */ :root { --font-display:"Barlow Condensed",Impact,sans-serif; --font-body: „Inter“, „Helvetica Neue“, serifenlos; --font-mono:"JetBrains Mono",ui-monospace,monospace; --accent:#ff5a1a; --radius:4px; --wrap:1320px; --pad:clamp(16px,3vw,24px); }/* ── Elementor-Wrapper wird zurückgesetzt (funktioniert mit Gap:no und Gap:default) ── */ .iha-topbar-section .elementor-container, .iha-hdr-section .elementor-container { max-width:100%!important; padding:0!important; } .iha-topbar-section .elementor-element-populated, .iha-topbar-section .elementor-widget-wrap, .iha-hdr-Abschnitt .elementor-element-populated, .iha-hdr-section .elementor-widget-wrap { padding:0!important; } .iha-hdr-section > .elementor-container { min-height:74px!important; Höhe:74px!wichtig; Überlauf:sichtbar!wichtig; } .iha-hdr-section .elementor-column { display:flex!important; align-items:center!important; Höhe:74px!wichtig; Überlauf:sichtbar!wichtig; }/* ── Obere Leiste ── */ .iha-topbar { Hintergrund:#0c0c0e; border-bottom:1px solid rgba(255,255,255,.08); Schriftfamilie:var(--font-body); Schriftgröße:12px; Farbe:#67676d; } .iha-topbar__inner { Anzeige:flex; align-items:center; justify-content:space-between; Höhe:36px; max-width:var(--wrap); margin:0 self; padding:0 var(--pad); } .iha-topbar__left, .iha-topbar__right { display:flex; Lücke:18px; align-items:center; } .iha-topbar a { color:#67676d; Textdekoration: keine; Übergang: .15s; } .iha-topbar a:hover { color:#ff5a1a; }/* ── Kopfbereich ── */ .iha-hdr-Abschnitt { Hintergrund:#0c0c0e !important; border-bottom:1px solid rgba(255,255,255,.08); Position:klebrig; oben:0; Z-Index:200; Hintergrundfilter: Unschärfe (12 Pixel); } .iha-hdr-section .elementor-widget-container { display:flex; align-items:center; Breite: 100 %; Höhe:74px; Überlauf:sichtbar; }/* ── Burger ── */ .iha-burger-wrap { Anzeige:flex; align-items:center; justify-content:center; Höhe:74px; Polsterung:0 12px 0 16px; } .iha-burger { Breite:48px; Höhe:48px; Anzeige:flex; Flex-Richtung:Spalte; align-items:center; justify-content:center; Lücke:4px; border:1px solid rgba(255,255,255,.16); Grenzradius:var(--radius); Hintergrund: keiner; Cursor:Zeiger; Übergang:.2s; Position:relativ; Farbe:#f5f5f7; } .iha-burger span { display:block; Breite: 18 Pixel; Höhe:2px; Hintergrund:#f5f5f7; Übergang:.2s; } .iha-burger em { Position:absolut; unten:-20px; links:50 %; transform:translateX(-50%); Schriftfamilie:var(--font-mono); Schriftgröße:9px; Buchstabenabstand: .16em; texttransform:uppercase; Farbe:#67676d; Schriftstil:normal; Leerraum:nowrap; } .iha-burger:hover { border-color:#ff5a1a; Hintergrund:rgba(255,90,26,.08); } .iha-burger:hover span { Hintergrund:#ff5a1a; }/* ── Logo ── */ .iha-col-logo .elementor-widget-container { height:74px; padding:0 8px !important; } .iha-col-logo .elementor-image { display:flex !important; align-items:center !important; Höhe: 100 % !wichtig; } .iha-col-logo img { max-height:44px !important; width:auto !important; height:auto !important; } .iha-col-logo .elementor-image img { max-height:44px !important; width:auto !important; height:auto !important; }/* ── Navigationsmenü – mehrere Selektoren zur Abdeckung aller Elementor-Varianten ── */ .iha-hdr-section .elementor-nav-menu--main, .iha-hdr-section .elementor-nav-menu__container, .iha-nav-widget .elementor-nav-menu--main, .iha-nav-widget .elementor-nav-menu__container { display:flex; align-items:center; Höhe:74px; }.iha-hdr-Abschnitt .elementor-nav-menu, .iha-nav-widget .elementor-nav-menu { display:flex !important; align-items:center; justify-content:centähm; Lücke:6px; padding:0!important; Rand:0!wichtig; Listenstil:none; Höhe: 100 %; }.iha-hdr-Abschnitt .elementor-nav-menu a, .iha-hdr-section .elementor-nav-menu > li > a, .iha-nav-widget .elementor-nav-menu a, .iha-nav-widget .elementor-nav-menu > li > a, .iha-nav-widget .elementor-item { display:inline-flex !important; align-items:center !important; Lücke:5px; Schriftfamilie: „Barlow Condensed“, Impact, serifenlos !important; Schriftgröße:16px !important; Schriftstärke:600 !important; Buchstabenabstand: .08em !important; texttransform:uppercase !important; Farbe:#f5f5f7 !important; Textdekoration: keine !important; Polsterung:9px 16px !important; Randradius:4px; Transition:.2s !important; Leerraum:nowrap; Höhe:auto!wichtig; } .iha-hdr-section .elementor-nav-menu a:hover, .iha-nav-widget .elementor-nav-menu a:hover, .iha-nav-widget .elementor-item:hover { color:#ff5a1a !important; Hintergrund:rgba(255,90,26,.08) !important; }/* is-hot – orangefarbener Punkt mit Glühen */ .iha-hdr-section .is-hot > a::before, .iha-nav-widget .is-hot > a::before, .iha-nav-widget li.is-hot .elementor-item::before { Inhalt:"" !important; display:inline-block !important; Breite:6px; Höhe: 6px; Randradius:50%; Hintergrund:#ff5a1a; box-shadow:0 0 8px #ff5a1a; Flex-Schrumpf:0; }/* is-outlet – Pille */ .iha-hdr-section .is-outlet > a, .iha-nav-widget .is-outlet > a, .iha-nav-widget li.is-outlet .elementor-item { color:#ff5a1a !important; } .iha-hdr-section .is-outlet > a::after, .iha-nav-widget .is-outlet > a::after, .iha-nav-widget li.is-outlet .elementor-item::after { Inhalt:"-40%" !important; Hintergrund:#ff5a1a; Farbe:#0a0a0a; Schriftgröße:9px; Schriftstärke:700; Buchstabenabstand: .05em; Polsterung: 2px 5px; Randradius:2px; margin-left:4px; Zeilenhöhe:1,4; }/* ── Suchen – Schaltfläche „velocity.html-Stil“ ── */ .iha-col-search .elementor-widget-container { padding:0 !important; Flex:1; } .iha-search-btn { Anzeige:flex; align-items:center; Lücke:10px; Polsterung: 10px 12px; Breite: 100 %; Hintergrund:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.08); Grenzradius:var(--radius); Farbe:#67676d; Schriftgröße:13px; Schriftfamilie:var(--font-body); Cursor:Zeiger; Übergang:.2s; text-align:left; Mindestbreite: 0; } .iha-search-btn:hover { border-color:#ff5a1a; Farbe:#aeaeb3; } .iha-search-btn svg { flex-shrink:0; Strich: aktuelle Farbe; } .iha-search-btn span { flex:1; } .iha-search-btn kbd { Schriftfamilie:var(--font-mono); Schriftgröße:10px; Polsterung: 3px 6px; Hintergrund:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.08); Randradius:3px; Farbe:#67676d; Flex-Schrumpf:0; }/* ── Suche – ohne rechten Abstand wird die Lücke durch den Rand von col-tools ── */ angegeben .iha-col-search .elementor-widget-container { padding:0 12px 0 0 !important; Flex:1; }/* ── Tools – klebt am rechten Rand der Seite ── */ .iha-tools { display:flex; align-items:center; Lücke:2px; Höhe:74px; justify-content:flex-end; padding:0 Klammer(12px,2vw,20px) 0 0; Breite: 100 %; } .iha-col-tools .elementor-widget-container { justify-content:flex-end !important; padding:0 !important; } .iha-tool-icon { Breite:40px; Höhe:40px; Anzeige:flex; align-items:center; justify-content:center; Rand: 1 Pixel durchgehend transparent; Grenzradius:var(--radius); Farbe:#aeaeb3; Textdekoration: keine; Übergang:.2s; } .iha-tool-icon:hover { border-color:rgba(255,255,255,.16); Farbe:#f5f5f7; }/* ── Schublade ── */ .drawer-scrim { Position:fest; Einschub:0; Hintergrund:rgba(0,0,0,.6); Hintergrundfilter:unschärfe(6px); Z-Index:999; Deckkraft:0; Zeigerereignisse: keine; Übergang: Deckkraft .25s; } .drawer-scrim.is-open { opacity:1; Zeigerereignisse:auto; } .drawer { Position:fest; oben:0; links:0; unten:0; Breite:min(420px,90vw); Z-Index:1000; Hintergrund:#0c0c0e; border-right:1px solid rgba(255,255,255,.08); transform:translateX(-100%); Übergang:transform .3s kubisch-bezier(.32,.72,0,1); overflow-y:auto; Anzeige:flex; Flex-Richtung:Spalte; Farbe:#f5f5f7; Schriftfamilie:var(--font-body); } .drawer.is-open { transform:translateX(0); } .drawer__head { Anzeige:flex; justify-content:space-between; align-items:flex-start; Polsterung: 24px 24px 20px; border-bottom:1px solid rgba(255,255,255,.08); } .drawer__eyebrow { Anzeige:Block; Schriftfamilie:var(--font-mono); Schriftgröße:10px; Buchstabenabstand: .18em; texttransform:uppercase; Farbe:#67676d; margin-bottom:6px; } .drawer__title h3 { Schriftfamilie:var(--font-display); Schriftgröße:24px; Schriftstärke:700; texttransform:uppercase; Buchstabenabstand:-.01em; } .drawer__close { Breite:34px; Höhe:34px; border:1px solid rgba(255,255,255,.08); Grenzradius:var(--radius); Anzeige:flex; align-items:center; justify-content:center; Farbe:#f5f5f7; Hintergrund: keiner; Cursor:Zeiger; Übergang:.2s; } .drawer__close:hover { border-color:#ff5a1a; Farbe:#ff5a1a; } .drawer__nav { padding:8px 0; Flex:1; } .drawer__group { Anzeige:flex; align-items:center; Lücke:14px; Polsterung: 14px 24px; border-left:2px durchgehend transparent; Übergang: .15s; Cursor:Zeiger; Textdekoration: keine; Farbe: erben; } .drawer__group:hover { Hintergrund:rgba(255,90,26,.06); border-left-color:#ff5a1a; } .drawer__num { Font-Familie:var(--font-mono); Schriftgröße:11px; Buchstabenabstand: .06em; Farbe:#67676d; Breite:28px; Flex-Schrumpf:0; } .drawer__txt { flex:1; } .drawer__txt stark { Anzeige:Block; Schriftfamilie:var(--font-display); Schriftgröße:18px; Schriftstärke:700; texttransform:uppercase; Farbe:#f5f5f7; } .drawer__txt em { display:block; Schriftgröße:11px; Farbe:#67676d; margin-top:2px; Schriftstil:normal; } .drawer__group:hover .drawer__txt strong { color:#ff5a1a; } .drawer__group svg { color:#67676d; Deckkraft:0; transform:translateX(-4px); Übergang:.2s; } .drawer__group:hover svg { color:#ff5a1a; Deckkraft:1; transform:translateX(0); } .drawer__group.is-feature .drawer__num { color:#ff5a1a; } .drawer__sep { height:1px; Hintergrund:rgba(255,255,255,.08); Rand: 8px 24px; } .drawer__foot { Polsterung: 18px 24px; border-top:1px solid rgba(255,255,255,.08); Anzeige:flex; justify-content:space-between; align-items:center; Schriftfamilie:var(--font-mono); Schriftgröße:11px; Buchstabenabstand: .14em; texttransform:uppercase; Farbe:#67676d; } .drawer__foot a { color:#ff5a1a; Textdekoration: keine; }
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap');/* ============================================================ IHA RACE – Geschwindigkeit · Filmisches Rennen Zwei kontrastierende dunkle Skins auf demselben Markup. ======================================================== *//* ===== ZURÜCKSETZEN ===== */ *,*::before,*::after{box-sizing:border-box;margin:0;padding:0} html,body{height:100%} Körper{ Schriftfamilie:var(--font-body); Hintergrund:var(--bg-0); Farbe:var(--text); Zeilenhöhe:1,5; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; } a{color:inherit;text-decoration:none} Schaltfläche{font:inherit;color:inherit;background:none;border:0;cursor:pointer} img,svg{display:block;max-width:100%} ul{list-style:none} Eingabe{font:inherit;color:inherit} em{font-style:normal}/* ===== TOKENS – Standardwerte / Velocity ===== */ :root{ --font-display:"Barlow Condensed",Impact,sans-serif; --font-body: „Inter“, „Helvetica Neue“, serifenlos; --font-mono:"JetBrains Mono",ui-monospace,monospace;--bg-0:#ffffff; --bg-1:#f4f4f6; --bg-2:#e8e8ec; --bg-3:#dcdce2; --bg-inv:#0a0a0a;--text:#0a0a0a; --text-soft:#555558; --text-mute:#888890; --text-on-accent:#0a0a0a;--accent:#ff5a1a; /* leuchtendes Racing-Orange */ --accent-hot:#ff7a3a; --accent-2:#ffac4d; --accent-cool:#3aa0ff; /* wird nicht in der Geschwindigkeit verwendet */--line:rgba(0,0,0,.09); --line-strong:rgba(0,0,0,.16);--radius-sm:2px; --radius:4px; --radius-lg:6px; --radius-xl:10px;--shadow-1:0 6px 30px rgba(0,0,0,.35); --shadow-glow:0 0 0 1px rgba(255,90,26,.5),0 14px 50px rgba(255,90,26,.18);--pad:clamp(16px,3vw,24px); --section-y:88px; --wrap:1320px; }/* ===== DARK ZONE: obere Leiste → Vertrauensleiste ===== */ .topbar,.hdr,.hero,.trust,.guides,.gift{ --bg-0:#050505; --bg-1:#0c0c0e; --bg-2:#161618; --bg-3:#1f1f23; --text:#f5f5f7; --text-soft:#aeaeb3; --text-mute:#67676d; --line:rgba(255,255,255,.08); --line-strong:rgba(255,255,255,.16); Farbe:var(--text); }/* ===== LAYOUT ===== */ .wrap{ Breite: 100 %; max-width:var(--wrap); margin:0 self; padding:0 var(--pad); }.sec-head{ Anzeige:flex; align-items:flex-end; justify-content:space-between; Lücke:32px; margin-bottom:36px; flex-wrap:wrap; } .sec-head--center{ Flex-Richtung:Spalte; align-items:center; text-align:center; } .sec-head__lead{max-width:640px} .sec-head__lead p{margin-top:10px}.eyebrow{ display:inline-flex; align-items:center; Lücke:10px; Schriftfamilie:var(--font-mono); Schriftgröße:11px; Schriftstärke:500; Buchstabenabstand: .18em; texttransform:uppercase; Farbe:var(--text-soft); margin-bottom:14px; } .eyebrow__bar{ display:inline-block; Breite:24px; Höhe: 1px; Hintergrund:var(--accent); } .eyebrow--center{justify-content:center} .eyebrow--invert{color:var(--text-soft)} .eyebrow--alt{color:var(--accent-2)}.sec-title{ Schriftfamilie:var(--font-display); Schriftgröße:klemme(36px,4.4vw,58px); Schriftstärke:800; Zeilenhöhe:.96; Buchstabenabstand:-.01em; texttransform:uppercase; Farbe:var(--text); } .sec-title em{color:var(--accent);font-style:italic} .sec-title--invert{color:var(--text)} .sec-sub{ margin-top:14px; Farbe:var(--text-soft); Schriftgröße:15px; maximale Breite: 60 Kanäle; }.sec-link{ display:inline-flex; align-items:center; Lücke:8px; Schriftfamilie:var(--font-mono); Schriftgröße:11px; Schriftstärke:500; Buchstabenabstand: .16em; texttransform:uppercase; Farbe:var(--text); border-bottom:1px durchgehend transparent; padding-bottom:4px; Übergang:.2s; } .sec-link:hover{color:var(--accent);border-color:var(--accent)} .sec-link--invert{color:rgba(255,255,255,.85)} .sec-link--alt{color:var(--accent-2)}/* ===== TASTEN ===== */ .btn{ display:inline-flex; align-items:center; Lücke:10px; Polsterung: 13px 22px; Schriftfamilie:var(--font-display); Schriftgröße: 15px; Schriftstärke:700; Buchstabenabstand: .04em; texttransform:uppercase; Grenzradius:var(--radius); Übergang:.2s; Cursor:Zeiger; Leerraum:nowrap; } .btn--primary{ Hintergrund:var(--accent); color:var(--text-on-accent); box-shadow:0 8px 24px rgba(255,90,26,.32); } .btn--primary:hover{ Hintergrund:var(--accent-hot); transform:translateY(-1px); box-shadow:0 12px 32px rgba(255,90,26,.45); } .btn--ghost{ Hintergrund:transparent; Farbe:var(--text); border:1px solid var(--line-strong); } .btn--ghost:hover{border-color:var(--accent);color:var(--accent)}/* ===== TICKER ===== */ .ticker{ Hintergrund:var(--accent); color:var(--text-on-accent); Überlauf:versteckt; border-bottom:1px solid rgba(0,0,0,.2); } .ticker__inner{ Anzeige:flex; Lücke:36px; align-items:center; Leerraum:nowrap; Polsterung:8px 0; Schriftfamilie:var(--font-mono); Schriftgröße:11px; Buchstabenabstand: .18em; texttransform:uppercase; Schriftstärke:500; Animation:tickerScroll 38s linear unendlich; width:max-content; } .ticker__item b{font-weight:700} .ticker__sep{opacity:.5} @keyframes tickerScroll{to{transform:translateX(-50%)}}/* ===== TOPBAR ===== */ .topbar{ Hintergrund:var(--bg-1); border-bottom:1px solid var(--line); Schriftgröße:12px; Farbe:var(--text-soft); } .topbar__inner{ Anzeige:flex; align-items:center; justify-content:space-between; Höhe:36px; Lücke:24px; } .topbar__left,.topbar__right{display:flex;gap:18px;align-items:center} .topbar__left a,.topbar__right a{transition:.15s} .topbar__left a:hover,.topbar__right a:hover{color:var(--accent)} .topbar__loc{display:flex;align-items:center;gap:6px} .topbar__loc svg{strich:var(--accent)} .topbar__div{width:1px;height:14px;background:var(--line)}/* ===== HEADER ===== */ .hdr{ Hintergrund:var(--bg-1); border-bottom:1px solid var(--line); Position:klebrig; oben:0; Z-Index:200; Hintergrundfilter: Unschärfe (12 Pixel); } .hdr__inner{ Anzeige:flex; align-items:center; Lücke:18px; Höhe:74px; } .hdr__burger{ Breite:48px;Höhe:48px; display:flex;flex-direction:column;align-items:center;justify-content:center; Lücke:4px; border:1px solid var(--line-strong); Grenzradius:var(--radius); Position:relativ; Übergang:.2s; } .hdr__burger span{display:block;width:18px;height:2px;background:var(--text);transition:.2s} .hdr__burger em{ Position:absolut; unten:-22px;links:50%;transform:translateX(-50%); Schriftfamilie:var(--font-mono);Schriftgröße:9px;Buchstabenabstand:.16em;text-transform:uppercase; color:var(--text-mute); Schriftstil:normal; } .hdr__burger:hover{border-color:var(--accent);background:rgba(255,90,26,.08)} .hdr__burger:hover span{background:var(--accent)}.hdr__logo{ display:flex;align-items:center;gap:10px; Textdekoration: keine; Flex-Schrumpf:0; } .hdr__logo-mark{ Breite:38px;Höhe:38px; Farbe:var(--text); display:flex;align-items:center;justify-content:center; } .hdr__logo-mark svg{width:38px;height:38px} .hdr__logo-type{display:flex;flex-direction:column;line-height:1} .hdr__logo-type strong{ Schriftfamilie:var(--font-display); Schriftstärke:900; Schriftgröße:24px; Buchstabenabstand:-.01em; Farbe:var(--text); } .hdr__logo-type strong + em{ Schriftfamilie:var(--font-display); Schriftstärke:500; Schriftgröße:24px; Buchstabenabstand: .04em; Farbe:var(--accent); margin-left:2px; } .hdr__logo-type stark, .hdr__logo-type em:not(small){display:inline} .hdr__logo-type small{ Anzeige:Block; Schriftfamilie:var(--font-mono); Schriftgröße:9px; Buchstabenabstand: .18em; texttransform:uppercase; color:var(--text-mute); margin-top:4px; }.hdr__nav{ Anzeige:flex; Lücke:2px; Flex:1; margin-left:14px; } .hdr__nav-item{ display:inline-flex; align-items:center; Lücke:5px; Polsterung: 9px 12px; Schriftfamilie:var(--font-display); Schriftgröße:14px; Schriftstärke:600; Buchstabenabstand: .06em; texttransform:uppercase; Farbe:var(--text); Grenzradius:var(--radius); Übergang:.2s; Leerraum:nowrap; } .hdr__nav-item:hover{color:var(--accent);background:rgba(255,90,26,.08)} .hdr__nav-item svg{opacity:.5} .hdr__nav-dot{ width:6px;height:6px;border-radius:50%; Hintergrund:var(--accent); box-shadow:0 0 8px var(--accent); } .hdr__nav-item.is-outlet{color:var(--accent)} .hdr__nav-pill{ Hintergrund:var(--accent); color:var(--text-on-accent); Schriftfamilie:var(--font-mono); Schriftgröße:9px; Buchstabenabstand: .05em; Polsterung: 2px 5px; Randradius:2px; Schriftstärke:600; }.hdr__tools{display:flex;align-items:center;gap:10px} .hdr__search{ Anzeige:flex; align-items:center; Lücke:10px; Polsterung: 10px 12px; Hintergrund:rgba(255,255,255,.04); border:1px solid var(--line); Grenzradius:var(--radius); color:var(--text-mute); Schriftgröße:13px; Mindestbreite: 280 Pixel; Übergang:.2s; } .hdr__search:hover{border-color:var(--accent);color:var(--text-soft)} .hdr__search svg{stroke:currentColor;flex-shrink:0} .hdr__search span{flex:1;text-align:left} .hdr__search kbd{ Schriftfamilie:var(--font-mono); Schriftgröße:10px; Polsterung: 3px 6px; Hintergrund:rgba(255,255,255,.05); border:1px solid var(--line); Randradius:3px; color:var(--text-mute); } .hdr__icon{ Breite:42px;Höhe:42px; display:flex;align-items:center;justify-content:center; border:1px solid var(--line); Grenzradius:var(--radius); Farbe:var(--text); Position:relativ; Übergang:.2s; } .hdr__icon:hover{border-color:var(--accent);color:var(--accent)} .hdr__icon-badge{ Position:absolut;oben:-6px;rechts:-6px; Hintergrund:var(--accent); color:var(--text-on-accent); Schriftfamilie:var(--font-mono); Schriftgröße:10px; Schriftstärke:700; Breite:18px;Höhe:18px; Randradius:50%; display:flex;align-items:center;justify-content:center; border:2px solid var(--bg-1); }/* ===== SCHUBLADE ===== */ .drawer-scrim{ Position:fest; Einschub:0; Hintergrund:rgba(0,0,0,.6); Hintergrundfilter:unschärfe(6px); Z-Index:999; opacity:0;pointer-events:none; Übergang: Deckkraft .25s; } .drawer-scrim.is-open{opacity:1;pointer-events:auto} .drawer{ Position:fest; oben:0;links:0;unten:0; Breite:min(420px,90vw); Z-Index:1000; Hintergrund:var(--bg-1); border-right:1px solid var(--line); transform:translateX(-100%); Übergang:transform .3s kubisch-bezier(.32,.72,0,1); overflow-y:auto; Anzeige:flex; Flex-Richtung:Spalte; } .drawer.is-open{transform:translateX(0)} .drawer__head{ Anzeige:flex; justify-content:space-between; align-items:flex-start; Polsterung: 24px 24px 20px; border-bottom:1px solid var(--line); } .drawer__eyebrow{ Anzeige:Block; Schriftfamilie:var(--font-mono); Schriftgröße:10px; Buchstabenabstand: .18em; texttransform:uppercase; color:var(--text-mute); margin-bottom:6px; } .drawer__title h3{ Schriftfamilie:var(--font-display); Schriftgröße:24px; Schriftstärke:700; texttransform:uppercase; Buchstabenabstand:-.01em; } .drawer__close{ Breite:34px;Höhe:34px; border:1px solid var(--line); Grenzradius:var(--radius); display:flex;align-items:center;justify-content:center; Farbe:var(--text); Übergang:.2s; } .drawer__close:hover{border-color:var(--accent);color:var(--accent)} .drawer__nav{ Polsterung:8px 0; Flex:1; } .drawer__group{ Anzeige:flex; align-items:center; Lücke:14px; Polsterung: 14px 24px; border-left:2px durchgehend transparent; Übergang: .15s; Cursor:Zeiger; } .drawer__group:hover{ Hintergrund:rgba(255,90,26,.06); border-left-color:var(--accent); } .drawer__num{ Schriftfamilie:var(--font-mono); Schriftgröße:11px; Buchstabenabstand: .06em; color:var(--text-mute); Breite:28px; Flex-Schrumpf:0; } .drawer__txt{flex:1} .drawer__txt strong{ Anzeige:Block; Schriftfamilie:var(--font-display); Schriftgröße:18px; Schriftstärke:700; texttransform:uppercase; Buchstabenabstand:0; Farbe:var(--text); } .drawer__txt em{ Anzeige:Block; Schriftgröße:11px; color:var(--text-mute); margin-top:2px; Schriftstil:normal; } .drawer__group:hover .drawer__txt strong{color:var(--accent)} .drawer__group svg{color:var(--text-mute);opacity:0;transform:translateX(-4px);transition:.2s} .drawer__group:hover svg{color:var(--accent);opacity:1;transform:translateX(0)} .drawer__group.is-feature .drawer__num{color:var(--accent)} .drawer__sep{ Höhe:1px;Hintergrund:var(--line); Rand: 8px 24px; } .drawer__foot{ Polsterung: 18px 24px; border-top:1px solid var(--line); Anzeige:flex; justify-content:space-between; align-items:center; Schriftfamilie:var(--font-mono); Schriftgröße:11px; Buchstabenabstand: .14em; texttransform:uppercase; } .drawer__foot a{color:var(--accent);transition:.2s}/* ===== HELD ===== */ .hero{ Position:relativ; Hintergrund:var(--bg-0); Überlauf:versteckt; } .hero__viewport{ Position:relativ; Höhe:min(680px,86vh); Mindesthöhe: 560 Pixel; Überlauf:versteckt; } .hero__slide{ Position:absolut;Einsatz:0; Deckkraft:0; Zeigerereignisse: keine; Übergang:Opazität .8s Leichtigkeit; Anzeige:flex; align-items:center; } .hero__slide.is-active{opacity:1;pointer-events:auto} .hero__bg{ Position:absolut;Einsatz:0; Hintergrundgröße:cover; Hintergrundposition: Mitte rechts; Hintergrundwiederholung:keine Wiederholung; Filter:Saturate(.95) Contrast(1.05); transform:scale(1); Transition: 8s-Ease-Out transformieren; } .hero__slide.is-active .hero__bg{transform:scale(1.06)} .hero__bg-grad{ Position:absolut;Einsatz:0; Hintergrund: linearer Gradient(nach rechts,var(--bg-0) 0%,rgba(5,5,5,.85) 35%,rgba(5,5,5,.45) 60%,rgba(5,5,5,.2) 100%, linear-gradient(to top,rgba(5,5,5,.7) 0%,transparent 50%); } .hero__grid{ Position:relativ; Z-Index:2; Breite: 100 %; } .hero__copy{max-width:600px} .hero__eyebrow{ display:inline-flex; align-items:center; Lücke:10px; Polsterung: 7px 12px; border:1px solid var(--accent); Grenzradius:var(--radius); Schriftfamilie:var(--font-mono); Schriftgröße:11px; Buchstabenabstand: .16em; texttransform:uppercase; Farbe:var(--accent); margin-bottom:24px; } .hero__eyebrow-pulse{ width:8px;height:8px;border-radius:50%; Hintergrund:var(--accent); Animation:protoPulse 1.6s Easy-in-out unendlich; } .hero__title{ Schriftfamilie:var(--font-display); Schriftgröße: Klammer (56px, 8vw, 108px); Schriftstärke:900; Zeilenhöhe:.88; Buchstabenabstand: -.025em; texttransform:uppercase; Farbe:#fff; margin-bottom:24px; } .hero__title-line{display:block} .hero__title em{ Farbe:var(--accent); Schriftstil:kursiv; Schriftstärke:800; } .hero__desc{ Schriftgröße:16px; Farbe:var(--text-soft); maximale Breite: 520 Pixel; Zeilenhöhe:1,65; margin-bottom:28px; } .hero__ctas{display:flex;gap:12px;flex-wrap:wrap}.hero__chip{ Position:absolut; unten:40px; rechts:32px; Z-Index:3; Hintergrund:rgba(0,0,0,.6); border:1px solid var(--line-strong); Hintergrundfilter: Unschärfe (10 Pixel); Polsterung: 14px 18px; Schriftfamilie:var(--font-mono); Schriftgröße:11px; Buchstabenabstand: .12em; texttransform:uppercase; Farbe:var(--text-soft); Grenzradius:var(--radius); } .hero__chip span{display:block} .hero__chip strong{ Anzeige:Block; margin-top:4px; Farbe:var(--accent); Schriftstärke:600; }/* Heldenschiene (Karussell-Chrom) */ .hero__rail{ Hintergrund:var(--bg-1); border-top:1px solid var(--line); border-bottom:1px solid var(--line); } .hero__rail-inner{ Anzeige:flex; align-items:stretch; Lücke:0; Höhe:88px; } .hero__rail-nav{ Breite:60px; display:flex;align-items:center;justify-content:center; border-right:1px solid var(--line); Farbe:var(--text-soft); Übergang:.2s; } .hero__rail-nav:last-child{border-right:none;border-left:1px solid var(--line)} .hero__rail-nav:hover{background:var(--accent);color:var(--text-on-accent)} .hero__rail-list{ Flex:1; Anzeige:Gitter; Grid-Template-Columns:repeat(3,1fr); } .hero__rail-item{ Anzeige:flex; Flex-Richtung:Spalte; justify-content:center; Lücke:6px; Polsterung: 14px 20px; text-align:left; border-right:1px solid var(--line); Übergang:.2s; Position:relativ; Farbe:var(--text-soft); } .hero__rail-item:last-child{border-right:none} .hero__rail-item:hover{background:rgba(255,90,26,.06);color:var(--text)} .hero__rail-num{ Schriftfamilie:var(--font-mono); Schriftgröße:10px; Buchstabenabstand: .18em; color:var(--text-mute); } .hero__rail-label{ Schriftfamilie:var(--font-display); Schriftgröße:14px; Schriftstärke:600; texttransform:uppercase; Buchstabenabstand: .02em; } .hero__rail-item.is-active{color:var(--text)} .hero__rail-item.is-active .hero__rail-num{color:var(--accent)} .hero__rail-bar{ Position:absolut; unten:0;links:0;rechts:0; Höhe:2px; Hintergrund:transparent; } .hero__rail-fill{ Anzeige:Block; Höhe: 100 %; Breite:0%; Hintergrund:var(--accent); }/* ===== VERTRAUENSBAR ===== */ .trust{ Hintergrund:var(--bg-1); border-bottom:1px solid var(--line); } .trust__grid{ Anzeige:Gitter; Grid-Template-Columns:repeat(4,1fr); Lücke:0; Polsterung:0; } .trust__item{ Anzeige:flex; align-items:center; Lücke:14px; Polsterung:22px 24px; border-right:1px solid var(--line); } .trust__item:last-child{border-right:none} .trust__icon{ Breite:42px;Höhe:42px; border:1px solid var(--line-strong); Grenzradius:var(--radius); display:flex;align-items:center;justify-content:center; Farbe:var(--accent); Flex-Schrumpf:0; } .trust__txt strong{ Anzeige:Block; Schriftfamilie:var(--font-display); Schriftgröße:15px; Schriftstärke:700; texttransform:uppercase; Farbe:var(--text); } .trust__txt span{ Anzeige:Block; Schriftgröße:12px; color:var(--text-mute); margin-top:2px; }/* ===== ABSCHNITTE – vertikaler Rhythmus ===== */ .cats,.tienda,.prods,.minicat,.dji,.brands,.signal,.guides,.reviews,.ig,.gift,.faq,.trust2,.seo{ padding:var(--section-y) 0; } .minicat + .minicat{padding-top:0} .brands{padding:48px 0}/* ===== AUSGEWÄHLTE KATEGORIEN ===== */ .cats{Hintergrund:var(--bg-0)} .cats__grid{ Anzeige:Gitter; Grid-Template-Columns:repeat(7,1fr); Lücke:0; border:1px solid var(--line); } .cat-card{ Position:relativ; Anzeige:flex; Flex-Richtung:Spalte; align-items:center; text-align:center; Polsterung: 28px 16px 24px; border-right:1px solid var(--line); Übergang: .25s; Cursor:Zeiger; Hintergrund:var(--bg-1); } .cat-card:last-child{border-right:none} .cat-card:hover{background:var(--bg-2)} .cat-card__num{ Position:absolut; oben:10px;links:12px; Schriftfamilie:var(--font-mono); Schriftgröße:10px; Buchstabenabstand: .16em; color:var(--text-mute); } .cat-card__img{ Breite:120px;Höhe:120px; display:flex;align-items:center;justify-content:center; margin-bottom:16px; Position:relativ; } .cat-card__img::before{ Inhalt:""; Position:absolut;Einsatz:0; Hintergrund: radialer Farbverlauf (Kreis in der Mitte, rgba (255,90,26,.12), transparent 70 %); Deckkraft:0; Übergang:.3s; } .cat-card:hover .cat-card__img::before{opacity:1} .cat-card__img img{ maximale Breite: 100 %; maximale Höhe: 100 %; object-fit:contain; filter:drop-shadow(0 6px 18px rgba(0,0,0,.5)); Übergang:transformieren .4s Leichtigkeit; Position:relativ; Z-Index:1; } .cat-card:hover .cat-card__img img{transform:translateY(-4px) scale(1.05)} .cat-card__meta h3{ Schriftfamilie:var(--font-display); Schriftgröße:17px; Schriftstärke:700; texttransform:uppercase; Buchstabenabstand: .02em; Farbe:var(--text); margin-bottom:4px; } .cat-card__meta span{ Schriftfamilie:var(--font-mono); Schriftgröße:10px; Buchstabenabstand: .14em; texttransform:uppercase; color:var(--text-mute); } .cat-card__cta{ margin-top:14px; Schriftfamilie:var(--font-mono); Schriftgröße:11px; Buchstabenabstand: .16em; texttransform:uppercase; Farbe:var(--accent); Deckkraft:0; transform:translateY(6px); Übergang: .25s; } .cat-card:hover .cat-card__cta{opacity:1;transform:translateY(0)}/* ===== ONLINE STORE – Bannerraster ===== */ .store{Hintergrund:var(--bg-0)} .store__grid{ Anzeige:Gitter; Grid-Template-Columns:repeat(3,1fr); grid-template-rows:repeat(2.260px); Lücke:14px; } .store__grid > a:last-child{ Gitterspalte:1/-1; Rasterzeile:auto; } .banner--big{ Gitterzeile: Spanne 2; Gitterspalte: Spanne 1; } .banner{ Position:relativ; Überlauf:versteckt;Grenzradius:var(--radius-lg); Cursor:Zeiger; Textdekoration: keine; Anzeige:flex; align-items:flex-end; border:1px solid var(--line); Hintergrund:var(--bg-2); } .banner__bg{ Position:absolut;Einsatz:0; Breite: 100 %; Höhe: 100 %; object-fit:cover; Übergang:transformieren .8s Leichtigkeit; filter:contrast(1.05); } .banner:hover .banner__bg{transform:scale(1.06)} .banner__veil{ Position:absolut;Einsatz:0; Hintergrund: linear-gradient(135deg,rgba(0,0,0,.85) 0%,rgba(0,0,0,.4) 50%,rgba(0,0,0,.6) 100%, linear-gradient(to top,rgba(0,0,0,.85) 0%,transparent 60%); Z-Index:1; Übergang:.3s; } .banner:hover .banner__veil{ Hintergrund: linear-gradient(135deg,rgba(0,0,0,.7) 0 %,rgba(255,90,26,.18) 50 %,rgba(0,0,0,.7) 100 %, linear-gradient(to top,rgba(0,0,0,.85) 0%,transparent 60%); } .banner__brackets{ position:absolute;inset:14px;z-index:2; Zeigerereignisse: keine; } .banner__brackets span{ Position:absolut; Breite:14px;Höhe:14px; border:1px solid var(--accent); Deckkraft:.7; Übergang:.3s; } .banner__brackets span:nth-child(1){top:0;left:0;border-right:0;border-bottom:0} .banner__brackets span:nth-child(2){top:0;right:0;border-left:0;border-bottom:0} .banner__brackets span:nth-child(3){bottom:0;left:0;border-right:0;border-top:0} .banner__brackets span:nth-child(4){bottom:0;right:0;border-left:0;border-top:0} .banner:hover .banner__brackets span{ Breite:22px;Höhe:22px; Deckkraft:1; } .banner__body{ Position:relativ; Z-Index:3; Polsterung: 24px 26px; Breite: 100 %; } .banner__kicker{ display:inline-block; Schriftfamilie:var(--font-mono); Schriftgröße:10px; Buchstabenabstand: .18em; texttransform:uppercase; Farbe:var(--accent); margin-bottom:10px; } .banner__title{ Schriftfamilie:var(--font-display); Schriftgröße:30px; Schriftstärke:800; texttransform:uppercase; Buchstabenabstand:-.01em; Farbe:#fff; Zeilenhöhe:.95; margin-bottom:8px; } .banner--big .banner__title{font-size:48px} .banner__title em{color:var(--accent);font-style:italic} .banner__body p{ Schriftgröße:13px; Farbe:var(--text-soft); margin-bottom:14px; maximale Breite: 32 Kanäle; } .banner__cta{ display:inline-flex; align-items:center; Schriftfamilie:var(--font-mono); Schriftgröße:11px; Buchstabenabstand: .16em; texttransform:uppercase; Farbe:#fff; border-bottom:1px solid var(--accent); padding-bottom:3px; Übergang:.2s; } .banner:hover .banner__cta{color:var(--accent);gap:6px;letter-spacing:.18em}/* ===== Meistverkaufte PRODS ===== */ .prods{Hintergrund:var(--bg-1)} .prods__filter{ Anzeige:flex; Lücke:0; border:1px solid var(--line); Grenzradius:var(--radius); Überlauf:versteckt; Flex-Schrumpf:0; } .prods__filter-Schaltfläche{ Polsterung: 10px 18px; Schriftfamilie:var(--font-display); Schriftgröße:13px; Schriftstärke:600; Buchstabenabstand: .04em; texttransform:uppercase; Farbe:var(--text-soft); border-right:1px solid var(--line); Übergang:.2s; } .prods__filter button:last-child{border-right:none} .prods__filter button:hover{color:var(--text);background:rgba(255,255,255,.03)} .prods__filter button.is-active{ Hintergrund:var(--accent); color:var(--text-on-accent); } .prods__grid{ Anzeige:Gitter; Grid-Template-Columns:repeat(7,1fr); Lücke:14px; } .prod{ Hintergrund:var(--bg-2); border:1px solid var(--line); Grenzradius:var(--radius-lg); Überlauf:versteckt; Anzeige:flex; Flex-Richtung:Spalte; Übergang: .25s; Textdekoration: keine; } .prod:hover{ border-color:var(--accent); transform:translateY(-3px); box-shadow:0 12px 36px rgba(0,0,0,.4),0 0 0 1px rgba(255,90,26,.3); } .prod__media{ Position:relativ; Seitenverhältnis:1; Überlauf:versteckt; Hintergrund:var(--bg-3); } .prod__media img{ Breite: 100 %; Höhe: 100 %; object-fit:cover; Übergang:transformieren .5s Leichtigkeit; } .prod:hover .prod__media img{transform:scale(1.06)} .prod__badge{ Position:absolut; oben:10px;links:10px; Z-Index:2; Schriftfamilie:var(--font-mono); Schriftgröße:10px; Schriftstärke:600; Buchstabenabstand: .12em; Texttransform:uppercase; Polsterung: 4px 8px; Hintergrund:var(--accent); Farbe:#fff; border:1px solid var(--accent); Randradius:2px; } .prod__badge--top{background:var(--accent);color:var(--text-on-accent);border-color:var(--accent)} .prod__badge--sale{background:#ff2244;color:#fff;border-color:#ff2244} .prod__badge--new{background:#e6fded;color:#1a7a3c;border-color:#6ee787} .prod__hover{ Position:absolut; unten:0;links:0;rechts:0; Anzeige:flex; Lücke:0; transform:translateY(100%); Übergang:Transformation .25s; Z-Index:2; } .prod:hover .prod__hover{transform:translateY(0)} .prod__hover-Schaltfläche{ Flex:1; Polsterung: 10px 8px; Hintergrund:rgba(0,0,0,.85); Farbe:var(--text); Schriftfamilie:var(--font-mono); Schriftgröße:10px; Schriftstärke:500; Buchstabenabstand: .12em; texttransform:uppercase; border-right:1px solid var(--line); Übergang: .15s; } .prod__hover button:last-child{border-right:none} .prod__hover button:hover{background:var(--accent);color:var(--text-on-accent)} .prod__body{padding:14px 14px 16px;flex:1;display:flex;flex-direction:column;gap:6px} .prod__brand{ Schriftfamilie:var(--font-mono); Schriftgröße:10px; Buchstabenabstand: .16em; texttransform:uppercase; color:var(--text-mute); } .prod__body h4{ Schriftfamilie:var(--font-body); Schriftgröße:13px; Schriftstärke:600; Farbe:var(--text); Zeilenhöhe:1,35; Mindesthöhe: 36 Pixel; } .prod__rating{ Anzeige:flex; align-items:center; Lücke:8px; Schriftgröße:11px; } .prod__rating span{color:var(--accent);letter-spacing:1px} .prod__rating em{color:var(--text-mute);font-style:normal} .prod__price{ Anzeige:flex; align-items:baseline; Lücke:8px; margin-top:auto; padding-top:6px; border-top:1px solid var(--line); } .prod__price strong{ Schriftfamilie:var(--font-display); Schriftgröße:18px; Schriftstärke:700; Farbe:var(--text); } .prod__price strong.is-sale{color:#ff5050} .prod__price-old{ Schriftgröße:12px; color:var(--text-mute); text-decoration:line-through; } .prod__stock--out{color:#ef4444!important;}.prod__stock{ margin-left:auto; Schriftfamilie:var(--font-mono); Schriftgröße:10px; Buchstabenabstand: .12em; texttransform:uppercase; Farbe:#16a34a; Schriftstärke:600; }/* ===== MINICAT ===== */ .minicat{Hintergrund:var(--bg-0)} .minicat__inner{ border:1px solid var(--line); Grenzradius:var(--radius-lg); Überlauf:versteckt; Hintergrund:var(--bg-1); } .minicat__head{ Hintergrund:var(--bg-2); Polsterung:28px 28px; Anzeige:flex; align-items:flex-end; justify-content:space-between; Lücke:24px; border-bottom:1px solid var(--line); flex-wrap:wrap; } .minicat__head h2{ Schriftfamilie:var(--font-display); Schriftgröße:34px; Schriftstärke:800; texttransform:uppercase; Buchstabenabstand:-.01em; margin-top:6px; Farbe:var(--text); } .minicat__head h2 em{color:var(--accent);font-style:italic} .minicat__head p{ Schriftgröße:13px; Farbe:var(--text-soft); margin-top:6px; maximale Breite: 48 Kanäle; } .minicat__grid{ Anzeige:Gitter; Grid-Template-Columns:repeat(5,1fr); } .minicat__prod{ Polsterung: 24px 18px; border-right:1px solid var(--line); text-align:center; Übergang:.2s; Anzeige:flex; Flex-Richtung:Spalte; align-items:center; Lücke:6px; Textdekoration: keine; } .minicat__prod:last-child{border-right:none} .minicat__prod:hover{background:rgba(255,90,26,.06)} .minicat__media{ Breite: 100 %; Höhe: 130 Pixel; margin-bottom:10px; display:flex;align-items:center;justify-content:center; } .minicat__media img{ maximale Breite: 100 %; maximale Höhe: 100 %; object-fit:contain; Übergang:transformieren .3s; } .minicat__prod:hover .minicat__media img{transform:scale(1.08) translatorY(-3px)} .minicat__brand{ Schriftfamilie:var(--font-mono); Schriftgröße:10px; Buchstabenabstand: .16em; texttransform:uppercase; color:var(--text-mute); } .minicat__prod h4{ Schriftfamilie:var(--font-display); Schriftgröße:14px; Schriftstärke:600; texttransform:uppercase; Buchstabenabstand: .02em; Farbe:var(--text); } .minicat__price{ Schriftfamilie:var(--font-displOh); Schriftgröße:16px; Schriftstärke:700; Farbe:var(--accent); margin-top:4px; }/* ===== DJI ===== */ .dji{ Hintergrund:var(--bg-1); Position:relativ; } .dji__head{ Anzeige:flex; justify-content:space-between; align-items:flex-end; Lücke:24px; margin-bottom:32px; flex-wrap:wrap; } .dji__brand{ Anzeige:flex; align-items:flex-start; Lücke:24px; } .dji__crest{ Breite:64px;Höhe:64px; border:1px solid var(--accent); display:flex;align-items:center;justify-content:center; Schriftfamilie:var(--font-display); Schriftgröße:22px; Schriftstärke:900; Buchstabenabstand:0; Farbe:var(--accent); Position:relativ; } .dji__crest::before,.dji__crest::after{ Inhalt:""; Position:absolut; Breite:8px;Höhe:8px; border:1px solid var(--accent); } .dji__crest::before{top:-4px;left:-4px;border-right:0;border-bottom:0} .dji__crest::after{bottom:-4px;right:-4px;border-left:0;border-top:0} .dji__grid{ Anzeige:Gitter; Grid-Template-Columns:repeat(4,1fr); Lücke:14px; } .djicard{ Position:relativ; Höhe:240px; Grenzradius:var(--radius-lg); Überlauf:versteckt; Cursor:Zeiger; Anzeige:flex; align-items:flex-end; Textdekoration: keine; border:1px solid var(--line); } .djicard img{ Position:absolut;Einsatz:0; Breite: 100 %; Höhe: 100 %; object-fit:cover; Übergang:transformieren .6s Leichtigkeit; } .djicard:hover img{transform:scale(1.06)} .djicard__veil{ Position:absolut;Einsatz:0; Hintergrund: linear-gradient(to top,rgba(0,0,0,.9) 0 %,rgba(0,0,0,.2) 60 %,rgba(0,0,0,.4) 100 %); Z-Index:1; Übergang:.3s; } .djicard:hover .djicard__veil{ Hintergrund: linear-gradient(to top,rgba(0,0,0,.85) 0 %,rgba(255,90,26,.18) 100 %); } .djicard__brackets{ position:absolute;inset:12px;z-index:2; Zeigerereignisse: keine; } .djicard__brackets span{ Position:absolut; Breite:12px;Höhe:12px; border:1px solid var(--accent); Deckkraft:.6; } .djicard__brackets span:nth-child(1){top:0;left:0;border-right:0;border-bottom:0} .djicard__brackets span:nth-child(2){top:0;right:0;border-left:0;border-bottom:0} .djicard__brackets span:nth-child(3){bottom:0;left:0;border-right:0;border-top:0} .djicard__brackets span:nth-child(4){bottom:0;right:0;border-left:0;border-top:0} .djicard__txt{ position:relative;z-index:3; Polsterung: 18px 20px; } .djicard__txt span{ Anzeige:Block; Schriftfamilie:var(--font-mono); Schriftgröße:10px; Buchstabenabstand: .16em; texttransform:uppercase; Farbe:var(--accent); margin-bottom:6px; } .djicard__txt h3{ Schriftfamilie:var(--font-display); Schriftgröße:24px; Schriftstärke:800; texttransform:uppercase; Buchstabenabstand:-.01em; Farbe:#fff; }/* ===== MARKEN Schiene ===== */ .brands{ Hintergrund:var(--bg-0); border-top:1px solid var(--line); border-bottom:1px solid var(--line); } .brands__head{margin-bottom:24px;text-align:left} .brands__rail{ Position:relativ; Überlauf:versteckt; } .brands__rail::before,.brands__rail::after{ Inhalt:""; Position:absolut; oben:0;unten:0;width:140px;z-index:2; Zeigerereignisse: keine; } .brands__rail::before{left:0;background:linear-gradient(to right,var(--bg-0),transparent)} .brands__rail::after{right:0;background:linear-gradient(to left,var(--bg-0),transparent)} .brands__track{ Anzeige:flex; width:max-content; Lücke:0; Animation:brandsScroll 38s linear unendlich; } .brands__track:hover{animation-play-state:paused} @keyframes brandScroll{to{transform:translateX(-50%)}} .brand{flex:0 0 auto;padding:0 48px;height:132px;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:24px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--text-soft);border-right:none;transition:.2s} .brand:hover{color:var(--accent)}.brand img{max-height:101px;width:auto;height:auto;object-fit:contain}/* ===== SIGNAL ===== */ .signal{ Hintergrund:linear-gradient(180deg,var(--bg-0) 0%,var(--bg-1) 100%); Position:relativ; } .signal__layout{ Anzeige:Gitter; Rastervorlagenspalten:340px 1fr; Lücke:48px;align-items:center; } .signal__copy h2{margin-top:8px;margin-bottom:18px} .signal__copy p{ Farbe:var(--text-soft); Schriftgröße:14px; margin-bottom:24px; Zeilenhöhe:1,65; } .signal__grid{ Anzeige:Gitter; Grid-Template-Columns:repeat(4,1fr); Lücke:12px; } .signal__card{ Hintergrund:var(--bg-2); border:1px solid var(--line); Grenzradius:var(--radius-lg); Polsterung: 20px 16px; text-align:center; Übergang: .25s; Textdekoration: keine; } .signal__card:hover{ border-color:var(--accent); transform:translateY(-3px); Hintergrund:var(--bg-3); } .signal__media{ Breite: 100 %; Höhe: 120 Pixel; display:flex;align-items:center;justify-content:center; margin-bottom:14px; } .signal__media img{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 4px 16px rgba(0,0,0,.5))} .signal__brand{ Anzeige:Block; Schriftfamilie:var(--font-mono); Schriftgröße:10px; Buchstabenabstand: .16em; texttransform:uppercase; color:var(--text-mute); margin-bottom:4px; } .signal__card h4{ Schriftfamilie:var(--font-display); Schriftgröße:18px; Schriftstärke:700; texttransform:uppercase; Farbe:var(--text); } .signal__card em{ Anzeige:Block; margin-top:4px; Schriftgröße:11px; Farbe:var(--text-soft); Schriftstil:normal; }/* ===== GUIDES ===== */ .guides{Hintergrund:var(--bg-1)} .guides__layout{ Anzeige:Gitter; Rastervorlagenspalten:280px 1fr; Lücke:48px; align-items:center; } .guides__copy h2{margin-top:8px;margin-bottom:14px} .guides__copy .sec-sub{color:var(--text-soft);font-size:14px;margin-bottom:24px} .guides__grid{ Anzeige:Gitter; Grid-Template-Columns:repeat(4,1fr); Lücke:8px; } .guide{ Hintergrund:var(--bg-2); border:1px solid var(--line); Grenzradius:var(--radius); Polsterung: 16px 14px; Textdekoration: keine; Anzeige:flex; Flex-Richtung:Spalte; Lücke:6px; Position:relativ; Übergang: .25s; Cursor:Zeiger; Seitenverhältnis:1; Überlauf:versteckt; } .guide:hover{ border-color:var(--accent); Hintergrund:var(--bg-3); transform:translateY(-2px); } .guide__num{ Position:absolut; oben:10px;rechts:12px; Schriftfamilie:var(--font-mono); Schriftgröße:10px; Buchstabenabstand: .16em; color:var(--text-mute); } .guide__icon{ Breite:36px;Höhe:36px; border:1px solid var(--accent); Grenzradius:var(--radius-sm); display:flex;align-items:center;justify-content:center; Farbe:var(--accent); margin-bottom:4px; } .guide h3{ Schriftfamilie:var(--font-display); Schriftgröße:16px; Schriftstärke:700; texttransform:uppercase; Buchstabenabstand:-.005em; Farbe:var(--text); } .guide p{ Schriftgröße:12px; Farbe:var(--text-soft); Zeilenhöhe:1,45; Flex:1; } .guide__cta{ Schriftfamilie:var(--font-mono); Schriftgröße:11px; Buchstabenabstand: .16em; texttransform:uppercase; Farbe:var(--accent); margin-top:8px; }/* ===== BEWERTUNGEN ===== */ .reviews{background:var(--bg-0)} .reviews__score{ Anzeige:flex; align-items:center; Lücke:14px; margin-top:14px; Schriftfamilie:var(--font-mono); Schriftgröße:12px; Buchstabenabstand: .08em; Farbe:var(--text-soft); } .reviews__stars{ Farbe:var(--accent); Schriftgröße:18px; Buchstabenabstand:3px; } .reviews__num strong{ Schriftfamilie:var(--font-display); Schriftgröße:24px; Schriftstärke:800; Farbe:var(--text); Buchstabenabstand:0; } .reviews__num em{font-style:normal} .reviews__grid{ Anzeige:Gitter; Grid-Template-Columns:repeat(3,1fr); Lücke:18px; } .rezension{ Hintergrund:var(--bg-1); border:1px solid var(--line); Grenzradius:var(--radius-lg); Polsterung: 32px 28px 24px; Position:relativ; Übergang: .25s; } .review:hover{border-color:var(--line-strong)} .review__quote{ Position:absolut; oben:-12px;links:24px; Schriftfamilie:var(--font-display); Schriftgröße:64px; Zeilenhöhe:1; Farbe:var(--accent); Schriftstärke:900; } .review p{ Schriftgröße:15px; Zeilenhöhe:1,65; Farbe:var(--text); margin-bottom:20px; } .review__by{ Anzeige:flex; align-items:center; Lücke:12px; margin-bottom:10px; } .review__avatar{ Breite:40px;Höhe:40px; Randradius:50%; Hintergrund:var(--accent); color:var(--text-on-accent); display:flex;align-items:center;justify-content:center; Schriftfamilie:var(--font-display); Schriftstärke:700; Schriftgröße:14px; Buchstabenabstand: .04em; } .review__by strong{ Anzeige:Block; Schriftfamilie:var(--font-display); Schriftgröße:14px; texttransform:uppercase; Buchstabenabstand: .02em; Farbe:var(--text); } .review__by em{ Anzeige:Block; Schriftstil:normal; Schriftgröße:11px; color:var(--text-mute); margin-top:2px; } .review__stars{ Farbe:var(--accent); Schriftgröße:14px; Buchstabenabstand:2px; border-top:1px solid var(--line); padding-top:10px; } .review__stars span{ Schriftfamilie:var(--font-mono); Schriftgröße:10px; Buchstabenabstand: .16em; texttransform:uppercase; color:var(--text-mute); margin-left:6px; }/* ===== INSTAGRAM ===== */ .ig{Hintergrund:var(--bg-1)} .ig__layout{ Anzeige:Gitter; Rastervorlagenspalten:280px 1fr; Lücke:48px; align-items:center; } .ig__copy h2{margin-top:8px;margin-bottom:14px} .ig__copy p{color:var(--text-soft);font-size:14px;margin-bottom:24px} .ig__grid{ Anzeige:Gitter; Grid-Template-Columns:repeat(4,1fr); Lücke:8px; } .ig__tile{ Position:relativ; Seitenverhältnis:1; Überlauf:versteckt; Grenzradius:var(--radius); Cursor:Zeiger; border:1px solid var(--line); } .ig__tile img{ Breite: 100 %; Höhe: 100 %; object-fit:cover; Übergang:transformieren .5s Leichtigkeit; } .ig__tile:hover img{transform:scale(1.08)} .ig__overlay{ Position:absolut; unten:0;links:0;rechts:0; Polsterung: 20px 14px 12px 14px; Hintergrund:linear-gradient(to top,rgba(0,0,0,.85),transparent); Schriftfamilie:var(--font-mono); Schriftgröße:10px; Buchstabenabstand: .14em; texttransform:uppercase; Farbe:#fff; transform:translateY(8px);opacity:0; Übergang: .25s; } .ig__tile:hover .ig__overlay{transform:translateY(0);opacity:1} .ig__tile--video::before{ Inhalt:""; Position:absolut; oben:50%;links:50%; transform:translate(-50%,-50%); Breite:48px;Höhe:48px; Randradius:50%; Hintergrund:rgba(0,0,0,.65); border:1px solid var(--accent); Z-Index:2; } .ig__play{ Position:absolut; oben:50%;links:50%; transform:translate(calc(-50% + 2px),-50%); Breite:0;Höhe:0; border-left:14px solid var(--accent); border-top:9px durchgehend transparent; border-bottom:9px durchgehend transparent; Z-Index:3; }/* ===== GESCHENK ===== */ .gift{Hintergrund:var(--bg-0)} .gift__card{ Anzeige:Gitter; Rastervorlagenspalten:1fr 1fr; Lücke:0; border:1px solid var(--line); Grenzradius:var(--radius-lg); Überlauf:versteckt; Hintergrund:var(--bg-1); } .gift__art{ Hintergrund: radialer Gradient (Ellipse bei 70 % 30 %, rgba (255,90,26,.25), transparent 60 %), linear-gradient(135deg,#0a0a0a,#1f1f23); Polsterung:48px; display:flex;align-items:center;justify-content:center; Position:relativ; Mindesthöhe: 340 Pixel; } .gift__art::before{ Inhalt:""; Position:absolut;Einsatz:24px; border:1px dashed rgba(255,90,26,.3); } .gift__art-box{ Breite:300px; Hintergrund:#000; border:1px solid var(--accent); Polsterung:32px; Anzeige:flex; Flex-Richtung:Spalte; Lücke:14px; Position:relativ; transform:rotate(-3deg); box-shadow:0 24px 60px rgba(0,0,0,.6); } .gift__art-box::before,.gift__art-box::after{ Inhalt:""; Position:absolut; Breite:14px;Höhe:14px; border:2px solid var(--accent); } .gift__art-box::before{top:-7px;left:-7px;border-right:0;border-bottom:0} .gift__art-box::after{bottom:-7px;right:-7px;border-left:0;border-top:0} .gift__art-mark{ Schriftfamilie:var(--font-display); Schriftgröße:14px; Schriftstärke:800; Buchstabenabstand: .18em; texttransform:uppercase; Farbe:var(--accent); } .gift__art-amount{ Schriftfamilie:var(--font-display); Schriftgröße:84px; Schriftstärke:900; Farbe:#fff; Zeilenhöhe:1; } .gift__art-label{ Schriftfamilie:var(--font-mono); Schriftgröße:10px; Buchstabenabstand: .16em; texttransform:uppercase; color:var(--text-mute); border-top:1px solid var(--line); padding-top:10px;} .gift__body{padding:48px} .gift__body h3{ Schriftfamilie:var(--font-display); Schriftgröße:36px; Schriftstärke:800; texttransform:uppercase; Buchstabenabstand:-.01em; Farbe:#fff; margin-top:6px; margin-bottom:14px; Zeilenhöhe:1; } .gift__body h3 em{color:var(--accent);font-style:italic} .gift__body p{color:var(--text-soft);margin-bottom:24px;line-height:1.6} .gift__amounts{ Anzeige:flex; Lücke:8px; margin-bottom:24px; flex-wrap:wrap; } .gift__amounts-Schaltfläche{ Polsterung: 12px 18px; border:1px solid var(--line-strong); Grenzradius:var(--radius); Schriftfamilie:var(--font-display); Schriftgröße:14px; Schriftstärke:700; Farbe:var(--text); Übergang: .15s; } .gift__amounts button:hover{border-color:var(--accent);color:var(--accent)} .gift__amounts button.is-active{background:var(--accent);color:var(--text-on-accent);border-color:var(--accent)}/* ===== FAQ ===== */ .faq{Hintergrund:var(--bg-1)} .faq__layout{ Anzeige:Gitter; Rastervorlagenspalten:340px 1fr; Lücke:64px; align-items:start; } .faq__copy h2{margin-top:8px;margin-bottom:14px} .faq__copy p{color:var(--text-soft);font-size:14px;margin-bottom:24px;line-height:1.6} .faq__list{display:flex;flex-direction:column;gap:8px} .faq__item{ Hintergrund:var(--bg-2); border:1px solid var(--line); Grenzradius:var(--radius-lg); Überlauf:versteckt; Übergang:.2s; } .faq__item[open]{border-color:var(--accent)} .faq__item-Zusammenfassung{ Anzeige:flex; align-items:center; Lücke:14px; Polsterung: 18px 22px; Cursor:Zeiger; Listenstil:none; Benutzerauswahl: keine; Übergang: .15s; } .faq__item summary::-webkit-details-marker{display:none} .faq__item summary:hover{background:rgba(255,90,26,.04)} .faq__num{ Schriftfamilie:var(--font-mono); Schriftgröße:11px; Buchstabenabstand: .16em; Farbe:var(--accent); Breite:28px; Flex-Schrumpf:0; } .faq__q{ Flex:1; Schriftfamilie:var(--font-display); Schriftgröße:17px; Schriftstärke:600; texttransform:uppercase; Buchstabenabstand:.01em; Farbe:var(--text); } .faq__icon{ Breite:14px;Höhe:14px; Position:relativ; Flex-Schrumpf:0; } .faq__icon::before,.faq__icon::after{ Inhalt:""; Position:absolut; oben:50%;links:50%; transform:translate(-50%,-50%); Hintergrund:var(--accent); Übergang:.2s; } .faq__icon::before{width:14px;height:2px} .faq__icon::after{width:2px;height:14px} .faq__item[open] .faq__icon::after{transform:translate(-50%,-50%) rotate(90deg);opacity:0} .faq__item p{ Polsterung:0 22px 20px 64px; Farbe:var(--text-soft); Schriftgröße:14px; Zeilenhöhe:1,7; }/* ===== VERTRAUEN 2 ===== */ .trust2{background:var(--bg-0);border-top:1px solid var(--line);padding:64px 0} .trust2__grid{ Anzeige:Gitter; Grid-Template-Columns:repeat(4,1fr); Lücke:0; } .trust2__item{ Anzeige:flex; Flex-Richtung:Spalte; align-items:center; text-align:center; Polsterung:0 24px; border-right:1px solid var(--line); } .trust2__item:last-child{border-right:none} .trust2__icon{ Breite:56px;Höhe:56px; border:1px solid var(--accent); Randradius:50%; display:flex;align-items:center;justify-content:center; Farbe:var(--accent); margin-bottom:14px; } .trust2__item strong{ Anzeige:Block; Schriftfamilie:var(--font-display); Schriftgröße:16px; Schriftstärke:700; texttransform:uppercase; Buchstabenabstand: .02em; Farbe:var(--text); margin-bottom:4px; } .trust2__item p{ Schriftgröße:12px; color:var(--text-mute); }/* ===== SEO ===== */ .seo{Hintergrund:var(--bg-1)} .seo__layout{ Anzeige:Gitter; Rastervorlagenspalten: 1 Fr. 1,6 Fr.; Lücke:64px; align-items:start; } .seo__layout h2{margin-top:8px} .seo__cols{ Spalten:2; Spaltenlücke:36px; } .seo__cols p{ Einbruch: vermeiden; Farbe:var(--text-soft); Schriftgröße:14px; Zeilenhöhe:1,75; margin-bottom:14px; } .seo__cols strong{color:var(--text)} .seo__cols a{color:var(--accent);border-bottom:1px solid rgba(255,90,26,.4)} .seo__cols a:hover{border-color:var(--accent)}/* ===== FUSSZEILE ===== */ .ftr{ Hintergrund:var(--bg-0); border-top:1px solid var(--line);padding-top:64px; } .ftr__top{ Anzeige:Gitter; Rastervorlagenspalten: 1,7 Fr. 1 Fr. 1 Fr. 1 Fr. 1,2 Fr.; Lücke:36px; padding-bottom:48px; border-bottom:1px solid var(--line); } .ftr__brand p{ Farbe:var(--text-soft); Schriftgröße:13px; Zeilenhöhe:1,65; Rand: 18px 0 24px; maximale Breite: 36 Kanäle; } .ftr__newsletter h4{ Schriftfamilie:var(--font-display); Schriftgröße:18px; Schriftstärke:700; texttransform:uppercase; Farbe:var(--text); margin-top:6px; margin-bottom:14px; } .ftr__form{display:flex;gap:0;border:1px solid var(--line-strong);border-radius:var(--radius);overflow:hidden} .ftr__form-Eingabe{ Flex:1; Polsterung: 12px 14px; Hintergrund:transparent; Grenze:0; Farbe:var(--text); Schriftgröße:13px; } .ftr__form input::placeholder{color:var(--text-mute)} .ftr__form input:focus{outline:none} .ftr__form-Schaltfläche{ Polsterung: 12px 20px; Hintergrund:var(--accent); color:var(--text-on-accent); Schriftfamilie:var(--font-display); Schriftgröße:13px; Schriftstärke:700; Buchstabenabstand: .04em; texttransform:uppercase; Übergang:.2s; } .ftr__form button:hover{background:var(--accent-hot)} .ftr__col h5{ Schriftfamilie:var(--font-display); Schriftgröße:13px; Schriftstärke:700; texttransform:uppercase; Buchstabenabstand: .06em; Farbe:var(--text); margin-bottom:14px; } .ftr__col ul{display:flex;flex-direction:column;gap:8px} .ftr__col ul li{font-size:13px;color:var(--text-soft);line-height:1.5} .ftr__col ul li a{transition:.15s} .ftr__col ul li a:hover{color:var(--accent)} .ftr__col ul li strong{color:var(--text);font-family:var(--font-display);text-transform:uppercase;font-size:11px;letter-spacing:.08em;font-weight:600} .ftr__socials{display:flex;gap:8px;margin-top:18px} .ftr__socials a{ Breite:36px;Höhe:36px; border:1px solid var(--line-strong); Randradius:50%; display:flex;align-items:center;justify-content:center; Farbe:var(--text-soft); Übergang:.2s; } .ftr__socials a:hover{border-color:var(--accent);color:var(--accent)} .ftr__bot{ Anzeige:flex; justify-content:space-between; align-items:center; Polsterung:24px 0; Schriftgröße:12px; color:var(--text-mute); } .ftr__pay{display:flex;gap:6px} .ftr__pay span{ Polsterung: 4px 10px; border:1px solid var(--line); Randradius:3px; Schriftfamilie:var(--font-mono); Schriftgröße:10px; Buchstabenabstand: .08em; Schriftstärke:600; Farbe:var(--text-soft); }/* ============================================================ SKIN A – VELOCITY (Standard; filmisches Rennen) Oben bereits standardmäßig behandelt. Fügen Sie hier geschwindigkeitsspezifische Schnörkel hinzu. ======================================================== */ [data-skin="velocity"] .hdr{ Hintergrund:linear-gradient(180deg,#000 0%,var(--bg-1) 100%); } [data-skin="velocity"] .hero__title{ text-shadow:0 4px 30px rgba(0,0,0,.6); } [data-skin="velocity"] .banner__title, [data-skin="velocity"] .hero__title em{ text-shadow:0 0 30px rgba(255,90,26,.4); } [data-skin="velocity"] .ticker{ Hintergrund:var(--accent); Farbe:#0a0a0a; } /* Racing-Streifen-Akzent auf Katzenkarten-Hover */ [data-skin="velocity"] .cat-card::after{ Inhalt:""; Position:absolut; unten:0;links:0;rechts:0; Höhe:2px; Hintergrund:var(--accent); transform:scaleX(0); transform-origin:left; Übergang:.3s; } [data-skin="velocity"] .cat-card:hover::after{transform:scaleX(1)}/* ============================================================ SKIN B – CIRCUIT (FPV HUD / Ingenieurstechnik) ======================================================== */ [data-skin="schaltung"]{ --font-display: „Space Grotesk“, „Inter“, serifenlos; --font-body: „Inter“, „Helvetica Neue“, serifenlos; --font-mono:"JetBrains Mono",ui-monospace,monospace;--bg-0:#08090c; --bg-1:#0e1117; --bg-2:#141821; --bg-3:#1c2230;--text:#e6ebf2; --text-soft:#9aa4b3; --text-mute:#5a6477; --text-on-accent:#08090c;--accent:#ff6a1f; --accent-hot:#ff8a4a; --accent-2:#4dd0e1; /* HUD cyan */ --accent-cool:#4dd0e1;--line:rgba(255,255,255,.06); --line-strong:rgba(255,255,255,.12);--radius-sm:0px; --radius:0px; --radius-lg:0px; --radius-xl:0px; }/* Subtiles technisches Raster hinter allem */ [data-skin="schaltung"] Körper{ Hintergrund: linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px) 0 0/40px 40px, linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px) 0 0/40px 40px, var(--bg-0); }[data-skin="schaltung"] .sec-title{ Schriftstärke:700; Buchstabenabstand:-.02em; Texttransformation: keine; } [data-skin="Circuit"] .sec-title em{ Farbe:var(--accent); Schriftstil:normal; Schriftstärke:700; }[data-skin="schaltung"] .eyebrow{ Farbe:var(--accent-2); Schriftstärke:500; } [data-skin="schaltung"] .eyebrow__bar{ Hintergrund:var(--accent-2); Breite:32px; } [data-skin="schaltung"] .eyebrow--invert{color:var(--accent-2)} [data-skin="schaltung"] .eyebrow--alt{color:var(--accent)}[data-skin="schaltung"] .btn{ Schriftfamilie:var(--font-display); Texttransformation: keine; Buchstabenabstand:0; Schriftstärke:600; Schriftgröße:14px; } [data-skin="schaltung"] .btn--primary{ border:1px solid var(--accent); box-shadow:0 0 0 1px var(--accent),0 0 30px rgba(255,106,31,.3); } [data-skin="schaltung"] .btn--primary:hover{ box-shadow:0 0 0 1px var(--accent),0 0 40px rgba(255,106,31,.5); } [data-skin="schaltung"] .btn--ghost{ border:1px solid var(--accent-2); Farbe:var(--accent-2); } [data-skin="schaltung"] .btn--ghost:hover{ Hintergrund:rgba(77,208,225,.08); Farbe:var(--accent-2); border-color:var(--accent-2); }[data-skin="schaltung"] .ticker{ Hintergrund:var(--bg-1); Farbe:var(--accent-2); border-bottom:1px solid var(--accent-2); border-top:1px solid var(--line); } [data-skin="schaltung"] .ticker__sep{color:var(--accent)} [data-skin="schaltung"] .ticker__item b{color:var(--accent)}[data-skin="schaltung"] .topbar{background:var(--bg-0)} [data-skin="schaltung"] .hdr{background:var(--bg-0)}/* Header-Logo, Monospace-Tech-Feeling */ [data-skin="schaltung"] .hdr__logo-type stark, [data-skin="schaltung"] .hdr__logo-type strong + em{ Schriftfamilie:var(--font-display); Schriftgröße:22px; Schriftstärke:700; Buchstabenabstand:-.01em; Texttransformation: keine; } [data-skin="schaltung"] .hdr__nav-item{ Schriftfamilie:var(--font-display); Texttransformation: keine; Buchstabenabstand:0; Schriftstärke:500; Schriftgröße:14px; } [data-skin="schaltung"] .hdr__nav-dot{ Hintergrund:var(--accent-2); box-shadow:0 0 6px var(--accent-2); }/* Hero – HUD/Wireframe-Overlay */ [data-skin="schaltung"] .hero__viewport{position:relative} [data-skin="schaltung"] .hero__viewport::before{ Inhalt:""; Position:absolut;Einsatz:0; Hintergrund: linear-gradient(rgba(77,208,225,.04) 1px,transparent 1px) 0 0/40px 40px, linear-gradient(90deg,rgba(77,208,225,.04) 1px,transparent 1px) 0 0/40px 40px; Zeigerereignisse: keine; Z-Index:1; } [data-skin="schaltung"] .hero__bg-grad{ Hintergrund: linearer Gradient(nach rechts,var(--bg-0) 0%,rgba(8,9,12,.85) 35%,rgba(8,9,12,.5) 60%,rgba(8,9,12,.25) 100%, linear-gradient(to top,rgba(8,9,12,.7) 0%,transparent 50%); } [data-skin="schaltung"] .hero__title{ Schriftfamilie:var(--font-display); Schriftstärke:600; Buchstabenabstand:-.04em; Texttransformation: keine; Schriftgröße:klammer(48px,7vw,88px); } [data-skin="Circuit"] .hero__title em{ Farbe:var(--accent); Schriftstärke:700; } [data-skin="schaltung"] .hero__eyebrow{ border:1px solid var(--accent-2); Farbe:var(--accent-2); Hintergrund:rgba(77,208,225,.05); } [data-skin="schaltung"] .hero__eyebrow-pulse{background:var(--accent-2)}[data-skin="schaltung"] .hero__chip{ Hintergrund:rgba(8,9,12,.75); border:1px solid var(--accent-2); Farbe:var(--accent-2); } [data-skin="schaltung"] .hero__chip strong{color:var(--accent)}[data-skin="schaltung"] .hero__rail-num{color:var(--accent-2)} [data-skin="schaltung"] .hero__rail-label{ Schriftfamilie:var(--font-display); Texttransformation: keine; Buchstabenabstand:0; Schriftstärke:500; } [data-skin="schaltung"] .hero__rail-fill{background:var(--accent-2)} [data-skin="schaltung"] .hero__rail-nav:hover{background:var(--accent-2);color:var(--bg-0)}/* Vertrauen */ [data-skin="schaltung"] .trust__icon{ border-color:var(--accent-2); Farbe:var(--accent-2); }/* Banner – quadratisch, technische Klammern Cyan */ [data-skin="schaltung"] .banner__brackets span{border-color:var(--accent-2)} [data-skin="schaltung"] .banner__kicker{color:var(--accent-2)} [data-skin="schaltung"] .banner__title{ Schriftfamilie:var(--font-display); Schriftstärke:600; Texttransformation: keine; Buchstabenabstand:-.02em; } [data-skin="schaltung"] .banner__title em{color:var(--accent)} [data-skin="schaltung"] .banner__cta{ border-bottom:1px solid var(--accent-2); Farbe:var(--accent-2); } [data-skin="schaltung"] .banner:hover .banner__cta{color:var(--accent)} [data-skin="schaltung"] .banner:hover .banner__veil{ Hintergrund: linear-gradient(135deg,rgba(8,9,12,.8) 0 %,rgba(77,208,225,.18) 50 %,rgba(8,9,12,.8) 100 %, linear-gradient(to top,rgba(8,9,12,.85) 0%,transparent 60%); }/* Kategorien – HUD-umrandete Kacheln, breiter */ [data-skin="schaltung"] .cat-card__meta h3{ Schriftfamilie:var(--font-display); Texttransformation: keine; Buchstabenabstand:-.01em; Schriftstärke:600; Schriftgröße:18px; } [data-skin="schaltung"] .cat-card__num{color:var(--accent-2)} [data-skin="schaltung"] .cat-card:hover{ Hintergrund:var(--bg-2); box-shadow:inset 0 0 0 1px var(--accent-2); }/* Produkte */ [data-skin="schaltung"] .prod{position:relative} [data-skin="schaltung"] .prod::before{ Inhalt:""; Position:absolut; oben:0;links:0; Breite:24px;Höhe:24px; border-top:1px solid var(--accent-2); border-left:1px solid var(--accent-2); Deckkraft:0; Übergang: .25s; Z-Index:2; } [data-skin="schaltung"] .prod::after{ Inhalt:""; Position:absolut; unten:0;rechts:0; Breite:24px;Höhe:24px; border-bottom:1px solid var(--accent-2); border-right:1px solid var(--accent-2); Deckkraft:0; Übergang: .25s; Z-Index:2; } [data-skin="schaltung"] .prod:hover::before, [data-skin="schaltung"] .prod:hover::after{opacity:1} [data-skin="schaltung"] .prod:hover{ border-color:var(--accent-2); box-shadow:0 0 30px rgba(77,208,225,.15); } [data-skin="schaltung"] .prod__body h4{font-weight:500} [data-skin="schaltung"] .prod__price strong{ Schriftfamilie:var(--font-display); Schriftstärke:600; Buchstabenabstand:-.01em; } [data-skin="Circuit"]/* Tabs filtern */ [data-skin="schaltung"] .prods__filter-Schaltfläche{ Schriftfamilie:var(--font-display); Texttransformation: keine; Buchstabenabstand:0; Schriftstärke:500; } [data-skin="schaltung"] .prods__filter button.is-active{ Hintergrund:var(--accent-2); Farbe:var(--bg-0); }/* Minicat */ [data-skin="schaltung"] .minicat__head h2{ Schriftfamilie:var(--font-display); Texttransformation: keine; Buchstabenabstand:-.02em; Schriftstärke:600; } [data-skin="schaltung"] .minicat__head h2 em{color:var(--accent-2)} [data-skin="schaltung"] .minicat__price{ Schriftfamilie:var(--font-display); Farbe:var(--accent-2); } [data-skin="schaltung"] .minicat__prod h4{ Schriftfamilie:var(--font-display); Texttransformation: keine; Buchstabenabstand:-.005em; Schriftstärke:500; } [data-skin="schaltung"] .minicat__prod:hover{background:rgba(77,208,225,.04)}/*DJI*/ [data-skin="schaltung"] .dji__crest{ border-color:var(--accent-2); Farbe:var(--accent-2); Schriftfamilie:var(--font-display); Schriftstärke:700; } [data-skin="schaltung"] .dji__crest::before, [data-skin="schaltung"] .dji__crest::after{border-color:var(--accent-2)} [data-skin="schaltung"] .djicard__brackets span{border-color:var(--accent-2)} [data-skin="schaltung"] .djicard__txt span{color:var(--accent-2)} [data-skin="schaltung"] .djicard__txt h3{ Schriftfamilie:var(--font-display); Texttransformation: keine; Schriftstärke:600; Buchstabenabstand:-.01em; } [data-skin="schaltung"] .djicard:hover .djicard__veil{ Hintergrund:linear-gradient(to top,rgba(8,9,12,.85) 0 %,rgba(77,208,225,.2) 100 %); }/* Marken */ [data-skin="schaltung"] .brand{flex:0 0 auto;padding:0 48px;height:132px;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:24px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--text-soft);border-right:none;transition:.2s} [data-skin="schaltung"] .brand:hover{color:var(--accent-2)}/* Signal */ [data-skin="schaltung"] .signal__card{position:relative} [data-skin="schaltung"] .signal__card::before{ Inhalt:""; Position:absolut;oben:8px;links:8px;width:14px;height:14px; border-top:1px solid var(--accent-2); border-left:1px solid var(--accent-2); Deckkraft:.5; } [data-skin="schaltung"] .signal__card::after{ Inhalt:""; Position:absolut;unten:8px;rechts:8px;width:14px;height:14px; border-bottom:1px solid var(--accent-2); border-right:1px solid var(--accent-2); Deckkraft:.5; } [data-skin="schaltung"] .signal__card h4{ Schriftfamilie:var(--font-display); Texttransformation: keine; Schriftstärke:600; } [data-skin="schaltung"] .signal__card:hover{border-color:var(--accent-2)} [data-skin="schaltung"] .signal__card:hover::before, [data-skin="schaltung"] .signal__card:hover::after{opacity:1}/* Anleitungen */ [data-skin="schaltung"] .guide__icon{ border-color:var(--accent-2); Farbe:var(--accent-2); } [data-skin="schaltung"] .guide h3{ Schriftfamilie:var(--font-display); Texttransformation: keine; Buchstabenabstand:-.01em; Schriftstärke:600; } [data-skin="schaltung"] .guide:hover{border-color:var(--accent-2)}/* Bewertungen */ [data-skin="Circuit"] .review__by strong{ Schriftfamilie:var(--font-display); Texttransformation: keine; Schriftstärke:600; } [data-skin="schaltung"] .review__quote{color:var(--accent-2)} [data-skin="schaltung"] .reviews__num strong{ Schriftfamilie:var(--font-display); Schriftstärke:700; Buchstabenabstand:-.02em; }/* IG */ [data-skin="schaltung"] .ig__tile--video::before{border-color:var(--accent-2)} [data-skin="schaltung"] .ig__play{border-left-color:var(--accent-2)}/* Geschenk */ [data-skin="schaltung"] .gift__art-box{ border-color:var(--accent-2); transform:rotate(-2deg); } [data-skin="schaltung"] .gift__art-box::before, [data-skin="schaltung"] .gift__art-box::after{border-color:var(--accent-2)} [data-skin="schaltung"] .gift__art-mark{color:var(--accent-2)} [data-skin="schaltung"] .gift__art::before{border-color:rgba(77,208,225,.25)} [data-skin="schaltung"] .gift__body h3{ Schriftfamilie:var(--font-display); Texttransformation: keine; Schriftstärke:600; Buchstabenabstand:-.02em; } [data-skin="schaltung"] .gift__amounts-Schaltfläche{ Schriftfamilie:var(--font-display); Schriftstärke:500; } [data-skin="schaltung"] .gift__amounts button.is-active{ Hintergrund:var(--accent-2);Farbe:var(--bg-0);Rahmenfarbe:var(--accent-2); }/* FAQ */ [data-skin="schaltung"] .faq__q{ Schriftfamilie:var(--font-display); Texttransformation: keine; Schriftstärke:500; } [data-skin="schaltung"] .faq__num{color:var(--accent-2)} [data-skin="schaltung"] .faq__icon::before, [data-skin="schaltung"] .faq__icon::after{background:var(--accent-2)} [data-skin="schaltung"] .faq__item[open]{border-color:var(--accent-2)}/* Vertrauen2 */ [data-skin="schaltung"] .trust2__icon{border-color:var(--accent-2);color:var(--accent-2)} [data-skin="schaltung"] .trust2__item strong{ Schriftfamilie:var(--font-display); Texttransformation: keine; Schriftstärke:600; }/* SEO */ [data-skin="schaltung"] .seo__cols a{color:var(--accent-2);border-bottom-color:rgba(77,208,225,.4)}/* Fußzeile */ [data-skin="schaltung"] .ftr__col h5{ Schriftfamilie:var(--font-display); texttransform:uppercase; Schriftstärke:600; } [data-skin="Circuit"] .ftr__newsletter h4{ Schriftfamilie:var(--font-display); Texttransformation: keine; Schriftstärke:600; }/* ===== ANTWORT ===== */ @media(max-width: 1100px){ .hdr__nav{display:none} .hdr__search{min-width:auto;flex:1} .cats__grid,.prods__grid{grid-template-columns:repeat(3,1fr)} .store__grid{grid-template-columns:repeat(2,1fr);grid-template-rows:auto} .banner--big{grid-row:auto;grid-column:span 2} .signal__layout,.faq__layout,.ig__layout,.seo__layout{grid-template-columns:1fr;gap:32px} .signal__grid,.guides__grid,.dji__grid{grid-template-columns:repeat(2,1fr)} .ftr__top{grid-template-columns:1fr 1fr;gap:32px}.reviews__grid{grid-template-columns:1fr} .gift__card{grid-template-columns:1fr} .seo__cols{columns:1} .hero__title{font-size:clamp(44px,9vw,72px)} .hero__rail-list{grid-template-columns:1fr 1fr} .hero__rail-item:nth-child(3){display:none} } @media(max-width: 720px){ .guides__grid{display:none} .topbar__left a:nth-child(n+3){display:none} .cats__grid,.prods__grid,.minicat__grid,.signal__grid,.guides__grid,.dji__grid,.tienda__grid,.trust__grid,.trust2__grid{grid-template-columns:1fr 1fr} .signal__grid{grid-template-columns:repeat(3,1fr)} .ig__grid{grid-template-columns:1fr 1fr} .ftr__top{grid-template-columns:1fr}.gift__card{grid-template-columns:1fr} .gift__art{padding:32px 24px;min-height:240px} .gift__body{padding:32px 24px} .gift__art-amount{font-size:64px} .hdr__search span,.hdr__search kbd{display:none} .hdr__search{min-width:auto;width:auto;padding:10px} .seo__layout{grid-template-columns:1fr} }.iha-rest .elementor-container{max-width:100%!important;padding:0!important} .iha-rest .elementor-column-wrap, .iha-rest .elementor-widget-wrap, .iha-rest .elementor-widget-container{padding:0!important;width:100%!important}/* Doppeltes Leerzeichen zwischen Store-Bannern und erstem Minicat-Abschnitt entfernen */ .store + .minicat { padding-top:0 !important; }/* Ränder, Hintergründe und Radien aus Minicat-Abschnitten entfernen */ .minicat__inner { border:none !important; Hintergrund:transparent !important; Randradius:0 !important; Überlauf:sichtbar !important; } .minicat__head { border-bottom:none !important; Hintergrund:transparent !important; } .minicat__prod { border-right:none !important; }/* Hover-Buttons prod: weißer Text */ .prod__hover button { color:#f5f5f7 !important; }/* Blaue Farbüberschreibung des Digitek-Designs – nur auf dieser Seite */ Button:schweben, Button:Fokus, input[type="button"]:hover, input[type="button"]:focus, input[type="submit"]:hover, input[type="submit"]:focus, .button:hover, .button:focus, div.summary form.cart .button:hover, div.summary form.cart .button:focus { Hintergrundfarbe:#ff5a1a !important; Farbe:#ffffff !important; Rahmenfarbe:#ff5a1a !important; }/* Markenkarussell – echte Logos, keine seitliche graue Überlagerung */ .brands__rail::before, .brands__rail::after { display:none !important; } .brand { color:transparent !important; border-right:1px solid var(--line); Polsterung:0 40px; } .brand img { height:36px; Breite:auto; object-fit:contain; Anzeige:Block; Zeigerereignisse: keine; }/* Flackern auf Produktkarten behoben */ .prod { isolation:isolate; will-change:transform; Cursor:Zeiger; } .prod:hover { z-index:2; } .minicat__prod { Cursor:Zeiger; }/* minicat: relative Position für internes prod__hover */ .minicat__media { position:relative; Überlauf:versteckt; } .minicat__prod { position:relative; Überlauf:versteckt; } .minicat__prod:hover .prod__hover { transform:translateY(0) !important; }/* prod__hover – identisch mit
.iha-brands-sec .brands{padding:22px 0 18px!important} .iha-brands-sec .brands__head{margin-bottom:10px!important} .iha-brands-sec .brand{height:92px!important;padding-top:0!important;padding-bottom:0!important} .iha-brands-sec .brand img{max-height:76px!important} @media(max-width:767px){.iha-brands-sec .brands{padding:18px 0 14px!important}.iha-brands-sec .brands__head{margin-bottom:8px!important}.iha-brands-sec .brand{height:78px!important}.iha-brands-sec .brand img{max-height:62px!important}}
10 · Marken

Wir arbeiten mit den besten Marken

zusammen
DJI TBS RunCam T-Motor iFlight Torvol Gemfan BetaFPV Tattu HQProp Radiomaster Foxeer DJI TBS RunCam T-Motor iFlight Torvol Gemfan BetaFPV Tattu HQProp Radiomaster Foxeer
.cats--strip{padding:18px 0 20px!important;background:#fff!important;border:0!important;box-shadow:none!important;outline:0!important} .elementor-element-02838eba,.elementor-element-02838eba .elementor-widget-container{border:0!important;box-shadow:none!important;background:transparent!important;outline:0!important} .elementor-element-02838eba:before,.elementor-element-02838eba:after,.elementor-element-02838eba .elementor-widget-container:before,.elementor-element-02838eba .elementor-widget-container:after,.cats--strip:before,.cats--strip:after{content:none!important;display:none!important} .cats--strip .wrap{position:relative;max-width:min(100%,1680px)!important;margin:0 auto!important;padding:0 clamp(4px,.7vw,10px)!important;border:0!important;box-shadow:none!important;outline:0!important;background:transparent!important} .cats-carousel{position:relative!important;padding:0 42px!important;border:0!important;box-shadow:none!important;outline:0!important;background:transparent!important} .cats-carousel__viewport{overflow:hidden!important;width:100%!important;border:0!important;box-shadow:none!important;outline:0!important;background:transparent!important} .cats--strip .cats__grid{display:flex!important;grid-template-columns:none!important;gap:8px!important;overflow-x:auto!important;scroll-behavior:smooth!important;scroll-snap-type:x obligatorisch!important;scrollbar-width:none!important;margin:0!important;padding:0!important;border:0!important;box-shadow:none!important;outline:0!important;background:transparent!important} .cats--strip .cats__grid::-webkit-scrollbar{display:none!important} .cats--strip .cat-card{flex:0 0 calc((100% - 72px)/10)!important;width:calc((100% - 72px)/10)!important;max-width:calc((100% - 72px)/10)!important;min-width:0!important;scroll-snap-align:start!important;padding:0 3px!important;border-radius:0!important;background:transparent!important;border:0!important;box-shadow:none!important;min-height:128px!important;display:flex!important;flex-direction:column!important;align-items:center!imp ortant;justify-content:flex-start!important;gap:8px!important;position:relative!important;overflow:visible!important;text-align:center!important;transition:none!important;text-decoration:none!important;color:#111!important} .cats--strip .cat-card:hover{transform:none!important;background:transparent!important;border:0!important;box-shadow:none!important} .cats--strip .cat-card__img{width:100%!important;height:94px!important;border-radius:0!important;overflow:visible!important;background:transparent!important;margin:0 auto!important;display:flex!important;align-items:center!important;justify-content:center!important;border:0!important;box-shadow:none!important} .cats--strip .cat-card__img img{max-width:100%!important;max-height:94px!important;width:auto!important;height:auto!important;object-fit:contain!important;display:block!important;transition:none!important;mix-blend-mode:multiply!important;box-shadow:none!important;filter:none!important} .cats--strip .cat-card:hover .cat-card__img img{transform:none!important} .cats--strip .cat-card__meta{padding:0!important;margin:0!important;width:100%!important;min-height:22px!important;display:flex!important;align-items:flex-start!important;justify-content:center!important} .cats--strip .cat-card__meta h3{font-family:var(--font-body,Arial,sans-serif)!important;font-size:14px!important;line-height:1.2!important;font-weight:700!important;text-transform:none!important;color:#111!important;margin:0!important;le tter-spacing:0!important;max-width:100%!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;text-overflow:ellipsis!important} .cats--strip .cat-card:hover .cat-card__meta h3{color:#111!important} .cats--strip .cats-arrow{position:absolute!important;top:48px!important;z-index:99999!important;width:34px!important;height:34px!important;border:0!important;border-radius:50%!important;background:#111!important;color:#fff!important;display:flex!important;align-items:center!important;just ify-content:center!important;cursor:pointer!important;font-size:0!important;line-height:1!important;box-shadow:none!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important} .cats--strip .cats-arrow--prev{left:8px!important;right:auto!important} .cats--strip .cats-arrow--next{right:8px!important;left:auto!important} .cats--strip .cats-arrow--prev:before{content:"‹"!important;font-size:28px!important;line-height:1!important;color:#fff!important;margin-top:-2px!important} .cats--strip .cats-arrow--next:before{content:"›"!important;font-size:28px!important;line-height:1!important;color:#fff!important;margin-top:-2px!important} @media(max-width:1200px){.cats--strip .cat-card{flex-basis:calc((100% - 56px)/8)!important;width:calc((100% - 56px)/8)!important;max-width:calc((100% - 56px)/8)!important}} @media(max-width:900px){.cats-carousel{padding:0 36px!important}.cats--strip .cat-card{flex-basis:calc((100% - 32px)/5)!important;width:calc((100% - 32px)/5)!important;max-width:calc((100% - 32px)/5)!important}.cats--strip .cat-card__img{height:86px!important}.cats--strip .cat-card__img img{max-height:86px!important}} @media(max-width:640px){.cats-carousel{padding:0 32px!important}.cats--strip .cat-card{flex-basis:calc((100% - 16px)/3)!important;width:calc((100% - 16px)/3)!important;max-width:calc((100% - 16px)/3)!important;min-height:112px!important}.cats--strip .cat-card__img{height:76px!important}.cats--strip .cat-card__img img{max-height:76px!important}.cats--strip .cat-card__meta h3{font-size:13px!important}.cats--strip .cats-arrow{top:28px!important;width:28px!important;height:28px!important}} (Funktion(){ document.addEventListener('click', function(e){ var btn = e.target.closest && e.target.closest('.cats-arrow'); if(!btn) return; var root = btn.closest('[data-iha-cats-carousel]'); if(!root) return; var track = root.querySelector('.cats-carousel__track'); if(!track) return; e.preventDefault(); e.stopPropagation(); var card = track.querySelector('.cat-card'); var Lücke = parseFloat(getComputedStyle(track).gap || '0') || 0; var step = Karte ? Math.round((card.getBoundingClientRect().width + Gap) * 4): Math.round(track.clientWidth * .4); track.scrollBy({left:(btn.classList.contains('cats-arrow--prev') ? -1 : 1) * Math.max(220, step), behaviour:'smooth'}); }, true); })();
Drones FPV

Drones FPV, listos para volar

BNF, Whoop, Cinewhoop, 5"RTF.

Ver todos los drones →

BetaFPV Meteor75 Pro O4 PNP ohne VTX ELRS 2,4GHz Tinywhoop

99,90€Auf Lager

BetaFPV Pavo20 Pro II PNP ELRS 2,4 GHz — Cinewhoop 2,2" für DJI O4 Air Unit Pro

129,00€Auf Lager

BetaFPV Meteor75 Pro ELRS Analog — Komplettes Kit mit 2 Batterien und Ladegerät enthalten

149,90€Auf Lager

BetaFPV Pavo20 Pro II FPV Drohne mit DJI O4 Pro BNF ELRS

429,90€Auf Lager
Betafpv

Bürstenloser Quadrocopter Aquila16

174,90€Auf Lager
TBS

Drohne TBS SOURCE TWO RTF/BNF SET

229,90€490,00€Auf Lager
iFlight

Taurus X8 Pro 8S HD Cinelifter mit DJI Air Einheit - BNF

3.654,00€Auf Lager
Motores FPV

Motores Para drones fpv

Freestyle,cinematic, long range, Tiny.

Ver todos los motores →
iFlight

iFlight XING2 2506 Motor (1850kv)

20,99€25,99€Auf Lager
Betafpv

BetaFPV 2204 2400kv Motoren (4 Stück)

89,50€Auf Lager
HQ-Requisite

Ethix P4 Candy Cane Propeller (2CW+2CCW)

3,30€Auf Lager
HQ-Requisite

HQ Prop T5.1X2.5X3 Graue Propeller (2CW + 2CCW)

2,90€Auf Lager
HQ-Requisite

Propeller Ethix S5 Kristallgrau

3,40€Auf Lager
HQ-Requisite

Propeller Ethix S4 Limette/Zitrone

3,30€Auf Lager
HQ-Requisite

Propeller Ethix S3 Wassermelone

3,30€Auf Lager

Comprar Drones FPV en España — Tienda iha-race.com

Cinewhoop Cinematic Bando
Ver todo →

BetaFPV Pavo20 Pro II

Comprar Cinewhoop FPV 2" · DJI O4 Pro · BNF ELRS · Envío 24h España

Comprar BetaFPV Pavo20 Pro II con DJI O4 Pro — Dron FPV Cinewhoop España

GEPRC Mark5 O4 Pro DC

Comprar dron FPV Cinematic 5" · DJI O4 Pro · GPS RTH · Envío 24h España

Comprar GEPRC Mark5 O4 Pro DC con GPS — Dron FPV Cinematic 5 pulgadas España

Axisflying Bando 5

Comprar frame FPV Bando 5" · Fibra Carbono T700 · True X · Envío 24h España

Comprar Axisflying Bando 5 Frame FPV Freestyle 5 pulgadas España
07 · FPV-Drohnen

FPV-Drohnen, flugbereit

BNF, Whoop, Cinewhoop, 5". Zusammengebaut, verschweißt und mit Ihrer Station verklebt.

Alle Drohnen anzeigen →
02 · Más vendidos

Productos más vendidos

El producto más comprado en cada categoría. Stock real, datos reales.

Ver toda la tienda
T-Motor

Motor T-Motor Velox V2207 V2.0 (1750 Kv/1950Kv/2550 Kv)

Desde 16,90€En stock
RADIOMASTER

RadioMaster 3200mah 3.7v Li-ion 18650 (2 piezas)

14,90€En stock

GPS GEPRC M10

21,90€En stock
Betafpv

BetaFPV Air65 II

Desde 119,00€En stock
HQ Prop

Hélices HQ Juicy Prop J37 (2CW+2CCW)

Desde 3,50€En stock
RADIOMASTER

RadioMaster 3200mah 3.7v Li-ion 18650 (2 piezas)

14,90€En stock
DJI

DJI Goggles 3

690,00€En stock
IHA-RENNEN 100 € GESCHENKKARTE · LÄUFT NICHT AB
11 · Geschenkkarte

Für den Piloten, der alles hat

Von 25 € bis 500 €. Anpassbar, 24 Monate gültig, im gesamten Store inklusive Outlet einlösbar.

Geschenkkarte kaufen
12 · Häufig gestellte Fragen

Was Sie uns immer fragen

Wenn Ihres nicht hier ist, schreiben Sie uns auf WhatsApp – Piloten antworten, kein Bot.

Sprich mit einem Piloten →
01 Wie lange dauert es, bis meine Bestellung ankommt?

Bestellungen, die vor 14:00 Uhr eingehen, werden noch am selben Tag verschickt. Auf der Halbinsel erhalten Sie 24/48 Stunden, auf den Balearen 48/72 Stunden und auf den Kanarischen Inseln 5–7 Tage. Wir benachrichtigen Sie per WhatsApp mit der Tracking-Nummer.

02 Verkaufen Sie zusammengebaute und konfigurierte Drohnen?

Ja. Wir bieten alle Rahmen als BNF (Bind & Fly) an: Sie kommen montiert, geschweißt, kalibriert und verklebt an Ihrer Station an. Man muss einfach fliegen.

03 Haben Sie eine Finanzierung?

Ja, ab 99 € können Sie mit SeQura in 3 zinslosen Raten zahlen oder mit Aplazame bis zu 24 Monate finanzieren.

04 Ich bin ein absoluter Anfänger – wo fange ich an?

Beginnen Sie mit der Anleitung „Erste Schritte in FPV“ und einem Tinywhoop + Simulator. Wenn Sie anrufen, stellen wir Ihnen einen kompletten Bausatz entsprechend Ihrem Budget zusammen, ohne dass Sie für das bezahlen, was Sie nicht benötigen.

05 Sind Sie offizieller DJI-Händler?

Ja. Das gesamte DJI-Sortiment mit offizieller Garantie, Originalersatzteilen, Care+ und technischem Support auf Spanisch.

06 Wie viel kostet die Rücksendung eines Produkts?

0 €, wenn das Produkt defekt oder beschädigt ankommt. Wenn Sie Ihre Meinung ändern, haben Sie 30 Tage Zeit und die Rücksendung erfolgt auf Ihre Kosten (8,90 €).

10 · Verifizierte Bewertungen

+2.400 Piloten
fliegen mit uns

★★★★★
4,9/5 · 2.412 Bewertungen

An einem Freitag um 10 Uhr bestellt, am Samstag vor meiner Tür. Die Drohne ist werkseitig zusammengebaut und neu beschichtet. Diese wissen, was sie verkaufen.

JM
Javier M. Sevilla · Cinematic 5"
★★★★★ · verifiziert

Ich rief an, ohne eine Ahnung zu haben, welchen Motor ich bestellen sollte, und sie gaben mir über WhatsApp eine umfassende Empfehlung. Fliegen Sie, wie Sie es sich erträumt haben.

AT
Andrea T. Bilbao · Freestyle
★★★★★ · verifiziert

Der Kundendienst macht den Unterschied. Ich hatte einen Fehler mit einem VTX und am nächsten Tag gab es einen neuen in meinem Haus.

DR
Daniel R. Madrid · Rennen
★★★★★ · verifiziert
Erfahrene Piloten

Wir testen, was wir verkaufen.

Qualitätsprodukte

Wir arbeiten nur mit den besten Marken zusammen.

FPV-Community

Schließen Sie sich Tausenden leidenschaftlicher Piloten an.

Schneller Support

WhatsApp, E-Mail, soziale Netzwerke.

13 · Über IHA RACE

Geschäft spezialisiert
auf FPV-Drohnen und -Komponenten

Bei IHA RACE verkaufen wir seit 2017 FPV-Drohnen, Renndrohnen und Komponenten an spanische Piloten. Wir sind kein Amazon-Dropshipping: Wir haben eine eigene Werkstatt, in der wir die Rahmen zusammenbauen, und ein Team von Wettbewerbsfahrern, die alles im Katalog testen.

Unser Ziel ist es, dass Sie fliegen – und nicht, dass Sie einen Korb füllen. Deshalb beraten wir Sie vor dem Verkauf, bauen die Drohnen individuell für Sie zusammen und leisten echten technischen Support. Wenn Sie an einem Samstagnachmittag anrufen und ein VTX nicht antwortet, ist jemand am anderen Ende.

Wir arbeiten mit den führenden Marken der Branche zusammen: DJI, TBS, T-Motor, iFlight, RunCam, Foxeer, Radiomaster, SpeedyBee, HQProp, Tattu und mehr als 40 Hersteller. Echter Lagerbestand, offizielle Garantie und Versand innerhalb von 24/48 Stunden auf die gesamte Halbinsel.

Wenn Sie ein Anfänger sind, beginnen Sie mit unseren Anleitungen und unseren kompletten Kits. Wenn Sie bereits Erfahrung mit FPV-Rennen oder Wettbewerbsdrohnen haben, finden Sie lose Komponenten, die es sonst nirgendwo in Spanien gibt. Und wenn Sie eine professionelle DJI-Drohne benötigen, sind wir offizieller Distributor mit Care+ und direktem Support vom Hersteller.

(Funktion(){ // SCHUBLADE const Drawer = document.getElementById('drawer'); const scrim = document.getElementById('scrim'); const open = document.getElementById('openDrawer'); const closeButtons = document.querySelectorAll('[data-close-drawer]'); const setDrawer = (o) => { Drawer.classList.toggle('is-open', o); scrim.classList.toggle('is-open', o); Drawer.setAttribute('aria-hidden', !o); scrim.setAttribute('aria-hidden', !o); document.body.style.overflow = oder ? 'versteckt': ''; }; open.addEventListener('click', () => setDrawer(true)); scrim.addEventListener('click', () => setDrawer(false)); closeButtons.forEach(b => b.addEventListener('click', () => setDrawer(false))); document.addEventListener('keydown', e => { if (e.key === 'Escape') setDrawer(false); });// HELDENKARUSSELL const slides = document.querySelectorAll('.hero__slide'); const RailItems = document.querySelectorAll('.hero__rail-item'); let cur = 0, Timer; const DAUER = 6000; const go = (i, restart=true) => { cur = (i + slides.length) % slides.length; slides.forEach((s, idx) => s.classList.toggle('is-active', idx === cur)); RailItems.forEach((r, idx) => { r.classList.toggle('is-aktiv', idx === cur); const fill = r.querySelector('.hero__rail-fill'); if (fill) { fill.style.transition = 'none'; fill.style.width = '0%'; if (idx === cur){ fill.offsetHeight; // Reflow fill.style.transition = `width ${DURATION}ms linear`; requestAnimationFrame(() => fill.style.width = '100%'); } } }); if (Neustart){ clearInterval(timer); timer = setInterval(() => go(cur + 1, false), DURATION); } }; RailItems.forEach((r, i) => r.addEventListener('click', () => go(i))); document.querySelector('[data-hero-prev]').addEventListener('click', () => go(cur - 1)); document.querySelector('[data-hero-next]').addEventListener('click', () => go(cur + 1)); go(0);// PRODUKTFILTER-Registerkarten (Kosmetik – Fakes-Filter durch Umschalten) document.querySelectorAll('.prods__filter button').forEach(b => { b.addEventListener('click', () => { document.querySelectorAll('.prods__filter button').forEach(x => x.classList.remove('is-active')); b.classList.add('is-aktiv'); }); });// GESCHENK-Beträge document.querySelectorAll('.gift__amounts button').forEach(b => { b.addEventListener('click', () => { document.querySelectorAll('.gift__amounts button').forEach(x => x.classList.remove('is-active')); b.classList.add('is-aktiv'); const m = b.textContent.match(/(\d+)/); if (m) document.querySelector('.gift__art-amount').textContent = m[1] + '€'; }); });// FAQ – nur eine geöffnet lassen (optionales natives
-Verhalten ist in Ordnung; Gruppe schließen) document.querySelectorAll('.faq__item').forEach(item => { item.addEventListener('toggle', () => { if (item.open){ document.querySelectorAll('.faq__item').forEach(o => { if (o !== item) o.open = false; }); } }); }); })(); (Funktion(){ var API = '/wp-json/wc/store/v1/products'; Funktion updateHomeStock() { var ids = []; document.querySelectorAll('.iha-home-prod-grid .iha-atc[data-product_id]').forEach(function(btn){ var id = btn.getAttribute('data-product_id'); if (id && ids.indexOf(id) === -1) ids.push(id); }); if (!ids.length) return; fetch(API + '?include=' + ids.join(',') + '&per_page=20') .then(function(r){ return r.json(); }) .then(Funktion(Produkte){ products.forEach(function(p){ var inStock = !!p.is_in_stock; document.querySelectorAll('.iha-home-prod-grid .iha-atc[data-product_id="'+p.id+'"]').forEach(function(btn){ var card = btn.closest('.prod'); if (!card) return; var stockEl = card.querySelector('.prod__stock'); if (stockEl) { stockEl.textContent = inStock ? „Auf Lager“: „Ausverkauft“; stockEl.classList.toggle('prod__stock--out', !inStock); } if (!inStock) { btn.classList.remove('add_to_cart_button','ajax_add_to_cart','iha-ajax-atc'); btn.href = p.permalink || btn.href; btn.textContent = 'Produkt anzeigen'; btn.removeAttribute('data-quantity'); btn.removeAttribute('rel'); } }); }); }) .catch(function(){}); } if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', updateHomeStock); } sonst { updateHomeStock(); } })();