/* HS IT-Service 2026 — native block design, no frontend dependencies */
:root{--hs-espresso:#4E3426;--hs-deep:#2F211B;--hs-caramel:#C68B4F;--hs-cream:#F8F4ED;--hs-paper:#fffdfa;--hs-gray:#6F5E52;--hs-line:#d9cec2;--hs-width:1240px}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--hs-cream);color:var(--hs-deep);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}a{transition:color .2s ease,background-color .2s ease}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--hs-caramel);outline-offset:4px}img{max-width:100%;height:auto}p{margin-block:.7rem 1.3rem}h1,h2,h3,h4{letter-spacing:-.035em}h1{font-size:clamp(2.8rem,7vw,6rem)}h2{font-size:clamp(2.2rem,4.7vw,4.45rem)}h3{font-size:clamp(1.5rem,2.5vw,2.15rem)}
.hs-header{background:var(--hs-cream);position:relative;z-index:20;border-bottom:1px solid rgba(78,52,38,.11)}.hs-header-inner{max-width:var(--hs-width);margin:0 auto;padding:14px 26px;min-height:93px}.hs-brand{display:flex;align-items:center;line-height:0;flex-shrink:0}.hs-brand img{width:205px;height:auto}.hs-nav{gap:clamp(.65rem,1.3vw,1.4rem)}.hs-nav .wp-block-navigation-item__content{font-size:.89rem;text-decoration:none!important}.hs-nav .wp-block-navigation-item__content:hover{color:var(--hs-caramel)!important}.hs-nav .hs-nav-support>a{background:var(--hs-espresso);color:#fff!important;border-radius:4px;padding:12px 18px!important}.hs-nav .hs-nav-support>a:hover{background:var(--hs-caramel);color:var(--hs-deep)!important}
.hs-section{padding:clamp(68px,8.5vw,126px) 26px}.hs-hero{padding-block:clamp(100px,12vw,190px) clamp(94px,11vw,155px);position:relative;overflow:hidden;isolation:isolate}.hs-hero::before{content:"";pointer-events:none;position:absolute;z-index:-1;width:clamp(280px,40vw,700px);aspect-ratio:1;border:1px solid rgba(225,169,103,.27);border-radius:50%;right:-8%;top:3%;box-shadow:0 0 0 70px rgba(225,169,103,.035),0 0 0 140px rgba(225,169,103,.025)}.hs-hero::after{content:"";pointer-events:none;position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 75% 35%,rgba(198,139,79,.09),transparent 39%)}.hs-container{max-width:var(--hs-width);margin:0 auto!important}.hs-hero .hs-container{max-width:var(--hs-width)}.hs-hero-title{max-width:1100px;font-size:clamp(3.4rem,8vw,7.75rem);line-height:.99;letter-spacing:-.07em;font-weight:800;margin:0 0 33px}.hs-hero-title em,.hs-display em{font-style:normal;color:var(--hs-caramel)}.hs-eyebrow{font-size:.78rem;letter-spacing:.2em;text-transform:uppercase;font-weight:750;color:var(--hs-caramel);margin-bottom:23px}.hs-display{font-size:clamp(2.35rem,5.4vw,5.25rem);line-height:1.07;letter-spacing:-.06em;font-weight:780;margin:0 0 30px;max-width:1080px}.hs-section .hs-lead{font-size:clamp(1.1rem,1.6vw,1.42rem);line-height:1.64;max-width:740px;font-weight:400}.hs-copy{font-size:1.07rem;line-height:1.78;max-width:790px;color:var(--hs-gray)}.hs-muted{color:var(--hs-gray)}.hs-section-dark{background:var(--hs-deep);color:var(--hs-cream)}.hs-section-dark :is(h1,h2,h3,p){color:inherit}.hs-section-dark .hs-lead,.hs-section-dark .hs-copy{color:#e4d8ce}.hs-section-cream{background:var(--hs-cream)}.hs-section-paper{background:var(--hs-paper)}.hs-section-brown{background:var(--hs-espresso);color:#fefbf7}.hs-section-brown :is(h1,h2,h3){color:#fff}.hs-section-brown .hs-lead,.hs-section-brown .hs-copy{color:#f1e8df}.hs-section-caramel{background:#e7c49b;color:var(--hs-deep)}.hs-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:32px!important}.hs-button.wp-block-button .wp-block-button__link{display:inline-flex;align-items:center;justify-content:center;min-height:53px;border-radius:3px;padding:14px 25px;text-decoration:none;font-size:.9rem;font-weight:700;transition:transform .2s ease,background-color .2s ease}.hs-button.wp-block-button .wp-block-button__link:hover{transform:translateY(-2px)}.hs-button-primary.wp-block-button .wp-block-button__link{background:var(--hs-caramel);color:var(--hs-deep)}.hs-button-primary.wp-block-button .wp-block-button__link:hover{background:#e6b47c}.hs-button-light.wp-block-button .wp-block-button__link{background:#fdf7ef;color:var(--hs-deep)}.hs-button-light.wp-block-button .wp-block-button__link:hover{background:white}.hs-button-outline.wp-block-button .wp-block-button__link{background:transparent;border:1px solid rgba(255,255,255,.6);color:#fff}.hs-button-outline.wp-block-button .wp-block-button__link:hover{background:#fff;color:var(--hs-deep)}.hs-button-dark.wp-block-button .wp-block-button__link{background:var(--hs-espresso);color:white}.hs-button-dark.wp-block-button .wp-block-button__link:hover{background:var(--hs-deep)}.hs-hero-tags{font-size:.84rem;letter-spacing:.05em;color:#e8cdb4;margin-top:67px;padding-top:24px;border-top:1px solid rgba(255,255,255,.2);max-width:840px}
.hs-kicker{display:block;margin-bottom:12px}.hs-service-list{margin-top:58px!important;border-top:1px solid var(--hs-line)}.hs-service-row{display:grid!important;grid-template-columns:68px minmax(0,1fr) minmax(210px,.6fr) 34px;align-items:center;column-gap:25px;padding:29px 0!important;border-bottom:1px solid var(--hs-line)}.hs-service-row>*{margin:0!important}.hs-service-number{font-size:.84rem;letter-spacing:.05em;color:#947964}.hs-service-title{font-size:clamp(1.5rem,2.9vw,2.6rem);letter-spacing:-.045em;line-height:1.16;font-weight:750}.hs-service-caption{font-size:.95rem;line-height:1.6;color:var(--hs-gray)}.hs-service-arrow a{text-decoration:none;font-size:1.8rem;line-height:1;color:var(--hs-espresso)}.hs-service-row:hover .hs-service-arrow a{color:var(--hs-caramel)}.hs-steps{border-top:1px solid rgba(255,255,255,.25);margin-top:46px!important}.hs-step{padding:25px 0;border-bottom:1px solid rgba(255,255,255,.25);display:flex;gap:28px;align-items:start}.hs-step .hs-step-number{font-size:.87rem;color:#eac99f;flex:0 0 45px}.hs-step strong{font-size:1.16rem}
.hs-about-grid{display:grid!important;grid-template-columns:minmax(260px,.76fr) minmax(0,1.25fr);column-gap:clamp(38px,7vw,110px);align-items:center;max-width:var(--hs-width)!important}.hs-about-portrait{margin:0!important;position:relative}.hs-about-portrait img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:50% 16%;border-radius:3px;filter:grayscale(1);display:block}.hs-about-portrait::after{content:"";position:absolute;inset:14px -12px -14px 12px;border:1px solid #c9a17b;z-index:-1}.hs-social-links{display:flex;flex-wrap:wrap;gap:25px;margin-top:25px}.hs-social-links a{text-decoration:none;font-size:.96rem;font-weight:750;border-bottom:1px solid var(--hs-caramel);padding-bottom:6px}
.hs-page-hero{padding-block:86px 76px}.hs-page-hero h1{font-size:clamp(2.7rem,6.7vw,5.9rem);line-height:1.04;letter-spacing:-.06em;max-width:1100px;margin:0 0 22px}.hs-page-section{padding:clamp(60px,7vw,105px) 26px}.hs-page-section h2{font-size:clamp(2rem,4vw,3.65rem)}.hs-page-section .wp-block-columns{gap:clamp(28px,5vw,70px)}.hs-article-list{padding-left:1.3em;line-height:1.85}.hs-article-list li{padding:.15em 0}.hs-rule{border-bottom:1px solid var(--hs-line);margin-block:26px}.hs-highlight{border-left:4px solid var(--hs-caramel);padding-left:25px;max-width:850px}.hs-mini-strip{padding:20px 26px;border-top:1px solid #e4d6c7;background:var(--hs-cream);text-align:center;font-size:.85rem;color:var(--hs-gray)}.hs-cta-band{padding:clamp(48px,6vw,83px) 26px}.hs-cta-band h2{max-width:950px}
.hs-form-placeholder{padding:26px;background:#eee5d9;border:1px dashed #b2977e;font-size:.95rem}.hs-form-wrap label{font-weight:650;display:block;margin-bottom:5px}.hs-form-wrap input:not([type=submit]):not([type=checkbox]),.hs-form-wrap textarea,.wpcf7 input:not([type=submit]):not([type=checkbox]),.wpcf7 textarea{width:100%;padding:13px 15px;border:1px solid #cbb9a7;background:#fff;border-radius:3px;color:var(--hs-deep);font:inherit}.hs-form-wrap .wpcf7-submit,.wpcf7 input[type=submit]{background:var(--hs-espresso);color:#fff;border:0;border-radius:3px;padding:14px 30px;font:inherit;font-weight:700;cursor:pointer}.wpcf7 input[type=checkbox]{margin-right:7px}.wpcf7 form>p{margin-bottom:19px}.wpcf7-not-valid-tip{color:#9a2e22}.hs-contact-grid{display:grid!important;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(30px,7vw,90px)}.hs-contact-direct a{display:block;font-size:clamp(1.15rem,2vw,1.55rem);margin-bottom:14px;font-weight:700;word-break:break-word}
.hs-map-consent{min-height:390px;padding:45px;background:#e8ded2;border:1px solid #c6b19d;border-radius:3px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:10px}.hs-map-consent p{max-width:680px}.hs-map-consent button{appearance:none;border:0;background:var(--hs-espresso);padding:15px 26px;color:#fff;font:inherit;font-weight:700;cursor:pointer;border-radius:3px}.hs-map-consent iframe{width:100%;height:470px;border:0}.hs-map-consent[data-loaded="true"]{padding:0;min-height:470px}

.hs-footer{background:#101820;color:#e8eef2;padding:66px 26px 24px;border-top:1px solid rgba(129,158,181,.30)}
.hs-footer-inner{max-width:var(--hs-width);margin:0 auto}
.hs-footer-grid{display:grid;grid-template-columns:minmax(230px,1.7fr) minmax(180px,1fr) minmax(180px,1fr);gap:clamp(28px,5vw,85px);align-items:start}
.hs-footer-brand .hs-footer-logo{display:block;line-height:0;width:min(240px,100%);margin-bottom:20px}
.hs-footer-brand .hs-footer-logo img{display:block;width:100%;height:auto}
.hs-footer-brand p{margin:0;color:#c0ccd6;font-size:.96rem;line-height:1.65}
.hs-footer-expertise{display:inline-block;margin-top:20px;color:#9ebcd0;font-size:.82rem;font-weight:700;letter-spacing:.02em}
.hs-footer-title{display:block;margin:2px 0 18px;color:#a8c4d5;font-size:.76rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.hs-footer-column a{display:block;color:#e8eef2;text-decoration:none;font-size:.96rem;line-height:1.45;margin:0 0 14px;overflow-wrap:anywhere}
.hs-footer-column a:hover{color:#b5d5e7}
.hs-footer-social{display:flex;gap:20px;flex-wrap:wrap;margin-top:13px}
.hs-footer-social a{display:inline-block;margin:0;font-size:.93rem}
.hs-footer-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px;margin-top:52px;padding-top:24px;border-top:1px solid rgba(220,237,246,.20);color:#9fadb9;font-size:.81rem}
.hs-footer-bottom-links{display:flex;flex-wrap:wrap;gap:21px}
.hs-footer-bottom a{color:#b5c5d0;text-decoration:none}
.hs-footer-bottom a:hover{color:#fff}
.hs-page-wrapper{min-height:60vh}.hs-page-wrapper>.wp-block-post-content{margin-block-start:0}.hs-page-wrapper .wp-block-post-content>.wp-block-group{margin-block-start:0}.hs-page-wrapper :is(.hs-section,.hs-page-section,.hs-cta-band).alignfull{margin-block-start:0}.hs-page-wrapper .wp-block-post-content>.wp-block-group.alignfull{max-width:none}.hs-page-wrapper h2,.hs-page-wrapper h3{overflow-wrap:break-word}
@media(max-width:950px){.hs-service-row{grid-template-columns:44px minmax(0,1fr) 25px;gap:16px}.hs-service-caption{grid-column:2;grid-row:2}.hs-service-arrow{grid-column:3;grid-row:1}.hs-header-inner{min-height:80px}.hs-brand img{width:175px}.hs-about-grid{column-gap:32px}.hs-header .wp-block-navigation__responsive-container.is-menu-open{background:var(--hs-cream);color:var(--hs-deep)}}
@media(max-width:740px){.hs-hero{padding-block:88px 96px}.hs-hero-title{font-size:clamp(3.15rem,13vw,5rem)}.hs-section,.hs-page-section{padding-inline:22px}.hs-page-hero{padding-block:68px}.hs-actions,.wp-block-buttons.hs-actions{flex-direction:column;align-items:stretch}.hs-button.wp-block-button{width:100%}.hs-button.wp-block-button .wp-block-button__link{width:100%}.hs-about-grid{grid-template-columns:1fr;gap:50px}.hs-about-portrait{max-width:500px}.hs-contact-grid{grid-template-columns:1fr}.hs-header-inner{padding-inline:18px}.hs-service-row{padding-block:24px!important}.hs-hero-tags{margin-top:40px}.hs-map-consent{padding:28px;min-height:310px}.hs-map-consent iframe{height:360px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}a,.hs-button.wp-block-button .wp-block-button__link{transition:none!important}.hs-button.wp-block-button .wp-block-button__link:hover{transform:none}}


/* HS IT-Service v1.0.2 – Logo/Hero/Responsive: Theme-Update ohne Seitenimport */
/* Das SVG hat nun eine engere viewBox. Die Breite beschreibt das sichtbare Logo. */
.hs-brand img {
  width: 178px;
  height: auto;
  display: block;
}
.hs-header-inner {
  min-height: 90px;
  padding-block: 10px;
}
/* Hero nur auf der Startseite kompakter. Gleichmäßige linke Textkante. */
.hs-hero {
  padding-block: clamp(68px, 6vw, 96px) clamp(58px, 5.2vw, 86px);
}
.hs-hero .hs-container {
  width: min(100%, 980px);
  max-width: 980px !important;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.hs-hero .hs-container > * {
  margin-inline: 0 !important;
}
.hs-hero .hs-eyebrow {
  margin-bottom: 16px;
}
.hs-hero .hs-hero-title {
  font-size: clamp(3.2rem, 6vw, 6.7rem);
  line-height: 1.02;
  letter-spacing: -.057em;
  max-width: 980px;
  margin-block: 0 21px !important;
  text-wrap: balance;
}
.hs-hero .hs-lead {
  width: 100%;
  max-width: 710px;
  margin-block: 0 7px !important;
  text-align: left;
}
.hs-hero .hs-actions {
  margin-top: 22px !important;
}
.hs-hero .hs-hero-tags {
  width: 100%;
  max-width: 710px;
  margin-top: 35px !important;
  padding-top: 17px;
}
@media (max-width: 950px) {
  .hs-brand img { width: 164px; }
  .hs-hero .hs-container { max-width: 850px !important; }
  .hs-hero .hs-hero-title { font-size: clamp(3.15rem, 7.5vw, 5.4rem); }
}
@media (max-width: 740px) {
  .hs-header-inner { min-height: 72px; padding-block: 11px; }
  .hs-brand img { width: 150px; }
  .hs-hero {
    padding: 70px 22px 62px;
  }
  .hs-hero .hs-container {
    width: 100%;
    max-width: 100% !important;
  }
  .hs-hero .hs-eyebrow {
    font-size: .71rem;
    letter-spacing: .13em;
    margin-bottom: 18px;
  }
  .hs-hero .hs-hero-title {
    font-size: clamp(2.35rem, 10vw, 4.4rem);
    letter-spacing: -.05em;
    line-height: 1.05;
    max-width: 100%;
    margin-bottom: 20px !important;
    text-wrap: balance;
    overflow-wrap: break-word;
  }
  .hs-hero .hs-lead {
    font-size: 1.05rem;
    line-height: 1.55;
    max-width: 100%;
  }
  .hs-hero .hs-actions {
    align-self: stretch;
    width: 100%;
    margin-top: 23px !important;
    gap: 10px;
  }
  .hs-hero .hs-button.wp-block-button,
  .hs-hero .hs-button.wp-block-button .wp-block-button__link {
    width: 100%;
  }
  .hs-hero .hs-hero-tags {
    font-size: .73rem;
    line-height: 1.65;
    letter-spacing: .025em;
    margin-top: 29px !important;
    padding-top: 16px;
    overflow-wrap: anywhere;
  }
  .hs-hero::before { right: -45%; top: 5%; }
}
@media (max-width: 370px) {
  .hs-brand img { width: 136px; }
  .hs-hero { padding-inline: 18px; padding-top: 58px; }
  .hs-hero .hs-hero-title { font-size: clamp(2.12rem, 10vw, 2.45rem); }
}


/* STUDIO COOL – technische Rasterlinien, helle Flächen, Blau-Grau */
:root{--hs-espresso:#283746;--hs-deep:#101820;--hs-caramel:#819EB5;--hs-cream:#F1F4F6;--hs-paper:#FFFFFF;--hs-gray:#637585;--hs-line:#CAD4DB}
body{background:#F1F4F6;color:#17232E}
a{color:#283746}
.hs-header{background:#FFFFFF;border-bottom:1px solid #D8E0E5}
.hs-header-inner{max-width:1380px;min-height:94px}
.hs-nav .hs-nav-support>a{background:#283746;color:#fff!important}
.hs-nav .hs-nav-support>a:hover{background:#819EB5;color:#101820!important}
.hs-hero{background:#101820;padding-block:clamp(78px,8.5vw,124px) clamp(80px,9vw,126px);position:relative}
.hs-hero::before{content:none;display:none}
.hs-hero::after{content:none;display:none}
.hs-hero-title{font-size:clamp(3.2rem,7.7vw,7.5rem);line-height:1.01;letter-spacing:-.07em}
.hs-eyebrow{color:#8DAFC4;letter-spacing:.19em}
.hs-section-cream{background:#F1F4F6}
.hs-section-paper{background:#FFFFFF}
.hs-section-brown{background:#283746}
.hs-section-caramel{background:#DEE8EF}
.hs-section-dark{background:#101820}
.hs-service-list{border-top-color:#B6C6D0}
.hs-service-row{grid-template-columns:65px minmax(0,1fr) minmax(210px,.66fr) 36px;border-color:#CFD9DF;transition:background .2s ease}
.hs-service-row:hover{background:rgba(129,158,181,.11)}
.hs-service-number{color:#748EA3;font-variant-numeric:tabular-nums}
.hs-service-title a{color:#17232E;text-decoration:none}
.hs-service-title a:hover{color:#4D6F87;text-decoration:underline;text-underline-offset:5px}
.hs-service-arrow a{color:#56738A}
.hs-about-portrait::after{border-color:#819EB5}
.hs-social-links a{border-bottom-color:#819EB5}
.hs-step .hs-step-number{color:#A8C4D8}
.hs-cta-band{background:#283746}
.hs-button-primary.wp-block-button .wp-block-button__link{background:#91AEC4;color:#101820}
.hs-button-primary.wp-block-button .wp-block-button__link:hover{background:#AEC9D9}
.hs-button-dark.wp-block-button .wp-block-button__link{background:#283746;color:#fff}
.hs-footer{background:#101820}
.hs-hero-tags{color:#B7CDDB}
@media(max-width:782px){.hs-hero{padding-block:74px 75px}}

/* Cloud update: consistent link presentation */
.hs-service-title a{color:inherit;text-decoration:none!important}.hs-service-title a:hover{text-decoration:underline!important;text-underline-offset:5px}

/* Mobile rows (overrides desktop grid declared in this theme) */
@media(max-width:950px){.hs-service-row{grid-template-columns:44px minmax(0,1fr) 25px!important;column-gap:14px;row-gap:8px}.hs-service-row .hs-service-number{grid-column:1;grid-row:1}.hs-service-row .hs-service-title{grid-column:2;grid-row:1;overflow-wrap:anywhere}.hs-service-row .hs-service-caption{grid-column:2;grid-row:2}.hs-service-row .hs-service-arrow{grid-column:3;grid-row:1}}


/* HS IT-Service Cool 1.2.0: homogenes Hero, optimierter Header und Footer */
.hs-hero{background:#101820!important;padding-block:clamp(65px,5.8vw,88px) clamp(60px,5.2vw,82px)!important}
.hs-hero::before,.hs-hero::after{content:none!important;display:none!important;background:none!important}
.hs-hero .hs-container{max-width:1040px!important;width:min(100%,1040px);align-items:flex-start!important}
.hs-hero .hs-hero-title{font-size:clamp(3rem,6.2vw,6.7rem);line-height:1.035;max-width:1030px;letter-spacing:-.058em;margin-bottom:22px!important}
.hs-hero .hs-lead{max-width:780px;line-height:1.58;margin-inline:0!important}
.hs-hero .hs-eyebrow,.hs-hero .hs-actions,.hs-hero .hs-hero-tags{margin-left:0!important;margin-right:0!important}
.hs-hero .hs-hero-tags{max-width:790px;margin-top:38px!important}
.hs-header-inner{min-height:89px}
.hs-brand img{width:190px;height:auto;max-width:100%}
.hs-footer .alignwide{max-width:var(--hs-width)}
.hs-footer strong{color:inherit;margin:0}
@media(max-width:1000px){
  .hs-footer-grid{grid-template-columns:1.15fr 1fr;row-gap:38px}
  .hs-footer-brand{grid-column:1/-1;max-width:500px}
}
@media(max-width:740px){
  .hs-header-inner{min-height:74px}
  .hs-brand img{width:154px}
  .hs-hero{padding:68px 22px 60px!important}
  .hs-hero .hs-container{max-width:100%!important;width:100%}
  .hs-hero .hs-hero-title{font-size:clamp(2.45rem,9.8vw,4.8rem);line-height:1.055;overflow-wrap:break-word;letter-spacing:-.05em}
  .hs-hero .hs-lead{font-size:1.04rem;line-height:1.58}
  .hs-hero .hs-actions{gap:11px;width:100%}
  .hs-hero .hs-button.wp-block-button,.hs-hero .hs-button.wp-block-button .wp-block-button__link{width:100%}
  .hs-footer{padding:52px 22px 23px}
  .hs-footer-grid{grid-template-columns:1fr;gap:32px}
  .hs-footer-brand{grid-column:1}
  .hs-footer-brand .hs-footer-logo{width:225px}
  .hs-footer-bottom{margin-top:36px;align-items:flex-start}
}
@media(max-width:370px){.hs-brand img{width:135px}.hs-hero .hs-hero-title{font-size:2.25rem}}


/* HS IT-Service Cool v1.3.2: Goldorange auf dunklen, Dunkelgold auf hellen Flächen */
/* Blaugrau bleibt bei Buttons, Navigation und neutralen UI-Akzenten. */
:root{
  --hs-gold:#E3AD68;
  --hs-gold-ink:#98602B; /* dunkler Kontrastton für helle Flächen */
}
/* Goldorange auf dunklen Bereichen; besser lesbares Dunkelgold auf hellen Bereichen. */
.hs-hero .hs-hero-title em,
.hs-section-dark .hs-display em,
.hs-section-brown .hs-display em,
.hs-page-hero.hs-section-dark h1 em,
.hs-page-hero.hs-section-brown h1 em,
.hs-cta-band .hs-display em{
  color:var(--hs-gold)!important;
  font-style:normal;
}
.hs-section-cream .hs-display em,
.hs-section-paper .hs-display em,
.hs-section-caramel .hs-display em,
.hs-page-section .hs-display em,
.hs-page-hero.hs-section-cream h1 em,
.hs-page-hero.hs-section-paper h1 em{
  color:var(--hs-gold-ink)!important;
  font-style:normal;
}
/* Einige ältere importierte Seiten besitzen keine explizite Farbklasse an der H1. */
.hs-section-dark h1 em,.hs-section-brown h1 em{color:var(--hs-gold)!important;font-style:normal}
.hs-section-cream h1 em,.hs-section-paper h1 em{color:var(--hs-gold-ink)!important;font-style:normal}
/* Die kleinen Akzente greifen das goldorange Maus-Symbol auf. */
.hs-section-dark .hs-eyebrow,
.hs-section-brown .hs-eyebrow,
.hs-hero .hs-eyebrow,
.hs-footer-title,
.hs-footer-expertise,
.hs-section-dark .hs-step-number,
.hs-section-brown .hs-step-number{color:var(--hs-gold)!important}
.hs-section-cream .hs-eyebrow,
.hs-section-paper .hs-eyebrow,
.hs-section-caramel .hs-eyebrow,
.hs-service-number{color:var(--hs-gold-ink)!important}
/* Verbindende Linien dezent, nicht alles wird goldorange. */
.hs-footer{border-top-color:rgba(227,173,104,.25)}
/* Accessibility: Fokus bleibt klar sichtbar. */
:focus-visible{outline-color:var(--hs-gold)}
@media (prefers-contrast:more){
  .hs-section-dark .hs-display em,.hs-hero .hs-hero-title em{color:var(--hs-gold)!important}
}


/* HS IT-Service Cool v1.3.3 – bessere Abschnittslabels und Kontaktüberschriften */
/* Die Eyebrow-/Rubrikenlabels (z. B. LEISTUNGSUMFANG) sind besser lesbar. */
.hs-page-section .hs-eyebrow,
.hs-section .hs-eyebrow,
.hs-page-hero .hs-eyebrow {
  font-size: clamp(.94rem, 1.08vw, 1.065rem);
  line-height: 1.5;
  letter-spacing: .135em;
  font-weight: 800;
}
/* Kontakt: beide Spalten etwas gleichmäßiger, Überschriften passend zur Spaltenbreite. */
.hs-contact-grid {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  column-gap: clamp(32px, 4.5vw, 68px);
  align-items: start;
}
.hs-page-section .hs-contact-grid .hs-contact-direct .hs-display,
.hs-page-section .hs-contact-grid .hs-form-wrap > h2 {
  font-size: clamp(2.25rem, 3.45vw, 3.55rem);
  line-height: 1.12;
  letter-spacing: -.045em;
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
  max-width: 100%;
}
/* Bei knapper Breite werden die Kontaktspalten sauber gestapelt. */
@media (max-width: 850px) {
  .hs-contact-grid {grid-template-columns: 1fr; gap: 46px;}
  .hs-page-section .hs-contact-grid .hs-contact-direct .hs-display,
  .hs-page-section .hs-contact-grid .hs-form-wrap > h2 {
    font-size: clamp(2.25rem, 6.5vw, 3.1rem);
  }
}
@media (max-width: 740px) {
  .hs-page-section .hs-eyebrow,
  .hs-section .hs-eyebrow,
  .hs-page-hero .hs-eyebrow {
    font-size: .89rem;
    letter-spacing: .115em;
  }
}


/* HS IT-Service Cool 1.3.4 – Kontaktformular-Feinschliff
   Contact Form 7; bestehende WordPress-Seiten bleiben unverändert. */

/* Balance zwischen Kontaktinfo und Formular – keine übergroßen Überschriften. */
.hs-page-section .hs-contact-grid .hs-contact-direct .hs-display,
.hs-page-section .hs-contact-grid .hs-form-wrap > h2 {
  font-size: clamp(2.05rem, 2.85vw, 3.1rem);
  line-height: 1.13;
  letter-spacing: -.04em;
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
}

/* CF7 Formular: bewusst kleine, konsistente Feldabstände. */
.hs-form-wrap .hs-contact-form {
  width: 100%;
  max-width: 100%;
}
.hs-form-wrap .hs-contact-form .hs-form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px 16px;
  margin: 0 0 16px;
}
.hs-form-wrap .hs-contact-form label {
  display: block;
  margin: 0;
  font-size: .9rem;
  line-height: 1.45;
  font-weight: 650;
  color: #101820;
}
.hs-form-wrap .hs-contact-form > label {
  margin-bottom: 16px;
}
.hs-form-wrap .hs-contact-form .wpcf7-form-control-wrap {
  display: block;
  margin-top: 7px;
}
.hs-form-wrap .hs-contact-form input:not([type="checkbox"]):not([type="submit"]),
.hs-form-wrap .hs-contact-form select,
.hs-form-wrap .hs-contact-form textarea {
  display: block;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
  border: 1px solid #B8C6D0;
  background: #FFFFFF;
  color: #101820;
  border-radius: 5px;
  margin: 0;
  padding: 12px 14px;
  font: inherit;
  font-size: .95rem;
  line-height: 1.5;
}
.hs-form-wrap .hs-contact-form input:not([type="checkbox"]):not([type="submit"]),
.hs-form-wrap .hs-contact-form select {
  min-height: 47px;
}
.hs-form-wrap .hs-contact-form textarea {
  min-height: 145px;
  height: 145px;
  resize: vertical;
}
.hs-form-wrap .hs-contact-form :is(input, select, textarea):focus-visible {
  outline: 2px solid #89A5B9;
  outline-offset: 2px;
  border-color: #6A899F;
}
.hs-form-wrap .hs-contact-form .hs-form-quiz {
  margin: 18px 0 15px;
  font-size: .9rem;
  font-weight: 650;
}
.hs-form-wrap .hs-contact-form .hs-form-quiz .wpcf7-quiz-label {
  display: block;
  margin-bottom: 7px;
}
.hs-form-wrap .hs-contact-form .hs-form-privacy {
  margin: 16px 0 12px;
  font-size: .88rem;
  line-height: 1.6;
  color: #34495A;
}
.hs-form-wrap .hs-contact-form .hs-form-privacy .wpcf7-list-item {
  margin: 0;
}
.hs-form-wrap .hs-contact-form .hs-form-privacy .wpcf7-list-item label {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: .88rem;
  font-weight: 450;
  line-height: 1.55;
}
.hs-form-wrap .hs-contact-form .hs-form-privacy input[type="checkbox"] {
  flex: none;
  width: 17px;
  height: 17px;
  margin: 3px 0 0;
  accent-color: #283746;
}
.hs-form-wrap .hs-contact-form .hs-form-privacy a {
  text-decoration: underline;
  text-underline-offset: 2px;
}
.hs-form-wrap .hs-contact-form .hs-form-note {
  margin: 10px 0 15px;
  color: #586E7F;
  font-size: .81rem;
}
.hs-form-wrap .hs-contact-form input[type="submit"] {
  display: block;
  width: 100%;
  min-height: 50px;
  padding: 13px 21px;
  border: 0;
  border-radius: 5px;
  background: #89A5B9;
  color: #101820;
  font-size: .96rem;
  font-weight: 750;
  cursor: pointer;
  transition: background-color .18s ease;
}
.hs-form-wrap .hs-contact-form input[type="submit"]:hover {
  background: #A6C0D0;
}
.hs-form-wrap .hs-contact-form .wpcf7-spinner {
  margin: 12px auto 0;
  display: block;
}
.hs-form-wrap .hs-contact-form .wpcf7-not-valid-tip {
  font-size: .82rem;
  margin-top: 5px;
}
@media (max-width: 950px) {
  .hs-page-section .hs-contact-grid .hs-contact-direct .hs-display,
  .hs-page-section .hs-contact-grid .hs-form-wrap > h2 {
    font-size: clamp(2.1rem, 5.6vw, 3rem);
  }
}
@media (max-width: 600px) {
  .hs-form-wrap .hs-contact-form .hs-form-grid {
    grid-template-columns: 1fr;
    row-gap: 15px;
  }
  .hs-form-wrap .hs-contact-form textarea {
    min-height: 135px;
    height: 135px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .hs-form-wrap .hs-contact-form input[type="submit"] {transition: none;}
}


/* HS IT-Service Cool 1.3.7 – mobile Kontaktzeile & zugängliches Bildmenü */
.hs-topbar{background:#253747;color:#F4F6F8;border-bottom:1px solid #435667;width:100%;}
.hs-topbar-inner{max-width:1380px;margin:auto;padding:8px 26px;min-height:37px;display:flex;justify-content:space-between;align-items:center;gap:20px;box-sizing:border-box;}
.hs-topbar-contact{display:flex;align-items:center;gap:clamp(12px,2.1vw,32px);flex-wrap:wrap;}
.hs-topbar a{color:#F4F6F8!important;text-decoration:none!important;font-size:.79rem;line-height:1.45;font-weight:550;white-space:nowrap;}
.hs-topbar a:hover,.hs-topbar a:focus-visible{color:#E3AD68!important;}
.hs-topbar a span{color:#E3AD68;margin-right:4px;}
.hs-topbar-support{font-weight:700!important;}
.hs-topbar-support span{margin-left:2px!important;}
.hs-mobile-menu{display:none;}
.hs-header{position:relative;z-index:1000;}
.hs-header-inner{box-sizing:border-box;}
@media(max-width:1000px){
  .hs-nav{display:none!important;}
  .hs-mobile-menu{display:flex;align-items:center;justify-content:flex-end;position:relative;flex:0 0 auto;min-width:0;}
  .hs-header-inner{display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important;width:100%!important;max-width:100%!important;gap:10px;padding-left:18px!important;padding-right:18px!important;}
  .hs-brand{min-width:0;flex:0 1 auto;}
  .hs-brand img{max-width:min(185px,47vw);height:auto;}
  .hs-mobile-menu-toggle{display:flex;align-items:center;justify-content:center;gap:9px;min-height:46px;min-width:94px;padding:9px 12px;cursor:pointer;border:1px solid #C3CFD8;border-radius:7px;background:#FFFFFF;color:#101820;font-size:.88rem;font-weight:750;}
  .hs-mobile-menu-toggle:focus-visible{outline:3px solid #89A5B9;outline-offset:2px;}
  .hs-mobile-menu-lines{width:20px;height:18px;display:flex;flex-direction:column;justify-content:space-around;flex:0 0 auto;}
  .hs-mobile-menu-lines span{display:block;background:#253747;width:20px;height:2px;border-radius:2px;}
  .hs-mobile-menu-toggle[aria-expanded="true"]{background:#E7EDF1;}
  .hs-mobile-menu-panel{position:absolute;right:0;top:calc(100% + 17px);width:min(430px,calc(100vw - 24px));max-height:min(780px,calc(100dvh - 145px));overflow-y:auto;overscroll-behavior:contain;padding:20px;background:#FFFFFF;border:1px solid #D3DDE4;border-radius:12px;box-shadow:0 20px 55px rgba(16,24,32,.2);z-index:9999;box-sizing:border-box;color:#101820;}
  .hs-mobile-menu-panel[hidden]{display:none!important;}
  .hs-mobile-menu-panel a{color:#101820;text-decoration:none;}
  .hs-mobile-menu-top{display:flex;flex-direction:column;gap:4px;margin-bottom:14px;}
  .hs-mobile-menu-top strong{font-size:1.15rem;line-height:1.3;}
  .hs-mobile-menu-top>span{font-size:.8rem;color:#607587;}
  .hs-mobile-quicklinks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-bottom:19px;}
  .hs-mobile-quicklinks a{display:flex;align-items:center;justify-content:center;gap:3px;padding:11px 6px;background:#E7EDF1;border-radius:6px;font-size:.76rem;font-weight:700;text-align:center;white-space:nowrap;}
  .hs-mobile-quicklinks .hs-mobile-quick-support{background:#253747;color:#FFFFFF;}
  .hs-mobile-menu-section-title{font-size:.7rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#98602B;margin:20px 0 10px;}
  .hs-mobile-service-list{display:flex;flex-direction:column;gap:7px;}
  .hs-mobile-service{display:flex;align-items:center;gap:11px;padding:9px;background:#F1F4F6;border:1px solid #E1E8ED;border-radius:8px;min-height:66px;box-sizing:border-box;}
  .hs-mobile-service:hover,.hs-mobile-service:focus-visible{background:#E7EDF1;border-color:#89A5B9;}
  .hs-mobile-service img{display:block;width:54px;height:54px;border-radius:8px;flex:0 0 54px;object-fit:cover;}
  .hs-mobile-service-copy{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1;}
  .hs-mobile-service-copy strong{font-size:.86rem;line-height:1.25;font-weight:750;overflow-wrap:normal;}
  .hs-mobile-service-copy small{font-size:.74rem;line-height:1.35;color:#607587;}
  .hs-mobile-arrow{font-size:1.14rem;color:#98602B;flex:0 0 auto;}
  .hs-mobile-secondary-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;}
  .hs-mobile-secondary-links a{display:flex;justify-content:space-between;gap:5px;padding:11px 10px;border:1px solid #DBE4EA;border-radius:6px;font-size:.82rem;font-weight:650;}
  .hs-mobile-secondary-links a span{color:#98602B;}
  .hs-mobile-menu-bottom{font-size:.72rem;color:#697D8B;border-top:1px solid #DEE6EC;margin-top:18px;padding-top:13px;}
  .hs-mobile-menu-panel a:focus-visible{outline:3px solid #89A5B9;outline-offset:2px;}
}
@media(max-width:740px){
  /* Kompakte mobile Kontaktleiste: Telefonnummer links, E-Mail rechts. */
  .hs-topbar-inner{padding:6px 14px;gap:0;}
  .hs-topbar-location,.hs-topbar-support{display:none!important;}
  .hs-topbar-contact{display:flex;width:100%;min-width:0;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:8px;}
  .hs-topbar-phone,.hs-topbar-email{display:inline-flex!important;align-items:center;min-width:0;}
  .hs-topbar a{font-size:clamp(.67rem,2.8vw,.77rem);line-height:1.3;}
  .hs-header-inner{padding-inline:14px!important;}
  .hs-mobile-menu-panel{top:calc(100% + 13px);}
}
@media(max-width:370px){
  /* Telefonnummer und E-Mail auch bei 320px vollständig sichtbar halten. */
  .hs-topbar-inner{padding-inline:10px;}
  .hs-topbar a span{display:none;}
  .hs-brand img{max-width:135px;}
  .hs-mobile-menu-toggle{min-width:74px;padding-inline:8px;gap:6px;font-size:.78rem;}
  .hs-mobile-menu-panel{right:-2px;width:calc(100vw - 24px);padding:13px;}
  .hs-mobile-service img{width:46px;height:46px;flex-basis:46px;}
  .hs-mobile-service-copy strong{font-size:.8rem;}
  .hs-mobile-quicklinks a{font-size:.7rem;padding-inline:3px;}
}
@media(prefers-reduced-motion:reduce){.hs-mobile-menu *{scroll-behavior:auto!important}}


/* HS IT-Service Studio Cool 1.3.8 – Startseite: Farbfolge unabhängig von der Block-Reihenfolge.
   Die Bereiche werden anhand ihrer Inhaltselemente statt ihrer Position erkannt.
   Betrifft nur die statische Startseite, nicht Unterseiten. */

/* 01 – Leistungen: heller, ruhiger Untergrund. */
body.home .hs-section.hs-section-cream:has(.hs-service-list) {
  background: #F1F4F6;
  color: #101820;
}

/* 02 – Über mich: sanftes Blaugrau als Rahmen für das Schwarz-Weiß-Porträt. */
body.home .hs-section:has(.hs-about-grid) {
  background: #E0E8ED;
  color: #101820;
}
body.home .hs-section:has(.hs-about-grid) .hs-copy {
  color: #334B5D;
}

/* 03 – Arbeitsweise: mittleres Dunkelblau. */
body.home .hs-section:has(.hs-steps) {
  background: #263746;
  color: #F4F6F8;
}
body.home .hs-section:has(.hs-steps) :is(h1,h2,h3) {
  color: #F4F6F8;
}
body.home .hs-section:has(.hs-steps) :is(.hs-lead,.hs-copy) {
  color: #E0EAF0;
}
body.home .hs-section:has(.hs-steps) .hs-display em {
  color: var(--hs-gold, #E3AD68) !important;
}

/* 04 – Fernwartung: tiefes Dunkelblau, klar vom vorherigen Block getrennt. */
body.home .hs-section.hs-section-dark:not(.hs-hero) {
  background: #101820;
  color: #F4F6F8;
}

/* 05 – Kontakt: bewusst wieder hell; ältere Importe nutzen hier
   dieselbe „brown“-Klasse wie bei der Arbeitsweise. */
body.home .hs-section.hs-section-brown:not(:has(.hs-steps)) {
  background: #F1F4F6;
  color: #101820;
}
body.home .hs-section.hs-section-brown:not(:has(.hs-steps)) :is(h1,h2,h3) {
  color: #101820;
}
body.home .hs-section.hs-section-brown:not(:has(.hs-steps)) :is(.hs-lead,.hs-copy) {
  color: #34495A;
}
body.home .hs-section.hs-section-brown:not(:has(.hs-steps)) .hs-eyebrow,
body.home .hs-section.hs-section-brown:not(:has(.hs-steps)) .hs-display em {
  color: var(--hs-gold-ink, #98602B) !important;
}
body.home .hs-section.hs-section-brown:not(:has(.hs-steps)) .hs-button-light .wp-block-button__link {
  background: #89A5B9;
  color: #101820;
  border-color: #89A5B9;
}
body.home .hs-section.hs-section-brown:not(:has(.hs-steps)) .hs-button-light .wp-block-button__link:hover {
  background: #A6C0D0;
  color: #101820;
}
body.home .hs-section.hs-section-brown:not(:has(.hs-steps)) .hs-button-outline .wp-block-button__link {
  background: transparent;
  border-color: #526C80;
  color: #101820;
}
body.home .hs-section.hs-section-brown:not(:has(.hs-steps)) .hs-button-outline .wp-block-button__link:hover {
  background: #263746;
  border-color: #263746;
  color: #FFFFFF;
}


/* HS IT-Service Studio Cool 1.3.9 – Kontaktseite kompakt.
   Funktioniert mit dem beiliegenden, aktualisierten Contact-Form-7-Markup.
   Überschreibt bewusst die zu großzügigen Abstände früherer Versionen. */
.hs-contact-grid {
  display: grid !important;
  grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
  gap: clamp(32px, 4.3vw, 64px);
  align-items: start;
}
.hs-page-section .hs-contact-grid .hs-contact-direct .hs-display {
  font-size: clamp(2.3rem, 3.15vw, 3.35rem);
  line-height: 1.1;
  letter-spacing: -.045em;
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
  margin: 12px 0 27px;
}
.hs-page-section .hs-contact-grid .hs-form-wrap > h2 {
  font-size: clamp(2.15rem, 2.85vw, 3rem);
  line-height: 1.12;
  letter-spacing: -.04em;
  margin: 6px 0 26px;
  max-width: 100%;
}
.hs-contact-grid .hs-contact-direct .hs-eyebrow {margin:0 0 16px;}
.hs-contact-grid .hs-contact-direct .hs-copy {margin:18px 0 20px;line-height:1.75;}
.hs-contact-grid .hs-contact-direct a {margin:0 0 12px;}
.hs-form-wrap .wpcf7,
.hs-form-wrap .wpcf7 form,
.hs-form-wrap .hs-contact-form {width:100%;max-width:100%;}
/* WP/CF7 may add formatting paragraphs: never let them introduce large gaps. */
.hs-form-wrap .wpcf7 form > p,
.hs-form-wrap .hs-contact-form > p,
.hs-form-wrap .hs-contact-form .hs-form-field > p {margin:0!important;padding:0!important;}
.hs-form-wrap .hs-contact-form br {display:none;}
.hs-form-wrap .hs-contact-form .hs-form-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  column-gap:16px;
  row-gap:16px;
  margin:0 0 16px;
}
.hs-form-wrap .hs-contact-form .hs-form-field {min-width:0;margin:0 0 16px;}
.hs-form-wrap .hs-contact-form .hs-form-grid > .hs-form-field {margin:0;}
.hs-form-wrap .hs-contact-form .hs-form-field > label {
  display:block;
  margin:0 0 7px;
  color:#101820;
  font-size:.87rem;
  line-height:1.35;
  font-weight:680;
}
.hs-form-wrap .hs-contact-form .wpcf7-form-control-wrap {display:block;margin:0;}
.hs-form-wrap .hs-contact-form .hs-form-field :is(input:not([type=checkbox]):not([type=submit]),select,textarea) {
  display:block;width:100%;max-width:100%;box-sizing:border-box;
  margin:0;border:1px solid #B8C6D0;border-radius:5px;
  background:#fff;color:#101820;padding:12px 14px;
  min-height:48px;font:inherit;font-size:.94rem;line-height:1.45;
}
.hs-form-wrap .hs-contact-form .hs-form-field textarea {
  min-height:116px;height:116px;resize:vertical;
}
.hs-form-wrap .hs-contact-form .hs-form-quiz {
  margin:4px 0 16px;
  font-size:.88rem;
  font-weight:600;
}
.hs-form-wrap .hs-contact-form .hs-form-quiz .wpcf7-quiz-label {
  display:block;margin:0 0 7px;font-weight:650;
}
.hs-form-wrap .hs-contact-form .hs-form-quiz .wpcf7-quiz {
  width:min(200px,100%)!important;min-height:46px;
  padding:11px 14px;margin:0;border:1px solid #B8C6D0;
  background:#fff;border-radius:5px;
}
.hs-form-wrap .hs-contact-form .hs-form-privacy {
  margin:0 0 16px;font-size:.86rem;line-height:1.55;
}
.hs-form-wrap .hs-contact-form .hs-form-privacy .wpcf7-list-item {margin:0;}
.hs-form-wrap .hs-contact-form .hs-form-privacy label {
  display:flex;gap:9px;align-items:flex-start;margin:0;
  font-size:inherit;font-weight:450;
}
.hs-form-wrap .hs-contact-form .hs-form-privacy input[type=checkbox] {
  width:17px;height:17px;flex:none;margin:2px 0 0;accent-color:#253747;
}
.hs-form-wrap .hs-contact-form .hs-form-note {margin:0 0 12px;color:#526779;font-size:.79rem;}
.hs-form-wrap .hs-contact-form .hs-form-submit {margin:0;}
.hs-form-wrap .hs-contact-form input[type=submit] {
  display:block;width:100%;min-height:50px;margin:0;padding:13px 20px;
  border:0;border-radius:5px;background:#89A5B9;color:#101820;
  font:inherit;font-size:.95rem;font-weight:750;cursor:pointer;
}
.hs-form-wrap .hs-contact-form input[type=submit]:hover {background:#A6C0D0;}
.hs-form-wrap .hs-contact-form input[type=submit]:focus-visible,
.hs-form-wrap .hs-contact-form :is(input,select,textarea):focus-visible {
  outline:3px solid #89A5B9;outline-offset:2px;
}
@media (max-width:850px) {
  .hs-contact-grid {grid-template-columns:1fr;gap:36px;}
  .hs-page-section .hs-contact-grid .hs-contact-direct .hs-display,
  .hs-page-section .hs-contact-grid .hs-form-wrap > h2 {
    font-size:clamp(2.05rem,6vw,2.85rem);
  }
}
@media (max-width:540px) {
  .hs-contact-grid {gap:30px;}
  .hs-form-wrap .hs-contact-form .hs-form-grid {grid-template-columns:1fr;row-gap:14px;margin-bottom:14px;}
  .hs-form-wrap .hs-contact-form .hs-form-field {margin-bottom:14px;}
  .hs-form-wrap .hs-contact-form .hs-form-field textarea {height:116px;min-height:116px;}
}

/* Datenschutztext bleibt auch auf schmalen Bildschirmen ein normaler Satz. */
.hs-form-wrap .hs-contact-form .hs-form-privacy label,
.hs-form-wrap .hs-contact-form .hs-form-privacy .wpcf7-list-item label {
  display:block!important;
  font-weight:450;
}
.hs-form-wrap .hs-contact-form .hs-form-privacy input[type=checkbox] {
  display:inline-block;vertical-align:middle;margin:0 9px 2px 0;
}


/* HS IT-Service Cool v1.3.10 – Kontaktseite nutzt die verfügbare Desktopbreite.
   Hintergrund: WordPress setzt in der verschachtelten Gutenberg-Gruppe
   contentSize=880px auf den HTML-Kontaktblock. Diese Regel erweitert NUR
   das Kontakt-Raster, ohne die Lesebreite anderer Seiten zu verändern. */
.hs-page-wrapper .hs-contact-grid {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  width: min(1180px, calc(100vw - 52px)) !important;
  max-width: none !important;
  margin-inline: 0 !important;
  grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
  gap: clamp(32px, 5vw, 74px);
  align-items: start;
}
.hs-page-wrapper .hs-contact-grid > * {
  min-width: 0;
}
@media (max-width: 850px) {
  .hs-page-wrapper .hs-contact-grid {
    width: min(100%, calc(100vw - 44px)) !important;
    grid-template-columns: minmax(0, 1fr);
    gap: 34px;
  }
}
@media (max-width: 540px) {
  .hs-page-wrapper .hs-contact-grid {
    width: calc(100vw - 36px) !important;
    gap: 28px;
  }
}


/* HS IT-Service Cool 1.3.11 – Fernwartung / pcvisit
   Bewusst auf .hs-remote-* beschränkt, damit andere Seiten nicht verändert werden.
*/
.hs-remote-hero .hs-container,
.hs-remote-main .hs-container,
.hs-remote-security .hs-container {
  width: min(100%, 1100px);
  max-width: 1100px;
}
.hs-remote-hero {
  padding-block: clamp(64px, 7vw, 108px) clamp(62px, 6vw, 92px);
}
.hs-remote-hero .hs-page-title {
  max-width: 1060px;
  font-size: clamp(2.9rem, 6.3vw, 6.1rem);
  line-height: 1.04;
  margin-bottom: 25px;
  overflow-wrap: normal;
}
.hs-remote-hero .hs-page-title em {
  font-style: normal;
  color: #E3AD68 !important;
}
.hs-remote-hero .hs-lead {
  font-size: clamp(1.12rem, 1.55vw, 1.36rem);
  line-height: 1.65;
  max-width: 810px;
  color: #D2DEE7;
}
.hs-remote-main {
  background: #F1F4F6;
}
.hs-remote-main .hs-display {
  max-width: 980px;
  margin-bottom: 16px;
  font-size: clamp(2.35rem, 4.5vw, 4.25rem);
}
.hs-remote-main .hs-remote-intro {
  font-size: clamp(1.07rem, 1.5vw, 1.23rem);
  color: #34495A;
  line-height: 1.7;
  max-width: 850px;
  margin: 0 0 38px;
}
.hs-remote-steps {
  list-style: none;
  counter-reset: remote-step;
  padding: 0;
  margin: 0 0 36px;
  border-top: 1px solid #C9D4DE;
  max-width: 930px;
}
.hs-remote-steps > li {
  counter-increment: remote-step;
  /* The Gutenberg list item has a strong heading followed by a bare text node.
     Grid would position that bare text as an anonymous item in column 1.
     Reserve a fixed number gutter and keep heading + description in one flow. */
  position: relative;
  display: block;
  margin: 0;
  padding: 26px 0 26px 92px;
  border-bottom: 1px solid #C9D4DE;
  line-height: 1.6;
  color: #34495A;
  font-size: 1.075rem;
}
.hs-remote-steps > li::before {
  content: counter(remote-step, decimal-leading-zero);
  position: absolute;
  left: 0;
  top: 26px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  border-radius: 7px;
  background: #253746;
  color: #E3AD68;
  font-size: 1.1rem;
  font-weight: 800;
  line-height: 1;
  letter-spacing: .02em;
}
.hs-remote-steps > li strong {
  display: block;
  font-size: clamp(1.14rem, 1.7vw, 1.35rem);
  font-weight: 800;
  color: #101820;
  margin: 0 0 3px;
}
.hs-remote-main .hs-remote-actions {
  margin: 30px 0 16px !important;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 14px;
}
.hs-remote-main .hs-remote-actions .wp-block-button__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 16px 25px;
  min-height: 56px;
  border-radius: 4px;
  font-size: 1rem;
  font-weight: 750;
  line-height: 1.3;
  text-decoration: none;
  transition: background-color .18s ease, color .18s ease;
}
.hs-remote-main .hs-remote-cta .wp-block-button__link {
  background: #89A5B9 !important;
  color: #101820 !important;
  border: 1px solid #89A5B9;
}
.hs-remote-main .hs-remote-cta .wp-block-button__link:hover {
  background: #A9C3D3 !important;
  border-color: #A9C3D3;
}
.hs-remote-main .hs-remote-secondary .wp-block-button__link {
  background: transparent !important;
  border: 1px solid #445D70;
  color: #101820 !important;
}
.hs-remote-main .hs-remote-secondary .wp-block-button__link:hover {
  background: #E1E9EF !important;
}
.hs-remote-main .hs-remote-actions .wp-block-button__link:focus-visible {
  outline: 3px solid #98602B;
  outline-offset: 3px;
}
.hs-remote-main .hs-remote-note {
  margin: 12px 0 0;
  max-width: 800px;
  font-size: .9rem;
  line-height: 1.65;
  color: #486075;
}
.hs-remote-security {
  background: #FFFFFF;
}
.hs-remote-security .hs-display {
  max-width: 900px;
  font-size: clamp(2.35rem, 4.8vw, 4.5rem);
}
.hs-remote-security .hs-lead {
  font-size: clamp(1.12rem, 1.65vw, 1.38rem);
  line-height: 1.7;
  max-width: 870px;
}
.hs-remote-security .hs-copy {
  max-width: 820px;
  color: #486075;
}
@media (max-width: 740px) {
  .hs-remote-hero { padding-block: 56px 64px; }
  .hs-remote-hero .hs-page-title {
    font-size: clamp(2.42rem, 9.5vw, 4.15rem);
    text-wrap: balance;
  }
  .hs-remote-steps > li {
    padding: 19px 0 19px 63px;
    font-size: 1rem;
  }
  .hs-remote-steps > li::before {
    top: 19px;
    width: 45px;
    height: 45px;
    font-size: .94rem;
  }
  .hs-remote-main .hs-remote-actions {
    flex-direction: column;
    align-items: stretch;
    gap: 11px;
  }
  .hs-remote-main .hs-remote-actions .wp-block-button,
  .hs-remote-main .hs-remote-actions .wp-block-button__link {
    width: 100%;
  }
}
@media (prefers-reduced-motion: reduce) {
  .hs-remote-main .hs-remote-actions .wp-block-button__link { transition: none; }
}

/* HS IT-Service Cool 1.3.12 – Hero-Technologiematrix & Social-Icons.
   Alle Herstellerverweise sind lokal gerenderter Text und externe Links, keine externen Logo-Downloads.
*/
@media (min-width: 1081px) {
  .hs-hero .hs-container:has(> .hs-tech-panel) {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(315px, 375px);
    grid-template-rows: auto auto auto auto;
    column-gap: clamp(36px, 4vw, 70px);
    align-items: start !important;
    max-width: 1240px !important;
    width: min(100%, 1240px) !important;
  }
  .hs-hero .hs-container:has(> .hs-tech-panel) > .hs-eyebrow { grid-column:1; grid-row:1; }
  .hs-hero .hs-container:has(> .hs-tech-panel) > .hs-hero-title { grid-column:1; grid-row:2; max-width:100%; font-size:clamp(3.65rem,5.4vw,5.6rem); line-height:1.04; }
  .hs-hero .hs-container:has(> .hs-tech-panel) > .hs-lead { grid-column:1; grid-row:3; max-width:690px; }
  .hs-hero .hs-container:has(> .hs-tech-panel) > .hs-actions { grid-column:1; grid-row:4; }
  .hs-hero .hs-container:has(> .hs-tech-panel) > .hs-tech-panel { grid-column:2; grid-row:1 / span 4; align-self:center; }
}
.hs-tech-panel {
  width:100%; min-width:0; box-sizing:border-box;
  padding:28px 25px 24px;
  background:rgba(137,165,185,.065);
  border:1px solid rgba(137,165,185,.23);
  border-radius:8px;
  color:#EAF1F5;
}
.hs-tech-label { margin:0 0 17px !important; color:#E3AD68 !important; font-size:.77rem; font-weight:800; letter-spacing:.17em; line-height:1.4; }
.hs-tech-brand-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:16px; row-gap:0; }
.hs-tech-brand {
  display:flex; gap:6px; align-items:center; justify-content:space-between;
  min-height:66px; padding:13px 3px;
  color:#E4EDF4 !important; border-bottom:1px solid rgba(168,196,214,.18);
  font-size:clamp(.94rem, 1.05vw, 1.12rem); font-weight:750;
  line-height:1.22; letter-spacing:-.015em; text-decoration:none!important;
  overflow-wrap:normal; hyphens:none; transition:color .18s ease;
}
.hs-tech-brand:hover, .hs-tech-energy-links a:hover { color:#E3AD68 !important; }
.hs-tech-brand:focus-visible, .hs-tech-energy-links a:focus-visible {outline:2px solid #E3AD68;outline-offset:3px;border-radius:2px}
.hs-tech-brand--microsoft .hs-tech-wordmark {font-weight:700;}
.hs-tech-brand--nextcloud .hs-tech-wordmark {font-weight:800;letter-spacing:-.035em}
.hs-tech-brand--unifi .hs-tech-wordmark {letter-spacing:.01em;}
.hs-tech-brand--ajax .hs-tech-wordmark {letter-spacing:.11em;font-weight:850}
.hs-tech-brand--homeassistant .hs-tech-wordmark {font-size:.92em;}
.hs-tech-brand--energy {font-size:.93rem;}
.hs-tech-arrow {flex-shrink:0;color:#9EB5C6;font-weight:500;font-size:1rem}
.hs-tech-energy-links {display:flex;flex-direction:column;gap:5px}
.hs-tech-energy-links a {color:#E4EDF4!important;text-decoration:none!important;white-space:nowrap}
.hs-tech-disclaimer {color:#9DB1C0!important;font-size:.7rem;line-height:1.45;margin:16px 0 0!important}
/* Social icons on both '01 / Über mich' and /ueber-mich/. */
.hs-social-links a[href*="linkedin.com"],.hs-social-links a[href*="instagram.com"] {display:inline-flex;align-items:center;gap:8px}
.hs-social-links a[href*="linkedin.com"]::before,.hs-social-links a[href*="instagram.com"]::before {content:"";display:inline-block;flex:0 0 20px;width:20px;height:20px;background-color:currentColor;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
.hs-social-links a[href*="linkedin.com"]::before {-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22black%22%20d%3D%22M20.447%2020.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853%200-2.136%201.445-2.136%202.939v5.667H9.35V9h3.414v1.561h.049c.476-.9%201.637-1.85%203.37-1.85%203.601%200%204.267%202.371%204.267%205.456v6.285zM5.337%207.433c-1.144%200-2.063-.926-2.063-2.063%200-1.137.92-2.06%202.063-2.06%201.14%200%202.063.923%202.063%202.06%200%201.137-.923%202.063-2.063%202.063zM7.119%2020.452H3.555V9h3.564v11.452zM22.225%200H1.771C.792%200%200%20.774%200%201.729v20.542C0%2023.227.792%2024%201.771%2024h20.451C23.2%2024%2024%2023.227%2024%2022.271V1.729C24%20.774%2023.2%200%2022.225%200z%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22black%22%20d%3D%22M20.447%2020.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853%200-2.136%201.445-2.136%202.939v5.667H9.35V9h3.414v1.561h.049c.476-.9%201.637-1.85%203.37-1.85%203.601%200%204.267%202.371%204.267%205.456v6.285zM5.337%207.433c-1.144%200-2.063-.926-2.063-2.063%200-1.137.92-2.06%202.063-2.06%201.14%200%202.063.923%202.063%202.06%200%201.137-.923%202.063-2.063%202.063zM7.119%2020.452H3.555V9h3.564v11.452zM22.225%200H1.771C.792%200%200%20.774%200%201.729v20.542C0%2023.227.792%2024%201.771%2024h20.451C23.2%2024%2024%2023.227%2024%2022.271V1.729C24%20.774%2023.2%200%2022.225%200z%22%2F%3E%3C%2Fsvg%3E")}
.hs-social-links a[href*="instagram.com"]::before {-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%222%22%20y%3D%222%22%20width%3D%2220%22%20height%3D%2220%22%20rx%3D%225%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%224%22%2F%3E%3Ccircle%20cx%3D%2217.5%22%20cy%3D%226.5%22%20r%3D%221%22%20fill%3D%22black%22%20stroke%3D%22none%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%222%22%20y%3D%222%22%20width%3D%2220%22%20height%3D%2220%22%20rx%3D%225%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%224%22%2F%3E%3Ccircle%20cx%3D%2217.5%22%20cy%3D%226.5%22%20r%3D%221%22%20fill%3D%22black%22%20stroke%3D%22none%22%2F%3E%3C%2Fsvg%3E")}
@media (max-width: 1080px) {
  .hs-hero .hs-container:has(> .hs-tech-panel) {display:block!important;max-width:930px!important}
  .hs-hero .hs-container:has(> .hs-tech-panel) > .hs-tech-panel {max-width:650px;margin-top:34px}
}
@media (max-width: 740px) {
  .hs-tech-panel {padding:22px 18px 18px;margin-top:30px!important}
  .hs-tech-brand {min-height:56px;font-size:.95rem;padding:11px 2px}
  .hs-tech-label {font-size:.68rem}
  .hs-tech-disclaimer {font-size:.68rem}
  .hs-social-links {gap:14px}
  .hs-social-links a[href*="linkedin.com"],.hs-social-links a[href*="instagram.com"]{font-size:.92rem}
}
@media (max-width: 365px) {.hs-tech-brand-grid{column-gap:10px}.hs-tech-brand{font-size:.86rem}.hs-tech-panel{padding-inline:13px}}
@media (prefers-reduced-motion: reduce) {.hs-tech-brand{transition:none}}


/* HS IT-Service Cool 1.3.14 – kompakter Datenschutz-Platzhalter Google Maps.
   Nur vor der Einwilligung: die interaktive, freigegebene Karte bleibt unverändert. */
.hs-map-consent:not([data-loaded="true"]) {
  min-height: 0;
  box-sizing: border-box;
  padding: 30px 38px;
  gap: 13px;
  justify-content: flex-start;
}
.hs-map-consent:not([data-loaded="true"]) > * {
  margin-block-start: 0 !important;
  margin-block-end: 0 !important;
}
.hs-map-consent:not([data-loaded="true"]) > h2 {
  font-size: clamp(2rem, 3.8vw, 3rem);
  line-height: 1.12;
  letter-spacing: -.035em;
  margin-block: 2px 4px !important;
}
.hs-map-consent:not([data-loaded="true"]) > p {
  max-width: 700px;
  line-height: 1.55;
}
.hs-map-consent:not([data-loaded="true"]) > p.hs-eyebrow {
  font-size: .79rem;
  line-height: 1.4;
  letter-spacing: .1em;
}
.hs-map-consent:not([data-loaded="true"]) > button[data-hs-load-map] {
  min-height: 44px;
  padding: 12px 22px;
  margin-block: 3px !important;
}
.hs-map-consent:not([data-loaded="true"]) > p:last-child {
  font-size: .92rem;
  line-height: 1.5;
}
@media (max-width: 740px) {
  .hs-map-consent:not([data-loaded="true"]) {padding: 24px 20px; gap: 12px}
  .hs-map-consent:not([data-loaded="true"]) > h2 {font-size: clamp(1.85rem, 8vw, 2.35rem)}
  .hs-map-consent:not([data-loaded="true"]) > p {font-size: .98rem}
}