/* EIT Website System v4.0 – Exakt nach Mockup */
:root{
  --p:#198ECE; --pd:#1270A8; --g:#6D6A68;
  --dark:#1a2b3c; --light:#f4f6f8; --white:#fff;
  --text:#2a2a2a; --muted:#6D6A68;
  --shadow:0 2px 16px rgba(0,0,0,.08);
  --radius:4px; --max:1200px;
  --font:'Segoe UI',system-ui,-apple-system,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:var(--font);color:var(--text);background:#fff;line-height:1.6}
a{color:var(--p);text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%;height:auto}

/* ── NAV ── */
.eit-nav{background:#fff;border-bottom:1px solid #e8eaed;position:sticky;top:0;z-index:1000;box-shadow:0 1px 8px rgba(0,0,0,.06)}
.eit-nav__inner{max-width:var(--max);margin:0 auto;padding:0 40px;height:72px;display:flex;align-items:center;gap:24px;position:relative}
.eit-nav__logo{display:flex;align-items:center;text-decoration:none!important;flex-shrink:0;gap:10px}
.eit-nav__logo-img{height:56px;width:auto;display:block}
.eit-nav__logo-text{font-size:1.05rem;font-weight:900;color:var(--dark);letter-spacing:-.01em;line-height:1.1}
.eit-nav__logo-text small{display:block;font-size:.38rem;letter-spacing:.18em;color:var(--muted);font-weight:400;text-transform:uppercase}
.eit-nav__menu{margin-left:auto}
.eit-nav__list{list-style:none;display:flex;gap:0;align-items:center;margin:0;padding:0}
.eit-nav__list li a{display:block;padding:8px 14px;font-size:.8rem;font-weight:700;letter-spacing:.05em;color:var(--text);text-decoration:none!important;border-radius:3px;transition:color .15s}
.eit-nav__list li a:hover,.eit-nav__list li.current-menu-item>a{color:var(--p)}
.eit-nav__burger{display:none;background:none;border:none;cursor:pointer;padding:6px;flex-direction:column;gap:5px;margin-left:auto;flex-shrink:0}
.eit-nav__burger span{display:block;width:22px;height:2px;background:var(--text);border-radius:2px;transition:all .25s}
.eit-nav__burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.eit-nav__burger.open span:nth-child(2){opacity:0}
.eit-nav__burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media(max-width:768px){
  .eit-nav__inner{padding:0 20px}
  .eit-nav__menu{display:none;position:absolute;top:72px;left:0;right:0;background:#fff;border-top:1px solid #e8eaed;border-bottom:1px solid #e8eaed;padding:8px 20px 16px;box-shadow:0 8px 20px rgba(0,0,0,.08)}
  .eit-nav__menu.open{display:block}
  .eit-nav__list{flex-direction:column;align-items:flex-start;gap:0}
  .eit-nav__list li{width:100%;border-bottom:1px solid #f0f0f0}
  .eit-nav__list li:last-child{border-bottom:none}
  .eit-nav__list li a{padding:12px 0;width:100%}
  .eit-nav__burger{display:flex}
}

/* ── TOPBAR ── */
.eit-topbar{background:var(--dark);color:rgba(255,255,255,.85);font-size:.78rem;padding:0 20px;height:38px;display:flex;align-items:center}
.eit-topbar__inner{max-width:var(--max);margin:0 auto;width:100%;display:flex;align-items:center;justify-content:space-between}
.eit-topbar__left{display:flex;gap:24px;align-items:center}
.eit-topbar__left a{color:rgba(255,255,255,.85);display:flex;align-items:center;gap:6px;font-size:.78rem}
.eit-topbar__left a:hover{color:#fff;text-decoration:none}
.eit-topbar__cta{background:var(--p);color:#fff!important;padding:6px 16px;border-radius:2px;font-size:.75rem;font-weight:700;letter-spacing:.06em;text-decoration:none!important;transition:background .15s}
.eit-topbar__cta:hover{background:var(--pd)!important}

/* ── BUTTONS ── */
.eit-btn{display:inline-flex;align-items:center;gap:6px;padding:12px 24px;border-radius:var(--radius);font-size:.9rem;font-weight:600;letter-spacing:.04em;text-decoration:none!important;cursor:pointer;border:2px solid transparent;transition:all .2s}
.eit-btn--solid{background:var(--p);color:#fff;border-color:var(--p)}
.eit-btn--solid:hover{background:var(--pd);border-color:var(--pd);color:#fff}
.eit-btn--outline-w{background:transparent;color:#fff;border-color:rgba(255,255,255,.8)}
.eit-btn--outline-w:hover{background:rgba(255,255,255,.15);color:#fff}
.eit-btn--outline{background:transparent;color:var(--p);border-color:var(--p)}
.eit-btn--outline:hover{background:var(--p);color:#fff}
.eit-btn--sm{padding:7px 16px;font-size:.82rem}

/* ── HERO ── */
.eit-hero{position:relative;min-height:480px;display:flex;align-items:center;background:linear-gradient(to right, rgba(26,43,60,.85) 45%, rgba(26,43,60,.5) 100%), url('') center/cover no-repeat;background-color:#1a2b3c}
.eit-hero__overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(18,112,168,.6) 0%,transparent 60%);pointer-events:none}
.eit-hero__inner{position:relative;max-width:var(--max);margin:0 auto;padding:80px 40px;width:100%}
.eit-hero__text{max-width:540px}
.eit-hero h1{font-size:clamp(2rem,4vw,3rem);font-weight:800;color:#fff;line-height:1.2;margin-bottom:20px}
.eit-hero__accent{color:var(--p)}
.eit-hero p{font-size:1rem;color:rgba(255,255,255,.88);margin-bottom:32px;line-height:1.7}
.eit-hero__btns{display:flex;gap:14px;flex-wrap:wrap}

/* ── INTRO ── */
.eit-intro{padding:60px 40px;max-width:var(--max);margin:0 auto}
.eit-intro__inner{display:grid;grid-template-columns:280px 1fr;gap:60px;align-items:start}
@media(max-width:768px){.eit-intro__inner{grid-template-columns:1fr}}
.eit-intro__text h2{font-size:1.3rem;font-weight:800;color:var(--p);line-height:1.3;margin-bottom:16px}
.eit-intro__text p{font-size:.9rem;color:var(--muted);line-height:1.7}
.eit-intro__icons{display:grid;grid-template-columns:repeat(3,1fr);gap:20px 32px}
@media(max-width:600px){.eit-intro__icons{grid-template-columns:1fr 1fr}}
.eit-intro__icon-item{display:flex;align-items:center;gap:10px;font-size:.85rem;color:var(--text)}
.eit-intro__icon{font-size:1.3rem;flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--light);border-radius:6px}
.eit-intro__cta{text-align:center;margin-top:40px;padding-top:32px;border-top:1px solid #e2e6ea}

/* ── SECTION HEADER ── */
.eit-section-header{text-align:center;margin-bottom:40px}
.eit-section-header h2{font-size:1.6rem;font-weight:700;color:var(--text);position:relative;display:inline-block;padding-bottom:12px}
.eit-section-header h2::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:40px;height:3px;background:var(--p);border-radius:2px}

/* ── LEISTUNGEN ── */
.eit-leistungen{padding:60px 40px;background:var(--light)}
.eit-leistungen__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;max-width:var(--max);margin:0 auto}
.eit-service-card{background:#fff;border-radius:var(--radius);padding:28px 22px;box-shadow:var(--shadow);border:1px solid #eee;text-align:center;transition:box-shadow .2s,transform .2s}
.eit-service-card:hover{box-shadow:0 6px 28px rgba(0,0,0,.12);transform:translateY(-2px)}
.eit-service-card__ico{font-size:2rem;margin-bottom:14px;display:block}
.eit-service-card h3{font-size:.95rem;font-weight:700;color:var(--text);margin-bottom:10px}
.eit-service-card p{font-size:.82rem;color:var(--muted);line-height:1.6}

/* ── ZIELGRUPPEN ── */
.eit-zielgruppen{padding:60px 40px}
.eit-zielgruppen__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:var(--max);margin:0 auto}
@media(max-width:768px){.eit-zielgruppen__grid{grid-template-columns:1fr}}
.eit-zg-card{border:1px solid #e0e0e0;border-radius:var(--radius);padding:28px 24px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px}
.eit-zg-card__ico{width:60px;height:60px;border-radius:50%;background:var(--p);display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}
.eit-zg-card h3{font-size:1rem;font-weight:700;color:var(--text)}
.eit-zg-card p{font-size:.85rem;color:var(--muted);line-height:1.6}

/* ── TOOLS BANNER ── */
.eit-tools-banner{background:var(--light);padding:0}
.eit-tools-banner__inner{display:grid;grid-template-columns:360px 1fr 200px;max-width:var(--max);margin:0 auto;min-height:240px;align-items:center}
@media(max-width:900px){.eit-tools-banner__inner{grid-template-columns:1fr;text-align:center;padding:40px}}
.eit-tools-banner__img{height:240px;background:linear-gradient(135deg,#1a2b3c,#198ECE);position:relative;overflow:hidden}
.eit-tools-banner__img::after{content:'💻';position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:4rem;opacity:.4}
.eit-tools-banner__content{padding:40px 40px}
.eit-tools-banner__content h2{font-size:1.4rem;font-weight:700;color:var(--p);margin-bottom:12px}
.eit-tools-banner__content p{font-size:.88rem;color:var(--muted);margin-bottom:20px;line-height:1.6}
.eit-tools-banner__logo{display:flex;align-items:center;justify-content:center;padding:20px}
.eit-tools-logo-text{font-size:2rem;font-weight:900;color:var(--p);line-height:1.1;text-align:center}
.eit-tools-logo-text small{display:block;font-size:.55rem;letter-spacing:.2em;color:var(--g);font-weight:400}

/* ── PROJEKTBEREICHE ── */
.eit-projekte{padding:60px 40px;background:#fff}
.eit-projekte__grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;max-width:var(--max);margin:0 auto}
@media(max-width:900px){.eit-projekte__grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:500px){.eit-projekte__grid{grid-template-columns:repeat(2,1fr)}}
.eit-projekt-item{}
.eit-projekt-item__img{height:100px;background:linear-gradient(135deg,var(--dark) 0%,var(--g) 100%);border-radius:var(--radius);margin-bottom:8px}
.eit-projekt-item p{font-size:.75rem;color:var(--muted);text-align:center;line-height:1.4}

/* ── KONTAKT ── */
.eit-kontakt{padding:60px 40px;background:var(--light)}
.eit-kontakt__inner{display:grid;grid-template-columns:1fr 1.6fr;gap:60px;max-width:var(--max);margin:0 auto;align-items:start}
@media(max-width:768px){.eit-kontakt__inner{grid-template-columns:1fr}}
.eit-kontakt__info h2{font-size:1.4rem;font-weight:700;color:var(--p);margin-bottom:12px}
.eit-kontakt__info p{font-size:.9rem;color:var(--muted);margin-bottom:24px;line-height:1.6}
.eit-kontakt__list{list-style:none;display:flex;flex-direction:column;gap:14px}
.eit-kontakt__list li{display:flex;align-items:flex-start;gap:10px;font-size:.9rem;color:var(--text)}
.eit-kontakt__list svg{flex-shrink:0;margin-top:2px;color:var(--p)}
.eit-kontakt__list a{color:var(--p);font-weight:500}

/* Formular */
.eit-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}
@media(max-width:500px){.eit-form-row{grid-template-columns:1fr}}
.eit-input{width:100%;padding:11px 14px;border:1px solid #cdd0d8;border-radius:var(--radius);font-size:.9rem;color:var(--text);font-family:var(--font);transition:border-color .2s;background:#fff}
.eit-input:focus{outline:none;border-color:var(--p);box-shadow:0 0 0 3px rgba(25,142,206,.12)}
.eit-input--full{width:100%;display:block;margin-bottom:12px}
.eit-textarea{resize:vertical}
.eit-dsgvo{display:flex;align-items:flex-start;gap:10px;font-size:.82rem;color:var(--muted);margin-bottom:4px;cursor:pointer;line-height:1.5}
.eit-dsgvo input{margin-top:2px;accent-color:var(--p)}
.eit-dsgvo a{color:var(--p)}
.eit-form-hint{font-size:.75rem;color:var(--muted);margin-top:8px}
.eit-form-success{background:#e8f5e9;color:#2e7d32;border-radius:var(--radius);padding:14px 18px;font-weight:600;margin-bottom:16px}

/* ── FOOTER ── */
.eit-footer{background:var(--dark);color:rgba(255,255,255,.7);padding:28px 40px}
.eit-footer__inner{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:220px 1fr auto;gap:24px;align-items:center}
@media(max-width:768px){.eit-footer__inner{grid-template-columns:1fr;text-align:center;gap:16px}}
.eit-footer__logo{background:rgba(255,255,255,.96);padding:8px 14px;border-radius:4px;display:inline-flex;align-items:center}
.eit-footer__logo img{height:40px;width:auto;display:block;filter:none;opacity:1}
.eit-footer__logo-text{font-size:1.3rem;font-weight:900;color:#fff;display:flex;align-items:center;gap:6px}
.eit-footer__logo-text small{font-size:.45rem;letter-spacing:.15em;color:rgba(255,255,255,.5);font-weight:400;line-height:1.3}
.eit-footer__nav{display:flex;gap:24px;justify-content:center;flex-wrap:wrap}
.eit-footer__nav a{color:rgba(255,255,255,.65);font-size:.78rem;letter-spacing:.06em;text-decoration:none}
.eit-footer__nav a:hover{color:#fff}
.eit-footer__copy{font-size:.75rem;color:rgba(255,255,255,.4);text-align:right;white-space:nowrap}
@media(max-width:768px){.eit-footer__copy{text-align:center}}

/* ── COOKIE ── */
.eit-cookie{position:fixed;bottom:0;left:0;right:0;z-index:9999;background:var(--dark);color:#fff;box-shadow:0 -4px 20px rgba(0,0,0,.2);animation:slideUp .35s ease}
@keyframes slideUp{from{transform:translateY(100%)}to{transform:translateY(0)}}
.eit-cookie__inner{max-width:var(--max);margin:0 auto;padding:16px 24px;display:flex;gap:20px;align-items:center;flex-wrap:wrap}
.eit-cookie__inner p{flex:1;font-size:.82rem;color:rgba(255,255,255,.8);margin:0;min-width:200px}
.eit-cookie__inner a{color:#7dd3f5}
.eit-cookie__btns{flex-shrink:0}

/* ── WA FLOAT ── */
.eit-wa-float{position:fixed;bottom:28px;right:28px;z-index:9998;width:56px;height:56px;background:#25D366;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none!important;box-shadow:0 4px 18px rgba(37,211,102,.4);animation:pulse 2.5s infinite;transition:transform .2s}
@keyframes pulse{0%,100%{box-shadow:0 4px 18px rgba(37,211,102,.4)}50%{box-shadow:0 4px 26px rgba(37,211,102,.7)}}
.eit-wa-float:hover{transform:scale(1.08)}
.eit-wa-float__tip{position:absolute;right:66px;background:var(--dark);color:#fff;font-size:.78rem;font-weight:600;white-space:nowrap;padding:6px 12px;border-radius:4px;opacity:0;transform:translateX(4px);transition:all .2s;pointer-events:none}
.eit-wa-float:hover .eit-wa-float__tip{opacity:1;transform:translateX(0)}

/* ── BACK TO TOP ── */
.eit-back-top{position:fixed;bottom:94px;right:30px;z-index:9997;width:42px;height:42px;background:var(--p);color:#fff;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 10px rgba(0,0,0,.2);opacity:0;transform:translateY(8px);transition:all .3s;pointer-events:none}
.eit-back-top.visible{opacity:1;transform:translateY(0);pointer-events:auto}
.eit-back-top:hover{background:var(--pd)}

/* ── RESPONSIVE ── */
@media(max-width:900px){
  .eit-hero__inner{padding:60px 24px}
  .eit-leistungen,.eit-zielgruppen,.eit-projekte,.eit-kontakt,.eit-intro{padding:40px 24px}
}
@media(max-width:600px){
  .eit-topbar__left{display:none}
  .eit-hero h1{font-size:1.7rem}
  .eit-hero__btns{flex-direction:column}
  .eit-footer__inner{gap:20px}
}