/* External CSP-compatible frontend helpers. */.it-front-body{background:#0a0a2e;color:#e8eaf6}.it-inline-block{display:inline-block}.it-editorial{max-width:820px;margin:0 auto;text-align:center}.it-editorial-intro,.it-editorial-copy{color:var(--muted);font-size:clamp(15px,1.8vw,17px);line-height:1.85}.it-editorial-intro{margin-bottom:18px}.it-editorial-copy{margin:0}.it-logo img{display:block;flex-shrink:0}.it-mob-brand .it-brand-it{color:var(--cyan)}.it-mob-brand .it-brand-novati{color:var(--orange)}*{margin:0;padding:0;box-sizing:border-box}:root{--bg:#0a0a2e;--bg2:#0d1142;--bg3:#111655;--cyan:#00f0ff;--orange:#F68B27;--gold:#e2af3c;--text:#e8eaf6;--muted:#7986cb;--green:#00e676;--border:rgba(0,240,255,0.15)}html,body{background:var(--bg) !important;color:var(--text) !important;font-family:'Segoe UI',system-ui,sans-serif;line-height:1.6;min-height:100vh}/* ── NAV ── */.it-nav{display:flex;align-items:center;justify-content:space-between;padding:0 clamp(16px,4vw,40px);height:80px;background:rgba(20,18,55,0.42);border-bottom:1px solid rgba(226,175,60,0.4);position:sticky;top:0;z-index:999;backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%)}@keyframes it-logo-flow{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}.it-logo{display:flex;align-items:center;gap:10px;text-decoration:none;flex-shrink:0;font-family:'Orbitron',sans-serif;font-weight:700;font-size:1.15rem;letter-spacing:.08em;background:linear-gradient(90deg,#FF7A00,#FFD700,#fff,#00F0FF,#FF7A00);background-size:300% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:it-logo-flow 4s ease infinite}.it-logo:hover{filter:drop-shadow(0 0 8px rgba(246,139,39,.6))}.it-logo img{height:36px;width:36px;object-fit:contain;flex-shrink:0;transition:filter .25s}.it-logo:hover img{filter:brightness(1.1)}.it-menu{display:flex;gap:4px;list-style:none;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.it-menu a{background:linear-gradient(90deg,#FF7A00,#FFD700,#fff,#00F0FF,#FF7A00);background-size:300% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:it-logo-flow 5s ease infinite;animation-play-state:paused;text-decoration:none;font-size:16px;font-weight:600;padding:8px 14px;border-radius:8px;white-space:nowrap;transition:filter .2s}.it-menu a:hover{filter:drop-shadow(0 0 10px rgba(0,240,255,.65));animation-play-state:running;animation-duration:2s}.it-menu li:nth-child(1) a{animation-delay:0s}.it-menu li:nth-child(2) a{animation-delay:-1s}.it-menu li:nth-child(3) a{animation-delay:-2s}.it-menu li:nth-child(4) a{animation-delay:-3s}.it-menu li:nth-child(5) a{animation-delay:-4s}.it-cta{background:linear-gradient(135deg,var(--cyan),#0080ff);color:#000;font-size:14px;font-weight:800;padding:10px 22px;border-radius:20px;text-decoration:none;transition:all .2s;white-space:nowrap;flex-shrink:0}.it-cta:hover{transform:translateY(-1px);box-shadow:0 4px 20px rgba(0,240,255,0.3)}.it-burger{display:none;flex-direction:column;gap:6px;cursor:pointer;padding:8px;background:none;border:none;z-index:1001}.it-burger span{display:block;height:2.5px;border-radius:3px;transition:all .3s}.it-burger span:nth-child(1){width:24px;background:linear-gradient(90deg,var(--text),var(--cyan))}.it-burger span:nth-child(2){width:18px;background:linear-gradient(90deg,var(--cyan),var(--orange))}.it-burger span:nth-child(3){width:12px;background:var(--cyan);opacity:.8}.it-burger.open span:nth-child(1){width:22px;transform:translateY(8.5px) rotate(45deg);background:var(--cyan)}.it-burger.open span:nth-child(2){opacity:0;transform:scaleX(0)}.it-burger.open span:nth-child(3){width:22px;transform:translateY(-8.5px) rotate(-45deg);background:var(--cyan);opacity:1}.it-mob-backdrop{display:none;position:fixed;inset:0;background:rgba(0,0,0,0);z-index:997;pointer-events:none}.it-mob-backdrop.open{display:block}.it-mobile-menu{display:none;position:fixed;top:0;left:0;right:0;width:100%;background:rgba(10,12,40,.78);backdrop-filter:blur(36px) saturate(180%);-webkit-backdrop-filter:blur(36px) saturate(180%);border-bottom:1px solid rgba(226,175,60,.4);z-index:1000;flex-direction:column;box-shadow:0 28px 80px rgba(0,0,0,.6);overflow:hidden}.it-mobile-menu.open{display:flex}.it-mob-top{height:80px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0}.it-mob-brand{font-size:18px;font-weight:900;letter-spacing:-.5px;line-height:1}.it-mob-close{background:rgba(255,255,255,.07);border:none;color:rgba(255,255,255,.5);width:32px;height:32px;border-radius:8px;font-size:15px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.it-mob-close:hover{background:rgba(0,240,255,.15);color:var(--cyan)}.it-mob-nav{padding:10px 16px 6px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.it-mob-nav a{display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff;text-decoration:none;padding:14px 8px;border-radius:14px;border:1px solid rgba(0,200,220,.2);border-top-color:rgba(0,220,240,.45);box-shadow:0 8px 20px rgba(0,0,0,.55),0 0 14px rgba(0,180,200,.12),inset 0 1px 0 rgba(255,255,255,.12);transition:all .2s;letter-spacing:.3px}.it-mob-nav a:last-child:nth-child(odd){grid-column:span 2}.it-mob-nav a:nth-child(1){background:linear-gradient(135deg,#00c8f0,#1565c0)}.it-mob-nav a:nth-child(2){background:linear-gradient(135deg,#00b8e0,#1248b0)}.it-mob-nav a:nth-child(3){background:linear-gradient(135deg,#00d4f0,#1a72cc)}.it-mob-nav a:nth-child(4){background:linear-gradient(135deg,#00acd8,#0f3fa0)}.it-mob-nav a:nth-child(5){background:linear-gradient(135deg,#00c8f0,#1565c0)}.it-mob-nav a:hover{color:var(--cyan);border-color:rgba(0,240,255,.3);background:rgba(0,240,255,.07)}.it-mobile-cta{margin:8px 16px 20px;padding:13px 16px;background:linear-gradient(160deg,#00b8cc,#0070a0);color:#fff;font-size:14px;font-weight:800;border-radius:14px;text-decoration:none;text-align:center;display:block;border:1px solid rgba(0,220,240,.4);border-top-color:rgba(0,240,255,.6);box-shadow:0 8px 24px rgba(0,0,0,.5),0 0 20px rgba(0,180,220,.3),inset 0 1px 0 rgba(255,255,255,.2)}.it-mob-div{width:60px;height:1px;background:var(--border);margin:8px 0}/* ── HERO ── */.it-hero{min-height:88vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:clamp(40px,8vw,80px) 20px;position:relative;overflow:hidden;background:#0a0a2e url(https://itnovati.com/wp-content/uploads/hero/itnovati-hero-poster.webp) center/cover no-repeat}.it-hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}.it-hero-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(10,10,46,0.75) 0%,rgba(10,10,46,0.55) 100%);z-index:1}.it-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 40%,rgba(0,240,255,0.08) 0%,transparent 65%),radial-gradient(ellipse at 80% 80%,rgba(246,139,39,0.06) 0%,transparent 50%);z-index:2}.it-hero-inner{position:relative;z-index:3;max-width:860px;margin:0 auto;width:100%}.it-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(0,240,255,0.08);border:1px solid rgba(0,240,255,0.25);color:var(--cyan);font-size:12px;font-weight:700;letter-spacing:1px;padding:7px 16px;border-radius:20px;margin-bottom:28px;text-transform:uppercase}.it-hero h1{font-size:clamp(32px,6vw,72px);font-weight:900;line-height:1.08;margin-bottom:24px;letter-spacing:-1px}.it-hero h1 .c{color:var(--cyan)}.it-hero h1 .o{color:var(--orange)}.it-hero-sub{font-size:clamp(15px,2.5vw,18px);color:var(--muted);max-width:560px;margin:0 auto 40px;line-height:1.7}.it-hero-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.btn-primary{background:linear-gradient(135deg,var(--cyan),#0080ff);color:#000;font-size:clamp(14px,2vw,15px);font-weight:800;padding:14px clamp(20px,4vw,36px);border-radius:50px;text-decoration:none;transition:all .2s;box-shadow:0 4px 24px rgba(0,240,255,0.25)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 32px rgba(0,240,255,0.4)}.btn-secondary{background:transparent;border:1px solid var(--border);color:var(--text);font-size:clamp(14px,2vw,15px);font-weight:600;padding:14px clamp(20px,4vw,36px);border-radius:50px;text-decoration:none;transition:all .2s}.btn-secondary:hover{border-color:var(--cyan);color:var(--cyan)}.it-stats{display:flex;gap:clamp(20px,4vw,40px);justify-content:center;margin-top:56px;flex-wrap:wrap}.it-stat{text-align:center;min-width:80px}.it-stat-n{font-size:clamp(24px,4vw,32px);font-weight:900;color:var(--cyan)}.it-stat-l{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:1px;margin-top:4px}/* ── KATEGORIEN ── */.it-section-wrap{background:var(--bg);padding:0 0 80px}.it-section{padding:clamp(40px,6vw,80px) clamp(16px,4vw,40px);max-width:1200px;margin:0 auto}.it-section-title{font-size:13px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:2px;margin-bottom:12px}.it-section-h2{font-size:clamp(24px,4vw,42px);font-weight:800;margin-bottom:clamp(24px,4vw,48px);line-height:1.2}.it-section-h2 span{color:var(--cyan)}.it-cat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.it-cat{background:var(--bg2);border:1px solid var(--border);border-radius:16px;padding:clamp(20px,3vw,28px) clamp(16px,2vw,24px);text-decoration:none;transition:all .2s;position:relative;overflow:hidden;display:block}.it-cat::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--cyan),transparent);opacity:0;transition:opacity .2s}.it-cat:hover{border-color:var(--cyan);transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,240,255,0.12)}.it-cat:hover::before{opacity:1}.it-cat-icon{font-size:28px;margin-bottom:12px}.it-cat-name{font-size:15px;font-weight:700;color:var(--text);margin-bottom:8px}.it-cat-desc{font-size:13px;color:var(--muted);line-height:1.5}.it-cat-count{display:inline-block;margin-top:12px;font-size:11px;font-weight:700;color:var(--cyan);background:rgba(0,240,255,0.08);padding:3px 10px;border-radius:10px}/* ── TOOLS TEASER ── */.it-tools-section{background:var(--bg2);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:clamp(40px,6vw,80px) clamp(16px,4vw,40px)}.it-tools-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.it-tools-text h2{font-size:clamp(24px,3vw,40px);font-weight:800;margin-bottom:16px;line-height:1.2}.it-tools-text h2 span{color:var(--orange)}.it-tools-text p{color:var(--muted);font-size:16px;line-height:1.7;margin-bottom:28px}.it-tool-list{display:flex;flex-direction:column;gap:12px}.it-tool-item{display:flex;align-items:center;gap:14px;background:var(--bg3);border:1px solid var(--border);border-radius:12px;padding:16px 20px;text-decoration:none;transition:all .2s}.it-tool-item:hover{border-color:var(--cyan);background:rgba(0,240,255,0.04)}.it-tool-icon{font-size:24px;flex-shrink:0}.it-tool-name{font-size:15px;font-weight:700;color:var(--text)}.it-tool-desc{font-size:12px;color:var(--muted);margin-top:2px}.it-tool-badge{margin-left:auto;font-size:10px;font-weight:700;padding:3px 10px;border-radius:10px;background:rgba(0,240,255,0.1);color:var(--cyan);white-space:nowrap}.it-tool-badge.soon{background:rgba(246,139,39,0.1);color:var(--orange)}/* ── FOOTER ── */.it-footer{background:var(--bg2);border-top:1px solid rgba(226,175,60,0.3);padding:clamp(40px,5vw,60px) clamp(16px,4vw,40px) 24px;margin-top:0}.it-footer-cols{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,4vw,48px);margin-bottom:36px}.it-footer-col h3{font-size:11px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:var(--text);margin-bottom:16px}.it-footer-col a{display:block;font-size:14px;color:var(--muted);text-decoration:none;padding:4px 0;transition:color .15s}.it-footer-col a:hover{color:var(--cyan)}.it-footer-col .soon-link{display:block;font-size:14px;color:var(--muted);padding:4px 0;opacity:.4}.it-footer-copy{font-size:12px;color:var(--muted);text-align:center;padding-top:20px;border-top:1px solid var(--border);max-width:1200px;margin:0 auto}@media(max-width:420px){.it-footer-cols{gap:12px}.it-footer-col h3{font-size:10px;letter-spacing:1px}.it-footer-col a,.it-footer-col .soon-link{font-size:12px}}/* ── RESPONSIVE ── */@media(max-width:900px){.it-menu,.it-cta{display:none}.it-burger{display:flex}.it-cat-grid{grid-template-columns:repeat(2,1fr)}.it-tools-inner{grid-template-columns:1fr;gap:32px}}@media(max-width:560px){.it-cat-grid{grid-template-columns:1fr}.it-hero h1{letter-spacing:-0.5px}.it-stats{gap:20px}}/* GTranslate */.skiptranslate,.goog-te-banner-frame{display:none!important}body{top:0!important}#it-lang-bar{width:100%;background:linear-gradient(180deg,rgba(10,10,46,.98) 0%,rgba(5,5,30,1) 100%);border-top:1px solid rgba(0,240,255,.25);padding:4px 0;min-height:28px;display:flex;align-items:center;justify-content:center;position:relative;z-index:100}.gt_switcher-popup{background:linear-gradient(135deg,rgba(0,240,255,.08) 0%,rgba(0,180,220,.05) 100%) !important;border:1px solid rgba(0,240,255,.5) !important;border-radius:20px!important;padding:6px 18px 6px 14px!important;color:#00f0ff!important;font-size:13px!important;font-weight:500!important;cursor:pointer;display:inline-flex!important;align-items:center!important;gap:7px!important;box-shadow:0 0 12px rgba(0,240,255,.15) !important;backdrop-filter:blur(4px) !important}.gt_switcher-popup:hover{background:linear-gradient(135deg,rgba(0,240,255,.18) 0%,rgba(0,180,220,.12) 100%) !important;border-color:rgba(0,240,255,.85) !important;box-shadow:0 0 20px rgba(0,240,255,.3) !important;color:#fff!important}.gt-current-lang,.gt_switcher-popup span{color:#00f0ff!important;font-size:13px!important}.gt_switcher-popup:hover .gt-current-lang,.gt_switcher-popup:hover span{color:#fff!important}.gt_white_content{background:rgba(8,8,40,.97) !important;border:1px solid rgba(0,240,255,.3) !important;border-radius:12px!important;box-shadow:0 8px 32px rgba(0,0,0,.5) !important;backdrop-filter:blur(12px) !important;max-height:60vh;overflow-y:auto}.gt_languages a,.gt_languages span{color:#c8d6e5!important;font-size:13px!important;border-bottom:1px solid rgba(0,240,255,.07) !important;padding:7px 14px!important;display:block!important}/* Farben pro Zeile */.gt_languages tr:nth-child(1) a{color:#ff6b6b!important;text-shadow:0 0 10px rgba(255,107,107,.45) !important}.gt_languages tr:nth-child(2) a{color:#ffd700!important;text-shadow:0 0 10px rgba(255,215,0,.4) !important}.gt_languages tr:nth-child(3) a{color:#00d2d3!important;text-shadow:0 0 10px rgba(0,210,211,.45) !important}.gt_languages tr:nth-child(4) a{color:#a29bfe!important;text-shadow:0 0 10px rgba(162,155,254,.45) !important}.gt_languages tr:nth-child(5) a{color:#ff9ff3!important;text-shadow:0 0 10px rgba(255,159,243,.45) !important}.gt_languages tr:nth-child(6) a{color:#55efc4!important;text-shadow:0 0 10px rgba(85,239,196,.45) !important}.gt_languages tr:nth-child(7) a{color:#74b9ff!important;text-shadow:0 0 10px rgba(116,185,255,.45) !important}.gt_languages tr:nth-child(8) a{color:#fdcb6e!important;text-shadow:0 0 10px rgba(253,203,110,.4) !important}.gt_languages a:hover{background:linear-gradient(90deg,rgba(0,240,255,.12) 0%,transparent 100%) !important;color:#fff!important;text-shadow:0 0 14px rgba(0,240,255,.85) !important;padding-left:18px!important}.gt_black_overlay{opacity:.65!important;background:rgba(5,5,25,.8) !important}@media(max-width:767px){#it-lang-bar{padding:3px 0;min-height:26px}.gt_switcher-popup{font-size:12px!important;padding:5px 14px 5px 11px!important}}