:root{--navy:#071321;--navy2:#0c2036;--blue:#176fe5;--cyan:#35c3df;--bg:#f3f7fb;--card:#fff;--text:#142033;--muted:#6a778b;--line:#dfe7f0;--green:#18a66b;--orange:#e99a2e;--red:#d95858;--shadow:0 18px 55px rgba(8,26,50,.09)} *{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text);line-height:1.6}a{text-decoration:none;color:inherit} .wrap{width:min(1160px,calc(100% - 40px));margin:auto} header{height:76px;background:rgba(255,255,255,.92);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.nav{height:100%;display:flex;align-items:center;justify-content:space-between} .brand{display:flex;align-items:center;gap:12px}.logo{width:43px;height:43px;border-radius:13px;background:linear-gradient(135deg,var(--blue),var(--cyan));display:grid;place-items:center;color:#fff;font-weight:900}.brand b{display:block}.brand small{display:block;color:var(--muted);font-size:11px}nav{display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:flex-end}nav a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:11px 18px;border:1px solid var(--line);border-radius:12px;background:#fff;color:#536278;font-size:14px;font-weight:750;box-shadow:0 4px 12px rgba(8,26,50,.05);transition:background .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}nav a:before{content:"›";font-size:20px;line-height:1;margin-right:9px;font-weight:900;opacity:.65}nav a:hover{background:#eef5ff;color:var(--blue);border-color:#cfe1fb;box-shadow:0 7px 18px rgba(23,111,229,.12);transform:translateY(-1px)}nav a.active{background:var(--blue);border-color:var(--blue);color:#fff;box-shadow:0 8px 20px rgba(23,111,229,.22)} .hero{padding:95px 0 85px;background:radial-gradient(circle at 85% 10%,#d9f5ff,transparent 33%),linear-gradient(180deg,#fff,#f3f7fb)}.heroGrid{display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:850;color:var(--blue)}h1{font-size:clamp(42px,5.5vw,72px);line-height:1.02;letter-spacing:-.05em;margin:14px 0 22px}.lead{font-size:18px;color:#58677b;max-width:700px}.actions{display:flex;gap:12px;margin-top:30px}.btn{display:inline-block;background:var(--blue);color:#fff;padding:13px 19px;border-radius:11px;font-weight:800}.btn.alt{background:#fff;color:var(--text);border:1px solid var(--line)} .heroCard{background:var(--navy);color:#fff;padding:34px;border-radius:26px;box-shadow:0 25px 70px rgba(7,19,33,.2)}.heroCard .label{color:#68d8ee}.heroCard strong{display:block;font-size:28px;margin-top:7px}.heroCard p{color:#b9c9da} .section{padding:75px 0}.section h2{font-size:38px;letter-spacing:-.03em;margin:8px 0 30px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:25px;box-shadow:var(--shadow)}.card .num{color:var(--blue);font-weight:900}.card h3{margin:8px 0}.muted{color:var(--muted)} .portalBox{background:#fff;border:1px solid var(--line);border-radius:22px;padding:30px;box-shadow:var(--shadow);display:grid;grid-template-columns:1fr auto;align-items:center;gap:20px} .page{padding:65px 0}.pageHeader{background:#fff;border-bottom:1px solid var(--line);padding:60px 0}.pageHeader h1{font-size:50px}.content{background:#fff;border:1px solid var(--line);border-radius:20px;padding:35px;white-space:pre-wrap} footer{background:var(--navy);color:#dbe6f1;margin-top:50px}.foot{padding:45px 0;display:grid;grid-template-columns:1fr 1fr}.foot a{display:inline-flex;align-items:center;min-height:44px;padding:10px 15px;margin:7px 8px 7px 0;border:1px solid #29425b;border-radius:10px;color:#dbe6f1;background:#10283f}.foot a:hover{background:#173b5c;border-color:#3d6387;color:#fff}.copy{text-align:center;border-top:1px solid #22364d;padding:17px;color:#8fa1b5;font-size:13px} .repairHead{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.badge{display:inline-flex;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:800;background:#edf4fb}.badge.fertig,.badge.abgeschlossen{background:#e9f8f1;color:#12784e}.badge.reparatur,.badge.pruefung{background:#edf5ff;color:#176fe5}.badge.bestellung,.badge.kostenvoranschlag,.badge.wartet_kunde{background:#fff5e6;color:#9b650d} .timeline{position:relative;margin:25px 0;padding-left:28px}.timeline:before{content:"";position:absolute;left:8px;top:4px;bottom:4px;width:2px;background:#dce5ef}.event{position:relative;margin-bottom:24px}.event:before{content:"";position:absolute;left:-25px;top:7px;width:10px;height:10px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 5px #eaf3ff}.event b{display:block}.event small{color:var(--muted)}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.gallery img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:13px;border:1px solid var(--line)} .formCard{max-width:520px;margin:auto;background:#fff;border:1px solid var(--line);border-radius:22px;padding:30px;box-shadow:var(--shadow)}label{display:block;font-weight:750;margin:14px 0}input,textarea,select{width:100%;padding:12px;margin-top:6px;border:1px solid #cfd9e5;border-radius:10px;font:inherit;background:#fff}textarea{min-height:180px}.formCard button{width:100%;border:0;background:var(--blue);color:#fff;padding:13px;border-radius:10px;font-weight:800;cursor:pointer} @media(max-width:850px){header{height:auto}.nav{padding:14px 0;align-items:flex-start;gap:14px}.nav>nav{justify-content:flex-end;gap:9px}.nav>nav a{min-height:43px;padding:9px 13px;font-size:13px}.heroGrid{grid-template-columns:1fr}.cards{grid-template-columns:1fr}.portalBox{grid-template-columns:1fr}.foot{grid-template-columns:1fr}.pageHeader h1{font-size:42px}} .builderHero{padding:90px 0 80px;background:radial-gradient(circle at 85% 10%,#d9f5ff,transparent 33%),linear-gradient(#fff,#f3f7fb)}.builderHero h1{max-width:950px}.builderHero p{max-width:800px;color:#58677b;font-size:18px}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:850;color:var(--blue)}.actions{display:flex;gap:10px;margin-top:25px}.notice{background:var(--navy);color:#fff;border-radius:20px;padding:28px}.notice p{color:#c4d1de}.content h2{margin-top:0}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{font-size:13px;background:#f7f9fc}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.gallery img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:15px;border:1px solid var(--line)} /* Moderne Button-Navigation mit Untermenüs */ .mainnav{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.navitem{position:relative}.navbtn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:11px 17px;border:1px solid var(--line);border-radius:13px;background:#fff;color:#536278;font:inherit;font-size:14px;font-weight:800;box-shadow:0 4px 12px rgba(8,26,50,.05);cursor:pointer;transition:.18s ease}.navbtn:hover,.navbtn.active{background:var(--blue);border-color:var(--blue);color:#fff;box-shadow:0 8px 20px rgba(23,111,229,.2);transform:translateY(-1px)}.navbtn .chevron{font-size:17px;line-height:1;transition:transform .18s ease}.navitem.open .chevron{transform:rotate(180deg)}.submenu{display:none;position:absolute;right:0;top:calc(100% + 9px);min-width:220px;padding:8px;background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:0 18px 40px rgba(8,26,50,.14);z-index:50}.navitem.open .submenu{display:grid;gap:5px}.submenu a{display:block;padding:11px 13px;border-radius:10px;color:#536278;font-size:14px;font-weight:750}.submenu a:hover,.submenu a.active{background:#eef5ff;color:var(--blue)}.submenu .submenu-parent{border-bottom:1px solid var(--line);border-radius:9px}.footnav{display:flex;flex-wrap:wrap;gap:8px}.footnav .navitem{display:block}.footnav .navbtn{min-height:40px;padding:8px 12px;font-size:13px;box-shadow:none}.footnav .submenu{left:0;right:auto;bottom:calc(100% + 8px);top:auto}.footnav .navitem.open .submenu{display:grid}@media(max-width:850px){header{height:auto}.nav{padding:14px 0;align-items:flex-start;gap:14px;flex-direction:column}.mainnav{width:100%;justify-content:flex-start}.navitem{width:auto}.navbtn{min-height:44px}.submenu{position:static;margin-top:6px;box-shadow:none}.navitem.open .submenu{display:grid}} .gallery-small{grid-template-columns:repeat(auto-fill,minmax(105px,1fr));gap:10px}.galleryItem{padding:0;border:1px solid var(--line);background:#fff;border-radius:10px;overflow:hidden;cursor:pointer;box-shadow:0 4px 12px rgba(10,29,50,.06)}.galleryItem:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(10,29,50,.10)}.galleryItem img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border:0;border-radius:0}.imageModal[hidden]{display:none}.imageModal{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:22px}.imageModalBackdrop{position:absolute;inset:0;background:rgba(7,19,33,.72);backdrop-filter:blur(4px)}.imageModalBox{position:relative;z-index:1;width:min(720px,92vw);max-height:88vh;background:#fff;border-radius:18px;padding:12px;box-shadow:0 25px 70px rgba(0,0,0,.35)}.imageModalBox img{display:block;width:100%;max-height:75vh;object-fit:contain;border-radius:12px}.imageModalClose{position:absolute;right:10px;top:10px;width:38px;height:38px;border:0;border-radius:50%;background:rgba(7,19,33,.8);color:#fff;font-size:27px;line-height:1;cursor:pointer}.imageModalCaption{padding:10px 4px 2px;color:#58677b;font-size:13px}.modalOpen{overflow:hidden} /* Reparaturbilder: Kunden klein, Admin groß auf Klick */ .adminImageItem{padding:0;border:1px solid var(--line);background:#fff;border-radius:10px;overflow:hidden;cursor:pointer;display:block;width:100%;box-shadow:0 4px 12px rgba(10,29,50,.06)} .adminImageItem img{display:block;width:100%;height:150px;object-fit:cover} .adminImageItem:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(10,29,50,.12)} .adminImageModalBox{width:min(1100px,94vw);max-height:94vh;padding:14px} .adminImageModalBox img{width:auto;max-width:100%;max-height:86vh;margin:auto;object-fit:contain} .adminGallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px} .mediaImageButton{width:100%;margin-bottom:8px} .gallery-small{grid-template-columns:repeat(auto-fill,minmax(72px,86px));gap:8px} .gallery-small .galleryItem{width:86px;border-radius:8px;box-shadow:none} .gallery-small .galleryItem img{height:64px;aspect-ratio:auto} .gallery-small + *{} @media(max-width:600px){.gallery-small{grid-template-columns:repeat(4,72px)}.gallery-small .galleryItem{width:72px}.gallery-small .galleryItem img{height:54px}.adminImageModalBox{width:96vw;padding:8px}.adminImageModalBox img{max-height:82vh}} /* Kundenbereich: beim Klick gleiche große Bildansicht wie im Admin */ .imageModalBox{width:min(1100px,94vw);max-height:94vh;padding:14px} .imageModalBox img{width:auto;max-width:100%;max-height:86vh;margin:auto;object-fit:contain} @media(max-width:600px){.imageModalBox{width:96vw;padding:8px}.imageModalBox img{max-height:82vh}} /* Kundenportal verwendet dieselbe Bildansicht wie der Adminbereich */ .adminImageModal[hidden]{display:none!important}.adminImageModal{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;padding:30px}.adminImageModalBackdrop{position:absolute;inset:0;background:rgba(3,12,22,.86);backdrop-filter:blur(3px);cursor:zoom-out}.adminImageModalBox{position:relative;z-index:1;max-width:96vw;max-height:94vh;display:flex;flex-direction:column;align-items:center;gap:10px}.adminImageModalBox img{display:block;max-width:94vw;max-height:84vh;width:auto;height:auto;object-fit:contain;border-radius:10px;box-shadow:0 18px 60px rgba(0,0,0,.45);background:#fff}.adminImageModalClose{position:absolute;right:-14px;top:-14px;z-index:3;width:42px!important;height:42px!important;padding:0!important;border-radius:50%!important;background:#fff!important;color:#172033!important;border:2px solid #dfe7f0!important;font-size:28px!important;line-height:1!important;display:grid!important;place-items:center;box-shadow:0 8px 22px rgba(0,0,0,.3);cursor:pointer}.adminImageModalCaption{max-width:90vw;color:#fff;text-align:center;font-size:13px}.adminModalOpen{overflow:hidden} /* ========================================================= MODERN IT BUSINESS THEME ========================================================= */ :root{ --navy:#06111f; --navy2:#0a1d31; --blue:#1d75f0; --cyan:#27c7e8; --bg:#f5f8fc; --card:#ffffff; --text:#101c2e; --muted:#64748b; --line:#e1e8f0; --shadow:0 18px 60px rgba(8,28,52,.10); } html{scroll-behavior:smooth} body{background:var(--bg);color:var(--text)} .wrap{width:min(1220px,calc(100% - 40px))} header{height:82px;background:rgba(255,255,255,.82);border-bottom:1px solid rgba(210,222,235,.8);box-shadow:0 8px 30px rgba(7,22,38,.05);backdrop-filter:blur(18px)} .nav{gap:24px} .brand{gap:13px;min-width:max-content} .logo{width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,#1269eb,#2bc9e7);box-shadow:0 10px 24px rgba(29,117,240,.25);font-size:14px;letter-spacing:-.04em} .brand b{font-size:15px;letter-spacing:-.01em;color:#0d1a2b} .brand small{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#718096} .mainnav{gap:8px} .navbtn{min-height:44px;padding:10px 15px;border:1px solid #dfe7f0;border-radius:12px;background:rgba(255,255,255,.9);color:#3f5066;font-size:13px;font-weight:800;box-shadow:0 3px 10px rgba(8,26,50,.04)} .navbtn:hover{background:#f1f7ff;color:var(--blue);border-color:#c8dcf7;box-shadow:0 7px 18px rgba(29,117,240,.12);transform:translateY(-1px)} .navbtn.active{background:linear-gradient(135deg,#176fe5,#2188f4);border-color:#176fe5;color:#fff;box-shadow:0 9px 24px rgba(29,117,240,.22)} .submenu{border-radius:16px;padding:8px;box-shadow:0 22px 55px rgba(8,25,44,.18);border-color:#dce6f0} .submenu a{padding:11px 12px} .builderHero,.hero{position:relative;overflow:hidden;padding:110px 0 100px;background:radial-gradient(circle at 80% 15%,rgba(39,199,232,.20),transparent 27%),radial-gradient(circle at 15% 20%,rgba(29,117,240,.16),transparent 30%),linear-gradient(135deg,#06111f 0%,#0a1d31 55%,#0c2942 100%);color:#fff} .builderHero:after,.hero:after{content:"";position:absolute;inset:auto -10% -55% -10%;height:260px;background:rgba(255,255,255,.035);transform:rotate(-3deg);border-top:1px solid rgba(255,255,255,.06)} .builderHero .wrap,.hero .wrap{position:relative;z-index:1} .builderHero .eyebrow,.hero .eyebrow{color:#58d9f1} .builderHero h1,.hero h1{max-width:900px;font-size:clamp(44px,6vw,76px);line-height:.98;letter-spacing:-.055em;margin:16px 0 24px;color:#fff} .builderHero p,.hero .lead{max-width:760px;color:#c5d3e2;font-size:19px} .actions{gap:12px;flex-wrap:wrap} .btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:13px 20px;border-radius:13px;background:linear-gradient(135deg,#1d75f0,#248cf6);color:#fff;font-weight:850;box-shadow:0 12px 26px rgba(15,92,205,.28);transition:.18s ease} .btn:after{content:"→";margin-left:9px;font-size:17px} .btn:hover{transform:translateY(-2px);box-shadow:0 16px 30px rgba(15,92,205,.34)} .btn.alt{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);color:#fff;box-shadow:none} .section{padding:88px 0} .section h2{font-size:clamp(30px,4vw,44px);letter-spacing:-.045em;margin-bottom:28px} .cards{gap:20px} .card{position:relative;border-radius:22px;padding:28px;border:1px solid #e2e9f1;box-shadow:var(--shadow);transition:.2s ease;overflow:hidden} .card:before{content:"";position:absolute;left:0;top:0;width:100%;height:3px;background:linear-gradient(90deg,var(--blue),var(--cyan));opacity:.9} .card:hover{transform:translateY(-4px);box-shadow:0 24px 65px rgba(8,26,50,.14)} .card .num{font-size:12px;letter-spacing:.12em} .notice{border-radius:24px;background:linear-gradient(135deg,#071522,#0c2941);box-shadow:0 22px 60px rgba(7,19,33,.18);padding:34px} .notice b{font-size:20px}.notice p{color:#bdcddd} .content{border-radius:22px;box-shadow:var(--shadow);border-color:#e1e8f0} .pageHeader{background:linear-gradient(135deg,#071522,#0c2941);color:#fff;border:0;padding:72px 0} .pageHeader h1{color:#fff} .portalBox{border-radius:22px;box-shadow:var(--shadow)} footer{margin-top:0;background:#06111f;color:#dce7f2} .foot{padding:48px 0;display:flex;align-items:center;justify-content:space-between;gap:28px} .footerBrand{display:flex;align-items:center;gap:14px} .footerBrand p{color:#8fa4b9;margin:7px 0 0;font-size:13px} .footerLogo{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#176fe5,#27c7e8);color:#fff;font-weight:900} .legalNav{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end} .legalNav a{display:inline-flex;align-items:center;min-height:40px;padding:9px 13px;border:1px solid #284159;border-radius:10px;color:#d7e2ed;background:#0b2034;font-size:13px;font-weight:750;transition:.18s ease} .legalNav a:hover{background:#123653;border-color:#3b5f7e;color:#fff;transform:translateY(-1px)} .copy{border-top:1px solid #1b3147;color:#7f94a9;padding:16px 0;font-size:12px} .formCard{border-radius:22px;box-shadow:var(--shadow)} input,textarea,select{border-color:#d6e0ea;border-radius:11px;outline:none;transition:.15s ease} input:focus,textarea:focus,select:focus{border-color:#7db2f4;box-shadow:0 0 0 4px rgba(29,117,240,.10)} .formCard button{border-radius:11px;background:linear-gradient(135deg,#176fe5,#2188f4);box-shadow:0 10px 24px rgba(29,117,240,.22)} @media(max-width:850px){ header{height:auto} .nav{padding:13px 0;gap:12px} .mainnav{width:100%;gap:7px} .navbtn{min-height:42px;padding:9px 12px} .builderHero,.hero{padding:78px 0 72px} .builderHero h1,.hero h1{font-size:clamp(40px,11vw,60px)} .foot{align-items:flex-start;flex-direction:column} .legalNav{justify-content:flex-start} } @media(max-width:520px){ .wrap{width:min(100% - 28px,1220px)} .brand small{display:none} .mainnav{overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px} .navitem{flex:0 0 auto} .submenu{position:fixed;left:14px;right:14px;top:130px} .section{padding:64px 0} } /* Premium IT redesign */ :root{--blue:#1463e8;--blue2:#2b8cff;--cyan:#20bcd7;--ink:#102033;--muted:#64748b;--soft:#f4f8fc;--line:#dfe7ef;--shadow:0 22px 70px rgba(15,42,70,.10)} body{background:#f7fafd;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif} header{height:86px;background:rgba(255,255,255,.92);border-bottom:1px solid rgba(214,225,237,.9);box-shadow:0 8px 32px rgba(17,38,61,.05)} .brand .logo{background:linear-gradient(145deg,#125ee2,#2bc7df);box-shadow:0 12px 30px rgba(20,99,232,.22)} .mainnav{gap:8px} .navbtn{border:1px solid #dbe5ef;background:#fff;border-radius:13px;color:#33465c;box-shadow:0 5px 15px rgba(15,42,70,.05)} .navbtn:hover{background:#eef6ff;border-color:#bcd5f4;color:var(--blue)} .navbtn.active{background:linear-gradient(135deg,#145fe3,#2a8df6);border-color:#145fe3} .builderHero,.hero{padding:100px 0 92px;background:linear-gradient(135deg,#fafdff 0%,#edf6ff 58%,#e7fbfd 100%);color:var(--ink)} .builderHero:before,.hero:before{content:"";position:absolute;right:-140px;top:-130px;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(32,188,215,.22),rgba(32,188,215,0) 67%);pointer-events:none} .builderHero .eyebrow,.hero .eyebrow{color:var(--blue)} .builderHero h1,.hero h1{color:#0d1c2e;max-width:900px;font-size:clamp(44px,6vw,76px);letter-spacing:-.055em} .builderHero p,.hero .lead{color:#5e7084;max-width:760px} .actions .btn{background:linear-gradient(135deg,#145fe3,#258af5);box-shadow:0 14px 28px rgba(20,99,232,.22)} .actions .btn.alt{background:#fff;color:#20354c;border:1px solid #d7e2ec} .section{padding:82px 0}.section h2{color:#0d1c2e} .card{background:#fff;border:1px solid #e1e8f0;box-shadow:var(--shadow)} .card:before{height:4px} .notice{background:#fff;color:#142238;border:1px solid #dfe8f1;box-shadow:var(--shadow)} .notice b{color:#12243a}.notice p{color:#64748b} .content,.portalBox,.formCard{background:#fff;border-color:#e0e8f0;box-shadow:var(--shadow)} .pageHeader{background:linear-gradient(135deg,#0c2340,#13518a);padding:70px 0} footer{background:#0a1726} .hardwareSection{padding:88px 0 96px;background:#fff;border-top:1px solid #e6edf4} .sectionIntro{max-width:760px;margin-bottom:34px} .sectionIntro h2{font-size:clamp(32px,4vw,48px);line-height:1.05;letter-spacing:-.045em;margin:10px 0 14px} .sectionIntro p{font-size:17px;color:#64748b;max-width:700px} .hardwareGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px} .hardwareCard{background:#fff;border:1px solid #e0e8f0;border-radius:22px;overflow:hidden;box-shadow:0 14px 45px rgba(15,42,70,.08);transition:transform .2s ease,box-shadow .2s ease} .hardwareCard:hover{transform:translateY(-6px);box-shadow:0 24px 60px rgba(15,42,70,.14)} .hardwareImage{height:220px;background:#eaf1f7;overflow:hidden} .hardwareImage img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .35s ease} .hardwareCard:hover .hardwareImage img{transform:scale(1.045)} .hardwareBody{padding:21px 20px 22px}.hardwareBody>span{font-size:11px;font-weight:850;letter-spacing:.11em;text-transform:uppercase;color:var(--blue)} .hardwareBody h3{margin:8px 0 7px;font-size:20px;letter-spacing:-.025em}.hardwareBody p{margin:0;color:#66778b;font-size:14px;line-height:1.55} .imageCredit{margin:20px 0 0;color:#8997a8;font-size:11px} @media(max-width:1000px){.hardwareGrid{grid-template-columns:repeat(2,1fr)}} @media(max-width:560px){.hardwareSection{padding:65px 0}.hardwareGrid{grid-template-columns:1fr}.hardwareImage{height:230px}.builderHero,.hero{padding:76px 0 70px}} /* ========================================================= PROFESSIONAL IT COMPANY REDESIGN ========================================================= */ :root{--pro-ink:#0b1624;--pro-deep:#0d2235;--pro-blue:#1469e8;--pro-cyan:#20b9d2;--pro-bg:#f4f7fa;--pro-line:#dce5ed;--pro-muted:#647386;--pro-white:#fff;--pro-shadow:0 24px 70px rgba(8,25,42,.11)} body{background:var(--pro-bg);color:var(--pro-ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif} .wrap{width:min(1240px,calc(100% - 44px))} header{height:78px;background:#fff;border-bottom:1px solid var(--pro-line);box-shadow:0 8px 28px rgba(8,25,42,.06);backdrop-filter:none} .nav{gap:26px}.brand{gap:12px}.brand .logo{width:44px;height:44px;border-radius:10px;background:var(--pro-ink);box-shadow:none;font-size:13px;letter-spacing:.08em}.brand b{font-size:15px;color:var(--pro-ink)}.brand small{letter-spacing:.12em;color:#8795a5;font-size:9px} .mainnav{gap:7px}.navbtn{min-height:42px;padding:9px 13px;border:0;background:transparent;box-shadow:none;border-radius:9px;color:#526276;font-size:13px}.navbtn:hover{background:#f0f5f9;color:var(--pro-blue);box-shadow:none;transform:none}.navbtn.active{background:var(--pro-ink);color:#fff;border-color:var(--pro-ink);box-shadow:none}.loginNav{display:inline-flex;align-items:center;gap:8px;margin-left:8px;padding:10px 14px;border-radius:9px;background:#eaf3ff;color:var(--pro-blue);font-size:13px;font-weight:850;border:1px solid #d2e4fb}.loginNav:hover{background:var(--pro-blue);color:#fff}.loginNav span{font-size:18px;line-height:1} .proHero{position:relative;overflow:hidden;background:var(--pro-ink);color:#fff;padding:88px 0 78px}.proHero:before{content:"";position:absolute;right:-180px;top:-220px;width:700px;height:700px;border:1px solid rgba(32,185,210,.18);border-radius:50%;box-shadow:0 0 0 70px rgba(32,185,210,.035),0 0 0 140px rgba(32,185,210,.02)}.proHero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(32,185,210,.55),transparent)}.proGrid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(340px,.65fr);gap:70px;align-items:center;position:relative;z-index:1}.proKicker{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:900;letter-spacing:.18em;color:#75ddec}.pulse{width:8px;height:8px;border-radius:50%;background:#31d19d;box-shadow:0 0 0 6px rgba(49,209,157,.1)}.proCopy h1{font-size:clamp(46px,6vw,82px);line-height:.96;letter-spacing:-.06em;margin:18px 0 25px}.proCopy h1 em{font-style:normal;color:#71d9e9}.proCopy>p{max-width:720px;color:#b8c7d5;font-size:18px;line-height:1.7;margin:0}.proActions{display:flex;gap:11px;flex-wrap:wrap;margin:30px 0 34px}.proBtn{display:inline-flex;align-items:center;gap:15px;padding:14px 18px;border-radius:8px;background:var(--pro-blue);color:#fff;font-weight:850;font-size:14px;box-shadow:0 10px 28px rgba(20,105,232,.22)}.proBtn span{font-size:18px}.proBtn.ghost{background:transparent;border:1px solid #3a5064;box-shadow:none}.proBtn.ghost:hover{background:#fff;color:var(--pro-ink)}.trustRow{display:flex;gap:24px;flex-wrap:wrap;padding-top:22px;border-top:1px solid rgba(255,255,255,.12);color:#8fa1b2;font-size:11px}.trustRow b{color:#fff;margin-right:7px;font-size:10px} .loginPanel{background:#fff;color:var(--pro-ink);border-radius:14px;padding:28px;box-shadow:0 30px 80px rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.7)}.loginTop{display:flex;gap:12px;align-items:center;padding-bottom:18px;border-bottom:1px solid var(--pro-line)}.secureIcon{width:38px;height:38px;border-radius:9px;background:#eaf8f2;color:#14966b;display:grid;place-items:center;font-weight:900}.loginTop small{display:block;color:#8492a1;font-size:9px;letter-spacing:.16em;font-weight:900}.loginTop strong{display:block;font-size:17px;margin-top:3px}.loginPanel>p{font-size:13px;color:var(--pro-muted);line-height:1.6}.loginPanel label{margin:13px 0;font-size:12px;color:#3d4d60}.loginPanel input{border:1px solid #d5dfe8;border-radius:8px;padding:12px 13px;box-shadow:none}.loginPanel input:focus{outline:2px solid rgba(20,105,232,.14);border-color:#8eb8ee}.loginPanel button{width:100%;border:0;border-radius:8px;background:var(--pro-ink);color:#fff;padding:13px 15px;font-weight:850;cursor:pointer;margin-top:4px}.loginPanel button:hover{background:var(--pro-blue)}.loginPanel button span{float:right}.loginHint{display:block;color:#93a0ae;font-size:10px;margin-top:13px;text-align:center} .proStats{background:#fff;border-bottom:1px solid var(--pro-line)}.statGrid{display:grid;grid-template-columns:repeat(4,1fr)}.statGrid>div{padding:23px 24px;border-right:1px solid var(--pro-line)}.statGrid>div:last-child{border-right:0}.statGrid strong{display:block;font-size:20px;letter-spacing:-.02em}.statGrid span{font-size:11px;color:#788798;text-transform:uppercase;letter-spacing:.08em} .section{padding:78px 0}.section h2{font-size:39px;letter-spacing:-.04em}.content,.card,.portalBox{border-radius:12px;border:1px solid var(--pro-line);box-shadow:0 12px 40px rgba(8,25,42,.05)}.card{padding:25px}.card .num{font-size:11px;letter-spacing:.12em}.notice{border-radius:12px;background:#10283c;border:1px solid #1d3b54}.hardwareSection{padding:88px 0;background:#fff;border-top:1px solid var(--pro-line)}.sectionIntro{max-width:760px;margin-bottom:30px}.sectionIntro h2{font-size:42px;letter-spacing:-.045em;margin:8px 0 10px}.sectionIntro p{color:var(--pro-muted);font-size:16px}.hardwareGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.hardwareCard{background:#f6f8fa;border:1px solid var(--pro-line);border-radius:12px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.hardwareCard:hover{transform:translateY(-4px);box-shadow:var(--pro-shadow)}.hardwareImage{aspect-ratio:4/3;background:#e7edf3;overflow:hidden}.hardwareImage img{width:100%;height:100%;object-fit:cover;display:block}.hardwareBody{padding:19px}.hardwareBody>span{font-size:9px;text-transform:uppercase;letter-spacing:.14em;color:var(--pro-blue);font-weight:900}.hardwareBody h3{font-size:18px;margin:6px 0}.hardwareBody p{font-size:12px;color:var(--pro-muted);margin:0}.imageCredit{font-size:10px;color:#98a4b0;margin-top:15px}.pageHeader{background:var(--pro-ink);color:#fff;border:0}.pageHeader h1{color:#fff}.content{background:#fff} footer{margin-top:0;background:#07111d}.foot{padding:42px 0}.footerLogo{background:#fff!important;color:#07111d!important}.copy{border-top-color:#203244} @media(max-width:980px){.proGrid{grid-template-columns:1fr;gap:40px}.loginPanel{max-width:560px}.hardwareGrid{grid-template-columns:repeat(2,1fr)}.statGrid{grid-template-columns:repeat(2,1fr)}.statGrid>div:nth-child(2){border-right:0}.statGrid>div:nth-child(-n+2){border-bottom:1px solid var(--pro-line)}} @media(max-width:650px){header{height:auto}.nav{padding:14px 0;align-items:flex-start;flex-direction:column}.mainnav{width:100%;justify-content:flex-start}.loginNav{margin-left:0}.proHero{padding:62px 0 55px}.proCopy h1{font-size:48px}.proCopy>p{font-size:16px}.trustRow{gap:12px;flex-direction:column}.hardwareGrid{grid-template-columns:1fr}.statGrid{grid-template-columns:1fr}.statGrid>div{border-right:0!important;border-bottom:1px solid var(--pro-line)}.statGrid>div:last-child{border-bottom:0}.wrap{width:min(100% - 28px,1240px)}} /* ========================================================= V12 · ENTERPRISE IT LAYOUT ========================================================= */ :root{--it-navy:#071725;--it-navy2:#0b2437;--it-blue:#1475e8;--it-cyan:#2bc7dc;--it-light:#f3f7fa;--it-line:#dce6ed;--it-text:#122333;--it-muted:#657687} body{background:var(--it-light);color:var(--it-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif} .topline{height:30px;background:#05121d;color:#91a5b7;font-size:9px;letter-spacing:.15em;font-weight:800}.toplineIn{height:100%;display:flex;align-items:center;justify-content:space-between} header{height:82px;background:#fff;border-bottom:1px solid var(--it-line);box-shadow:0 4px 22px rgba(6,25,42,.05)}.nav{height:100%}.brand .logo{width:46px;height:46px;border-radius:8px;background:var(--it-navy);color:#fff;box-shadow:inset 0 -3px 0 var(--it-blue);font-size:12px}.brand b{font-size:15px}.brand small{font-size:8px;letter-spacing:.16em;color:#8393a1}.mainnav{gap:4px}.navbtn{border:0;background:transparent;box-shadow:none;border-radius:6px;color:#526576;font-size:12px;font-weight:750}.navbtn:hover{background:#edf4f8;color:var(--it-blue);box-shadow:none}.navbtn.active{background:var(--it-navy);color:#fff}.loginNav{border-radius:6px;background:var(--it-blue);color:#fff!important;padding:10px 14px;font-size:12px;font-weight:850;margin-left:8px}.loginNav:hover{background:#0e5fc0} .corpHero{position:relative;overflow:hidden;background:linear-gradient(115deg,var(--it-navy) 0%,#0a2133 58%,#0d3044 100%);color:#fff;padding:92px 0 86px}.corpGlow{position:absolute;width:620px;height:620px;right:-180px;top:-230px;border:1px solid rgba(43,199,220,.2);border-radius:50%;box-shadow:0 0 0 60px rgba(43,199,220,.025),0 0 0 120px rgba(43,199,220,.018)}.corpGrid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(390px,.85fr);gap:70px;align-items:center;position:relative;z-index:1}.corpEyebrow{display:flex;align-items:center;gap:9px;color:#75dbe9;font-size:10px;letter-spacing:.18em;font-weight:900}.corpEyebrow i{width:7px;height:7px;border-radius:50%;background:#34d399;box-shadow:0 0 0 6px rgba(52,211,153,.09)}.corpCopy h1{font-size:clamp(52px,7vw,88px);line-height:.91;letter-spacing:-.065em;margin:20px 0 27px}.corpCopy h1 strong{color:#73dbea;font-weight:850}.corpCopy>p{max-width:690px;color:#b5c7d4;font-size:18px;line-height:1.72;margin:0}.corpActions{display:flex;gap:10px;flex-wrap:wrap;margin:31px 0}.corpBtn{display:inline-flex;align-items:center;gap:22px;padding:14px 18px;border-radius:7px;font-size:13px;font-weight:850}.corpBtn.primary{background:var(--it-blue);color:#fff;box-shadow:0 12px 32px rgba(20,117,232,.25)}.corpBtn.secondary{border:1px solid #365064;color:#dce8ef;background:transparent}.corpBtn.secondary:hover{background:#fff;color:var(--it-navy)}.corpFacts{display:flex;gap:20px;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.12);padding-top:20px;color:#8da2b2;font-size:10px}.corpFacts b{color:#fff;margin-right:6px}.techVisual{border:1px solid #27465b;background:#081a29;box-shadow:0 30px 80px rgba(0,0,0,.28);border-radius:10px;overflow:hidden}.visualHeader,.visualFooter{height:46px;display:flex;align-items:center;gap:8px;padding:0 17px;color:#91a9b8;font-size:9px;letter-spacing:.13em;font-weight:900}.visualHeader{border-bottom:1px solid #20394b}.visualHeader small{margin-left:auto;color:#36d399}.statusDot{width:7px;height:7px;border-radius:50%;background:#36d399}.visualScreen{padding:27px 25px 24px;background:linear-gradient(145deg,#0b2132,#0a1825)}.screenLabel{font-size:9px;color:#6f8798;letter-spacing:.17em;font-weight:900;margin-bottom:25px}.systemLine{position:relative;padding-bottom:17px;margin-bottom:16px;border-bottom:1px solid #1d3547}.systemLine span{display:block;color:#b9cbd6;font-size:10px;letter-spacing:.08em}.systemLine b{position:absolute;right:0;top:0;color:#58d4e2;font-size:9px}.systemLine i{display:block;height:3px;margin-top:10px;background:linear-gradient(90deg,var(--it-blue),var(--it-cyan));border-radius:4px}.miniGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:24px}.miniGrid div{padding:14px 10px;border:1px solid #20394a;background:#0b1d2c}.miniGrid strong{display:block;color:#fff;font-size:18px}.miniGrid small{color:#78909f;font-size:9px}.visualFooter{border-top:1px solid #20394b}.visualFooter span:last-child{margin-left:auto;color:#36d399} .serviceStrip{background:#fff;border-bottom:1px solid var(--it-line)}.serviceGrid{display:grid;grid-template-columns:repeat(4,1fr)}.serviceGrid article{display:flex;gap:13px;padding:24px 20px;border-right:1px solid var(--it-line)}.serviceGrid article:last-child{border-right:0}.serviceGrid article>span{font-size:10px;color:var(--it-blue);font-weight:900}.serviceGrid b{font-size:12px}.serviceGrid p{margin:5px 0 0;color:#7b8997;font-size:10px;line-height:1.45}.loginSection{background:#eef4f7;padding:72px 0;border-bottom:1px solid var(--it-line)}.loginGrid{display:grid;grid-template-columns:1fr 390px;gap:70px;align-items:center}.sectionTag{font-size:10px;letter-spacing:.18em;font-weight:900;color:var(--it-blue)}.loginGrid h2{font-size:45px;letter-spacing:-.05em;margin:9px 0}.loginGrid>div:first-child p{max-width:580px;color:var(--it-muted);font-size:16px;line-height:1.7}.loginPanel{background:#fff;border:1px solid var(--it-line);border-radius:9px;padding:25px;box-shadow:0 18px 55px rgba(7,23,37,.1)}.loginTop{display:flex;align-items:center;gap:11px;border-bottom:1px solid var(--it-line);padding-bottom:16px}.secureIcon{width:36px;height:36px;border-radius:7px;background:#e8f8f0;color:#14966b;display:grid;place-items:center;font-weight:900}.loginTop small{display:block;font-size:8px;letter-spacing:.15em;color:#8493a0;font-weight:900}.loginTop strong{display:block;font-size:16px;margin-top:3px}.loginPanel label{display:block;font-size:11px;font-weight:750;color:#455769;margin:14px 0}.loginPanel input{display:block;width:100%;box-sizing:border-box;margin-top:6px;border:1px solid #d3dee6;border-radius:6px;padding:12px;background:#fbfdfe}.loginPanel input:focus{border-color:#7db3ed;outline:3px solid rgba(20,117,232,.1)}.loginPanel button{width:100%;border:0;border-radius:6px;background:var(--it-navy);color:#fff;padding:13px;font-weight:850;cursor:pointer}.loginPanel button:hover{background:var(--it-blue)}.loginPanel button span{float:right}.sectionIntro h2{letter-spacing:-.045em}.hardwareCard{border-radius:8px}.hardwareImage{aspect-ratio:16/10}.hardwareBody{padding:18px}.hardwareBody h3{font-size:17px} footer{background:#06131f} @media(max-width:980px){.corpGrid,.loginGrid{grid-template-columns:1fr}.techVisual{max-width:620px}.serviceGrid{grid-template-columns:repeat(2,1fr)}.serviceGrid article:nth-child(2){border-right:0}.serviceGrid article:nth-child(-n+2){border-bottom:1px solid var(--it-line)}} @media(max-width:650px){.toplineIn{font-size:7px}.toplineIn span:last-child{display:none}header{height:auto}.nav{padding:13px 0;align-items:flex-start;flex-direction:column}.mainnav{width:100%;overflow-x:auto;flex-wrap:nowrap}.loginNav{margin-left:0;white-space:nowrap}.corpHero{padding:64px 0}.corpCopy h1{font-size:54px}.corpCopy>p{font-size:16px}.corpFacts{flex-direction:column;gap:9px}.serviceGrid{grid-template-columns:1fr}.serviceGrid article{border-right:0!important;border-bottom:1px solid var(--it-line)}.serviceGrid article:last-child{border-bottom:0}.loginSection{padding:58px 0}.loginGrid{gap:30px}.loginGrid h2{font-size:38px}.techVisual{border-radius:7px}.wrap{width:min(100% - 28px,1240px)}} /* ========================================================= V13 — DISTINCT PROFESSIONAL IT COMPANY LAYOUT bewusst komplett eigenständig: Editorial / Swiss / Systemhaus ========================================================= */ :root{--pro-ink:#111315;--pro-dark:#181b1d;--pro-paper:#f2f1ed;--pro-white:#fff;--pro-acid:#c9f35b;--pro-gray:#707578;--pro-line:#d8d7d1} body{background:var(--pro-paper);color:var(--pro-ink);font-family:Inter,Arial,Helvetica,sans-serif} body:has(.proHero) header{position:relative;height:92px;background:#fff;border-bottom:1px solid #d9d8d2;box-shadow:none;backdrop-filter:none} body:has(.proHero) .wrap{width:min(1280px,calc(100% - 56px))} body:has(.proHero) .nav{height:100%;gap:30px} body:has(.proHero) .brand{gap:13px} body:has(.proHero) .logo{width:48px;height:48px;border-radius:3px;background:var(--pro-ink);box-shadow:none;color:var(--pro-acid);font-size:13px} body:has(.proHero) .brand b{font-size:15px;text-transform:uppercase;letter-spacing:.02em;color:#111} body:has(.proHero) .brand small{font-size:9px;letter-spacing:.15em;color:#7b7d7e} body:has(.proHero) .mainnav{gap:5px} body:has(.proHero) .navbtn{border:0;border-radius:3px;background:transparent;color:#4e5153;box-shadow:none;min-height:43px;padding:10px 12px;font-size:12px;letter-spacing:.03em;text-transform:uppercase} body:has(.proHero) .navbtn:after{display:none} body:has(.proHero) .navbtn:hover{background:#f0efeb;color:#111;box-shadow:none;transform:none} body:has(.proHero) .navbtn.active{background:var(--pro-ink);color:#fff;box-shadow:none} body:has(.proHero) .loginNav{display:inline-flex;align-items:center;gap:8px;margin-left:8px;padding:12px 15px;border-radius:3px;background:var(--pro-acid);color:#111;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.04em;box-shadow:none} body:has(.proHero) .loginNav span{font-size:15px} .proHero{background:#f2f1ed!important;padding:0!important;overflow:hidden;position:relative} .proHero:before{content:"";position:absolute;left:0;top:0;bottom:0;width:7px;background:var(--pro-acid)} .proHeroGrid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(390px,.75fr);min-height:670px} .proHeroMain{padding:100px 50px 80px 0;display:flex;flex-direction:column;justify-content:center} .proKicker{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:900;letter-spacing:.16em;color:#5c6062;margin-bottom:26px}.proKicker span{width:30px;height:3px;background:var(--pro-acid)} .proHero h1{margin:0;color:#101214;font-size:clamp(55px,7.3vw,104px);line-height:.9;letter-spacing:-.075em;font-weight:850;max-width:900px}.proHero h1 em{font-style:normal;color:#707578} .proLead{max-width:650px;color:#555a5d;font-size:18px;line-height:1.7;margin:34px 0 0} .proActions{display:flex;gap:10px;margin-top:34px}.proBtn{display:inline-flex;align-items:center;gap:25px;min-height:52px;padding:14px 18px;border-radius:3px;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.proBtn b{font-size:17px}.proBtnDark{background:#111315;color:#fff}.proBtnDark:hover{background:#2a2d2f}.proBtnLight{border:1px solid #c9c8c2;color:#17191a;background:#fff}.proBtnLight:hover{border-color:#111;background:#fff} .proTrust{display:flex;gap:25px;flex-wrap:wrap;margin-top:45px;padding-top:22px;border-top:1px solid #d7d6d0;color:#626668;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.proTrust b{color:#111;background:var(--pro-acid);display:inline-grid;place-items:center;width:18px;height:18px;margin-right:7px;border-radius:50%} .proHeroAside{display:grid;grid-template-rows:1fr auto;background:#171a1c;min-height:670px} .proPhoto{position:relative;min-height:390px;background-image:linear-gradient(135deg,rgba(15,18,20,.15),rgba(15,18,20,.7)),url('https://images.pexels.com/photos/5380664/pexels-photo-5380664.jpeg?auto=compress&cs=tinysrgb&w=1400');background-size:cover;background-position:center}.proPhotoShade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.55))}.proPhotoLabel{position:absolute;left:30px;bottom:28px;color:#fff;display:flex;flex-direction:column}.proPhotoLabel small{font-size:9px;letter-spacing:.2em;color:#c9f35b;font-weight:900}.proPhotoLabel strong{font-size:44px;letter-spacing:-.05em;line-height:1;margin-top:5px} .proStatus{padding:28px 30px 30px;color:#fff;border-top:1px solid #33383a}.proStatus>div{display:flex;align-items:center;gap:8px;color:#aeb3b5}.proStatus small{font-size:9px;letter-spacing:.15em;font-weight:900}.liveDot{width:8px;height:8px;background:var(--pro-acid);border-radius:50%;box-shadow:0 0 0 5px rgba(201,243,91,.1)}.proStatus strong{display:block;font-size:22px;letter-spacing:-.02em;margin-top:16px}.proStatus p{margin:6px 0 17px;color:#92999d;font-size:13px}.proStatus a{color:var(--pro-acid);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em} .proNumbers{background:#fff;padding:70px 0;border-bottom:1px solid #d8d7d1}.numberIntro{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:35px}.numberIntro small,.loginCopy>small{font-size:10px;font-weight:900;letter-spacing:.18em;color:#737779}.numberIntro h2{margin:0;font-size:42px;line-height:1;letter-spacing:-.055em}.numberGrid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #d6d5cf;border-left:1px solid #d6d5cf}.numberGrid article{min-height:180px;padding:24px;border-right:1px solid #d6d5cf;border-bottom:1px solid #d6d5cf;display:flex;flex-direction:column;transition:.2s ease}.numberGrid article:hover{background:#f2f1ed}.numberGrid article>b{font-size:11px;color:#8a8d8f;letter-spacing:.1em}.numberGrid strong{font-size:21px;margin-top:auto;letter-spacing:-.03em}.numberGrid span{font-size:12px;color:#75797b;margin-top:8px;line-height:1.5} .proLogin{background:#111315;color:#fff;padding:86px 0}.proLoginGrid{display:grid;grid-template-columns:1fr 430px;gap:90px;align-items:center}.loginCopy h2{font-size:64px;line-height:.95;letter-spacing:-.065em;margin:13px 0 22px}.loginCopy p{max-width:520px;color:#aeb3b5;font-size:16px;line-height:1.7}.loginMeta{display:flex;gap:20px;flex-wrap:wrap;margin-top:30px;color:#7f8689;font-size:9px;font-weight:900;letter-spacing:.13em}.loginMeta span:first-child{color:var(--pro-acid)}.proLoginCard{background:#fff;color:#111;padding:30px;border-radius:3px}.loginCardHead{display:flex;align-items:center;gap:13px;border-bottom:1px solid #e0dfda;padding-bottom:20px;margin-bottom:8px}.loginCardHead>span{width:42px;height:42px;display:grid;place-items:center;background:var(--pro-ink);color:var(--pro-acid);font-size:11px;font-weight:900}.loginCardHead small{display:block;color:#7a7d7f;font-size:9px;letter-spacing:.16em;font-weight:900}.loginCardHead strong{display:block;font-size:19px;margin-top:3px}.proLoginCard label{font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.05em;margin:17px 0}.proLoginCard input{margin-top:7px;border-radius:2px;border:1px solid #d6d5cf;background:#f8f7f4;padding:13px}.proLoginCard input:focus{border-color:#111;box-shadow:none}.proLoginCard button{margin-top:9px;width:100%;border:0;border-radius:2px;background:#111315;color:#fff;padding:14px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;cursor:pointer}.proLoginCard button:hover{background:#292d2f}.proLoginCard button span{float:right;color:var(--pro-acid);font-size:17px} body:has(.proHero) .section{padding:82px 0;background:#f2f1ed}body:has(.proHero) .section h2{letter-spacing:-.055em}body:has(.proHero) .card{border-radius:3px;border:1px solid #d8d7d1;box-shadow:none}.hardwareSection{background:#fff!important;padding:85px 0!important}.hardwareCard{border-radius:3px!important;box-shadow:none!important;border:1px solid #d8d7d1!important}.hardwareCard:hover{transform:none!important}.hardwareImage{border-radius:0!important}.hardwareBody{padding:22px!important}.hardwareBody h3{letter-spacing:-.03em}.imageCredit{color:#8a8d8f!important} body:has(.proHero) footer{background:#fff;color:#303335;border-top:1px solid #d8d7d1;margin-top:0}.foot{padding:40px 0}.footerLogo{border-radius:3px;background:#111315;color:var(--pro-acid)}.footerBrand p{color:#7b7e80}.legalNav a{border-radius:2px;background:#f2f1ed;border-color:#d8d7d1;color:#55595b}.legalNav a:hover{background:#111315;border-color:#111315;color:#fff}.copy{border-color:#deddd7;color:#8b8e90} @media(max-width:950px){.proHeroGrid{grid-template-columns:1fr}.proHeroMain{padding:75px 0 65px}.proHeroAside{min-height:560px}.numberGrid{grid-template-columns:repeat(2,1fr)}.proLoginGrid{grid-template-columns:1fr;gap:45px}.loginCopy h2{font-size:52px}} @media(max-width:600px){body:has(.proHero) .wrap{width:min(100% - 30px,1280px)}body:has(.proHero) header{height:auto}.proHero h1{font-size:54px}.proHeroMain{padding:60px 0}.proHeroAside{min-height:500px}.proPhoto{min-height:300px}.numberIntro{display:block}.numberIntro h2{font-size:34px;margin-top:12px}.numberGrid{grid-template-columns:1fr}.proLogin{padding:60px 0}.loginCopy h2{font-size:48px}.foot{display:block}.legalNav{justify-content:flex-start;margin-top:22px}} /* V14 — completely new enterprise IT layout */ body.newHome{background:#f5f6f2;color:#111516;font-family:Inter,Arial,Helvetica,sans-serif} body.newHome .corpHeader{height:82px;background:#101719;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 42px;position:relative;z-index:40;border:0;box-shadow:none} body.newHome .corpBrand a{display:flex;align-items:center;gap:13px;color:#fff}.corpMark{width:42px;height:42px;background:#c9f35b;color:#111;display:grid;place-items:center;font-weight:950;font-size:12px;border-radius:2px}.corpBrand b{display:block;font-size:14px;letter-spacing:.05em}.corpBrand small{display:block;color:#8f999b;font-size:8px;letter-spacing:.14em;margin-top:3px}.corpNav{display:flex;align-items:center;gap:10px}.corpLocation{font-size:9px;color:#849092;letter-spacing:.14em;margin-right:18px}.corpNav .navitem{position:relative}.corpNav .navbtn{border:0!important;background:transparent!important;color:#b8c0c1!important;box-shadow:none!important;border-radius:2px!important;font-size:10px!important;text-transform:uppercase!important;letter-spacing:.07em!important;min-height:40px!important;padding:10px 11px!important;transform:none!important}.corpNav .navbtn:hover,.corpNav .navbtn.active{color:#fff!important;background:#202a2c!important}.corpNav .navbtn:before{display:none}.corpLogin{display:inline-flex;align-items:center;gap:12px;margin-left:10px;padding:12px 15px;background:#c9f35b;color:#101516;font-size:10px;font-weight:950;letter-spacing:.08em;border-radius:2px}.corpLogin span{font-size:15px}.newHome .submenu{background:#111819;border-color:#2d3739;border-radius:2px}.newHome .submenu a{color:#bfc7c8}.newHome .submenu a:hover,.newHome .submenu a.active{background:#202a2c;color:#c9f35b} .enterpriseHome{overflow:hidden}.ehHero{min-height:690px;background:#eef0eb;display:grid;grid-template-columns:1.03fr .97fr}.ehHeroCopy{padding:100px 7vw 80px;display:flex;flex-direction:column;justify-content:center}.ehOverline{display:flex;align-items:center;gap:11px;color:#62696a;font-size:10px;font-weight:950;letter-spacing:.18em}.ehOverline span{width:34px;height:2px;background:#111}.ehHero h1{font-size:clamp(58px,6.4vw,100px);line-height:.91;letter-spacing:-.075em;margin:25px 0 0;font-weight:850;color:#111516}.ehHero h1 strong{font-weight:850;color:#747b7d}.ehHeroCopy>p{max-width:650px;color:#596164;font-size:17px;line-height:1.75;margin:32px 0 0}.ehActions{display:flex;gap:10px;margin-top:32px}.ehPrimary,.ehSecondary{display:inline-flex;align-items:center;gap:28px;padding:15px 18px;font-size:10px;font-weight:950;text-transform:uppercase;letter-spacing:.07em;border-radius:2px}.ehPrimary{background:#111718;color:#fff}.ehPrimary span{color:#c9f35b;font-size:17px}.ehSecondary{border:1px solid #c9cdca;color:#111718;background:transparent}.ehProof{display:flex;gap:25px;margin-top:52px;padding-top:20px;border-top:1px solid #d1d4d0;flex-wrap:wrap}.ehProof div{display:flex;align-items:center;gap:8px}.ehProof b{font-size:9px;color:#111;background:#c9f35b;padding:5px 6px}.ehProof span{font-size:9px;color:#707779;text-transform:uppercase;letter-spacing:.04em;font-weight:800} .ehHeroVisual{background:#151b1d;position:relative;min-height:690px}.ehImage{position:absolute;inset:0;background-image:linear-gradient(135deg,rgba(15,21,23,.05),rgba(15,21,23,.72)),url('https://images.pexels.com/photos/3861958/pexels-photo-3861958.jpeg?auto=compress&cs=tinysrgb&w=1600');background-size:cover;background-position:center}.ehImageCard{position:absolute;left:35px;bottom:35px;color:#fff;display:flex;flex-direction:column}.ehImageCard small{font-size:9px;color:#c9f35b;letter-spacing:.18em;font-weight:900}.ehImageCard strong{font-size:55px;letter-spacing:-.06em;line-height:1;margin:5px 0}.ehImageCard span{font-size:9px;color:#adb5b6;letter-spacing:.13em}.ehTechBox{position:absolute;right:28px;top:28px;background:#fff;color:#111;padding:15px 16px;display:flex;align-items:center;gap:11px;min-width:220px;box-shadow:0 15px 40px rgba(0,0,0,.22)}.ehPulse{width:9px;height:9px;background:#67c73c;border-radius:50%;box-shadow:0 0 0 5px #e9f7e5}.ehTechBox div{display:flex;flex-direction:column}.ehTechBox b{font-size:9px;letter-spacing:.1em}.ehTechBox small{font-size:9px;color:#7a8082;margin-top:2px}.ehTechBox a{margin-left:auto;color:#111;font-size:10px;font-weight:900} .ehIntro{padding:105px 7vw;background:#fff;display:grid;grid-template-columns:1fr 1fr;gap:100px;border-bottom:1px solid #ddd}.ehIntroTitle small,.ehServiceTop small,.ehLoginCopy>small,.ehHardwareHead small{font-size:9px;font-weight:950;letter-spacing:.2em;color:#707778}.ehIntroTitle h2{font-size:58px;line-height:.96;letter-spacing:-.065em;margin:15px 0 0}.ehIntroText{align-self:end;max-width:500px}.ehIntroText p{font-size:18px;line-height:1.7;color:#636a6c;margin:0 0 25px}.ehIntroText a{font-size:10px;font-weight:950;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid #111;padding-bottom:7px} .ehServices{padding:95px 7vw;background:#f5f6f2}.ehServiceTop{display:flex;justify-content:space-between;align-items:end;margin-bottom:40px}.ehServiceTop h2{font-size:50px;line-height:.95;letter-spacing:-.06em;margin:12px 0 0}.ehServiceGrid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #d1d4d0;border-left:1px solid #d1d4d0}.ehService{min-height:300px;padding:25px;border-right:1px solid #d1d4d0;border-bottom:1px solid #d1d4d0;display:flex;flex-direction:column;background:#f5f6f2;transition:.18s}.ehService:hover{background:#fff;transform:translateY(-3px)}.ehService.featured{background:#111718;color:#fff}.ehService span{font-size:9px;letter-spacing:.13em;font-weight:900;color:#7c8384}.ehService.featured span{color:#c9f35b}.ehService h3{font-size:24px;letter-spacing:-.04em;margin:55px 0 10px}.ehService p{color:#777e80;font-size:12px;line-height:1.65;margin:0;max-width:230px}.ehService.featured p{color:#aab1b2}.ehService b{margin-top:auto;font-size:9px;letter-spacing:.08em;text-transform:uppercase}.ehService.featured b{color:#c9f35b} .ehLogin{background:#111718;color:#fff;padding:100px 7vw;display:grid;grid-template-columns:1fr 420px;gap:100px;align-items:center}.ehLoginCopy h2{font-size:72px;line-height:.9;letter-spacing:-.07em;margin:14px 0 22px}.ehLoginCopy p{max-width:540px;color:#a8b0b1;font-size:16px;line-height:1.7}.ehLoginFacts{display:flex;gap:25px;flex-wrap:wrap;margin-top:30px;font-size:9px;color:#7f898a;letter-spacing:.12em;font-weight:900}.ehLoginFacts span:first-child{color:#c9f35b}.ehLoginCard{background:#fff;color:#111;padding:30px;border-radius:2px}.ehLoginHead{display:flex;gap:12px;align-items:center;border-bottom:1px solid #ddd;padding-bottom:18px}.ehLoginHead>span{width:40px;height:40px;background:#111718;color:#c9f35b;display:grid;place-items:center;font-size:10px;font-weight:950}.ehLoginHead small{display:block;color:#808688;font-size:8px;letter-spacing:.15em;font-weight:900}.ehLoginHead b{display:block;font-size:19px;margin-top:3px}.ehLoginCard label{font-size:10px;text-transform:uppercase;letter-spacing:.06em;font-weight:900;margin:17px 0}.ehLoginCard input{margin-top:7px;border:1px solid #d3d5d0;border-radius:2px;background:#f7f7f4;padding:13px}.ehLoginCard button{width:100%;border:0;border-radius:2px;background:#111718;color:#fff;padding:14px;font-weight:900;text-transform:uppercase;letter-spacing:.07em;cursor:pointer}.ehLoginCard button span{float:right;color:#c9f35b;font-size:17px} .ehHardware{padding:100px 7vw;background:#fff}.ehHardwareHead{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:end;margin-bottom:38px}.ehHardwareHead h2{font-size:52px;letter-spacing:-.06em;line-height:.95;margin:13px 0 0}.ehHardwareHead p{font-size:15px;line-height:1.7;color:#6c7274;max-width:500px;margin:0}.ehHardwareGrid{display:grid;grid-template-columns:1.35fr .8fr .8fr;gap:8px;height:430px}.ehHardwarePhoto{background-size:cover;background-position:center;position:relative;overflow:hidden}.ehHardwarePhoto span{position:absolute;left:18px;bottom:18px;background:#111718;color:#c9f35b;padding:8px 10px;font-size:9px;font-weight:950;letter-spacing:.13em}.photo1{background-image:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.65)),url('https://images.pexels.com/photos/37113174/pexels-photo-37113174.jpeg?auto=compress&cs=tinysrgb&w=1200')}.photo2{background-image:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.65)),url('https://images.pexels.com/photos/28657061/pexels-photo-28657061.jpeg?auto=compress&cs=tinysrgb&w=1000')}.photo3{background-image:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.65)),url('https://images.pexels.com/photos/37368172/pexels-photo-37368172.jpeg?auto=compress&cs=tinysrgb&w=1000')} body.newHome footer{margin-top:0;background:#0b1011}.newHome .foot{padding:38px 7vw}.newHome .legalNav a{border:1px solid #2a3335;border-radius:2px;background:transparent}.newHome .copy{border-color:#222b2d} @media(max-width:1000px){.ehHero{grid-template-columns:1fr}.ehHeroVisual{min-height:520px}.ehServiceGrid{grid-template-columns:repeat(2,1fr)}.ehLogin{grid-template-columns:1fr;gap:45px}.ehHardwareHead,.ehIntro{grid-template-columns:1fr;gap:35px}.ehHardwareGrid{height:360px}} @media(max-width:650px){body.newHome .corpHeader{height:auto;padding:16px 18px;align-items:flex-start;gap:15px;flex-direction:column}.corpNav{width:100%;overflow:auto}.corpLocation{display:none}.corpNav .navbtn{white-space:nowrap}.corpLogin{white-space:nowrap}.ehHeroCopy{padding:70px 24px}.ehHero h1{font-size:55px}.ehHeroVisual{min-height:450px}.ehImageCard strong{font-size:42px}.ehTechBox{right:14px;top:14px}.ehIntro,.ehServices,.ehLogin,.ehHardware{padding:70px 24px}.ehIntroTitle h2,.ehLoginCopy h2{font-size:48px}.ehServiceTop{display:block}.ehServiceTop h2{font-size:43px}.ehServiceGrid{grid-template-columns:1fr}.ehService{min-height:240px}.ehHardwareGrid{grid-template-columns:1fr;height:auto}.ehHardwarePhoto{height:250px}.ehProof{gap:12px}} /* V18 — unified corporate page shell + expanded page editor */ body.corporatePage{background:#f5f6f2;color:#111516;font-family:Inter,Arial,Helvetica,sans-serif} body.corporatePage .corpHeader{height:82px;background:#101719;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 42px;position:relative;z-index:40;border:0;box-shadow:none} body.corporatePage .corpBrand a{display:flex;align-items:center;gap:13px;color:#fff}.corporatePage .corpNav{display:flex;align-items:center;gap:10px}.corporatePage .corpNav .navitem{position:relative}.corporatePage .corpNav .navbtn{border:0!important;background:transparent!important;color:#b8c0c1!important;box-shadow:none!important;border-radius:2px!important;font-size:10px!important;text-transform:uppercase!important;letter-spacing:.07em!important;min-height:40px!important;padding:10px 11px!important}.corporatePage .corpNav .navbtn:hover,.corporatePage .corpNav .navbtn.active{color:#fff!important;background:#202a2c!important}.corporatePage .corpLocation{font-size:9px;color:#849092;letter-spacing:.14em;margin-right:18px}.corporatePage .corpLogin{display:inline-flex;align-items:center;gap:12px;margin-left:10px;padding:12px 15px;background:#c9f35b;color:#101516;font-size:10px;font-weight:950;letter-spacing:.08em;border-radius:2px}.corporatePage .submenu{background:#111819;border-color:#2d3739;border-radius:2px}.corporatePage .submenu a{color:#bfc7c8}.corporatePage .submenu a:hover,.corporatePage .submenu a.active{background:#202a2c;color:#c9f35b} .corpHero{background:#eef0eb;min-height:500px;display:flex;align-items:center}.corpHeroInner{display:grid;grid-template-columns:1.25fr .75fr;gap:70px;align-items:center;padding:80px 0}.corpEyebrow{font-size:9px;font-weight:950;letter-spacing:.2em;color:#707778;text-transform:uppercase}.corpHero h1{font-size:clamp(52px,6vw,86px);line-height:.92;letter-spacing:-.07em;margin:18px 0 22px;color:#111516}.corpHero p,.corpLead{max-width:760px;color:#62696b;font-size:17px;line-height:1.75}.corpActions{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.corpBtn{display:inline-flex;align-items:center;gap:20px;padding:14px 17px;border-radius:2px;text-transform:uppercase;font-size:10px;font-weight:950;letter-spacing:.07em}.corpBtnDark{background:#111718;color:#fff}.corpBtnLight{border:1px solid #c9cdca;color:#111718}.corpHeroPanel{min-height:360px;background:#151b1d;color:#fff;padding:35px;display:flex;flex-direction:column;justify-content:flex-end;background-image:linear-gradient(135deg,rgba(15,21,23,.1),rgba(15,21,23,.75)),url('https://images.pexels.com/photos/3861958/pexels-photo-3861958.jpeg?auto=compress&cs=tinysrgb&w=1000');background-size:cover;background-position:center}.corpHeroPanel span{font-size:9px;letter-spacing:.18em;color:#c9f35b;font-weight:950}.corpHeroPanel strong{font-size:54px;letter-spacing:-.06em;line-height:1;margin:6px 0}.corpHeroPanel small{font-size:9px;color:#c0c6c7;letter-spacing:.12em}.corpSection{padding:90px 0;background:#fff;border-top:1px solid #ddd}.corpSection:nth-of-type(even){background:#f5f6f2}.corpSectionHead{margin-bottom:32px}.corpSection h2,.corpText h2{font-size:50px;line-height:.95;letter-spacing:-.06em;margin:12px 0 0;color:#111516}.corpText{max-width:1000px}.corpTextBody{margin-top:28px;white-space:pre-line;color:#4f5759;font-size:16px;line-height:1.85;max-width:850px}.corpBand{background:#111718;color:#fff;padding:60px 0}.corpNotice{display:grid;grid-template-columns:130px 1fr;gap:40px;align-items:start}.corpNotice>span{color:#c9f35b;font-size:9px;letter-spacing:.18em;font-weight:950}.corpNotice h2{font-size:36px;letter-spacing:-.04em;margin:0}.corpNotice p{color:#aab1b2;line-height:1.75}.corpCards{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #d1d4d0;border-left:1px solid #d1d4d0}.corpCards article{min-height:240px;padding:24px;border-right:1px solid #d1d4d0;border-bottom:1px solid #d1d4d0}.corpCards small{font-size:9px;color:#7d8586;letter-spacing:.14em;font-weight:950}.corpCards h3{font-size:24px;letter-spacing:-.04em;margin:55px 0 10px}.corpCards p{font-size:13px;line-height:1.65;color:#687072}.corpTable{overflow:auto;margin-top:30px;border:1px solid #d8dbd7}.corpTable table{width:100%;border-collapse:collapse}.corpTable th,.corpTable td{padding:14px;border-bottom:1px solid #d8dbd7;text-align:left}.corpTable th{background:#eef0eb;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.corpGallery{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:32px}.corpGallery figure{margin:0;background:#111718;overflow:hidden}.corpGallery img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.corpGallery figcaption{padding:10px;color:#fff;font-size:11px}.corporatePage footer{margin-top:0;background:#0b1011;color:#fff}.corporatePage .foot{padding:38px 7vw}.corporatePage .legalNav a{border:1px solid #2a3335;border-radius:2px;background:transparent;color:#c4cccd}.corporatePage .legalNav a:hover{background:#c9f35b;color:#111;border-color:#c9f35b}.corporatePage .copy{border-color:#222b2d;color:#81898a} .builderLayout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:18px}.builderList{align-self:start;position:sticky;top:18px}.pageList{display:grid;gap:7px;margin-top:15px}.pageListItem{display:flex;justify-content:space-between;gap:10px;padding:13px;border:1px solid #dfe4e6;border-radius:10px;background:#fff;color:#16202b}.pageListItem:hover,.pageListItem.active{border-color:#1b78e6;box-shadow:0 5px 20px rgba(17,40,60,.08)}.pageListItem span{min-width:0}.pageListItem b,.pageListItem small{display:block}.pageListItem b{font-size:13px}.pageListItem small{font-size:10px;color:#7a8792;margin-top:4px}.pageListItem em{font-style:normal;font-size:9px;color:#14805e;white-space:nowrap}.editorHint{margin:18px 0;padding:13px 15px;background:#eef5ff;border-left:3px solid #1b78e6;color:#526171;font-size:12px}.block{background:#fff;border:1px solid #dfe4e6;border-radius:12px;padding:18px;margin:14px 0}.blocktop{display:flex;gap:10px;align-items:center;margin-bottom:14px}.blocktop b{margin-right:auto}.blocktop select{max-width:190px}.block textarea{min-height:110px}.homeEditor{border-top:1px dashed #d6dde1;margin-top:15px;padding-top:15px}.homeEditor h4{margin:0 0 12px}.addBlockRow{display:flex;gap:10px;align-items:center;margin:15px 0}.addBlockRow select{max-width:220px} @media(max-width:950px){.corpHeroInner{grid-template-columns:1fr}.corpHeroPanel{min-height:430px}.corpCards{grid-template-columns:1fr 1fr}.builderLayout{grid-template-columns:1fr}.builderList{position:static}.corpGallery{grid-template-columns:1fr 1fr}} @media(max-width:650px){body.corporatePage .corpHeader{height:auto;padding:16px 18px;align-items:flex-start;gap:15px;flex-direction:column}.corporatePage .corpNav{width:100%;overflow:auto}.corporatePage .corpLocation{display:none}.corpHeroInner{padding:60px 0}.corpHero h1{font-size:54px}.corpSection{padding:65px 0}.corpSection h2,.corpText h2{font-size:42px}.corpCards,.corpGallery{grid-template-columns:1fr}.corpNotice{grid-template-columns:1fr;gap:12px}.corpHeroPanel{min-height:360px}.addBlockRow{align-items:stretch;flex-direction:column}.addBlockRow select{max-width:none}} /* V18 — repair page uses the same corporate shell */ .corpRepair{background:#f5f6f2;padding:80px 0 95px;min-height:62vh}.corpRepair .formCard,.corpRepair .card{background:#fff;border:1px solid #d8dbd7;border-radius:3px;box-shadow:none}.corpRepair .formCard{max-width:760px;padding:34px}.corpRepair .formCard h1,.corpRepair .repairHead h1{font-size:clamp(44px,5vw,70px);line-height:.95;letter-spacing:-.06em;color:#111516}.corpRepair .formCard button{background:#111718;color:#fff;border:0;border-radius:2px;padding:14px 18px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.corpRepair .repairHead{display:flex;justify-content:space-between;gap:30px;align-items:end;background:#eef0eb;padding:38px}.corpRepair .repairHead .badge{padding:9px 12px;background:#c9f35b;color:#111;font-size:10px;font-weight:950;text-transform:uppercase}.corpRepair .cards{grid-template-columns:repeat(3,1fr)}.corpRepair .section{padding:50px 0;background:transparent}.corpRepair .timeline .event{border-left:2px solid #c9f35b;padding:0 0 18px 18px;margin-bottom:14px}.corpRepair .galleryItem{border:0;background:transparent;padding:0}.corpRepair .galleryItem img{width:100%;max-width:180px;aspect-ratio:4/3;object-fit:cover}.corpRepair label{color:#495457;font-size:11px;font-weight:850}.corpRepair input{background:#f7f8f5;border:1px solid #d4d9d5;border-radius:2px;padding:13px}.corpRepair .eyebrow{color:#6f7778} @media(max-width:700px){.corpRepair{padding:55px 0}.corpRepair .repairHead{display:block;padding:26px}.corpRepair .cards{grid-template-columns:1fr}} /* Public contact form / guestbook */ .publicFormWrap{max-width:980px} .publicForm{max-width:900px;margin-top:24px;padding:28px;border:1px solid #dfe3e8;background:#fff;box-shadow:0 10px 30px rgba(20,30,40,.06)} .publicForm label{display:block;font-weight:700;font-size:.9rem;margin-bottom:18px} .publicForm input,.publicForm textarea{display:block;width:100%;margin-top:7px;border:1px solid #cfd5dc;border-radius:8px;padding:13px 14px;font:inherit;background:#fff;box-sizing:border-box} .publicForm textarea{resize:vertical;min-height:140px} .publicForm input:focus,.publicForm textarea:focus{outline:2px solid rgba(0,0,0,.08);border-color:#777} .publicForm button{border:0;border-radius:8px;padding:13px 20px;background:#17191c;color:#fff;font-weight:700;cursor:pointer} .publicForm button span{margin-left:8px} .publicForm small{display:block;margin-top:12px;color:#68717b} .formGrid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px} .publicSuccess,.publicError{margin:18px 0;padding:14px 16px;border-radius:8px;font-weight:600} .publicSuccess{background:#eef8f0;border:1px solid #b9dfc0} .publicError{background:#fff3f1;border:1px solid #e5bbb5} .hp{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;opacity:0!important} .guestbookEntries{max-width:900px;margin-top:42px} .guestbookEntries h3{font-size:1.4rem;margin-bottom:18px} .guestbookEntry{padding:20px 0;border-top:1px solid #e1e5e9} .guestbookEntry>div{display:flex;justify-content:space-between;gap:20px} .guestbookEntry time{color:#77808a;font-size:.85rem} .guestbookEntry p{margin:10px 0 0;line-height:1.65} @media (max-width:700px){.formGrid{grid-template-columns:1fr}.publicForm{padding:20px}} /* Strukturierte Seitenverwaltung */ .pageFolders{display:grid;gap:10px;margin-top:16px}.pageFolder{border:1px solid #dfe6ec;border-radius:12px;background:#f8fafc;overflow:hidden}.pageFolder summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:9px;padding:11px 12px;background:#f3f6f9}.pageFolder summary::-webkit-details-marker{display:none}.pageFolder summary:hover{background:#edf3f8}.pageFolder summary strong{font-size:12px;color:#16202b;flex:1}.pageFolder summary small{font-size:10px;color:#7a8792}.folderIcon{font-size:12px;color:#1b78e6;transition:transform .15s}.pageFolder:not([open]) .folderIcon{transform:rotate(-90deg)}.pageFolder .pageList{margin:0;padding:7px;gap:5px}.pageListItem{align-items:center;padding:9px 10px;border-radius:9px;min-height:45px}.pageListItem .pageItemIcon{flex:0 0 22px;width:22px;height:22px;border-radius:6px;background:#e9f2ff;color:#1b78e6;display:grid;place-items:center;font-size:11px}.pageItemText{flex:1;min-width:0}.pageListItem b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pageListItem small{font-size:9px}.pageListItem em{font-size:9px}.pageListItem.systemItem{background:#f1f5f8;border-style:dashed}.pageListItem.systemItem .pageItemIcon{background:#e8ecef;color:#536170}.builderList{max-height:calc(100vh - 120px);overflow:auto} @media(max-width:950px){.builderList{max-height:none;overflow:visible}} /* Erweitertes Kontaktformular */ .contactForm .formGrid{grid-template-columns:repeat(2,minmax(0,1fr))} .contactForm select,.contactForm input,.contactForm textarea{width:100%;box-sizing:border-box} .contactForm .companyField{min-width:0} .contactForm .privacyConsent{display:flex;align-items:flex-start;gap:9px;margin:18px 0 10px;line-height:1.5} .contactForm .privacyConsent input{width:auto;flex:0 0 auto;margin-top:4px} .contactForm .privacyConsent a{text-decoration:underline} @media(max-width:720px){.contactForm .formGrid{grid-template-columns:1fr}} /* Professionelle Anordnung des Kontaktformulars */ .contactForm{max-width:920px;margin:0 auto} .contactForm .formGrid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px 20px} .contactForm .formGrid>label{grid-column:span 6} .contactForm .formGrid>label:nth-of-type(1){grid-column:span 4} .contactForm .formGrid>label:nth-of-type(2){grid-column:span 8} .contactForm .formGrid>label:nth-of-type(3){grid-column:span 6} .contactForm .formGrid>label:nth-of-type(4){grid-column:span 6} .contactForm .formGrid>label:nth-of-type(5){grid-column:span 3} .contactForm .formGrid>label:nth-of-type(6){grid-column:span 9} .contactForm .formGrid>label:nth-of-type(7){grid-column:span 5} .contactForm .formGrid>label:nth-of-type(8){grid-column:span 7} .contactForm label{display:flex;flex-direction:column;gap:7px;font-weight:650;color:#25364a} .contactForm input,.contactForm select,.contactForm textarea{font:inherit;color:#1f3043;background:#fff;border:1px solid #cbd6e2;border-radius:9px;padding:11px 12px;min-height:44px;box-sizing:border-box;transition:border-color .15s,box-shadow .15s} .contactForm textarea{min-height:170px;resize:vertical;line-height:1.55} .contactForm input:focus,.contactForm select:focus,.contactForm textarea:focus{outline:none;border-color:#176fe5;box-shadow:0 0 0 3px rgba(23,111,229,.10)} .contactForm input:required,.contactForm select:required,.contactForm textarea:required{background:#fff} .contactForm .companyField{grid-column:span 6} .contactForm .companyField[hidden]{display:none} .contactForm .privacyConsent{display:grid;grid-template-columns:auto 1fr;align-items:start;gap:10px;margin:22px 0 8px;padding:13px 14px;background:#f7fafc;border:1px solid #dbe4ec;border-radius:10px;font-weight:500;color:#43566b} .contactForm .privacyConsent input{width:18px;height:18px;min-height:18px;margin:2px 0 0} .contactForm button[type=submit]{margin-top:12px;min-width:190px} .contactForm>small{display:block;margin-top:10px;color:#6b7d90;line-height:1.45} .contactForm .hp{position:absolute;left:-10000px;width:1px;height:1px;opacity:0} @media(max-width:760px){ .contactForm .formGrid{grid-template-columns:1fr;gap:15px} .contactForm .formGrid>label,.contactForm .companyField{grid-column:1!important} } /* Kompakteres, ruhigeres Kontaktformular */ .contactForm{max-width:760px;margin:0 auto} .contactForm .formGrid{grid-template-columns:repeat(12,minmax(0,1fr));gap:12px 14px} .contactForm .formGrid>label{grid-column:span 6} .contactForm .formGrid>label:first-child{grid-column:span 3} .contactForm .formGrid>label:nth-child(2){grid-column:span 3} .contactForm .formGrid>label:nth-child(3){grid-column:span 6} .contactForm .formGrid>label:nth-child(4){grid-column:span 6} .contactForm .formGrid>label:nth-child(5){grid-column:span 3} .contactForm .formGrid>label:nth-child(6){grid-column:span 3} .contactForm .formGrid>label:nth-child(7){grid-column:span 5} .contactForm .formGrid>label:nth-child(8){grid-column:span 7} .contactForm .companyField{grid-column:span 4} .contactForm label{gap:4px;font-size:13px} .contactForm input,.contactForm select,.contactForm textarea{min-height:38px;padding:8px 10px;border-radius:7px;font-size:14px} .contactForm textarea{min-height:120px} .contactForm .privacyConsent{margin:14px 0 7px;padding:10px 12px;font-size:12px;border-radius:8px} .contactForm .privacyConsent input{width:16px;height:16px;min-height:16px} .contactForm button[type=submit]{margin-top:8px;min-width:160px;padding:9px 14px} .contactForm>small{font-size:11px;margin-top:7px} @media(max-width:760px){ .contactForm .formGrid{grid-template-columns:1fr;gap:11px} .contactForm .formGrid>label,.contactForm .companyField{grid-column:1!important} } /* Pflichtfelder im Kontaktformular sichtbar kennzeichnen */ .contactForm .formGrid > label:has(input[required])::first-line{} .contactForm .requiredHint{color:#b42318;font-weight:800;margin-left:3px} /* Datenschutz */ .privacy-page, .richPublicBody { line-height: 1.7; } .richPublicBody h1 { margin: 0 0 1.2rem; } .richPublicBody h2 { margin: 2rem 0 .8rem; } .richPublicBody h3 { margin: 1.5rem 0 .6rem; } .richPublicBody h4 { margin: 1.1rem 0 .45rem; } .richPublicBody p { margin: .65rem 0; } .richPublicBody ul { padding-left: 1.4rem; } .richPublicBody a { overflow-wrap: anywhere; } /* Professionelle Inhaltsseiten: Über uns / Datenlöschung */ .page-ueber-uns .corpSection, .page-datenloeschung .corpSection { padding-top: 2.2rem; padding-bottom: 2.8rem; } .page-ueber-uns .richPublicBody, .page-datenloeschung .richPublicBody { max-width: 980px; margin: 0 auto; font-size: 1.02rem; line-height: 1.78; } .page-ueber-uns .richPublicBody > h1, .page-datenloeschung .richPublicBody > h1 { position: relative; margin: 0 0 2rem; padding: 1.45rem 1.6rem 1.45rem 1.8rem; border-radius: 18px; background: linear-gradient(135deg, #f7f9fc 0%, #eef2f7 100%); border: 1px solid #dce3ec; box-shadow: 0 10px 28px rgba(15,23,42,.07); font-size: clamp(1.8rem, 3vw, 2.55rem); line-height: 1.18; letter-spacing: -.02em; } .page-ueber-uns .richPublicBody > h1::before, .page-datenloeschung .richPublicBody > h1::before { content: ""; position: absolute; left: 0; top: 16px; bottom: 16px; width: 5px; border-radius: 5px; background: #f2c300; } .page-ueber-uns .richPublicBody > h2, .page-datenloeschung .richPublicBody > h2 { margin: 2.4rem 0 1rem; padding: .8rem 0 .75rem; border-bottom: 1px solid #e2e8f0; font-size: clamp(1.3rem, 2vw, 1.7rem); line-height: 1.3; color: #172033; } .page-ueber-uns .richPublicBody > h3, .page-datenloeschung .richPublicBody > h3 { margin: 1.6rem 0 .7rem; padding: .85rem 1rem; border-radius: 12px; background: #f7f8fa; border-left: 4px solid #f2c300; color: #172033; font-size: 1.14rem; } .page-ueber-uns .richPublicBody > p:first-of-type, .page-datenloeschung .richPublicBody > p:first-of-type { font-size: 1.12rem; color: #374151; margin-bottom: 1.6rem; } .page-ueber-uns .richPublicBody ul, .page-ueber-uns .richPublicBody ol, .page-datenloeschung .richPublicBody ul, .page-datenloeschung .richPublicBody ol { margin: .9rem 0 1.5rem; padding: 0; list-style: none; } .page-ueber-uns .richPublicBody li, .page-datenloeschung .richPublicBody li { position: relative; margin: .65rem 0; padding: .85rem 1rem .85rem 2.8rem; border: 1px solid #e5e9ef; border-radius: 12px; background: #fff; box-shadow: 0 4px 14px rgba(15,23,42,.045); } .page-ueber-uns .richPublicBody ul li::before, .page-datenloeschung .richPublicBody ul li::before { content: "✓"; position: absolute; left: 1rem; top: .82rem; font-weight: 800; color: #c79f00; } .page-ueber-uns .richPublicBody ol { counter-reset: service-step; } .page-ueber-uns .richPublicBody ol li { counter-increment: service-step; } .page-ueber-uns .richPublicBody ol li::before { content: counter(service-step); position: absolute; left: .75rem; top: .72rem; width: 1.45rem; height: 1.45rem; border-radius: 50%; display: grid; place-items: center; background: #172033; color: #fff; font-size: .78rem; font-weight: 800; } .page-ueber-uns .richPublicBody hr, .page-datenloeschung .richPublicBody hr { border: 0; border-top: 1px solid #e2e8f0; margin: 2.5rem 0; } .page-ueber-uns .richPublicBody strong, .page-datenloeschung .richPublicBody strong { color: #172033; } .page-datenloeschung .richPublicBody h2 + p, .page-datenloeschung .richPublicBody h2 + ul { background: #f8fafc; border: 1px solid #e3e8ef; border-radius: 14px; padding: 1rem 1.2rem; } .page-datenloeschung .richPublicBody h2:last-of-type + p { background: linear-gradient(135deg, #fffdf1, #f8fafc); border-color: #eadca0; } @media (max-width: 700px) { .page-ueber-uns .richPublicBody, .page-datenloeschung .richPublicBody { font-size: .98rem; } .page-ueber-uns .richPublicBody > h1, .page-datenloeschung .richPublicBody > h1 { padding: 1.2rem 1.1rem 1.2rem 1.35rem; } .page-ueber-uns .richPublicBody li, .page-datenloeschung .richPublicBody li { padding-left: 2.45rem; } } /* Professionelle Inhaltsseiten: Referenzen, Zertifikate, Cookies */ .pro-page{max-width:1100px;margin:0 auto;padding:6px 0 10px;} .pro-intro{font-size:1.06rem;line-height:1.8;margin:0 0 28px;} .pro-intro p{margin:0 0 14px;} .pro-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:24px 0;} .pro-card{background:#fff;border:1px solid rgba(20,30,50,.10);border-radius:16px;padding:24px;box-shadow:0 8px 24px rgba(20,30,50,.07);} .pro-card h3{margin:12px 0 8px;font-size:1.15rem;} .pro-card p{margin:0;line-height:1.65;color:#4b5563;} .pro-icon{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#f3c400;color:#171717;font-weight:800;} .pro-note{margin-top:24px;padding:18px 20px;border-left:4px solid #f3c400;background:#f8fafc;border-radius:8px;line-height:1.7;} @media(max-width:800px){.pro-grid{grid-template-columns:1fr 1fr;}} @media(max-width:560px){.pro-grid{grid-template-columns:1fr;}.pro-page{padding-left:4px;padding-right:4px;}} /* Professionelle Cookie-Seite */ .cookie-page .pro-intro h2{margin:0 0 18px;font-size:1.65rem;} .cookie-page .pro-intro h3{margin:0 0 12px;font-size:1.18rem;} .cookie-page .pro-intro p{line-height:1.8;} .cookie-page .cookie-links{margin-top:20px;padding:16px 18px;background:#f8fafc;border:1px solid rgba(20,30,50,.08);border-radius:12px;line-height:1.7;} .certificate-page .pro-note{margin:0 0 28px;} .certificate-page .pro-card{min-height:170px;} .certificate-page .pro-icon{font-size:1.1rem;} /* Zertifikate: professionelle Galerie mit vergrößerbarer Originalansicht */ .certificate-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:28px 0 10px} .certificate-card{display:flex;flex-direction:column;text-decoration:none;color:inherit;background:#fff;border:1px solid rgba(20,30,50,.10);border-radius:18px;overflow:hidden;box-shadow:0 8px 24px rgba(20,30,50,.07);transition:transform .18s ease,box-shadow .18s ease} .certificate-card:hover{transform:translateY(-3px);box-shadow:0 14px 32px rgba(20,30,50,.12)} .certificate-image{padding:14px;background:#f6f8fb;display:flex;align-items:center;justify-content:center;min-height:260px} .certificate-image img{display:block;width:100%;height:260px;object-fit:contain;border-radius:10px;background:#fff} .certificate-caption{display:flex;flex-direction:column;gap:5px;padding:17px 18px 19px;border-top:1px solid rgba(20,30,50,.08)} .certificate-caption strong{font-size:1.05rem} .certificate-caption span{font-size:.94rem;line-height:1.5;color:#5b6470} .certificate-lightbox{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;padding:24px} .certificate-lightbox:target{display:flex} .certificate-lightbox-backdrop{position:absolute;inset:0;background:rgba(9,15,25,.84);backdrop-filter:blur(3px)} .certificate-lightbox-box{position:relative;z-index:1;width:min(1100px,94vw);max-height:94vh;padding:14px;background:#fff;border-radius:16px;box-shadow:0 25px 80px rgba(0,0,0,.35)} .certificate-lightbox-box img{display:block;width:auto;max-width:100%;max-height:88vh;margin:auto;object-fit:contain} .certificate-lightbox-close{position:absolute;right:10px;top:8px;z-index:2;width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff;color:#171717;text-decoration:none;font-size:28px;line-height:1;box-shadow:0 4px 14px rgba(0,0,0,.18)} @media(max-width:900px){.certificate-gallery{grid-template-columns:1fr 1fr}} @media(max-width:560px){.certificate-gallery{grid-template-columns:1fr}.certificate-image{min-height:220px}.certificate-image img{height:220px}.certificate-lightbox{padding:10px}.certificate-lightbox-box{width:96vw;padding:8px}.certificate-lightbox-box img{max-height:84vh}} /* Google-Kundenstimmen auf der Startseite */ .ehReviews{padding:92px 6vw;background:#f6f7f9;border-top:1px solid #e4e8ed;border-bottom:1px solid #e4e8ed} .ehReviewsHead{max-width:1180px;margin:0 auto 34px;display:flex;align-items:flex-end;justify-content:space-between;gap:32px} .ehReviewsHead small{font-size:.72rem;letter-spacing:.16em;font-weight:800;color:#7b8490} .ehReviewsHead h2{margin:9px 0 12px;font-size:clamp(2rem,4vw,3.25rem);line-height:1.05;color:#172033} .ehReviewsHead p{max-width:720px;margin:0;color:#5c6673;line-height:1.7} .ehGoogleRating{min-width:205px;background:#fff;border:1px solid #e1e5ea;border-radius:18px;padding:20px 22px;box-shadow:0 8px 24px rgba(20,30,50,.06);text-align:center} .ehStars{font-size:1.25rem;letter-spacing:.08em;color:#f3c400;margin-bottom:6px} .ehGoogleRating strong{display:block;font-size:1.55rem;color:#172033} .ehGoogleRating span{display:block;margin-top:3px;font-size:.86rem;color:#697381} .ehReviewCards{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px} .ehReviewCards article{position:relative;background:#fff;border:1px solid #e1e5ea;border-radius:18px;padding:28px;min-height:205px;box-shadow:0 8px 24px rgba(20,30,50,.055)} .ehReviewQuote{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#fff7c9;color:#8b7200;font-weight:900;font-size:1.15rem;margin-bottom:18px} .ehReviewCards h3{margin:0 0 10px;color:#172033;font-size:1.16rem} .ehReviewCards p{margin:0;color:#5c6673;line-height:1.7} .ehReviewCards small{display:block;margin-top:18px;color:#8a929c;font-size:.78rem} .ehReviewLink{display:inline-block;margin-top:16px;color:#172033;font-weight:800;text-decoration:none} .ehReviewLink:hover{text-decoration:underline} @media(max-width:850px){.ehReviewsHead{align-items:stretch;flex-direction:column}.ehGoogleRating{max-width:260px}.ehReviewCards{grid-template-columns:1fr}} /* Firmenlogo: Original-Logo von PC-Notdienst Weimar */ .corpLogo{width:54px;height:46px;display:flex;align-items:center;justify-content:center;flex:0 0 auto;overflow:hidden;border-radius:3px;background:#fff;padding:3px;box-sizing:border-box;} .corpLogo img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;} @media(max-width:980px){.corpLogo{width:48px;height:42px;}.corpBrand a{gap:10px!important;}} /* Navigation – professioneller blauer Hover-Balken von links nach rechts */ body:has(.proHero) .mainnav .navbtn{ position:relative; overflow:hidden; isolation:isolate; background:transparent; color:#4e5153; transition:color .28s ease, border-color .28s ease; } body:has(.proHero) .mainnav .navbtn::before{ content:""; position:absolute; z-index:-1; left:0; top:0; bottom:0; width:100%; background:linear-gradient(90deg,#1769e8 0%,#2189ef 55%,#28a8f2 100%); transform:scaleX(0); transform-origin:left center; transition:transform .32s cubic-bezier(.22,.61,.36,1); border-radius:3px; } body:has(.proHero) .mainnav .navbtn:hover{ color:#fff; background:transparent; } body:has(.proHero) .mainnav .navbtn:hover::before{ transform:scaleX(1); } body:has(.proHero) .mainnav .navbtn.active{ background:#111315; color:#fff; } body:has(.proHero) .mainnav .navbtn.active::before{display:none} @media(max-width:650px){ body:has(.proHero) .mainnav .navbtn{white-space:nowrap} } /* V19 — professioneller blauer Hover-Balken für die obere Navigation */ body.corporatePage .corpNav .navbtn{ position:relative!important; overflow:hidden!important; isolation:isolate!important; background:transparent!important; color:#b8c0c1!important; border:0!important; box-shadow:none!important; transition:color .28s ease!important; } body.corporatePage .corpNav .navbtn::after{ content:""; position:absolute; z-index:-1; left:0; top:0; bottom:0; width:100%; background:linear-gradient(90deg,#145fd7 0%,#1978e8 48%,#31b7f1 100%); transform:scaleX(0); transform-origin:left center; transition:transform .38s cubic-bezier(.22,.61,.36,1); border-radius:2px; } body.corporatePage .corpNav .navbtn > *{position:relative;z-index:1} body.corporatePage .corpNav .navbtn:hover{ color:#fff!important; background:transparent!important; transform:none!important; } body.corporatePage .corpNav .navbtn:hover::after{ transform:scaleX(1); } body.corporatePage .corpNav .navbtn.active{ color:#fff!important; background:#202a2c!important; } body.corporatePage .corpNav .navbtn.active::after{transform:scaleX(0)} /* V20 – Modernes, freundlicheres IT-Layout */ :root{ --modern-ink:#10243a; --modern-blue:#176fe5; --modern-blue2:#39a8f4; --modern-cyan:#29c2c7; --modern-sky:#edf7ff; --modern-bg:#f6f9fc; --modern-line:#dce8f2; --modern-muted:#64778a; } body.corporatePage{ background:var(--modern-bg); color:var(--modern-ink); font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif; } body.corporatePage .corpHeader{ height:86px;background:rgba(255,255,255,.97);color:var(--modern-ink); padding:0 38px;border-bottom:1px solid var(--modern-line); box-shadow:0 6px 24px rgba(17,58,91,.07);backdrop-filter:blur(12px); } body.corporatePage .corpBrand a{color:var(--modern-ink);gap:13px} body.corporatePage .corpLogo{width:48px;height:48px;border-radius:12px;background:#fff;display:grid;place-items:center;overflow:hidden;border:1px solid var(--modern-line);box-shadow:0 5px 18px rgba(17,58,91,.08)} body.corporatePage .corpLogo img{width:100%;height:100%;object-fit:contain} body.corporatePage .corpBrand b{font-size:15px;letter-spacing:.04em;color:var(--modern-ink)} body.corporatePage .corpBrand small{color:#7890a3;font-size:8px;letter-spacing:.14em} body.corporatePage .corpLocation{color:#7b91a4} body.corporatePage .corpNav .navbtn{ color:#526a7e!important;border-radius:9px!important;font-size:11px!important; letter-spacing:.035em!important;min-height:44px!important;padding:10px 13px!important; } body.corporatePage .corpNav .navbtn::after{ background:linear-gradient(90deg,var(--modern-blue),var(--modern-blue2),var(--modern-cyan)); border-radius:9px;z-index:-1; } body.corporatePage .corpNav .navbtn:hover{color:#fff!important} body.corporatePage .corpNav .navbtn.active{background:var(--modern-ink)!important;color:#fff!important;border-radius:9px!important} body.corporatePage .corpLogin{ background:linear-gradient(135deg,var(--modern-blue),#298fe9);color:#fff; border-radius:10px;padding:12px 16px;box-shadow:0 9px 24px rgba(23,111,229,.20) } body.corporatePage .corpLogin:hover{background:linear-gradient(135deg,#125cc6,#1684dc);color:#fff} body.corporatePage .corpHero{ min-height:560px;background: radial-gradient(circle at 78% 25%,rgba(57,168,244,.20),transparent 32%), linear-gradient(135deg,#eaf7ff 0%,#f8fbff 52%,#eafafa 100%); color:var(--modern-ink);position:relative;overflow:hidden; } body.corporatePage .corpHero::before{ content:"";position:absolute;width:520px;height:520px;border-radius:50%;right:-170px;top:-220px; border:1px solid rgba(23,111,229,.12);box-shadow:0 0 0 70px rgba(23,111,229,.035),0 0 0 140px rgba(41,194,199,.025) } body.corporatePage .corpHeroInner{padding:88px 0;position:relative;z-index:1} body.corporatePage .corpEyebrow{color:var(--modern-blue);font-size:10px;letter-spacing:.18em} body.corporatePage .corpEyebrow::before{content:"";width:28px;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--modern-blue),var(--modern-cyan));display:inline-block;margin-right:8px;vertical-align:middle} body.corporatePage .corpHero h1{color:var(--modern-ink);font-size:clamp(48px,6vw,82px);letter-spacing:-.065em} body.corporatePage .corpHero p,body.corporatePage .corpLead{color:#587084;max-width:700px} body.corporatePage .corpBtnDark{background:linear-gradient(135deg,var(--modern-blue),#298fe9);border:0;color:#fff;border-radius:10px;box-shadow:0 14px 30px rgba(23,111,229,.20)} body.corporatePage .corpBtnDark:hover{transform:translateY(-2px);box-shadow:0 18px 35px rgba(23,111,229,.25)} body.corporatePage .corpBtnLight{background:#fff;border:1px solid #cfe0ec;color:var(--modern-ink);border-radius:10px;box-shadow:0 5px 18px rgba(17,58,91,.05)} body.corporatePage .corpBtnLight:hover{border-color:#9bc9ef;background:#f6fbff;color:var(--modern-blue)} body.corporatePage .corpHeroPanel{ min-height:390px;border-radius:22px;padding:34px; background:linear-gradient(145deg,rgba(10,38,64,.96),rgba(19,92,135,.94)); box-shadow:0 28px 70px rgba(20,76,111,.22);border:1px solid rgba(255,255,255,.20) } body.corporatePage .corpHeroPanel span{color:#71e1df} body.corporatePage .corpSection{padding:92px 0;background:#fff;border-top:1px solid #e5edf3} body.corporatePage .corpSection:nth-of-type(even){background:var(--modern-bg)} body.corporatePage .corpSectionHead{margin-bottom:38px} body.corporatePage .corpSection h2,body.corporatePage .corpText h2{color:var(--modern-ink);font-size:clamp(38px,4.4vw,58px);letter-spacing:-.055em} body.corporatePage .corpTextBody{color:#566d80;line-height:1.85} body.corporatePage .corpBand{background:linear-gradient(135deg,#0c2942,#123e5d);position:relative;overflow:hidden} body.corporatePage .corpBand::after{content:"";position:absolute;width:320px;height:320px;border-radius:50%;right:-130px;top:-170px;border:1px solid rgba(91,224,224,.20);box-shadow:0 0 0 55px rgba(91,224,224,.035)} body.corporatePage .corpNotice h2{color:#fff} body.corporatePage .corpNotice p{color:#b5c8d6} body.corporatePage .corpCards{border-color:var(--modern-line);border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 12px 36px rgba(20,65,100,.07)} body.corporatePage .corpCards article{background:#fff;border-color:var(--modern-line);min-height:250px;transition:transform .25s ease,box-shadow .25s ease,background .25s ease} body.corporatePage .corpCards article:hover{background:#f7fcff;transform:translateY(-3px);box-shadow:inset 0 3px 0 var(--modern-blue)} body.corporatePage .corpCards small{color:var(--modern-blue)} body.corporatePage .corpCards h3{color:var(--modern-ink)} body.corporatePage .corpCards p{color:#687f91} body.corporatePage .corpTable{border-color:var(--modern-line);border-radius:14px;box-shadow:0 8px 25px rgba(20,65,100,.06)} body.corporatePage .corpTable th{background:#edf7ff;color:#36556d} body.corporatePage .corpTable td{border-color:#e5edf3} body.corporatePage footer{background:linear-gradient(135deg,#091c2d,#0e3049)} body.corporatePage .legalNav a{border-color:#31536b;border-radius:9px} body.corporatePage .legalNav a:hover{background:var(--modern-cyan);color:#062032;border-color:var(--modern-cyan)} body.corporatePage .copy{border-color:#24465d} /* Startseite: weicher, moderner Einstieg */ body.newHome .corpHeader{background:rgba(255,255,255,.97);color:var(--modern-ink);border-bottom:1px solid var(--modern-line);box-shadow:0 6px 24px rgba(17,58,91,.07)} body.newHome .corpBrand a{color:var(--modern-ink)} body.newHome .corpBrand b{color:var(--modern-ink)} body.newHome .corpBrand small{color:#7890a3} body.newHome .corpNav .navbtn{color:#526a7e!important;border-radius:9px!important} body.newHome .corpNav .navbtn:hover{color:#fff!important;background:transparent!important} body.newHome .corpNav .navbtn.active{background:var(--modern-ink)!important;color:#fff!important} body.newHome .corpLogin{background:linear-gradient(135deg,var(--modern-blue),#298fe9);color:#fff} @media(max-width:1100px){body.corporatePage .corpHeader{padding:0 22px}.corporatePage .corpLocation{display:none}.corporatePage .corpNav{gap:5px}} @media(max-width:800px){body.corporatePage .corpHeroInner{grid-template-columns:1fr;gap:35px}.corporatePage .corpHeroPanel{min-height:300px}.corporatePage .corpCards{grid-template-columns:1fr 1fr}} @media(max-width:650px){body.corporatePage .corpHeader{height:auto;padding:15px 18px}.corporatePage .corpNav{width:100%;overflow:auto;padding-bottom:2px}.corporatePage .corpNav .navbtn{white-space:nowrap}.corporatePage .corpHeroInner{padding:62px 0}.corporatePage .corpHero h1{font-size:52px}.corporatePage .corpSection{padding:65px 0}.corporatePage .corpCards{grid-template-columns:1fr}.corporatePage .corpHeroPanel{min-height:280px}.corporatePage .corpLogin{white-space:nowrap}} /* Startseite – Willkommensanimation */ .welcomeGreeting{display:flex;align-items:center;flex-wrap:wrap;gap:9px 11px;margin:0 0 18px;opacity:0;transform:translateY(12px);animation:welcomeIn .8s cubic-bezier(.2,.7,.2,1) .15s forwards;} .welcomeDot{width:9px;height:9px;border-radius:50%;background:linear-gradient(135deg,#176fe5,#35c3df);box-shadow:0 0 0 0 rgba(23,111,229,.32);animation:welcomePulse 2.2s ease-in-out 1s infinite;flex:0 0 auto;} .welcomeText{font-size:clamp(17px,2vw,22px);font-weight:850;letter-spacing:-.02em;color:#102235;} .welcomeCompany{font-size:clamp(14px,1.5vw,17px);font-weight:650;color:#176fe5;position:relative;} .welcomeCompany:after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:2px;border-radius:2px;background:linear-gradient(90deg,#176fe5,#35c3df);transform:scaleX(0);transform-origin:left;animation:welcomeLine .7s cubic-bezier(.2,.7,.2,1) .75s forwards;} @keyframes welcomeIn{to{opacity:1;transform:translateY(0)}} @keyframes welcomeLine{to{transform:scaleX(1)}} @keyframes welcomePulse{0%,100%{box-shadow:0 0 0 0 rgba(23,111,229,.25)}50%{box-shadow:0 0 0 7px rgba(23,111,229,0)}} @media(max-width:560px){.welcomeGreeting{gap:7px 9px;margin-bottom:15px}.welcomeText{font-size:17px}.welcomeCompany{font-size:14px}} @media(prefers-reduced-motion:reduce){.welcomeGreeting{opacity:1;transform:none;animation:none}.welcomeCompany:after{transform:scaleX(1);animation:none}.welcomeDot{animation:none}} /* Feinanpassung Startseite: Willkommensgruß deutlich prominenter, Hero-Titel kompakter */ .welcomeGreeting{ gap:10px 14px; margin:0 0 24px; } .welcomeText{ font-size:clamp(30px,3.4vw,48px); line-height:1.05; font-weight:900; letter-spacing:-.045em; } .welcomeCompany{ font-size:clamp(24px,2.5vw,36px); line-height:1.08; font-weight:800; letter-spacing:-.035em; } .welcomeDot{width:12px;height:12px} .ehHero h1{ font-size:clamp(43px,5vw,72px); line-height:.96; letter-spacing:-.06em; margin-top:20px; } @media(max-width:650px){ .welcomeGreeting{gap:7px 10px;margin-bottom:20px} .welcomeText{font-size:34px} .welcomeCompany{font-size:27px} .ehHero h1{font-size:43px} } /* Mobile-Navigation – alle Menüpunkte sauber erreichbar und ohne horizontales Abschneiden */ .mobileMenuToggle{display:none} @media(max-width:760px){ body.corporatePage .corpHeader{ height:auto!important;min-height:72px;padding:12px 16px!important; display:flex;flex-wrap:wrap;align-items:center;gap:12px!important; } body.corporatePage .corpBrand{min-width:0;flex:1 1 auto} body.corporatePage .corpBrand a{min-width:0} body.corporatePage .corpBrand small{display:none} .mobileMenuToggle{ display:inline-flex;flex:0 0 auto;width:48px;height:44px;padding:8px; align-items:center;justify-content:center;flex-direction:column;gap:4px; border:1px solid #d5e1eb;border-radius:10px;background:#fff;color:#16304a; cursor:pointer;box-shadow:0 5px 16px rgba(16,49,78,.08);position:relative; } .mobileMenuToggle span{display:block;width:21px;height:2px;border-radius:2px;background:#1469e8;transition:transform .2s ease,opacity .2s ease} .mobileMenuToggle b{position:absolute;left:-9999px} .mobileMenuToggle[aria-expanded="true"] span:nth-child(1){transform:translateY(6px) rotate(45deg)} .mobileMenuToggle[aria-expanded="true"] span:nth-child(2){opacity:0} .mobileMenuToggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)} body.corporatePage .corpNav{ display:none!important;width:100%;order:3;flex:0 0 100%; padding:10px 0 4px!important;overflow:visible!important; flex-direction:column;align-items:stretch!important;gap:5px!important; border-top:1px solid #e2eaf1; } body.corporatePage .corpNav.mobileOpen{display:flex!important} body.corporatePage .corpNav .corpLocation{display:none!important} body.corporatePage .corpNav .navitem{width:100%;position:relative} body.corporatePage .corpNav .navbtn, body.corporatePage .corpNav .corpLogin{ width:100%;min-height:46px!important;box-sizing:border-box; justify-content:space-between!important;display:flex!important;align-items:center!important; padding:11px 14px!important;margin:0!important;white-space:normal!important; text-align:left;border-radius:9px!important; } body.corporatePage .corpNav .navbtn{font-size:13px!important;text-transform:none!important;letter-spacing:0!important;color:#334b61!important;background:#f7fafc!important;border:1px solid #e1e9f0!important} body.corporatePage .corpNav .navbtn:hover{color:#fff!important;background:linear-gradient(90deg,#1469e8,#20b9d2)!important;border-color:#1469e8!important} body.corporatePage .corpNav .navbtn.active{color:#fff!important;background:#12304b!important;border-color:#12304b!important} body.corporatePage .corpNav .corpLogin{margin-top:5px!important;background:linear-gradient(135deg,#1469e8,#20b9d2)!important;color:#fff!important;border:0!important;justify-content:center!important} body.corporatePage .corpNav .submenu{ position:static!important;display:none;margin:4px 0 4px 12px!important; width:calc(100% - 12px)!important;box-sizing:border-box;border:0!important; border-left:3px solid #20b9d2!important;border-radius:0!important; background:#eef6fb!important;box-shadow:none!important;padding:4px!important; } body.corporatePage .corpNav .navitem.open>.submenu{display:block!important} body.corporatePage .corpNav .submenu a{display:flex;align-items:center;min-height:42px;padding:9px 12px!important;color:#3b5369!important;background:transparent!important;border-radius:7px;font-size:13px!important} body.corporatePage .corpNav .submenu a:hover,.corporatePage .corpNav .submenu a.active{background:#dceeff!important;color:#1469e8!important} } @media(max-width:420px){ body.corporatePage .corpHeader{padding:10px 12px!important} body.corporatePage .corpBrand b{font-size:13px} .mobileMenuToggle{width:44px;height:42px} } /* Digitale Barrierefreiheit – WCAG-orientierte Basiskomponenten */ .skip-link{ position:fixed;left:16px;top:-80px;z-index:10000;padding:12px 16px; background:#0b3d66;color:#fff!important;border-radius:0 0 10px 10px;font-weight:800; text-decoration:none;box-shadow:0 8px 24px rgba(0,0,0,.2) } .skip-link:focus{top:0} html{font-size:100%} body{line-height:1.55} a,button,input,select,textarea{font:inherit} a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{ outline:3px solid #0b63ce;outline-offset:3px;box-shadow:0 0 0 2px #fff } button,.corpBtn,.navbtn,.corpLogin{min-height:44px} img{max-width:100%;height:auto} .corpNav .navbtn[aria-current="page"],.submenu a[aria-current="page"]{text-decoration-thickness:2px;text-underline-offset:4px} .publicForm input,.publicForm select,.publicForm textarea{min-height:44px} .publicForm textarea{min-height:160px} .publicSuccess,.publicError{position:relative} @media (prefers-reduced-motion:reduce){ *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important} } @media (forced-colors:active){ .skip-link,a,button{forced-color-adjust:auto} a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid CanvasText} } @media (max-width:760px){ .corpNav .navbtn,.corpLogin,.submenu a{min-height:48px} } /* Layout-Update: moderner blau-weißer Unternehmensauftritt nach der Referenzen-Vorlage */ :root{ --layout-blue:#0757a6; --layout-blue2:#0b83cf; --layout-cyan:#22c7e8; --layout-navy:#063768; --layout-bg:#f3f8fc; --layout-line:#d9e8f4; } body.corporatePage{background:var(--layout-bg);color:#17314b} body.corporatePage .corpHeader{ height:82px;padding:0 38px; background:linear-gradient(100deg,#06376a 0%,#0757a6 55%,#087cc2 100%); color:#fff;border:0;box-shadow:0 8px 25px rgba(4,45,82,.20); } body.corporatePage .corpBrand a{color:#fff;gap:12px} body.corporatePage .corpBrand b{font-size:16px;letter-spacing:.02em;color:#fff} body.corporatePage .corpBrand small{color:#bdeaff;letter-spacing:.08em} body.corporatePage .corpLogo{width:46px;height:46px;border-radius:10px;overflow:hidden;background:#fff;display:grid;place-items:center;box-shadow:0 3px 12px rgba(0,0,0,.14)} body.corporatePage .corpLogo img{width:100%;height:100%;object-fit:contain} body.corporatePage .corpNav{gap:5px} body.corporatePage .corpLocation{color:#bdeaff;margin-right:10px} body.corporatePage .corpNav .navbtn{ position:relative;color:#e9f7ff!important;background:transparent!important; border:0!important;border-radius:7px!important;font-size:12px!important; letter-spacing:.02em!important;text-transform:none!important;padding:11px 13px!important; min-height:44px!important;box-shadow:none!important } body.corporatePage .corpNav .navbtn::after{ content:"";position:absolute;left:12px;right:12px;bottom:4px;height:3px;border-radius:3px; background:var(--layout-cyan);transform:scaleX(0);transform-origin:left;transition:transform .18s ease } body.corporatePage .corpNav .navbtn:hover{background:rgba(255,255,255,.10)!important;color:#fff!important} body.corporatePage .corpNav .navbtn:hover::after, body.corporatePage .corpNav .navbtn.active::after{transform:scaleX(1)} body.corporatePage .corpNav .navbtn.active{background:rgba(255,255,255,.12)!important;color:#fff!important} body.corporatePage .corpLogin{ margin-left:9px;padding:11px 18px;border-radius:24px;background:linear-gradient(135deg,#20c6e7,#0aa1d4); color:#fff;font-size:11px;font-weight:900;letter-spacing:.03em;box-shadow:0 7px 18px rgba(0,0,0,.16) } body.corporatePage .submenu{background:#fff;border:1px solid #cfe2f0;border-radius:10px;box-shadow:0 16px 35px rgba(9,60,101,.16);overflow:hidden} body.corporatePage .submenu a{color:#21415d;padding:11px 14px} body.corporatePage .submenu a:hover,.corporatePage .submenu a.active{background:#eaf7ff;color:#0757a6} /* Seiten-Header: blauer Technik-Banner wie im Referenzen-Layout */ body.corporatePage .corpHero{ position:relative;min-height:285px;overflow:hidden;color:#fff; background: linear-gradient(90deg,rgba(3,42,82,.97) 0%,rgba(5,79,145,.91) 48%,rgba(4,118,179,.72) 100%), url('https://images.pexels.com/photos/3861958/pexels-photo-3861958.jpeg?auto=compress&cs=tinysrgb&w=1800') center/cover; } body.corporatePage .corpHero::after{content:"";position:absolute;right:-100px;top:-130px;width:430px;height:430px;border-radius:50%;border:1px solid rgba(255,255,255,.13);box-shadow:0 0 0 55px rgba(255,255,255,.025),0 0 0 110px rgba(255,255,255,.018);pointer-events:none} body.corporatePage .corpHeroInner{display:block;position:relative;z-index:1;padding:56px 0} body.corporatePage .corpHeroPanel{display:none} body.corporatePage .corpEyebrow{color:#9cefff;font-size:11px;letter-spacing:.16em} body.corporatePage .corpHero h1{color:#fff;font-size:clamp(44px,5.5vw,70px);line-height:1.02;letter-spacing:-.055em;margin:10px 0 15px;max-width:850px} body.corporatePage .corpHero p{color:#e4f5ff;max-width:760px;font-size:18px;line-height:1.6} body.corporatePage .corpActions{margin-top:22px} body.corporatePage .corpBtnDark{background:#fff;color:#0757a6;border-radius:24px;box-shadow:0 8px 22px rgba(0,0,0,.14)} body.corporatePage .corpBtnLight{border-color:rgba(255,255,255,.55);color:#fff;background:rgba(255,255,255,.08);border-radius:24px} /* Inhaltsflächen */ body.corporatePage .corpSection{background:#fff!important;border-top:0;padding:58px 0} body.corporatePage .corpSection:nth-of-type(even){background:#f5f9fd!important} body.corporatePage .corpSectionHead{margin-bottom:28px} body.corporatePage .corpSection h2,body.corporatePage .corpText h2{color:#123d65;font-size:clamp(34px,4vw,52px);letter-spacing:-.045em} body.corporatePage .corpLead,body.corporatePage .corpTextBody{color:#58728a} body.corporatePage .corpBand{background:linear-gradient(100deg,#063768,#0757a6);padding:48px 0} body.corporatePage .corpBand .corpNotice>span{color:#8deaff} body.corporatePage .corpNotice h2{color:#fff} body.corporatePage .corpNotice p{color:#d1e8f7} body.corporatePage .corpCards{border:1px solid var(--layout-line);border-radius:16px;overflow:hidden;box-shadow:0 14px 38px rgba(8,70,115,.08)} body.corporatePage .corpCards article{border-color:var(--layout-line);background:#fff} body.corporatePage .corpCards article:hover{background:#f5fbff;box-shadow:inset 0 3px 0 var(--layout-cyan)} body.corporatePage .corpCards small{color:var(--layout-blue2)} body.corporatePage .corpCards h3{color:#163e62} body.corporatePage .corpCards p{color:#617b90} /* Referenzen: 2-spaltige Tabelle wie im Vorbild, aber modern und responsiv */ .referenzen-original{max-width:1080px;margin:0 auto;padding:0 2px} .referenzen-intro{font-size:clamp(18px,2vw,25px);font-weight:800;text-align:center;color:#174a78;margin:0 0 22px;padding-bottom:16px;border-bottom:3px solid #1dbfe2} .referenzen-table-wrap{overflow:hidden;border:1px solid #d6e7f3;border-radius:16px;background:#fff;box-shadow:0 14px 40px rgba(9,66,109,.09)} .referenzen-table{width:100%;border-collapse:collapse;table-layout:fixed} .referenzen-table th{padding:15px 18px;text-align:left;background:linear-gradient(90deg,#e8f5fd,#f4fbff);color:#16456f;font-size:14px;border-bottom:1px solid #cfe2f0} .referenzen-table td{padding:15px 18px;vertical-align:top;border-bottom:1px solid #e2edf5;color:#23445f;font-size:14px} .referenzen-table td+td{border-left:1px solid #e2edf5} .referenzen-table tr:hover td{background:#f8fcff} .referenzen-table strong{display:block;color:#103f68;font-size:14px;margin-bottom:3px} .referenzen-table span{font-size:13px;color:#617b90} .referenzen-table a{color:#0874c8;text-decoration:underline;text-underline-offset:2px} .referenzen-table a:hover{color:#04a9d1} .referenzen-table .referenzen-more td{text-align:center;background:linear-gradient(90deg,#0871bf,#0a9fd0);color:#fff;border-bottom:0;font-size:16px;padding:12px;font-weight:900} .referenzen-table .referenzen-more strong{color:#fff;margin:0} /* Startseite ebenfalls an die blau-weiße Vorlage anpassen */ body.corporatePage.newHome .corpHeader,body.newHome .corpHeader{ background:linear-gradient(100deg,#06376a 0%,#0757a6 55%,#087cc2 100%)!important;color:#fff;border:0;box-shadow:0 8px 25px rgba(4,45,82,.20) } body.newHome .corpBrand a,body.newHome .corpBrand b{color:#fff!important} body.newHome .corpBrand small{color:#bdeaff!important} body.newHome .corpNav .navbtn{color:#e9f7ff!important;background:transparent!important} body.newHome .corpNav .navbtn:hover{color:#fff!important;background:rgba(255,255,255,.10)!important} body.newHome .corpNav .navbtn.active{color:#fff!important;background:rgba(255,255,255,.12)!important} body.newHome .corpLogin{background:linear-gradient(135deg,#20c6e7,#0aa1d4)!important;color:#fff!important} body.newHome .ehHero{background:linear-gradient(110deg,#063768,#0757a6 55%,#0b83cf);color:#fff} body.newHome .ehHeroCopy{background:transparent} body.newHome .ehOverline{color:#bfeeff} body.newHome .ehOverline span{background:#25c8e8} body.newHome .ehHero h1{color:#fff} body.newHome .ehHero h1 strong{color:#9eeeff} body.newHome .ehHeroCopy>p{color:#e0f2fb} body.newHome .ehPrimary{background:#fff;color:#0757a6;border-radius:24px} body.newHome .ehPrimary span{color:#0aa5d3} body.newHome .ehSecondary{border-color:rgba(255,255,255,.55);color:#fff;background:rgba(255,255,255,.08);border-radius:24px} body.newHome .ehProof{border-color:rgba(255,255,255,.25)} body.newHome .ehProof b{background:#25c8e8;color:#063768;border-radius:5px} body.newHome .ehProof span{color:#c8e6f5} body.newHome .ehHeroVisual{background:#063768} body.newHome .ehImage{background-image:linear-gradient(135deg,rgba(3,44,82,.12),rgba(3,44,82,.62)),url('https://images.pexels.com/photos/3861958/pexels-photo-3861958.jpeg?auto=compress&cs=tinysrgb&w=1600')} body.newHome .ehImageCard{background:rgba(3,55,104,.80);padding:17px 20px;border-radius:12px;backdrop-filter:blur(6px)} body.newHome .ehImageCard small{color:#8cecff} body.newHome .ehTechBox{border-radius:14px;box-shadow:0 18px 45px rgba(0,0,0,.25)} body.newHome .ehIntro,body.newHome .ehHardware{background:#fff} body.newHome .ehIntroTitle small,body.newHome .ehServiceTop small,body.newHome .ehLoginCopy>small,body.newHome .ehHardwareHead small{color:#0874c8} body.newHome .ehIntroTitle h2,body.newHome .ehServiceTop h2,body.newHome .ehHardwareHead h2{color:#123f65} body.newHome .ehIntroText p,body.newHome .ehHardwareHead p{color:#60788d} body.newHome .ehIntroText a{color:#0874c8;border-color:#0874c8} body.newHome .ehServices{background:#f3f8fc} body.newHome .ehServiceGrid{border-color:#d6e7f3} body.newHome .ehService{background:#fff;border-color:#d6e7f3;border-radius:0} body.newHome .ehService:hover{background:#f7fcff;box-shadow:inset 0 3px 0 #22c7e8} body.newHome .ehService span{color:#0874c8} body.newHome .ehService h3{color:#163f64} body.newHome .ehService p{color:#617b90} body.newHome .ehService.featured{background:linear-gradient(145deg,#063768,#0757a6);color:#fff} body.newHome .ehService.featured span{color:#8cecff} body.newHome .ehService.featured p{color:#d1e8f6} body.newHome .ehService.featured b{color:#8cecff} body.newHome .ehLogin{background:linear-gradient(100deg,#063768,#0757a6);color:#fff} body.newHome .ehLoginCopy p{color:#cfe5f2} body.newHome .ehLoginFacts{color:#a9cadb} body.newHome .ehLoginFacts span:first-child{color:#8cecff} body.newHome .ehLoginCard{border-radius:16px;box-shadow:0 18px 50px rgba(0,0,0,.18)} body.newHome .ehLoginHead>span{background:#0757a6;color:#8cecff;border-radius:9px} body.newHome .ehLoginCard button{background:#0757a6;border-radius:10px} body.newHome .ehHardwareGrid{border-radius:16px;overflow:hidden} /* Mobil */ @media(max-width:760px){ body.corporatePage .corpHeader{background:linear-gradient(100deg,#06376a,#087cc2)!important;padding:11px 16px!important} body.corporatePage .mobileMenuToggle{border-color:rgba(255,255,255,.35);background:rgba(255,255,255,.10);box-shadow:none;color:#fff} body.corporatePage .mobileMenuToggle span{background:#fff} body.corporatePage .corpNav{border-top-color:rgba(255,255,255,.22)!important} body.corporatePage .corpNav .navbtn{background:rgba(255,255,255,.96)!important;color:#23445f!important;border-color:#d6e7f3!important} body.corporatePage .corpNav .navbtn:hover{background:#0874c8!important;color:#fff!important} body.corporatePage .corpNav .navbtn.active{background:#063768!important;color:#fff!important;border-color:#063768!important} body.corporatePage .corpNav .corpLogin{background:linear-gradient(135deg,#20c6e7,#0aa1d4)!important;color:#fff!important} body.corporatePage .corpHero{min-height:255px} body.corporatePage .corpHeroInner{padding:48px 0} body.corporatePage .corpHero h1{font-size:43px} body.corporatePage .corpHero p{font-size:16px} .referenzen-table{table-layout:auto} .referenzen-table th,.referenzen-table td{padding:12px 11px;font-size:12px} .referenzen-table strong{font-size:12px} .referenzen-table span{font-size:11px} .referenzen-table th{font-size:11px} } @media(max-width:520px){ .referenzen-table,.referenzen-table tbody,.referenzen-table tr,.referenzen-table td,.referenzen-table th{display:block;width:100%} .referenzen-table thead{display:none} .referenzen-table td{border-left:0!important} .referenzen-table tr:not(.referenzen-more) td:first-child{border-bottom:0;padding-bottom:7px} .referenzen-table tr:not(.referenzen-more) td+td{padding-top:7px} .referenzen-table tr:not(.referenzen-more){border-bottom:1px solid #e2edf5} .referenzen-table tr:not(.referenzen-more) td:empty{display:none} } /* Menue: Unterstrich eindeutig UNTERHALB des Menuepunktes */ body.corporatePage .corpNav .navbtn{ position:relative!important; overflow:visible!important; } body.corporatePage .corpNav .navbtn::after{ content:""!important; position:absolute!important; left:10px!important; right:10px!important; top:auto!important; bottom:-6px!important; height:3px!important; border-radius:3px!important; background:#22c7e8!important; transform:scaleX(0)!important; transform-origin:left center!important; transition:transform .18s ease!important; pointer-events:none!important; } body.corporatePage .corpNav .navbtn:hover::after, body.corporatePage .corpNav .navbtn.active::after{ transform:scaleX(1)!important; } /* Kräftigere Farbgestaltung – bessere visuelle Abgrenzung und Kontraste */ :root{ --layout-blue:#0057b8; --layout-blue2:#0088e8; --layout-cyan:#00c9f2; --layout-navy:#003b73; --layout-bg:#edf6ff; --layout-line:#c5def2; } body.corporatePage{background:#edf6ff;color:#102f4d} body.corporatePage .corpHeader{ background:linear-gradient(100deg,#002f63 0%,#0057b8 52%,#008fe8 100%)!important; box-shadow:0 9px 28px rgba(0,63,130,.30) } body.corporatePage .corpBrand small{color:#d2f5ff} body.corporatePage .corpNav .navbtn{color:#f2fbff!important} body.corporatePage .corpNav .navbtn:hover{background:rgba(0,201,242,.20)!important} body.corporatePage .corpNav .navbtn.active{background:rgba(0,201,242,.24)!important} body.corporatePage .corpNav .navbtn::after{background:#00d8ff!important;height:4px!important;box-shadow:0 0 9px rgba(0,216,255,.45)} body.corporatePage .corpLogin{background:linear-gradient(135deg,#00d7ff,#008fe8)!important;box-shadow:0 8px 22px rgba(0,120,210,.32)} body.corporatePage .corpHero{ background: linear-gradient(90deg,rgba(0,39,82,.98) 0%,rgba(0,83,170,.94) 47%,rgba(0,142,224,.82) 100%), url('https://images.pexels.com/photos/3861958/pexels-photo-3861958.jpeg?auto=compress&cs=tinysrgb&w=1800') center/cover!important; box-shadow:inset 0 -5px 0 #00c9f2 } body.corporatePage .corpEyebrow{color:#aaf4ff} body.corporatePage .corpHero h1{ text-shadow:0 3px 18px rgba(0,0,0,.18)} body.corporatePage .corpHero p{color:#f0fbff} body.corporatePage .corpBtnDark{background:#fff;color:#0057b8;box-shadow:0 9px 24px rgba(0,0,0,.22)} body.corporatePage .corpBtnLight{background:rgba(0,201,242,.12);border-color:#9deeff;color:#fff} body.corporatePage .corpSection{background:#fff!important} body.corporatePage .corpSection:nth-of-type(even){background:#eaf5ff!important} body.corporatePage .corpSection h2,body.corporatePage .corpText h2{color:#063d73} body.corporatePage .corpLead,body.corporatePage .corpTextBody{color:#456a89} body.corporatePage .corpBand{background:linear-gradient(100deg,#00376e,#0057b8 55%,#008fe8)!important} body.corporatePage .corpCards{border-color:#b9d8ef;box-shadow:0 16px 42px rgba(0,77,140,.12)} body.corporatePage .corpCards article:hover{background:#effaff;box-shadow:inset 0 4px 0 #00c9f2} .referenzen-intro{color:#064c88;border-bottom-color:#00bfe9} .referenzen-table-wrap{border-color:#b9d9f0;box-shadow:0 16px 42px rgba(0,72,132,.13)} .referenzen-table th{background:linear-gradient(90deg,#d8efff,#eefaff);color:#063f73;border-bottom-color:#b7d7ed} .referenzen-table td{border-bottom-color:#d1e5f4;color:#173f61} .referenzen-table td+td{border-left-color:#d1e5f4} .referenzen-table tr:hover td{background:#eefaff} .referenzen-table strong{color:#063e73} .referenzen-table span{color:#4f6f89} .referenzen-table a{color:#006ed0} .referenzen-table a:hover{color:#00a8df} .referenzen-table .referenzen-more td{background:linear-gradient(90deg,#0057b8,#00a6df)} body.newHome .corpHeader,body.corporatePage.newHome .corpHeader{background:linear-gradient(100deg,#002f63,#0057b8 55%,#008fe8)!important;box-shadow:0 9px 28px rgba(0,63,130,.30)} body.newHome .ehHero{background:linear-gradient(110deg,#00376e,#0057b8 52%,#008fe8)!important} body.newHome .ehOverline{color:#b9f7ff} body.newHome .ehOverline span{background:#00d8ff} body.newHome .ehHero h1 strong{color:#a9f5ff} body.newHome .ehPrimary{color:#0057b8;box-shadow:0 9px 24px rgba(0,0,0,.18)} body.newHome .ehSecondary{background:rgba(0,201,242,.12);border-color:#a4efff} body.newHome .ehProof b{background:#00d8ff} body.newHome .ehHeroVisual{background:#00376e} body.newHome .ehService.featured{background:linear-gradient(145deg,#00376e,#0057b8 60%,#008fe8)} body.newHome .ehLogin{background:linear-gradient(100deg,#00376e,#0057b8 55%,#008fe8)!important} body.newHome .ehLoginCard button{background:#0057b8} body.corporatePage footer,body.newHome footer{background:#002c58!important} body.corporatePage footer .copy,body.newHome footer .copy{border-top-color:#174d7b;color:#b9d8ef} @media(max-width:760px){ body.corporatePage .corpHeader{background:linear-gradient(100deg,#002f63,#0057b8 55%,#008fe8)!important} body.corporatePage .corpNav .navbtn:hover{background:#007ed4!important;color:#fff!important} body.corporatePage .corpNav .navbtn.active{background:#00376e!important;color:#fff!important} } /* Willkommensgruß – hoher Kontrast auf dem kräftigen Hero-Hintergrund */ body.newHome .welcomeGreeting{position:relative;z-index:3;text-shadow:0 2px 8px rgba(0,30,70,.22)} body.newHome .welcomeText{color:#ffffff!important;font-weight:950} body.newHome .welcomeCompany{color:#bff7ff!important;font-weight:900} body.newHome .welcomeCompany:after{background:linear-gradient(90deg,#00e5ff,#ffffff)!important;height:3px} body.newHome .welcomeDot{background:#00e5ff!important;box-shadow:0 0 0 0 rgba(0,229,255,.45)} @keyframes welcomePulseStrong{0%,100%{box-shadow:0 0 0 0 rgba(0,229,255,.28)}50%{box-shadow:0 0 0 8px rgba(0,229,255,0)}} body.newHome .welcomeDot{animation:welcomePulseStrong 2.2s ease-in-out 1s infinite} @media(max-width:650px){body.newHome .welcomeText{font-size:34px!important}body.newHome .welcomeCompany{font-size:27px!important}} @media(prefers-reduced-motion:reduce){body.newHome .welcomeDot{animation:none}} /* FINALER FIX – mobile Navigation: Menue-Texte muessen auf hellen Schaltflaechen sichtbar sein. Dieser Block steht bewusst ganz am Ende, damit spaetere Design-Regeln ihn nicht ueberschreiben. */ @media (max-width:760px){ body.corporatePage .corpNav .navbtn:not(.active){ color:#003b73!important; background:#ffffff!important; border-color:#b9d8ef!important; text-shadow:none!important; } body.corporatePage .corpNav .navbtn:not(.active) span{ color:#003b73!important; } body.corporatePage .corpNav .navbtn.active, body.corporatePage .corpNav .navbtn.active span{ color:#ffffff!important; background:#00376e!important; border-color:#00376e!important; } body.corporatePage .corpNav .navbtn .chevron{ color:#003b73!important; } body.corporatePage .corpNav .navbtn.active .chevron{ color:#ffffff!important; } body.corporatePage .corpNav .submenu a, body.corporatePage .corpNav .submenu a span{ color:#003b73!important; } } /* Kundenbeschreibung im Kundenbereich */ .customerDescriptionCard{margin-bottom:25px} .customerDescriptionCard p{margin:0;white-space:normal;line-height:1.65} /* ========================================================= V14 — HOMEPAGE LAYOUT MATCHING THE APPROVED BLUE MOCKUP ========================================================= */ .layoutHeader{position:sticky!important;top:0!important;z-index:100;background:#063b73!important;border:0!important;box-shadow:0 2px 14px rgba(0,0,0,.18)!important;height:62px!important} .layoutNav{height:62px;display:flex;align-items:center;gap:28px}.layoutLogo{display:flex;align-items:center;width:62px;height:46px;overflow:hidden;background:#fff;border-radius:7px;flex:none}.layoutLogo img{width:100%;height:100%;object-fit:cover;object-position:center}.layoutMenu{display:flex;align-items:center;gap:4px;flex:1}.layoutMenu .navitem{position:relative}.layoutMenu .navbtn,.layoutMenu .submenu-parent,.layoutMenu>a{border:0!important;background:transparent!important;color:#fff!important;box-shadow:none!important;border-radius:0!important;min-height:62px;padding:0 16px!important;font-size:14px!important;font-weight:700!important}.layoutMenu .navbtn:before,.layoutMenu .submenu-parent:before,.layoutMenu>a:before{display:none!important}.layoutMenu .navbtn:hover,.layoutMenu .submenu-parent:hover,.layoutMenu>a:hover{background:rgba(0,174,255,.16)!important}.layoutMenu .navbtn.active,.layoutMenu>a.active{background:transparent!important;color:#fff!important;position:relative}.layoutMenu .navbtn.active:after,.layoutMenu>a.active:after{content:"";position:absolute;left:14px;right:14px;bottom:0;height:4px;background:#11b7f1}.layoutLogin{margin-left:auto!important;border-left:1px solid rgba(255,255,255,.2)!important}.layoutSearch{font-size:24px!important;padding:0 10px!important}.layoutHome{background:#eef6fc}.lhHero{background:#061b31;color:#fff;overflow:hidden}.lhHeroInner{min-height:470px;display:grid;grid-template-columns:1fr 1.05fr;align-items:stretch}.lhHeroCopy{padding:58px 10px 45px 0;position:relative;z-index:2}.lhWelcome{font-size:28px;font-weight:800;margin-bottom:2px}.lhHeroCopy h1{font-size:clamp(52px,6.5vw,86px);line-height:.91;letter-spacing:-.055em;margin:0 0 14px}.lhHeroCopy h1 span{display:block;color:#11aef1}.lhHeroCopy h1 strong{display:block;color:#fff}.lhRule{width:82px;height:7px;background:#11b7f1;margin:10px 0 14px}.lhTag{font-size:28px;font-weight:850;line-height:1.1;margin:0 0 20px}.lhTag span{font-size:21px;font-weight:500}.lhHeroServices{display:flex;gap:24px;margin:12px 0 24px}.lhHeroServices>div{display:grid;grid-template-columns:35px auto;column-gap:7px;align-items:start}.lhHeroServices i{grid-row:1/3;color:#11b7f1;font-size:29px;font-style:normal}.lhHeroServices b{font-size:15px}.lhHeroServices small{color:#c5d4e1;line-height:1.25}.lhCta{display:inline-flex;align-items:center;gap:22px;background:#08a9ef;color:#fff!important;border-radius:28px;padding:13px 24px;font-weight:850;box-shadow:0 10px 28px rgba(8,169,239,.2)}.lhCta span{font-size:24px;line-height:1}.lhHeroVisual{position:relative;min-height:470px;overflow:hidden}.lhHeroVisual>img{width:100%;height:100%;object-fit:cover;object-position:55% center;display:block}.lhVisualBadge{position:absolute;right:24px;top:35px;background:rgba(4,22,39,.76);border:2px solid rgba(255,255,255,.7);padding:11px 15px;color:#fff;max-width:290px}.lhVisualBadge b{display:block;font-size:18px}.lhVisualBadge span{font-size:11px;color:#dce8f0}.lhTrust{background:#fff;border-bottom:1px solid #dceaf4}.lhTrustGrid{display:grid;grid-template-columns:repeat(4,1fr)}.lhTrustGrid>div{padding:22px 24px;display:grid;grid-template-columns:48px 1fr;column-gap:12px;align-items:center;border-right:1px solid #dceaf4}.lhTrustGrid>div:last-child{border-right:0}.lhTrustGrid i{grid-row:1/3;color:#0755ad;font-size:37px;font-style:normal;text-align:center}.lhTrustGrid b{font-size:16px;color:#06418a}.lhTrustGrid span{font-size:12px;color:#58718b;line-height:1.35}.lhServices{padding:50px 0;background:#eaf4fb}.lhServices>.wrap{display:grid;grid-template-columns:250px 1fr;gap:28px}.lhServicesIntro small,.lhWhy small,.lhAbout small,.lhReviews small,.lhContact small{font-size:11px;letter-spacing:.14em;font-weight:900;color:#0759ad}.lhServicesIntro h2{font-size:38px;line-height:1;margin:7px 0 16px;color:#06418a}.lhServicesIntro p{font-size:14px;color:#52708b;margin-bottom:22px}.lhServiceCards{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.lhServiceCard{background:#fff;border:1px solid #d9e7f0;border-radius:8px;overflow:hidden;box-shadow:0 7px 20px rgba(18,73,118,.06);display:flex;flex-direction:column}.lhCardImage{height:94px;background:linear-gradient(135deg,#d9effb,#75c8ee);position:relative}.lhCardImage:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 0 35%,rgba(0,57,112,.2) 35% 65%,transparent 65%)}.lhImg2{background:linear-gradient(135deg,#e9f0f5,#87a4bd)}.lhImg3{background:linear-gradient(135deg,#0c487a,#16a6d8)}.lhImg4{background:linear-gradient(135deg,#dce9f3,#6d8ba3)}.lhImg5{background:linear-gradient(135deg,#d9eef9,#2b8dd1)}.lhCardBody{padding:12px 14px 16px;display:flex;flex-direction:column;flex:1}.lhCardBody i{color:#078ee3;font-style:normal;font-size:25px}.lhCardBody h3{color:#06418a;margin:3px 0 6px;font-size:17px}.lhCardBody p{font-size:11px;color:#58718b;line-height:1.35;flex:1}.lhCardBody span{font-size:11px;font-weight:800;color:#058ce0}.lhWhy{padding:0;background:#fff}.lhWhyGrid{display:grid;grid-template-columns:1.25fr .9fr 1.15fr;min-height:290px}.lhWhyDark{display:grid;grid-template-columns:.9fr 1.1fr;background:#07366c;color:#fff;overflow:hidden}.lhWhyPhoto{background:linear-gradient(135deg,#0c4c82,#061a30)}.lhWhyText{padding:26px}.lhWhyText small{color:#67cfff}.lhWhyText h2,.lhAbout h2,.lhReviews h2{margin:6px 0 12px;font-size:27px;line-height:1.05}.lhWhyText ul{padding:0;margin:0 0 18px;list-style:none}.lhWhyText li{font-size:12px;margin:7px 0;padding-left:17px;position:relative}.lhWhyText li:before{content:'✓';position:absolute;left:0;color:#13c0f3;font-weight:900}.lhAbout{padding:27px 30px;background:#f4f8fb;border-right:1px solid #dbe7ef}.lhAbout h2{color:#06418a}.lhAbout p{font-size:13px;color:#526f88;line-height:1.55}.lhAbout a{font-weight:800;color:#0879cc}.lhReviews{padding:27px 30px;background:#f4f8fb}.lhReviews h2{color:#06418a}.lhReviews>p{font-size:12px;color:#58718b}.lhReview{background:#fff;border:1px solid #d9e7f0;border-radius:8px;padding:12px;margin-top:9px}.stars{color:#ffad00;letter-spacing:2px;font-size:13px}.lhReview p{font-size:11px;color:#4f667b;margin:4px 0}.lhReview b{font-size:10px;color:#58718b}.lhContact{background:#062f5e;color:#fff;padding:34px 0}.lhContact>.wrap{display:flex;align-items:center;justify-content:space-between;gap:25px}.lhContact h2{font-size:31px;margin:4px 0}.lhContact p{margin:0;color:#c2d8e8}.lhContact .lhCta{flex:none}.layoutHome~footer{background:#05244a!important;color:#fff}.layoutHome~footer .footerBrand,.layoutHome~footer .legalNav,.layoutHome~footer .copy{color:#fff}.layoutHome~footer a{color:#fff}.layoutHome~footer .footerLogo{background:#fff!important;color:#05244a!important} @media(max-width:1100px){.lhServices>.wrap{grid-template-columns:1fr}.lhServiceCards{grid-template-columns:repeat(3,1fr)}.lhWhyGrid{grid-template-columns:1fr}.lhWhyDark{min-height:300px}.lhAbout,.lhReviews{border-right:0;border-bottom:1px solid #dbe7ef}.lhTrustGrid{grid-template-columns:repeat(2,1fr)}.lhTrustGrid>div:nth-child(2){border-right:0}.lhTrustGrid>div:nth-child(-n+2){border-bottom:1px solid #dceaf4}} @media(max-width:760px){.layoutNav{height:60px}.layoutHeader{height:60px!important}.layoutLogo{width:54px;height:40px}.layoutMenu{position:absolute;top:60px;left:0;right:0;background:#063b73;display:none;flex-direction:column;align-items:stretch;padding:8px 14px;box-shadow:0 15px 30px rgba(0,0,0,.22)}.layoutMenu.open{display:flex}.layoutMenu .navbtn,.layoutMenu .submenu-parent,.layoutMenu>a{min-height:44px!important;justify-content:flex-start!important;padding:0 12px!important}.layoutMenu .layoutLogin{margin-left:0!important;border-left:0!important}.mobileMenuToggle{display:flex!important;margin-left:auto;width:42px;height:40px;background:transparent;border:0;flex-direction:column;justify-content:center;gap:5px}.mobileMenuToggle span{display:block;width:23px;height:2px;background:#fff}.lhHeroInner{grid-template-columns:1fr}.lhHeroCopy{padding:42px 0 28px}.lhHeroVisual{min-height:310px}.lhHeroCopy h1{font-size:54px}.lhWelcome{font-size:22px}.lhTag{font-size:24px}.lhHeroServices{gap:12px}.lhHeroServices>div{grid-template-columns:28px 1fr}.lhHeroServices small{font-size:10px}.lhTrustGrid{grid-template-columns:1fr}.lhTrustGrid>div{border-right:0!important;border-bottom:1px solid #dceaf4!important}.lhTrustGrid>div:last-child{border-bottom:0!important}.lhServiceCards{grid-template-columns:1fr 1fr}.lhWhyDark{grid-template-columns:1fr}.lhWhyPhoto{min-height:160px}.lhContact>.wrap{flex-direction:column;align-items:flex-start}.wrap{width:min(100% - 28px,1240px)}} /* FINAL HOMEPAGE HERO + MOBILE MENU FIX */ .lhHero{position:relative;min-height:500px;background:#061b31!important;overflow:hidden} .lhHeroBg{position:absolute;inset:0;z-index:0;overflow:hidden} .lhHeroBg img{width:100%;height:100%;display:block;object-fit:cover;object-position:center center} .lhHeroShade{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(3,19,35,.94) 0%,rgba(3,19,35,.82) 34%,rgba(3,19,35,.22) 63%,rgba(3,19,35,.05) 100%)} .lhHeroInner{position:relative;z-index:2;min-height:500px;display:block!important} .lhHeroCopy{width:min(620px,58%);padding:58px 0 45px!important} .lhHeroVisual{display:none!important} .lhHeroCopy h1{max-width:600px} .lhHeroServices{flex-wrap:wrap} .layoutMenu .navitem{position:relative} .layoutMenu .submenu{z-index:500} @media(max-width:1100px){ .lhHeroCopy{width:min(610px,62%)} } @media(max-width:760px){ .lhHero{min-height:680px} .lhHeroBg img{object-position:68% center} .lhHeroShade{background:linear-gradient(180deg,rgba(3,19,35,.96) 0%,rgba(3,19,35,.88) 48%,rgba(3,19,35,.35) 100%)} .lhHeroInner{min-height:680px} .lhHeroCopy{width:auto;padding:42px 0 34px!important} .lhHeroCopy h1{font-size:clamp(44px,14vw,62px)} .lhWelcome{font-size:22px} .lhTag{font-size:24px} .lhHeroServices{gap:12px 18px} .layoutMenu{z-index:9999} .layoutMenu.open{display:flex!important} } /* Final homepage hero correction: keep the hero visual on the right so the technician remains visible. */ .newHome .lhHero{position:relative;min-height:520px;background:#061b31!important;overflow:hidden} .newHome .lhHeroBg{position:absolute;left:42%;right:0;top:0;bottom:0;width:auto;z-index:0;overflow:hidden;background:#061b31} .newHome .lhHeroBg img{width:100%;height:100%;display:block;object-fit:cover;object-position:center center} .newHome .lhHeroShade{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(3,19,35,.99) 0%,rgba(3,19,35,.96) 28%,rgba(3,19,35,.70) 43%,rgba(3,19,35,.14) 66%,rgba(3,19,35,0) 100%)} .newHome .lhHeroInner{position:relative;z-index:2;min-height:520px;display:block!important} .newHome .lhHeroCopy{width:min(590px,56%);padding:60px 0 45px!important} .newHome .lhHeroCopy h1{max-width:570px} .newHome .lhHeroServices{flex-wrap:wrap} /* Use the original supplied company logo in the header. */ .newHome .layoutLogo{background:#fff} .newHome .layoutLogo img{object-fit:contain;object-position:center;padding:2px} @media(max-width:900px){ .newHome .lhHeroBg{left:34%} .newHome .lhHeroCopy{width:min(620px,68%)} } @media(max-width:760px){ .newHome .lhHero{min-height:690px} .newHome .lhHeroBg{left:0;top:300px;bottom:0;right:0} .newHome .lhHeroBg img{object-position:45% center} .newHome .lhHeroShade{background:linear-gradient(180deg,rgba(3,19,35,.98) 0%,rgba(3,19,35,.94) 38%,rgba(3,19,35,.30) 72%,rgba(3,19,35,.08) 100%)} .newHome .lhHeroInner{min-height:690px} .newHome .lhHeroCopy{width:auto;padding:40px 0 24px!important} } /* Final hero correction: clean right-side photo, no embedded billboard/logo. */ .newHome .lhHeroBg{left:42%;right:0;top:0;bottom:0;width:auto;background:#061b31;overflow:hidden} .newHome .lhHeroBg img{width:100%;height:100%;object-fit:cover;object-position:center center;display:block} .newHome .lhHeroShade{background:linear-gradient(90deg,rgba(3,19,35,.99) 0%,rgba(3,19,35,.96) 28%,rgba(3,19,35,.68) 43%,rgba(3,19,35,.12) 68%,rgba(3,19,35,0) 100%)} @media(max-width:850px){ .newHome .lhHeroBg{left:0;right:0;top:0;bottom:0} .newHome .lhHeroBg img{object-position:center center} .newHome .lhHeroShade{background:linear-gradient(180deg,rgba(3,19,35,.96) 0%,rgba(3,19,35,.82) 46%,rgba(3,19,35,.28) 100%)} } /* Reparatursystem-Status auf der Startseite */ .newHome .lhHeroInner{position:relative} .repairOnlineCard{position:absolute;right:28px;top:44px;width:292px;padding:22px 22px 20px;background:rgba(3,28,52,.91);border:2px solid #42d7ff;border-radius:16px;color:#fff;box-shadow:0 12px 35px rgba(0,0,0,.32),0 0 24px rgba(0,193,255,.16);backdrop-filter:blur(4px);z-index:4} .repairOnlineIcon{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:11px;background:#087fc1;color:#fff;font-size:24px;margin-bottom:8px} .repairOnlineTitle{font-size:21px;font-weight:900;line-height:1.1} .repairOnlineSub{font-size:14px;color:#d7e7f2;margin-top:3px} .repairOnlineState{display:flex;align-items:center;gap:10px;margin:17px 0 10px;padding:12px 13px;border-radius:10px;background:rgba(7,57,88,.82)} .repairOnlineDot{width:18px;height:18px;border-radius:50%;background:#70ef31;box-shadow:0 0 0 5px rgba(112,239,49,.13),0 0 18px rgba(112,239,49,.7);flex:none} .repairOnlineState strong{font-size:23px;color:#7df33f} .repairOnlineCard p{margin:0 0 15px;color:#e0edf5;font-size:13px;line-height:1.45} .repairOnlineButton{display:flex;align-items:center;justify-content:space-between;gap:10px;border:2px solid #16d9f5;border-radius:24px;padding:10px 15px;color:#fff!important;font-weight:850;font-size:13px;background:rgba(0,150,210,.08);transition:.2s ease} .repairOnlineButton:hover{background:#08a9ef;color:#fff!important} .repairOnlineButton span{font-size:21px;line-height:1} @media(max-width:1100px){ .repairOnlineCard{right:18px;width:265px;padding:18px} .newHome .lhHeroCopy{width:min(570px,58%)} } @media(max-width:850px){ .repairOnlineCard{position:relative;right:auto;top:auto;width:auto;margin:8px 0 18px;max-width:360px} .newHome .lhHeroCopy{width:auto} } @media(max-width:760px){ .repairOnlineCard{margin-top:8px;max-width:none} } /* Reparaturstatus kompakter: Die Person im Hero bleibt deutlich sichtbar. */ .repairOnlineCard{right:14px;top:82px;width:218px;padding:14px 15px 13px;border-width:2px;border-radius:13px} .repairOnlineIcon{width:32px;height:32px;border-radius:8px;font-size:18px;margin-bottom:6px} .repairOnlineTitle{font-size:17px} .repairOnlineSub{font-size:12px;margin-top:2px} .repairOnlineState{gap:8px;margin:11px 0 8px;padding:8px 9px;border-radius:8px} .repairOnlineDot{width:13px;height:13px;box-shadow:0 0 0 4px rgba(112,239,49,.13),0 0 13px rgba(112,239,49,.7)} .repairOnlineState strong{font-size:18px} .repairOnlineCard p{margin:0 0 10px;font-size:11px;line-height:1.35} .repairOnlineButton{gap:7px;border-radius:20px;padding:7px 10px;font-size:11px} .repairOnlineButton span{font-size:17px} @media(max-width:1100px){ .repairOnlineCard{right:10px;top:74px;width:195px;padding:12px} .newHome .lhHeroCopy{width:min(570px,60%)} } @media(max-width:850px){ .repairOnlineCard{position:relative;right:auto;top:auto;width:auto;margin:8px 0 18px;max-width:300px;padding:14px} } /* Google Maps on contact page */ .contactMapBox{margin:28px auto 0;max-width:900px;background:#fff;border:1px solid #d9e7f0;border-radius:12px;padding:18px;box-shadow:0 8px 24px rgba(18,73,118,.06)} .contactMapHead{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:14px} .contactMapHead h3{margin:4px 0 4px;color:#06418a;font-size:24px} .contactMapHead p{margin:0;color:#58718b;font-size:13px} .mapRouteBtn{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;background:#0759ad;color:#fff!important;border-radius:24px;padding:10px 16px;font-weight:800} .mapRouteBtn span{font-size:18px} .contactMapFrame{height:330px;border-radius:9px;overflow:hidden;border:1px solid #d7e4ed;background:#eaf2f7} .contactMapFrame iframe{width:100%;height:100%;border:0;display:block} @media(max-width:760px){.contactMapHead{align-items:flex-start;flex-direction:column}.mapRouteBtn{width:100%;justify-content:center}.contactMapFrame{height:280px}} /* Dynamische Formulare */ .managedField[hidden]{display:none!important}.managedFieldFull{grid-column:1/-1}.managedForm .formGrid{align-items:start}.managedForm select,.managedForm input,.managedForm textarea{width:100%;box-sizing:border-box}.managedForm .privacyConsent{display:flex;gap:9px;align-items:flex-start}.managedForm .privacyConsent input{width:auto;margin-top:4px}.managedForm small{display:block;margin-top:9px;color:#718196} /* Conditional form fields: hidden until their dependency matches. */ .managedForm .managedField[hidden]{display:none!important} /* Conditional form fields: hidden until their controlling value matches. */ .managedForm .conditionalField{display:none!important} .managedForm .conditionalField.is-visible{display:block!important} /* Professionelle Kontaktseite */ .contactPageSection{padding-top:54px} .contactTopGrid{display:grid;grid-template-columns:minmax(260px,.78fr) minmax(0,1.7fr);gap:22px;align-items:stretch;margin:10px 0 42px} .contactAddressCard{background:linear-gradient(145deg,#071b30,#0d3150);color:#fff;border-radius:18px;padding:28px;box-shadow:0 18px 45px rgba(8,26,50,.16);display:flex;flex-direction:column;justify-content:center} .contactAddressCard .corpEyebrow{color:#67d9ee}.contactAddressCard h3{font-size:28px;margin:7px 0 14px}.contactAddressCard p{margin:0;color:#d7e6f2;font-size:15px}.contactAddressCard strong{color:#fff}.contactAddressMeta{margin-top:18px!important;padding-top:15px;border-top:1px solid rgba(255,255,255,.16)} .contactTopGrid .contactMapBox{margin:0;max-width:none;padding:16px;border-radius:18px} .contactTopGrid .contactMapHead{margin-bottom:10px}.contactTopGrid .contactMapHead h3{font-size:21px}.contactTopGrid .contactMapFrame{height:270px} .contactFormHeading{margin:0 0 18px;padding-top:4px}.contactFormHeading h3{margin:5px 0 2px;font-size:28px;color:#06418a}.contactFormHeading p{margin:0;color:#68798c} .contactForm .privacyConsent a{color:#176fe5;text-decoration:underline;font-weight:800}.contactForm .privacyConsent a:hover{color:#06418a} @media(max-width:760px){.contactTopGrid{grid-template-columns:1fr;margin-bottom:32px}.contactTopGrid .contactMapFrame{height:280px}.contactAddressCard{padding:24px}.contactFormHeading h3{font-size:24px}} /* Moderne Referenzen-Kundenkarten */ .referenzen-modern{max-width:1120px;margin:0 auto;padding:0 4px 12px} .referenzen-modern .referenzen-intro{font-size:clamp(18px,2vw,25px);font-weight:800;text-align:center;color:#174a78;margin:0 0 28px;padding-bottom:16px;border-bottom:3px solid #1dbfe2} .referenzen-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px} .referenz-card{position:relative;display:flex;align-items:flex-start;gap:14px;min-height:118px;padding:20px;border:1px solid #d6e7f3;border-radius:18px;background:linear-gradient(145deg,#fff,#f7fbff);box-shadow:0 10px 28px rgba(9,66,109,.09);overflow:hidden;opacity:0;transform:translateY(12px);animation:referenzCardIn .5s ease-out forwards;animation-delay:var(--ref-delay)} .referenz-card::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,#0874c8,#1dbfe2);transform:scaleX(.18);transform-origin:left;transition:transform .25s ease} .referenz-card:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(9,66,109,.15);border-color:#b9d9f0} .referenz-card:hover::after{transform:scaleX(1)} .referenz-icon{flex:0 0 38px;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#0874c8,#0aa7d6);color:#fff;font-weight:900;box-shadow:0 6px 16px rgba(8,116,200,.22)} .referenz-card-body{min-width:0} .referenz-card h3{margin:1px 0 9px;color:#103f68;font-size:16px;line-height:1.3} .referenz-links{display:flex;flex-direction:column;gap:5px} .referenz-links a{color:#0874c8;text-decoration:none;font-size:13px;font-weight:600;overflow-wrap:anywhere} .referenz-links a:hover{color:#00a8df;text-decoration:underline;text-underline-offset:3px} .referenzen-more-modern{margin:24px auto 0;width:max-content;max-width:100%;padding:10px 18px;border-radius:999px;background:linear-gradient(90deg,#0057b8,#00a6df);color:#fff;font-weight:800;box-shadow:0 8px 22px rgba(0,87,184,.18)} @keyframes referenzCardIn{to{opacity:1;transform:translateY(0)}} @media(max-width:980px){.referenzen-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:650px){.referenzen-grid{grid-template-columns:1fr;gap:14px}.referenz-card{min-height:0;padding:17px}.referenzen-more-modern{width:auto;text-align:center}} @media(prefers-reduced-motion:reduce){.referenz-card{animation:none;opacity:1;transform:none;transition:none}.referenz-card::after{transition:none}.referenz-card:hover{transform:none}} .managedFileField input[type="file"]{display:block;width:100%;margin-top:8px;padding:10px;border:1px dashed #b8c5d4;border-radius:8px;background:#f8fafc;box-sizing:border-box} .managedFileField small{display:block;margin-top:6px;color:#667085;font-size:12px;line-height:1.45}