/*
Theme Name: conserIT Modern 2.2
Author: conserIT
Description: Eigenständiger visueller B2B-Auftritt. Lokale Bilder und Schriften, native WordPress-Blöcke, dezente Animationen.
Version: 2.2.1
Requires at least: 6.5
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: conserit-modern
*/
:root{--ci-ink:#19292f;--ci-muted:#53636b;--ci-accent:#2dbcd5;--ci-link:#08768b;--ci-line:#dce6e8;--ci-paper:#f2f6f7;--ci-width:1160px}
*{box-sizing:border-box}body{margin:0;background:white;color:var(--ci-ink);font:17px/1.6 Arial,Helvetica,sans-serif}#ci-site{background:white;color:var(--ci-ink);font:17px/1.6 Arial,Helvetica,sans-serif}#ci-site a{color:var(--ci-link);text-underline-offset:4px}#ci-site a:hover{text-decoration-thickness:2px}#ci-site img{max-width:100%;height:auto}#ci-site button{font:inherit}#ci-site :focus-visible{outline:3px solid #0e869b;outline-offset:5px}#ci-site h1,#ci-site h2,#ci-site h3,#ci-site p{margin:0 0 18px}#ci-site h1,#ci-site h2,#ci-site h3{letter-spacing:-.035em;line-height:1.12;font-weight:600}#ci-site h1{font-size:clamp(2.6rem,4.8vw,4.4rem)}#ci-site h2{font-size:clamp(2rem,3.4vw,3rem)}#ci-site h3{font-size:1.25rem;letter-spacing:-.02em}#ci-site section{scroll-margin-top:112px}.ci-wrap{width:min(var(--ci-width),calc(100% - 64px));margin:0 auto}.ci-header{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.97);border-bottom:1px solid var(--ci-line);backdrop-filter:blur(14px)}.admin-bar .ci-header{top:32px}.ci-header-inner{min-height:90px;display:flex;align-items:center;justify-content:space-between;gap:24px}.ci-brand{display:flex;align-items:center;gap:10px;text-decoration:none;flex-shrink:0}.ci-brand img{width:46px!important;height:46px!important}.ci-wordmark{font-size:33px;letter-spacing:-1.5px;line-height:1;color:#343737}.ci-wordmark span{color:#169ab5}.ci-nav{display:flex;align-items:center;gap:30px}#ci-site .ci-nav a{font-size:14px;font-weight:600;text-decoration:none;color:var(--ci-ink);padding:12px 0;border-bottom:2px solid transparent}#ci-site .ci-nav a:hover{border-bottom-color:var(--ci-accent)}#ci-site .ci-nav .ci-nav-contact{padding:12px 20px;color:white;background:var(--ci-ink);border-radius:4px;border:0}.ci-skip{position:absolute;left:-10000px;top:8px}.ci-skip:focus{left:12px;z-index:100;background:white;padding:12px}.ci-hero{position:relative;background:#182a31 url('assets/office-hero.webp') center 54%/cover no-repeat;color:white;padding:96px 0 72px;min-height:610px;isolation:isolate}.ci-hero:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(13,28,35,.89) 0%,rgba(13,28,35,.8) 28%,rgba(13,28,35,.25) 66%,rgba(13,28,35,.05) 100%)}#ci-site .ci-eyebrow{font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--ci-link);margin-bottom:22px}#ci-site .ci-hero .ci-eyebrow{color:#77deed}#ci-site .ci-hero h1{max-width:670px;margin-bottom:24px;color:#fff;font-weight:600}#ci-site .ci-hero h1 em{color:#65d4e7;font-style:normal}#ci-site .ci-hero .ci-lead{max-width:455px;color:#e2ecef;font-size:18px;line-height:1.65;margin-bottom:30px}.wp-block-buttons{display:flex;gap:16px;flex-wrap:wrap}.wp-block-button__link{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;border-radius:4px;background:var(--ci-accent);border:1px solid transparent;color:#092b33!important;text-decoration:none;font-size:15px;font-weight:700;line-height:1.5}.wp-block-button__link:hover{background:#7bdded;transform:translateY(-2px)}.ci-secondary .wp-block-button__link{background:transparent;color:var(--ci-ink)!important;border-color:var(--ci-line)}.ci-hero .ci-secondary .wp-block-button__link{color:#fff!important;border-color:#6b818a;background:rgba(12,27,32,.3)}.ci-hero .ci-secondary .wp-block-button__link:hover{background:#223e49}.ci-hero-foot{margin-top:40px!important;font-size:13px;color:#d1e2e8}.ci-band{background:var(--ci-paper);border-bottom:1px solid var(--ci-line)}.ci-band-inner{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.ci-band-item{padding:24px 28px;border-right:1px solid var(--ci-line)}.ci-band-item:first-child{padding-left:0}.ci-band-item:last-child{border:0}.ci-band-item p{margin:0!important;font-size:14px}.ci-band-item strong{display:block;font-size:16px;color:var(--ci-ink);margin-bottom:3px}.ci-band-item span{color:var(--ci-muted)}.ci-section{padding:78px 0}.ci-services-header{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:32px}.ci-services-header h2{margin-bottom:0!important}.ci-services-header>p{max-width:270px;font-size:15px;color:var(--ci-muted);margin:0!important}.ci-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start}.ci-service{background:#f2f6f7;border:1px solid #e3eaec;border-radius:10px;overflow:hidden}.ci-service summary{list-style:none;display:flex;flex-direction:column;min-height:265px;padding:28px;position:relative;cursor:pointer}.ci-service summary::-webkit-details-marker{display:none}.ci-service summary:before{content:'';height:43px;width:43px;display:block;margin-bottom:26px;background-position:center;background-repeat:no-repeat;background-size:contain}.ci-service-1 summary:before{background-image:url('assets/MessagesSquare.svg')}.ci-service-2 summary:before{background-image:url('assets/Headset.svg')}.ci-service-3 summary:before{background-image:url('assets/Network.svg')}.ci-service-4 summary:before{background-image:url('assets/ShieldCheck.svg')}.ci-service-5 summary:before{background-image:url('assets/MonitorCog.svg')}.ci-service-6 summary:before{background-image:url('assets/PanelsTopLeft.svg')}.ci-service-number{position:absolute;top:27px;right:28px;font-size:12px;color:#697a80;letter-spacing:.06em}.ci-card-title{display:block;font-size:20px;font-weight:600;letter-spacing:-.02em;line-height:1.2;margin-bottom:11px}.ci-card-description{display:block;font-size:15px;line-height:1.55;color:var(--ci-muted);margin-bottom:22px}.ci-card-more{display:flex;align-items:center;justify-content:space-between;color:var(--ci-link);font-size:13px;font-weight:600;margin-top:auto}.ci-card-arrow{font-size:23px;font-weight:400;line-height:1}.ci-service:hover,.ci-service:focus-within{border-color:#84cdd9;box-shadow:0 12px 30px rgba(22,67,77,.08);transform:translateY(-4px)}.ci-service:hover .ci-card-arrow{transform:translate(2px,-2px)}.ci-service[open]{background:#e9f5f7;border-color:#78c6d5}.ci-service[open] .ci-card-arrow{transform:rotate(90deg)}.ci-service-2{background:var(--ci-ink);border-color:var(--ci-ink);color:white}.ci-service-2 summary:before{filter:invert(1) brightness(1.6)}.ci-service-2 .ci-card-description,.ci-service-2 .ci-service-number{color:#c9dade}.ci-service-2 .ci-card-more{color:#6fdbed}.ci-service-2[open]{background:#203d47;border-color:#68cede}.ci-service>h3,.ci-service>p{margin:0 28px 14px!important}.ci-service>h3{font-size:16px!important;line-height:1.3!important}.ci-service>p{font-size:15px;color:var(--ci-muted)}.ci-service-2>p{color:#d2e3e7}.ci-service>p:last-child{padding-bottom:25px}.ci-about{background:#f3f7f8}.ci-about-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:74px;align-items:center}.ci-about-copy p:not(.ci-eyebrow){max-width:460px;color:var(--ci-muted);font-size:17px}.ci-about-copy h2{margin-bottom:24px!important}.ci-person-panel{background:#fff;border:1px solid var(--ci-line);border-radius:8px;padding:38px 40px;position:relative}.ci-person-panel:before{content:'';position:absolute;width:5px;top:36px;bottom:36px;left:0;background:var(--ci-accent)}#ci-site .ci-person-name{font-size:26px;letter-spacing:-.02em;font-weight:600;margin-bottom:3px}#ci-site .ci-person-label{font-size:14px;color:var(--ci-muted);margin-bottom:26px}.ci-person-principle{border-top:1px solid var(--ci-line);padding-top:14px;font-size:15px!important;margin-bottom:14px!important}.ci-person-principle:last-child{margin-bottom:0!important}.ci-contact{background:var(--ci-ink);color:white}.ci-contact-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:60px;align-items:center}.ci-contact .ci-eyebrow{color:#73dbea!important}.ci-contact h2{color:white}.ci-contact p{color:#c9dce3}.ci-contact p.ci-contact-sentence{max-width:420px;font-size:17px}.ci-contact-actions{display:grid;gap:14px}.ci-contact-actions a{display:flex;justify-content:space-between;gap:12px;align-items:center;text-decoration:none;color:white!important;border-bottom:1px solid #526b76;padding:16px 0;font-size:22px;font-weight:500;overflow-wrap:anywhere}.ci-contact-actions a:hover{color:#68d8ec!important;border-color:#68d8ec}.ci-contact-actions p{margin:0!important}.ci-contact-meta{display:flex;justify-content:space-between;gap:24px;border-top:1px solid #3b5661;margin-top:44px;padding-top:26px}.ci-contact-meta p{font-size:13px;color:#c9dce3;margin:0!important}.ci-footer{padding:25px 0;background:white}.ci-footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:13px}.ci-footer nav{display:flex;gap:24px}.ci-footer a{color:var(--ci-ink)!important}.ci-legal{max-width:800px;padding:65px 0 90px;margin:auto}.ci-legal h1{font-size:clamp(2.3rem,5vw,3.5rem)!important}.ci-legal h2{font-size:1.5rem!important;margin-top:34px!important}.ci-legal p{overflow-wrap:anywhere}.ci-review{background:#fff5de;color:#634709;border-left:4px solid #a96d00;padding:18px 22px;margin:24px 0!important;font-size:16px}.ci-post,.ci-notfound{padding:70px 0}.ci-post h1,.ci-notfound h1{font-size:3rem!important}.ci-image-credit{font-size:11px!important;color:#c4d5dc!important;margin:18px 0 0!important}.ci-service-intro{margin-bottom:34px}.editor-styles-wrapper{font-family:Arial,Helvetica,sans-serif}.editor-styles-wrapper .ci-wrap{width:calc(100% - 40px)}
@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}.ci-service,.ci-card-arrow,.wp-block-button__link,.ci-nav a,.ci-contact-actions a{transition:transform .24s ease,background .24s ease,color .24s ease,box-shadow .24s ease,border-color .24s ease}.ci-arrived{animation:ci-arrive .55s ease both}@keyframes ci-arrive{from{opacity:.6;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}}
@media(min-width:1600px){.ci-hero{background-position:center 56%}}
@media(max-width:950px){.ci-nav{gap:18px}.ci-service-grid{gap:14px}.ci-service summary{padding:22px;min-height:280px}.ci-card-title{font-size:19px}.ci-service-number{right:22px}.ci-about-grid{gap:32px}.ci-contact-grid{gap:32px}.ci-contact-actions a{font-size:19px}.ci-hero{min-height:570px;padding-top:78px}.ci-hero:before{background:linear-gradient(90deg,rgba(13,28,35,.9),rgba(13,28,35,.7) 40%,rgba(13,28,35,.1))}}
@media(max-width:700px){.ci-wrap{width:calc(100% - 36px)}.ci-header-inner{padding:15px 0;min-height:0;flex-wrap:wrap;gap:13px}.ci-brand img{width:36px!important;height:36px!important}.ci-wordmark{font-size:27px}.ci-nav{width:100%;justify-content:space-between;gap:8px;flex-wrap:wrap}#ci-site .ci-nav a{font-size:14px;padding:10px 0}#ci-site .ci-nav .ci-nav-contact{padding:9px 12px}.ci-header{position:relative;top:0!important}#ci-site section{scroll-margin-top:20px}.ci-hero{min-height:0;padding:58px 0 42px;background-position:60% center}.ci-hero:before{background:linear-gradient(90deg,rgba(13,28,35,.91),rgba(13,28,35,.69) 70%,rgba(13,28,35,.5))}#ci-site .ci-hero h1{font-size:clamp(2.3rem,8.5vw,3.4rem)}#ci-site .ci-hero .ci-lead{font-size:16px;max-width:350px}.ci-hero-foot{margin-top:28px!important;font-size:12px}#ci-site .ci-eyebrow{font-size:11px;margin-bottom:18px}.ci-band-item{padding:17px 10px}.ci-band-item strong{font-size:12px}.ci-band-item span{font-size:11px}.ci-section{padding:52px 0}.ci-services-header{display:block;margin-bottom:25px}.ci-services-header>p{margin-top:16px!important;max-width:100%}.ci-service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ci-service summary{padding:20px;min-height:274px}.ci-service summary:before{width:33px;height:33px;margin-bottom:24px}.ci-service-number{top:22px;right:18px;font-size:11px}.ci-card-title{font-size:18px}.ci-card-description{font-size:14px}.ci-card-more{font-size:12px}.ci-service>h3,.ci-service>p{margin-left:20px!important;margin-right:20px!important}.ci-about-grid,.ci-contact-grid{grid-template-columns:1fr;gap:24px}.ci-person-panel{padding:28px}.ci-contact-actions a{font-size:22px}.ci-contact-meta{display:block;margin-top:28px;padding-top:22px}.ci-contact-meta p+p{margin-top:12px!important}.ci-footer-inner{font-size:12px}.ci-legal{padding:40px 0}.ci-image-credit{font-size:10px!important}}
@media(max-width:390px){#ci-site .ci-nav .ci-nav-contact{flex-basis:100%;text-align:center;}.ci-service-grid{grid-template-columns:1fr}.ci-service summary{min-height:230px}.ci-contact-actions a{font-size:20px}.ci-band-inner{grid-template-columns:1fr}.ci-band-item{padding:10px 0!important;border:0;border-bottom:1px solid var(--ci-line)}.ci-band-item strong{display:inline;font-size:13px;margin-right:8px}.ci-band-item span{font-size:12px}}
@media(prefers-reduced-motion:reduce){.ci-service:hover,.ci-service:focus-within,.wp-block-button__link:hover{transform:none}}

/* Explicit presentation for the service card grid. */
#ci-site .ci-service-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px!important;align-items:start!important}
#ci-site .ci-service-grid>*{min-width:0!important;margin:0!important}
@media(max-width:700px){#ci-site .ci-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}}
@media(max-width:390px){#ci-site .ci-service-grid{grid-template-columns:1fr!important}}

/* Classic WordPress themes receive an extra Group inner container at render time.
   Keep its children in the intended parent grid/flex layout. */
#ci-site :is(.ci-service-grid,.ci-band-inner,.ci-services-header,.ci-about-grid,.ci-contact-grid,.ci-contact-actions,.ci-contact-meta) > .wp-block-group__inner-container {
  display: contents !important;
}
#ci-site .ci-service-grid > .wp-block-group__inner-container > .ci-service {
  min-width: 0;
  margin: 0 !important;
}

/* Clearly visible support action on every page. */
#ci-site .ci-help-link{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 18px;background:#2dbcd5;color:#092b33;font-size:14px;font-weight:700;text-decoration:none;border-radius:4px;white-space:nowrap;transition:background .2s ease}
#ci-site .ci-help-link:hover{background:#7bdded}.ci-nav{margin-left:auto;gap:20px}.ci-header-inner{gap:20px}.ci-support{background:#e6f5f8;border-bottom:1px solid #c5e4ea}.ci-support-inner{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:23px 0}#ci-site .ci-support h3{font-size:19px;margin-bottom:6px}#ci-site .ci-support p{font-size:14px;color:#445c65;margin:0}
@media(max-width:950px){.ci-header-inner{flex-wrap:wrap;padding:12px 0;gap:12px}.ci-nav{order:3;width:100%;justify-content:center;gap:24px}.ci-help-link{margin-left:auto}}
@media(max-width:700px){.ci-nav{justify-content:space-between;gap:8px}.ci-support-inner{align-items:flex-start;flex-direction:column;gap:16px}.ci-support .ci-help-link{margin-left:0}.ci-brand{gap:7px}#ci-site .ci-help-link{padding:10px 12px;font-size:13px}.ci-header-inner{gap:10px}}
@media(max-width:390px){.ci-wordmark{font-size:24px}.ci-brand img{width:32px!important;height:32px!important}#ci-site .ci-nav a{font-size:12px}#ci-site .ci-nav .ci-nav-contact{flex-basis:auto;padding:9px 10px}}
