:root{--brand-blue: #44abe1;--brand-blue-dark: #0b5cab;--brand-red: #cd0333;--text: #143342;--card-bg: rgba(255, 255, 255, .78);--footer-bg: rgba(1, 10, 17, .72);--container: 1280px}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Trebuchet MS,Helvetica Neue,Arial,sans-serif;color:var(--text);line-height:1.6;background:#f1f7fb url(/uploads/HG_iStock-1204764789_2500_30Proz-300x200.png) repeat}a{color:var(--brand-blue-dark);text-decoration:none}a:hover{text-decoration:underline}.container{width:min(var(--container),calc(100% - 2rem));margin:0 auto}.site-header{background:#fffffff5;border-bottom:0;position:sticky;top:0;z-index:500;overflow:visible}.top-contact{font-size:.9rem;background:linear-gradient(90deg,#f9fcff,#edf5fb);border-bottom:1px solid #d7e5ee}.top-contact .container{padding:.45rem 0;display:flex;gap:.6rem;justify-content:flex-end;flex-wrap:wrap}.header-main{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;min-height:126px;padding-top:.35rem;padding-bottom:.1rem;position:relative;overflow:visible}.logo-strip-bg{position:absolute;inset:auto 0 -7px;height:132px;overflow:visible;z-index:0;pointer-events:none}.logo-strip{position:absolute;inset:0 auto 0 0;width:100%;height:100%;object-fit:contain;object-position:left bottom;opacity:.98;transform:translateY(18px)}.logo-hit-area{position:absolute;left:0;bottom:0;width:clamp(280px,36vw,530px);height:100%;z-index:1;text-indent:-9999px;overflow:hidden}.logo-spacer{flex:0 0 clamp(340px,36vw,500px);width:clamp(340px,36vw,500px);height:1px;z-index:1}.menu-toggle,.site-nav{position:relative;z-index:2}.site-nav{margin-left:auto;margin-bottom:1.15rem;transform:translate(-114px,-.95rem)}.site-nav>ul{margin:0;padding:0;list-style:none;display:flex;gap:1.25rem;align-items:flex-end}.nav-item>a{display:block;padding:0;color:#12455e;font-weight:600;font-size:.96rem;line-height:1.05;letter-spacing:.01em;text-shadow:0 1px 0 rgba(255,255,255,.72)}.menu-toggle{display:none;border:1px solid #d1dfeb;background:#fff;color:#10354b;font-size:1rem;padding:.5rem .8rem;border-radius:6px}.nav-item{position:relative}.nav-item.active>a,.nav-item>a:hover{color:var(--brand-red)}.dropdown:hover .sub-nav{display:block}.sub-nav{display:none;list-style:none;position:absolute;margin:0;padding:.6rem 0;min-width:230px;top:100%;left:0;background:#fffffff0;border:1px solid #d3e4ef;border-radius:8px;box-shadow:0 14px 24px #010a1129;z-index:800}.sub-nav a{display:block;padding:.45rem .9rem;font-size:.95rem}.hero-slider{position:relative;min-height:min(45vw,580px);background:#133646;overflow:hidden}.hero-slide{position:absolute;inset:0;opacity:0;transition:opacity .7s ease-in-out;pointer-events:none;z-index:0;background-size:cover;background-position:center;display:grid;place-items:center;padding:2rem 1rem}.hero-slide.active{opacity:1;pointer-events:auto;z-index:1}.hero-overlay{max-width:min(900px,95%);background:#44abe19e;color:#fff;text-align:center;border-radius:10px;padding:clamp(1rem,4vw,2.4rem);box-shadow:0 18px 36px #0000003d}.hero-overlay h1{font-size:clamp(1.9rem,4.4vw,4.1rem);margin:0 0 1rem;line-height:1.08}.hero-overlay p{font-size:clamp(1rem,2vw,2rem);margin:.35rem 0}.slider-dots{position:absolute;bottom:.9rem;left:50%;transform:translate(-50%);display:flex;gap:.5rem}.dot{width:11px;height:11px;border-radius:999px;border:none;background:#ffffff73;cursor:pointer}.dot.active{background:#fff}.mobile-hero{display:none}.pattern-section{padding:clamp(1rem,4vw,2.5rem) 0}.card{background:var(--card-bg);border-radius:12px;border:1px solid rgba(68,171,225,.32);padding:clamp(1rem,2vw,1.4rem);box-shadow:0 14px 25px #07243614}.card h1,.card h2,.card h3{color:#113f58;margin-top:.2rem;line-height:1.2}.card h1{font-size:clamp(1.55rem,3.4vw,2.6rem)}.card h2{font-size:clamp(1.2rem,2.5vw,1.8rem)}.card ul,.card ol{padding-left:1.3rem}.heading-card{margin-bottom:1rem}.split-cards{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.about-band{background:var(--brand-blue);padding:1.3rem 0 2rem}.card.dark{background:#00000024;border-color:#ffffff5c;color:#fff}.card.dark h1,.card.dark h2,.card.dark h3,.card.dark p,.card.dark li{color:#fff}.about-card .lead{font-weight:600}.about-card p{margin:.45rem 0 0;line-height:1.65}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.service-card img{width:100%;aspect-ratio:16 / 9;object-fit:cover;object-position:center;border-radius:8px;margin-bottom:.8rem}.service-card--fernwartung img{object-position:78% center}.references-page h1{margin-bottom:.55rem}.references-intro{margin:0 0 .95rem;font-size:1.02rem;color:#1b4e69}.references-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.reference-item{border:1px solid rgba(68,171,225,.36);border-left:4px solid var(--brand-blue);border-radius:10px;background:linear-gradient(180deg,#fffffff5,#eff7fce6);padding:.7rem .8rem;box-shadow:0 6px 14px #07243614}.reference-item h3{margin:0;font-size:1rem;color:#13465f;line-height:1.35}.reference-location{margin:.22rem 0 0;color:#2b6f90;font-size:.93rem;font-weight:600}.references-outro{margin:1.2rem 0 0;text-align:center;font-weight:800;font-size:clamp(1.2rem,2.4vw,1.85rem);line-height:1.3;color:#0f3f58;background:linear-gradient(180deg,#44abe129,#44abe114);border:1px solid rgba(68,171,225,.38);border-radius:12px;padding:.65rem .9rem;box-shadow:0 8px 18px #07243614}.references-cta{margin-top:.95rem}.webseiten-page .lead,.hardware-page .lead,.computernotdienst-page .lead{font-size:1.05rem;color:#194e69}.ueberuns-page .lead{font-size:1.06rem;color:#194e69}.webseiten-services{margin:.65rem 0 1rem}.webseiten-services li{margin:.28rem 0}.hardware-services{margin:.65rem 0 1rem}.hardware-services li{margin:.28rem 0}.hardware-ready{margin-top:.9rem;color:#154860}.computernotdienst-services{margin:.7rem 0 1rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem 1.1rem}.computernotdienst-services li{margin:0}.hero-image{margin:0 0 1rem}.hero-image img{width:100%;height:auto;border-radius:12px;border:1px solid rgba(68,171,225,.32);box-shadow:0 12px 26px #0724361f}.hero-image.fernwartung-hero img{height:clamp(250px,27vw,360px);object-fit:cover;object-position:78% center}.content-card .content-block+.content-block{margin-top:.6rem}.content-card.legal{font-size:.97rem}.content-card.legal h1{margin-bottom:1rem}.ki-hero-image img{max-height:430px;object-fit:cover}.ki-page-card h1{margin-bottom:.75rem}.ki-highlight-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem;margin:1rem 0 1.25rem}.ki-highlight{border:1px solid rgba(68,171,225,.32);border-radius:10px;background:#ffffffe6;padding:.8rem}.ki-highlight h2{margin:0 0 .35rem;font-size:1.15rem}.ki-page-card>h2{margin-top:1.1rem}.offer-section .container{width:min(1120px,calc(100% - 2rem))}.offer-card{padding:clamp(1rem,2.2vw,1.8rem)}.offer-top{display:grid;grid-template-columns:minmax(220px,300px) 1fr;align-items:start;gap:clamp(1rem,2.4vw,1.8rem)}.offer-image{margin:0;border-radius:12px;border:1px solid rgba(68,171,225,.36);background:#ffffffeb;box-shadow:0 12px 20px #0724361a;padding:.6rem}.offer-image img{width:100%;max-width:285px;max-height:285px;display:block;margin:0 auto;object-fit:contain}.offer-intro h1{margin:0}.offer-intro h3{margin:.55rem 0 .8rem;color:#1a5676;font-size:clamp(1.08rem,1.8vw,1.4rem)}.offer-meta-line{margin:.2rem 0}.offer-sales-copy{margin-top:.5rem}.offer-sales-copy .offer-meta-line{margin:.35rem 0}.offer-source{margin-top:.6rem;font-size:.95rem}.offer-specs{margin-top:1.25rem;padding:clamp(.85rem,1.8vw,1.2rem);border:1px solid rgba(68,171,225,.36);border-radius:10px;background:#ffffffe6}.offer-specs table{width:100%!important;height:auto!important;max-width:100%;margin:.75rem 0 .25rem;border-collapse:collapse;table-layout:fixed;float:none!important;font-size:.98rem}.offer-specs td,.offer-specs th{border:1px solid #bed9e8;padding:.58rem .68rem;vertical-align:top}.offer-specs tr:nth-child(odd) td{background:#44abe112}.offer-highlight-list,.offer-ports-list{margin:.45rem 0 1rem;padding-left:1.2rem}.offer-highlight-list li,.offer-ports-list li{margin:.2rem 0}.offer-ports-list{list-style:none;padding:0;margin-top:.65rem;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.45rem}.offer-ports-list li{margin:0;font-size:.95rem;line-height:1.35;border:1px solid #bed9e8;background:#44abe112;border-radius:8px;padding:.4rem .5rem}.offer-cta-row{margin-top:1rem;justify-content:center}.offer-inquiry{margin-top:1.1rem;border:1px solid rgba(68,171,225,.36);border-radius:10px;background:#ffffffe6;padding:.8rem}.offer-inquiry>summary{list-style:none;cursor:pointer;width:fit-content}.offer-inquiry>summary::-webkit-details-marker{display:none}.offer-request-form{margin-top:.9rem}.offer-cta{margin:1.1rem 0 .2rem}.download-card{display:flex;align-items:center;gap:1.2rem}.download-card img{width:150px;height:auto;flex:0 0 auto}.download-grid{margin-top:.9rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}.download-card--compact{align-items:flex-start}.download-card--compact img{width:84px}.download-card--compact h2{font-size:1.14rem;margin-bottom:.35rem}.download-card--compact p{margin-top:0}.download-update-note{margin:.85rem 0 0;font-size:.95rem;color:#2e5f7a}.button-row{display:flex;gap:.7rem;flex-wrap:wrap}.contact-grid{align-items:start}.contact-form{display:grid;gap:.75rem}.contact-form label{display:grid;gap:.28rem;font-weight:600}.contact-form input,.contact-form textarea,.contact-form select{width:100%;border:1px solid #b8d2e2;border-radius:8px;padding:.6rem .7rem;font:inherit}.contact-form button[disabled]{opacity:.7;cursor:wait}.hp-field{display:block;position:absolute;left:-10000px;top:auto;width:1px;height:1px;opacity:0;pointer-events:none;visibility:hidden;overflow:hidden}.form-feedback{margin:.15rem 0 0;padding:.52rem .65rem;border-radius:8px;font-size:.94rem;line-height:1.4}.form-feedback.is-success{background:#2c914d24;border:1px solid rgba(44,145,77,.45);color:#155e32}.form-feedback.is-error{background:#af14391c;border:1px solid rgba(175,20,57,.4);color:#7c0f2b}.consent{font-size:.95rem;font-weight:500;grid-template-columns:auto 1fr;align-items:start;column-gap:.55rem}.centered{text-align:center}.cta-button{display:inline-block;border-radius:8px;padding:.68rem 1.1rem;color:#fff;font-weight:700;background:linear-gradient(120deg,var(--brand-red),#a6002a);text-decoration:none;border:none}.cta-button.alt{background:linear-gradient(120deg,var(--brand-blue),var(--brand-blue-dark))}.cta-button.small{font-size:.95rem}.site-footer{margin-top:2rem;color:#fff;background:var(--footer-bg);backdrop-filter:blur(3px)}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:1rem;padding:1.5rem 0 1rem}.site-footer h3{margin-top:0;color:#fff}.site-footer p,.site-footer a{color:#fff}.footer-note{border-top:1px solid rgba(255,255,255,.2);padding:.6rem 0 1rem;font-size:.9rem}@media (max-width: 1120px){.header-main{min-height:104px;position:relative}.logo-strip-bg{inset:auto 0 -5px;height:108px}.logo-hit-area,.logo-spacer{width:clamp(190px,38vw,320px);flex-basis:clamp(190px,38vw,320px)}.menu-toggle{display:inline-block;margin-bottom:.6rem}.site-nav{display:none;position:absolute;top:calc(100% - .1rem);left:0;right:0;width:100%;margin:0;padding:.65rem .9rem .9rem;transform:none;background:#fffffffb;border:1px solid #d3e4ef;border-radius:10px;box-shadow:0 16px 28px #010a1133;z-index:1200;max-height:min(70vh,560px);overflow:auto}.site-nav.open{display:block}.site-nav>ul{flex-direction:column;align-items:stretch;gap:.2rem}.nav-item>a{padding:.52rem .15rem}.dropdown .sub-nav{position:static;display:block;box-shadow:none;border:none;margin:.15rem 0 .35rem .75rem;padding:0;background:transparent;z-index:auto}.sub-nav a{padding:.3rem 0}}@media (max-width: 900px){.split-cards,.service-grid,.computernotdienst-services,.download-grid,.ki-highlight-grid,.references-grid,.footer-grid,.offer-top{grid-template-columns:1fr}.hero-image.fernwartung-hero img{height:300px;object-position:76% center}.offer-ports-list{grid-template-columns:repeat(3,minmax(0,1fr))}.offer-image{max-width:360px;margin:0 auto}.download-card{flex-direction:column;align-items:flex-start}}@media (max-width: 760px){.header-main{min-height:86px}.logo-strip-bg{inset:auto 0 -3px;height:90px}.logo-hit-area,.logo-spacer{width:clamp(130px,42vw,210px);flex-basis:clamp(130px,42vw,210px)}.logo-strip{transform:translateY(12px)}.hero-slider{min-height:56vw}.hero-image.fernwartung-hero img{height:230px;object-position:74% center}.mobile-hero{display:block}.mobile-hero img{width:100%;height:auto;display:block}.top-contact .container{justify-content:center}.offer-ports-list{grid-template-columns:repeat(2,minmax(0,1fr))}}