: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,#page,.site{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:14px;font-weight:600;padding:8px 12px;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:13px;font-weight:800;padding:9px 20px;border-radius:20px;text-decoration:none;flex-shrink:0}
.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)}

/* PAGE HEADER */
.it-page-header{background:var(--bg2);border-bottom:1px solid var(--border);padding:clamp(20px,3vw,32px) clamp(16px,4vw,40px);text-align:center}
.it-page-header h1{font-size:clamp(28px,5vw,52px);font-weight:900;color:var(--text);margin-bottom:12px}
.it-breadcrumb{display:none}
.it-breadcrumb a{color:var(--cyan);text-decoration:none}

/* CONTENT */
.it-content-wrap{max-width:860px;margin:0 auto;padding:clamp(32px,5vw,60px) clamp(16px,4vw,40px) clamp(8px,1vw,12px)}
.it-content-wrap p{color:var(--muted);font-size:clamp(14px,2vw,16px);line-height:1.8;margin-bottom:20px}
.it-content-wrap h1,.it-content-wrap h2,.it-content-wrap h3,.it-content-wrap h4{color:var(--text);margin:32px 0 16px;font-weight:700}
.it-content-wrap h2{font-size:clamp(20px,3vw,32px)}
.it-content-wrap a{color:var(--cyan);text-decoration:underline !important}
.it-content-wrap ul,.it-content-wrap ol{color:var(--muted);padding-left:24px;margin-bottom:20px}
.it-content-wrap li{margin-bottom:8px;line-height:1.7}
.it-content-wrap img{max-width:100%;border-radius:12px;margin:20px 0}
.it-featured-wrap{max-width:860px;margin:0 auto;padding:0 clamp(16px,4vw,40px);padding-top:clamp(24px,4vw,40px)}.it-featured-img{width:100%;height:auto;border-radius:16px;display:block;box-shadow:0 8px 32px rgba(0,240,255,0.08)}
.it-content-wrap blockquote{border-left:3px solid var(--cyan);padding:16px 24px;background:var(--bg2);border-radius:0 8px 8px 0;margin:24px 0;color:var(--muted)}
.it-content-wrap table{width:100%;border-collapse:collapse;margin:24px 0;display:block;overflow-x:auto}
.it-content-wrap th{background:var(--bg2);color:var(--cyan);padding:12px 16px;text-align:left;font-size:13px;text-transform:uppercase;letter-spacing:1px;border:1px solid var(--border)}
.it-content-wrap td{padding:12px 16px;border:1px solid var(--border);color:var(--muted);font-size:14px}
.it-content-wrap tr:hover td{background:var(--bg2)}

/* BLOG LISTING */
.it-blog-header{margin-bottom:40px}
.it-blog-header p{color:var(--muted);font-size:16px;margin-top:8px}
.it-blog-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:48px}
.it-card{position:relative;isolation:isolate;background:radial-gradient(circle at 16% 0%,rgba(0,240,255,.12),transparent 42%),linear-gradient(145deg,#151d56 0%,#0a0c3a 58%,#06072a 100%);border:1px solid rgba(0,240,255,.28);border-top-color:rgba(0,240,255,.58);border-bottom-color:rgba(0,128,255,.12);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;transform:translateY(-2px);box-shadow:inset 0 1px 0 rgba(255,255,255,.11),inset 0 -18px 28px rgba(0,0,24,.22),0 7px 0 #03051f,0 18px 38px rgba(0,0,0,.40),0 0 22px rgba(0,240,255,.07);transition:border-color .25s,transform .25s,box-shadow .25s}
.it-card::before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--cyan),#0080ff 58%,var(--orange));opacity:.9;pointer-events:none}
.it-card:hover,.it-card:focus-within{border-color:rgba(0,240,255,.72);transform:translateY(-7px);box-shadow:inset 0 1px 0 rgba(255,255,255,.14),inset 0 -18px 28px rgba(0,0,24,.18),0 11px 0 #03051f,0 28px 52px rgba(0,0,0,.48),0 0 30px rgba(0,240,255,.15)}
.it-card-body{position:relative;z-index:1;padding:26px;flex:1;display:flex;flex-direction:column}
.it-card-cat{display:inline-block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;padding:5px 12px;border-radius:20px;background:linear-gradient(90deg,rgba(0,240,255,.11),rgba(0,128,255,.12));color:var(--cyan);border:1px solid rgba(0,240,255,.26);margin-bottom:16px}
.it-content-wrap .it-card-title{font-size:clamp(15px,2vw,18px);font-weight:800;color:var(--cyan);line-height:1.4;margin-bottom:12px;text-decoration:none !important;display:block}
.it-content-wrap .it-card-title:hover{color:var(--cyan);text-decoration:none !important}
.it-content-wrap .it-card-title:focus-visible{color:var(--cyan);text-decoration:none !important;outline:2px solid var(--cyan);outline-offset:4px;border-radius:2px}
.it-card-excerpt{color:var(--muted);font-size:14px;line-height:1.7;flex:1;margin-bottom:20px}
.it-card-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(0,240,255,.13);padding-top:16px;margin-top:auto}
.it-card-date{font-size:12px;color:var(--muted)}
.it-content-wrap .it-card-read{font-size:13px;font-weight:800;color:var(--cyan);text-decoration:none !important;padding:6px 10px;border-radius:999px;background:rgba(0,240,255,.07);transition:background .2s,box-shadow .2s}
.it-content-wrap .it-card-read:hover,.it-content-wrap .it-card-read:focus-visible{color:var(--cyan);text-decoration:none !important;background:rgba(0,240,255,.14);box-shadow:0 0 16px rgba(0,240,255,.10)}
.it-pagination{display:flex;gap:8px;justify-content:center;margin-top:20px}
.it-pagination a,.it-pagination span{padding:8px 16px;border-radius:8px;font-size:14px;font-weight:600;text-decoration:none;border:1px solid var(--border);color:var(--muted)}
.it-pagination a:hover{border-color:var(--cyan);color:var(--cyan)}
.it-pagination .current{background:var(--cyan);color:#000;border-color:var(--cyan)}
.it-blog-empty{text-align:center;padding:60px 20px;color:var(--muted)}
@media(max-width:640px){.it-blog-grid{grid-template-columns:1fr}}

/* 404 */
.it-404-wrap{text-align:center;padding:clamp(40px,8vw,80px) 20px}
.it-404-num{font-size:clamp(100px,20vw,180px);font-weight:900;line-height:1;background:linear-gradient(135deg,var(--cyan),var(--orange));-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:block}
.it-404-title{font-size:clamp(22px,4vw,36px);font-weight:800;color:var(--text);margin:16px 0 12px}
.it-404-sub{color:var(--muted);font-size:16px;margin-bottom:40px;max-width:480px;margin-left:auto;margin-right:auto}
.it-404-links{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.it-404-links a{padding:12px 24px;border-radius:50px;font-size:14px;font-weight:700;text-decoration:none;transition:all .2s}
.it-404-links .primary{background:linear-gradient(135deg,var(--cyan),#0080ff);color:#000}
.it-404-links .secondary{border:1px solid var(--border);color:var(--muted)}
.it-404-links .secondary:hover{border-color:var(--cyan);color:var(--cyan)}

/* CONTACT FORM */
.it-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-bottom:60px}
.it-contact-info h2{font-size:clamp(20px,3vw,28px);font-weight:800;color:var(--text);margin-bottom:16px}
.it-contact-info p{color:var(--muted);line-height:1.8;margin-bottom:24px}
.it-contact-detail{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding:16px;background:var(--bg2);border:1px solid var(--border);border-radius:12px}
.it-contact-detail .icon{font-size:20px;flex-shrink:0}
.it-contact-detail .label{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:1px;display:block}
.it-contact-detail .val{font-size:14px;color:var(--text)}
.it-contact-detail .val a{color:var(--cyan);text-decoration:none}
.it-form-card{background:var(--bg2);border:1px solid var(--border);border-radius:20px;padding:clamp(24px,4vw,40px);position:relative;overflow:hidden}
#it-contact-form:target{outline:none!important;box-shadow:none!important}
.it-form-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--cyan),var(--orange))}
.it-form-card h3{font-size:20px;font-weight:800;color:var(--text);margin-bottom:24px}
.it-field{margin-bottom:20px}
.it-field label{display:block;font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}
.it-field input,.it-field textarea,.it-field select{width:100%;background:var(--bg3);border:1px solid var(--border);border-radius:10px;padding:12px 16px;color:var(--text);font-size:14px;font-family:inherit;transition:border-color .2s;resize:none;-webkit-text-fill-color:var(--text);caret-color:var(--cyan)}
.it-field input:-webkit-autofill,.it-field input:-webkit-autofill:hover,.it-field input:-webkit-autofill:focus,.it-field input:-webkit-autofill:active{-webkit-text-fill-color:var(--text)!important;-webkit-box-shadow:0 0 0 1000px var(--bg3) inset!important;caret-color:var(--text)!important}
.it-field input:focus,.it-field textarea:focus{outline:none;border-color:var(--cyan)}
.it-field textarea{min-height:140px}
.it-field input::placeholder,.it-field textarea::placeholder{color:var(--muted);opacity:.6}
.it-field-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.it-submit-btn{width:100%;background:linear-gradient(135deg,var(--cyan),#0080ff);color:#000;font-size:15px;font-weight:800;padding:14px;border-radius:12px;border:none;cursor:pointer;transition:opacity .2s;margin-top:8px}
.it-submit-btn:hover{opacity:.9}
.it-submit-btn:disabled{opacity:.5;cursor:not-allowed}
.it-form-msg{display:none;padding:16px;border-radius:10px;font-size:14px;margin-top:16px;text-align:center}
.it-form-msg[hidden]{display:none}
.it-form-msg.success{background:rgba(0,230,118,.1);border:1px solid rgba(0,230,118,.3);color:var(--green)}
.it-form-msg.error{background:rgba(255,82,82,.1);border:1px solid rgba(255,82,82,.3);color:#ff5252}
.it-hp{display:none}
@media(max-width:768px){.it-contact-grid{grid-template-columns:1fr}.it-field-row{grid-template-columns:1fr}}
.it-contact-about{margin-top:60px;padding-top:48px;border-top:1px solid var(--border)}
.it-contact-about h2{font-size:clamp(20px,3vw,28px);font-weight:800;color:var(--text);margin-bottom:16px}
.it-contact-about h3{font-size:clamp(16px,2.5vw,20px);font-weight:700;color:var(--text);margin:40px 0 12px}
.it-contact-about > p{color:var(--muted);font-size:15px;line-height:1.8;margin-bottom:32px}
.it-topic-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:16px}
.it-topic-card{background:var(--bg2);border:1px solid var(--border);border-radius:14px;padding:24px;transition:border-color .2s}
.it-topic-card:hover{border-color:var(--cyan)}
.it-tc-icon{font-size:24px;display:block;margin-bottom:10px}
.it-topic-card strong{color:var(--text);font-size:15px;font-weight:700;display:block;margin-bottom:8px}
.it-topic-card p{color:var(--muted);font-size:13px;line-height:1.7;margin:0}
@media(max-width:640px){.it-topic-cards{grid-template-columns:1fr}}


/* 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}
.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}}

/* 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}}

@media(max-width:900px){.it-menu,.it-cta{display:none}.it-burger{display:flex}}
.inner-body{background:var(--bg);color:var(--text)}
.inner-brand-it{color:var(--cyan)}
.inner-brand-novati{color:var(--orange)}
.inner-building{color:var(--muted);text-align:center;margin-top:40px}