:root{--it-navy:#17324d;--it-blue:#087fca;--it-ice:#eaf4ff;--it-paper:#f7f7f5;--it-ink:#24384b}
body.it-onepage{background:var(--it-paper)!important;color:var(--it-ink)!important;font-family:Roboto,Arial,sans-serif}
body.it-onepage main{margin-top:0!important}
body.it-onepage .com-content-article__body .container.py-4.py-lg-5{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
body.it-onepage .header.container-header{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:2rem!important;min-height:90px!important;padding:.8rem clamp(1.4rem,5.5vw,4rem)!important;background:linear-gradient(100deg,#f6f9fc 0%,#dcecff 100%)!important;box-shadow:0 1px 12px rgba(23,50,77,.06)!important}
body.it-onepage .header.container-header>.grid-child{width:auto!important;margin:0!important;padding:0!important}
body.it-onepage .navbar-brand{display:flex!important;flex-direction:column!important;align-items:flex-start!important;margin:0!important;padding:0!important}
body.it-onepage .navbar-brand .brand-logo{color:var(--it-navy)!important;text-decoration:none!important;font-weight:800!important;line-height:1.05!important}
body.it-onepage .navbar-brand .brand-logo span{font-size:clamp(1.35rem,2.2vw,1.8rem)!important;letter-spacing:-.045em!important;text-transform:uppercase!important}
body.it-onepage .site-description{margin:.22rem 0 0!important;color:var(--it-navy)!important;font-size:.68rem!important;font-weight:700!important;letter-spacing:.055em!important;line-height:1.2!important}
body.it-onepage .container-nav{display:flex!important;align-items:center!important;justify-content:flex-end!important;margin-left:auto!important;padding:0!important}
body.it-onepage #mod-custom110{margin:0!important;padding:0!important}
body.it-onepage .it-main-nav{position:static!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:clamp(.8rem,2.4vw,2.3rem)!important;margin:0!important;padding:0!important;white-space:nowrap}
body.it-onepage .it-main-nav a{display:inline-block!important;padding:.45rem 0!important;border:0!important;border-radius:0!important;background:none!important;color:var(--it-navy)!important;font-size:.98rem!important;font-weight:500!important;text-decoration:none!important;box-shadow:none!important}
body.it-onepage .it-main-nav a:hover,body.it-onepage .it-main-nav a:focus{color:var(--it-blue)!important;text-decoration:underline!important;text-underline-offset:.45rem}
body.it-onepage #start{position:relative!important;left:50%!important;width:100vw!important;max-width:100vw!important;transform:translateX(-50%)!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;align-items:center!important;gap:2rem!important;min-height:clamp(390px,48vw,500px)!important;margin:0!important;padding:clamp(2.2rem,5vw,4rem) clamp(1.5rem,5.6vw,4rem)!important;border-radius:0!important;background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.98) 29%,rgba(255,255,255,.82) 43%,rgba(255,255,255,.08) 73%,rgba(255,255,255,0) 100%)!important;color:var(--it-navy)!important;box-shadow:none!important;overflow:hidden!important}
body.it-onepage #start .it-hero-image{position:absolute!important;inset:0 0 0 27%!important;width:73%!important;height:100%!important;object-fit:cover!important;object-position:center 53%!important;z-index:0!important}
body.it-onepage #start:before{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.97) 30%,rgba(255,255,255,.80) 43%,rgba(255,255,255,.08) 74%,transparent 100%);pointer-events:none}
body.it-onepage #start>div:first-of-type{grid-column:1/-1!important;position:relative!important;z-index:1!important;width:min(62%,640px)!important;max-width:640px!important}
body.it-onepage #start>div:first-of-type>p:first-child{display:none!important}
body.it-onepage #start h1{margin:0 0 .15rem!important;color:var(--it-navy)!important;font-size:clamp(2.4rem,5vw,3.65rem)!important;font-weight:800!important;letter-spacing:-.045em!important;line-height:1.05!important}
body.it-onepage #start .it-hero-claim{margin:.2rem 0 .35rem!important;color:var(--it-navy)!important;font-size:clamp(1.25rem,2.6vw,1.8rem)!important;font-weight:700!important;line-height:1.25!important}
body.it-onepage #start>div:first-of-type>p:nth-of-type(2){margin:.35rem 0 1rem!important;color:var(--it-navy)!important;font-size:clamp(1rem,1.8vw,1.3rem)!important}
body.it-onepage #start>div:first-of-type>p:nth-of-type(3){margin:.6rem 0 0!important;color:var(--it-navy)!important;font-family:"Segoe Script","Bradley Hand",cursive!important;font-size:clamp(2.3rem,4vw,3.2rem)!important;font-style:italic!important;font-weight:500!important;line-height:1.15!important}
body.it-onepage #start>div:first-of-type>p:nth-of-type(4){margin:0 0 1.1rem!important;color:var(--it-navy)!important;font-size:1.05rem!important;line-height:1.45!important}
body.it-onepage .it-hero-cta,body.it-onepage .it-phone{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:.55rem!important;min-height:48px!important;padding:.72rem 1.35rem!important;border:1px solid var(--it-blue)!important;border-radius:8px!important;background:var(--it-blue)!important;color:#fff!important;font-weight:700!important;text-decoration:none!important;box-shadow:0 5px 14px rgba(8,127,202,.16)!important}
body.it-onepage .it-hero-cta:hover,body.it-onepage .it-phone:hover{background:#066db0!important;color:#fff!important}
body.it-onepage #start>div[aria-hidden="true"]{display:none!important}
body.it-onepage .it-services{width:100vw!important;position:relative!important;left:50%!important;transform:translateX(-50%)!important;margin:0!important;padding:2rem clamp(1.4rem,4vw,3rem) 1.4rem!important;background:var(--it-paper)!important;color:var(--it-navy)!important}
body.it-onepage .it-section-heading{text-align:center!important;margin:0 auto 1rem!important}
body.it-onepage .it-section-heading h2,body.it-onepage .it-regional h2,body.it-onepage .it-contact h2{margin:0 0 .55rem!important;color:var(--it-navy)!important;font-size:clamp(1.7rem,3vw,2.25rem)!important;font-weight:750!important;line-height:1.2!important}
body.it-onepage .it-section-heading h2:after,body.it-onepage .it-regional-copy h2:after,body.it-onepage .it-contact h2:after{content:"";display:block;width:46px;height:3px;margin:.6rem auto 0;background:var(--it-blue)}
body.it-onepage .it-section-heading p{margin:.55rem 0 1rem!important;color:var(--it-navy)!important}
body.it-onepage .it-service-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:.85rem!important;width:min(100%,1220px)!important;margin:0 auto!important}
body.it-onepage .it-service-card{min-height:180px!important;padding:1.25rem 1rem!important;border:1px solid rgba(23,50,77,.06)!important;border-radius:9px!important;background:#fff!important;text-align:center!important;box-shadow:0 5px 20px rgba(23,50,77,.06)!important}
body.it-onepage .it-service-card:before{content:"";display:block;width:58px;height:58px;margin:0 auto .65rem;border-radius:50%;background:var(--it-ice);box-shadow:inset 0 0 0 1px rgba(8,127,202,.08)}
body.it-onepage .it-service-card h3{margin:0 0 .4rem!important;color:var(--it-navy)!important;font-size:1.05rem!important;font-weight:750!important}
body.it-onepage .it-service-card p{margin:0!important;color:var(--it-ink)!important;font-size:.93rem!important;line-height:1.45!important}
body.it-onepage .it-service-note{display:flex!important;align-items:center!important;justify-content:center!important;gap:1rem!important;margin:1.2rem auto 0!important;color:var(--it-navy)!important;text-align:center!important}
body.it-onepage .it-service-note:before,body.it-onepage .it-service-note:after{content:"";display:block;width:min(14vw,135px);height:1px;background:#7890a5}
body.it-onepage .it-service-note p{margin:0!important}
body.it-onepage .it-regional{position:relative!important;left:50%!important;width:100vw!important;max-width:100vw!important;transform:translateX(-50%)!important;display:flex!important;align-items:center!important;min-height:300px!important;margin:0!important;padding:2rem clamp(1.5rem,5vw,4rem)!important;background:#fff!important;color:var(--it-navy)!important;overflow:hidden!important}
body.it-onepage .it-regional-image{position:absolute!important;left:0!important;top:0!important;width:47%!important;height:100%!important;object-fit:cover!important;object-position:center!important;mask-image:linear-gradient(90deg,#000 0%,#000 70%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 70%,transparent 100%)}
body.it-onepage .it-regional-copy{position:relative!important;width:min(54%,660px)!important;margin-left:auto!important;padding:0 clamp(.5rem,2vw,1.5rem)!important;color:var(--it-navy)!important}
body.it-onepage .it-regional-copy .it-eyebrow{display:none!important}
body.it-onepage .it-regional-copy h2:after{margin:.65rem 0 1rem!important}
body.it-onepage .it-regional-copy>p:not(.it-eyebrow){font-size:1rem!important;line-height:1.6!important}
body.it-onepage .it-local-detail{margin:.8rem 0 0!important;color:var(--it-navy)!important}
body.it-onepage .it-local-detail p{margin:0!important;line-height:1.5!important}
body.it-onepage .it-contact{position:relative!important;left:50%!important;width:100vw!important;max-width:100vw!important;transform:translateX(-50%)!important;display:grid!important;grid-template-columns:1.15fr 1fr!important;align-items:center!important;gap:2rem!important;margin:0!important;padding:2rem clamp(1.5rem,5.6vw,4rem)!important;background:#fff!important;color:var(--it-navy)!important}
body.it-onepage .it-contact h2:after{margin:.6rem 0 1rem!important}
body.it-onepage .it-contact-main>p{margin:0 0 1rem!important;line-height:1.5!important}
body.it-onepage .it-contact-actions{display:flex!important;flex-wrap:wrap!important;gap:.75rem!important}
body.it-onepage .it-contact-actions .it-email{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:48px!important;padding:.7rem 1.2rem!important;border:1px solid var(--it-blue)!important;border-radius:8px!important;background:#fff!important;color:var(--it-blue)!important;font-weight:700!important;text-decoration:none!important}
body.it-onepage .it-contact-address{min-height:100px!important;padding:1rem 0 1rem 2rem!important;border-left:1px solid #d7e0e8!important;display:flex!important;align-items:center!important}
body.it-onepage .it-contact-address p{margin:0!important;line-height:1.55!important}
body.it-onepage .it-footer{position:relative!important;left:50%!important;width:100vw!important;max-width:100vw!important;transform:translateX(-50%)!important;display:grid!important;grid-template-columns:auto 1fr auto!important;align-items:center!important;gap:1.5rem!important;margin:0!important;padding:1.4rem clamp(1.5rem,5vw,3rem)!important;background:linear-gradient(110deg,#17324d,#1d4262)!important;color:#fff!important}
body.it-onepage .it-footer-brand{display:flex!important;flex-direction:column!important;color:#fff!important;line-height:1.1!important}
body.it-onepage .it-footer-brand strong{font-size:1.35rem!important;letter-spacing:-.04em!important}
body.it-onepage .it-footer-brand small{font-size:.62rem!important;letter-spacing:.06em!important}
body.it-onepage .it-footer>p{margin:0!important;color:#e6eef5!important;font-size:.82rem!important}
body.it-onepage .it-footer nav{display:flex!important;align-items:center!important;gap:.8rem!important}
body.it-onepage .it-footer nav a{color:#fff!important;text-decoration:none!important;font-size:.86rem!important}
body.it-onepage .it-footer nav a:hover{text-decoration:underline!important}
body.it-onepage .it-footer-scribble{font-family:"Segoe Script","Bradley Hand",cursive!important;font-style:italic!important;text-align:right!important}
@media(max-width:800px){body.it-onepage .header.container-header{gap:1rem!important;min-height:82px!important;padding:.75rem 1rem!important}body.it-onepage .it-main-nav{gap:1rem!important}body.it-onepage .it-main-nav a{font-size:.9rem!important}body.it-onepage #start{grid-template-columns:1fr!important;min-height:440px!important;padding:2rem 1.5rem!important}body.it-onepage #start .it-hero-image{left:15%!important;width:85%!important;opacity:.8!important}body.it-onepage #start:before{background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.94) 42%,rgba(255,255,255,.35) 100%)}body.it-onepage #start>div:first-of-type{width:min(80%,570px)!important}body.it-onepage .it-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}body.it-onepage .it-regional{min-height:360px!important}body.it-onepage .it-regional-image{width:50%!important;opacity:.55!important}body.it-onepage .it-regional-copy{width:65%!important;padding:1rem!important;background:rgba(255,255,255,.82)!important;border-radius:8px!important}body.it-onepage .it-contact{grid-template-columns:1fr!important;gap:1rem!important}body.it-onepage .it-contact-address{border-left:0!important;border-top:1px solid #d7e0e8!important;padding:1rem 0 0!important}body.it-onepage .it-footer{grid-template-columns:1fr auto!important}body.it-onepage .it-footer>p{grid-column:1}}
@media(max-width:520px){body.it-onepage .header.container-header{flex-wrap:wrap!important;justify-content:center!important;padding:.65rem 1rem!important}body.it-onepage .navbar-brand{align-items:center!important}body.it-onepage .container-nav{width:100%!important;justify-content:center!important}body.it-onepage .it-main-nav{justify-content:center!important;gap:1.15rem!important;white-space:normal!important}body.it-onepage #start{min-height:400px!important;padding:2rem 1.25rem!important}body.it-onepage #start>div:first-of-type{width:100%!important}body.it-onepage #start .it-hero-image{left:0!important;width:100%!important;opacity:.38!important}body.it-onepage #start:before{background:linear-gradient(90deg,rgba(255,255,255,.96),rgba(255,255,255,.78))}body.it-onepage .it-service-grid{grid-template-columns:1fr!important}body.it-onepage .it-service-card{min-height:auto!important}body.it-onepage .it-regional{min-height:420px!important;padding:1.25rem!important}body.it-onepage .it-regional-image{width:100%!important;opacity:.3!important;mask-image:none;-webkit-mask-image:none}body.it-onepage .it-regional-copy{width:100%!important;background:rgba(255,255,255,.88)!important}body.it-onepage .it-contact-actions{flex-direction:column!important;align-items:stretch!important}body.it-onepage .it-contact-actions a{width:100%!important}body.it-onepage .it-footer{grid-template-columns:1fr!important;text-align:left!important}body.it-onepage .it-footer-scribble{text-align:left!important}}
/* Sichtabgleich: Typografie, Bedienelemente und Überlauf */
body.it-onepage{overflow-x:hidden!important}
body.it-onepage .jmodedit{display:none!important}
body.it-onepage #start>div:first-of-type>p:nth-of-type(3){margin:.35rem 0 1rem!important;color:var(--it-navy)!important;font-family:Roboto,Arial,sans-serif!important;font-size:clamp(1rem,1.8vw,1.3rem)!important;font-style:normal!important;font-weight:400!important;line-height:1.45!important}
body.it-onepage #start>div:first-of-type>p:nth-of-type(4){margin:.6rem 0 0!important;color:var(--it-navy)!important;font-family:'Segoe Script','Bradley Hand',cursive!important;font-size:clamp(2.3rem,4vw,3.2rem)!important;font-style:italic!important;font-weight:500!important;line-height:1.15!important}
body.it-onepage #start>div:first-of-type>p:nth-of-type(5){margin:0 0 1.1rem!important;color:var(--it-navy)!important;font-size:1.05rem!important;line-height:1.45!important}
body.it-onepage .it-service-card:before{display:flex!important;align-items:center!important;justify-content:center!important;color:var(--it-blue)!important;font-size:2rem!important;line-height:1!important}
body.it-onepage .it-service-card:nth-child(1):before{content:'▱'}
body.it-onepage .it-service-card:nth-child(2):before{content:'◎'}
body.it-onepage .it-service-card:nth-child(3):before{content:'▣'}
body.it-onepage .it-service-card:nth-child(4):before{content:'♧'}

/* Feinschliff nach dem Abgleich mit dem Entwurf */
body.it-onepage .it-service-card:before{font-family:"Font Awesome 6 Free"!important;font-weight:900!important;font-size:1.85rem!important}
body.it-onepage .it-service-card:nth-child(1):before{content:"\f109"!important}
body.it-onepage .it-service-card:nth-child(2):before{content:"\f0ac"!important}
body.it-onepage .it-service-card:nth-child(3):before{content:"\f108"!important}
body.it-onepage .it-service-card:nth-child(4):before{content:"\f0c0"!important}
body.it-onepage .it-regional-copy h2{font-size:clamp(1.45rem,2.4vw,1.9rem)!important}
body.it-onepage .it-footer{grid-template-columns:minmax(165px,1fr) minmax(200px,1.35fr) auto minmax(155px,1fr)!important;gap:1.2rem!important}
@media(min-width:801px){body.it-onepage #start{min-height:clamp(390px,36vw,420px)!important}body.it-onepage #start>div:first-of-type{transform:translateY(-30px)!important}}
@media(max-width:800px){body.it-onepage .it-footer{grid-template-columns:1fr auto!important;gap:1rem!important}body.it-onepage .it-footer-scribble{grid-column:2;grid-row:1/3}}
@media(max-width:520px){body.it-onepage .it-footer{grid-template-columns:1fr!important;text-align:left!important}body.it-onepage .it-footer-scribble{grid-column:auto!important;grid-row:auto!important;text-align:left!important}}

/* Markenaufbau und freier Footerabschluss */
body.it-onepage .navbar-brand .brand-logo span{display:inline-flex!important;align-items:flex-end!important;gap:.42rem!important;font-size:0!important;line-height:1!important}
body.it-onepage .navbar-brand .brand-logo span:before{content:"IT";display:inline-block;color:var(--it-navy)!important;font-size:2.55rem!important;font-weight:900!important;letter-spacing:-.1em!important;line-height:.85!important}
body.it-onepage .navbar-brand .brand-logo span:after{content:"STAUDACHER";display:inline-block;color:var(--it-navy)!important;font-size:1.12rem!important;font-weight:800!important;letter-spacing:-.025em!important;line-height:1!important;margin-bottom:.08rem!important}
body.it-onepage #back-top{display:none!important}
body.it-onepage .it-footer-scribble{text-align:left!important;padding-left:clamp(.5rem,2vw,1.5rem)!important;padding-right:2rem!important}