/* TCS GmbH Geschäftskunden • statische Website • mobile first • ohne JavaScript */
:root{--blue:#204EAD;--blue-dark:#173D87;--accent:#386BC1;--sky:#EAF1FF;--sky-2:#F4F7FE;--text:#25344D;--muted:#435470;--border:#D9E4F7;--white:#fff;--shadow:0 14px 40px rgba(23,61,135,.10);--radius:18px;--max:1200px;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--text);background:var(--white);font:400 16px/1.65 system-ui,-apple-system,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}img,svg{max-width:100%;height:auto}img{display:block}a{color:var(--blue-dark);text-underline-offset:.18em}a:hover{color:var(--blue)}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #F2A900;outline-offset:3px}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.17;letter-spacing:-.025em}h1{font-size:clamp(2.15rem,5vw,4.3rem)}h2{font-size:clamp(1.65rem,3vw,2.55rem)}h3{font-size:1.25rem}p{color:var(--muted)}ul{padding-left:1.2rem}.container{width:min(calc(100% - 2rem),var(--max));margin-inline:auto}.narrow{max-width:800px}.section{padding:clamp(3.2rem,6vw,6rem) 0}.section-tint{background:var(--sky-2)}.section-intro{max-width:720px;margin:0 0 2rem}.section-intro p{font-size:1.08rem}.eyebrow{display:inline-block;margin-bottom:1rem;letter-spacing:.15em;font-size:.75rem;font-weight:800;color:var(--blue);text-transform:uppercase}.eyebrow.light{color:#c9dcff}.skip-link{position:fixed;top:8px;left:8px;z-index:5000;transform:translateY(-150%);padding:.8rem 1rem;border-radius:8px;background:#fff;color:var(--blue-dark)}.skip-link:focus{transform:translateY(0)}.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.98);border-bottom:1px solid var(--border);box-shadow:0 4px 20px rgba(23,61,135,.04)}.header-row{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{display:flex;align-items:center;flex:0 0 auto;text-decoration:none}.brand img{width:144px;height:auto}.nav-desktop{display:flex;align-items:center;gap:clamp(.35rem,1vw,1rem);white-space:nowrap}.nav-desktop>a,.nav-flyout>a{padding:.65rem .55rem;border-radius:9px;font-size:.9rem;font-weight:650;color:var(--blue-dark);text-decoration:none}.nav-desktop>a:hover,.nav-flyout>a:hover,.nav-desktop>a:focus-visible{background:var(--sky)}.nav-desktop>a.nav-private{background:var(--blue-dark);color:#fff;padding:.76rem 1rem}.nav-desktop>a.nav-private:hover{background:var(--blue)}.nav-flyout{position:relative}.flyout-panel{display:none;position:absolute;top:100%;left:0;min-width:315px;max-width:min(90vw,390px);padding:.65rem;border:1px solid var(--border);border-radius:14px;background:#fff;box-shadow:var(--shadow);white-space:normal}.flyout-panel>a{display:block;padding:.75rem .9rem;border-radius:8px;font-size:.93rem;font-weight:650;text-decoration:none}.flyout-panel>a:hover,.flyout-panel>a:focus-visible{background:var(--sky)}.nav-flyout:hover .flyout-panel,.nav-flyout:focus-within .flyout-panel{display:block}.header-mobile{display:none}.hero{padding:clamp(3rem,6vw,6rem) 0 4rem;background:linear-gradient(118deg,#F0F5FF 0%,#F8FBFF 55%,#fff 100%);overflow:hidden}.hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:clamp(1rem,5vw,5rem);min-height:370px}.hero-copy>p{max-width:620px;font-size:clamp(1.03rem,1.55vw,1.19rem)}.hero-copy h1{color:var(--blue-dark);max-width:830px}.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin:2rem 0 1.5rem}.button{display:inline-flex;justify-content:center;align-items:center;gap:.7rem;min-height:50px;padding:.85rem 1.35rem;border-radius:12px;font-weight:750;font-size:.96rem;text-decoration:none;transition:background .18s ease,color .18s ease,transform .18s ease}.button-primary{background:var(--blue);color:#fff}.button-primary:hover{background:var(--blue-dark);color:#fff}.button-outline{border:2px solid var(--blue);background:#fff;color:var(--blue-dark)}.button-outline:hover{background:var(--sky);color:var(--blue-dark)}.button-white{background:#fff;color:var(--blue-dark)}.button-white:hover{background:var(--sky);color:var(--blue-dark)}.hero-note{font-size:.87rem!important;color:#57647d}.hero-note span{color:var(--blue)}.signal-art{position:relative;isolation:isolate;aspect-ratio:1/1;max-width:445px;width:100%;margin:auto;display:grid;place-items:center}.signal-art:before{content:"";position:absolute;inset:7%;border-radius:38%;background:linear-gradient(160deg,#CADAFF,#EDF5FF);transform:rotate(-12deg);z-index:-2}.signal-ring{position:absolute;border:2px solid rgba(32,78,173,.22);border-radius:50%}.signal-ring-one{inset:16%}.signal-ring-two{inset:1%;border-style:dashed;opacity:.6}.signal-center{width:42%;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:28%;color:#fff;background:linear-gradient(140deg,#204EAD,#173D87);box-shadow:0 25px 35px rgba(32,78,173,.22);transform:rotate(-7deg)}.signal-center span{font-size:clamp(2rem,5vw,3.7rem);font-weight:900;line-height:1}.signal-center small{font-size:.55rem;letter-spacing:.25em;font-weight:800}.signal-chip{position:absolute;background:#fff;border:1px solid var(--border);border-radius:12px;padding:.6rem 1rem;font-size:.83rem;font-weight:750;color:var(--blue-dark);box-shadow:var(--shadow)}.chip-one{top:13%;left:1%}.chip-two{top:24%;right:0}.chip-three{bottom:17%;left:1%}.signal-dot{position:absolute;width:13px;height:13px;background:var(--blue);border:3px solid #fff;border-radius:50%}.dot-one{top:8%;left:51%}.dot-two{right:12%;bottom:12%}.trust-strip{border-block:1px solid var(--border);background:#fff}.trust-grid{display:grid;grid-template-columns:repeat(3,1fr)}.trust-grid>div{display:grid;gap:.05rem;padding:1.2rem clamp(.5rem,2vw,1.5rem);border-right:1px solid var(--border)}.trust-grid>div:last-child{border:0}.trust-grid strong{color:var(--blue-dark);font-size:1.06rem}.trust-grid span{color:var(--muted);font-size:.85rem}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:1.1rem}.service-card{display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:clamp(1.3rem,3vw,2rem);border:1px solid var(--border);border-radius:var(--radius);background:#fff;box-shadow:0 8px 25px rgba(23,61,135,.035);transition:box-shadow .2s ease,transform .2s ease,border-color .2s ease}.service-card h3{color:var(--blue-dark);margin-bottom:.85rem}.service-card p{flex:1}.card-num{display:grid;place-items:center;width:49px;height:49px;margin-bottom:1.65rem;border-radius:12px;background:var(--sky);color:var(--blue);font-weight:900}.text-link{display:inline-block;font-weight:750;text-decoration:none}.text-link:hover{text-decoration:underline}.section-end{display:flex;justify-content:center;margin-top:2rem}.split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.5rem,5vw,5rem);align-items:center}.quote-card,.info-panel,.contact-card,.address-card{border:1px solid var(--border);border-radius:var(--radius);padding:clamp(1.35rem,3vw,2.5rem);background:#fff;box-shadow:var(--shadow)}.quote-card .big-quote{font-size:clamp(1.65rem,3vw,2.8rem);line-height:1.2;font-weight:800;letter-spacing:-.035em;color:var(--blue-dark)}.check-list{list-style:none;padding:0;margin:1.3rem 0}.check-list li{position:relative;margin:.7rem 0;padding-left:1.9rem;color:var(--text)}.check-list li:before{content:"✓";position:absolute;left:0;top:0;color:var(--blue);font-weight:900}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}.step{padding:1.5rem;border-top:3px solid var(--blue);background:var(--sky-2);border-radius:0 0 14px 14px}.step>span{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--blue);color:#fff;font-weight:800;margin-bottom:1.5rem}.step h3{color:var(--blue-dark)}.page-hero{padding:clamp(3rem,6vw,5rem) 0;background:linear-gradient(110deg,#EAF1FF 0%,#F6F9FF 72%,#fff 100%)}.page-hero h1{max-width:950px;color:var(--blue-dark);font-size:clamp(2rem,4.5vw,3.7rem)}.page-hero p{font-size:clamp(1rem,1.8vw,1.22rem);max-width:820px}.breadcrumbs{padding-top:1.1rem;padding-bottom:1.1rem}.breadcrumbs ol{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;margin:0;padding:0;font-size:.85rem;color:var(--muted)}.breadcrumbs li+li:before{content:"/";margin-right:.5rem;color:#94A5C5}.breadcrumbs li[aria-current]{color:var(--text);font-weight:650}.faq-list{border-top:1px solid var(--border)}.faq-item{border-bottom:1px solid var(--border);padding:.25rem 0}.faq-item summary{cursor:pointer;font-weight:750;color:var(--blue-dark);padding:1.1rem .4rem}.faq-item[open] summary{color:var(--blue)}.faq-item p{padding:.1rem .4rem 1rem;max-width:75ch}.cta-band{background:#173D87;color:#fff}.cta-band-inner{display:flex;align-items:center;justify-content:space-between;gap:2rem}.cta-band h2{max-width:650px}.cta-band p{max-width:680px;color:#E4EEFF}.cta-band-actions{display:flex;flex-direction:column;align-items:center;gap:1rem;flex-shrink:0}.link-light{color:#fff;font-weight:750}.link-light:hover{color:#fff}.contact-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:1.4rem}.contact-card h2,.address-card h2{color:var(--blue-dark)}.contact-method{display:flex;gap:1rem;align-items:center;margin:1.4rem 0}.contact-method>span{display:grid;place-items:center;width:52px;height:52px;border-radius:12px;background:var(--sky);color:var(--blue-dark);font-size:1.3rem}.contact-method small{display:block;color:var(--muted)}.contact-method a{font-size:clamp(1.08rem,2.3vw,1.35rem);font-weight:800;overflow-wrap:anywhere}.contact-card .button{margin-top:.8rem}.appointment-note{margin:1.6rem 0;padding:1.2rem;border-left:4px solid var(--blue);border-radius:6px;background:var(--sky-2)}.appointment-note p{margin:.3rem 0 0}.address-card address,.footer-company address{font-style:normal}.small{font-size:.85rem}.muted{color:var(--muted)}.legal-content{max-width:850px}.legal-content h2{font-size:1.4rem;margin:2.5rem 0 .8rem}.legal-content address{font-style:normal;line-height:1.8}.legal-content p{line-height:1.8}.site-footer{padding:3.4rem 0 1.25rem;background:#F2F6FF;border-top:1px solid var(--border)}.footer-grid{display:grid;grid-template-columns:1.4fr 1.2fr 1.15fr .8fr;gap:clamp(1.5rem,3vw,3rem)}.footer-grid h2{font-size:1.02rem;color:var(--blue-dark);margin:.45rem 0 1.25rem}.footer-grid>div>a{display:block;margin:.62rem 0;font-size:.92rem;text-decoration:none}.footer-grid>div>a:hover{text-decoration:underline}.footer-company img{max-width:150px}.footer-company p{font-size:.9rem;margin:1rem 0}.footer-company .visit-note{font-size:.82rem}.footer-grid address{font-style:normal;font-size:.9rem;line-height:1.8}.footer-bottom{margin-top:2.3rem;padding-top:1.3rem;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:1rem;font-size:.82rem;color:var(--muted)}.footer-bottom a{text-decoration:none}
@media (hover:hover) and (pointer:fine){.service-card:hover{transform:translateY(-4px);border-color:#A4BDF2;box-shadow:var(--shadow)}.button:hover{transform:translateY(-1px)}}
@media(max-width:1140px){.nav-desktop{display:none}.header-mobile{display:flex;align-items:center;gap:.65rem}.mobile-call{display:grid;place-items:center;width:45px;height:45px;border-radius:12px;background:var(--sky);text-decoration:none;font-size:1.35rem;color:var(--blue-dark)}.mobile-nav{position:relative}.mobile-nav>summary{display:flex;align-items:center;gap:.5rem;cursor:pointer;list-style:none;border:1px solid var(--border);border-radius:12px;padding:.55rem .85rem;font-weight:750;color:var(--blue-dark);background:#fff;min-height:45px}.mobile-nav>summary::-webkit-details-marker{display:none}.mobile-nav[open]>summary{background:var(--sky)}.mobile-nav>nav{position:absolute;right:0;top:calc(100% + .7rem);width:min(340px,calc(100vw - 2rem));max-height:calc(100dvh - 105px);overflow:auto;display:flex;flex-direction:column;padding:.6rem;border:1px solid var(--border);border-radius:14px;background:#fff;box-shadow:var(--shadow)}.mobile-nav nav>a,.mobile-flyout>summary,.mobile-flyout>div>a{display:block;padding:.8rem .9rem;border-radius:8px;color:var(--blue-dark);font-weight:700;text-decoration:none}.mobile-nav nav>a:hover,.mobile-flyout>summary:hover,.mobile-flyout>div>a:hover{background:var(--sky)}.mobile-flyout>summary{cursor:pointer}.mobile-flyout>div{padding-left:.65rem;border-left:2px solid var(--border);margin-left:.8rem}.mobile-flyout>div>a{font-size:.9rem}.header-row{min-height:72px}}
@media(max-width:800px){.hero-grid{grid-template-columns:1fr}.hero{padding-bottom:3rem}.signal-art{max-width:330px}.split,.contact-grid{grid-template-columns:1fr}.steps{grid-template-columns:1fr}.cta-band-inner{align-items:flex-start;flex-direction:column}.cta-band-actions{align-items:flex-start}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.trust-grid{gap:0}.trust-grid>div{padding:1rem .65rem;text-align:center}}
@media(max-width:480px){.container{width:min(calc(100% - 1.25rem),var(--max))}.header-row{min-height:66px}.brand img{width:114px}.mobile-nav>summary{padding:.5rem .65rem}.mobile-nav>summary span:last-child{font-size:.85rem}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .button{width:100%}.signal-art{max-width:240px}.signal-chip{font-size:.65rem;padding:.4rem .55rem}.trust-grid{grid-template-columns:1fr}.trust-grid>div{border-right:0;border-bottom:1px solid var(--border);padding:.7rem}.trust-grid>div:last-child{border:0}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;align-items:flex-start}.cta-band-actions{width:100%}.cta-band-actions .button{width:100%}.contact-method{align-items:flex-start}.card-grid{grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media print{.site-header,.site-footer,.cta-band,.hero-actions,.header-mobile{display:none!important}.section{padding:1rem 0}.page-hero,.hero,.section-tint{background:#fff}.service-card,.quote-card,.info-panel{box-shadow:none}}

/* Zusätzliche Fold- und Touch-Optimierung, weiterhin ohne JavaScript */
@media(max-width:350px){.mobile-nav>summary span:last-child{display:none}.mobile-nav>summary{width:45px;justify-content:center}.header-row{gap:.35rem}.header-mobile{gap:.4rem}}
@media(hover:none){.service-card:active{background:#F8FAFF;border-color:var(--blue)}.button:active{background:var(--blue-dark);color:#fff}}

/* Regionale Einsatzgebiete: navigation links remain exclusively in the footer */
.footer-grid{grid-template-columns:minmax(0,1.5fr) repeat(4,minmax(0,1fr));gap:clamp(.9rem,2vw,2rem)}
.footer-regions a{overflow-wrap:anywhere}
.region-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.region-card{min-width:0}
.region-label{font-size:.72rem;text-transform:uppercase;font-weight:800;letter-spacing:.12em;color:var(--blue);margin-bottom:1rem}
.region-overview-link{margin:1.5rem 0 0}
.region-needs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.1rem}
.region-need{padding:1.5rem;background:#fff;border:1px solid var(--border);border-radius:var(--radius)}
.region-need h3{color:var(--blue-dark)}
.region-example{margin-top:1.35rem;padding:1.2rem;border-left:4px solid var(--blue);background:#fff;border-radius:8px}
.region-example strong{color:var(--blue-dark)}
.region-related{display:flex;flex-wrap:wrap;gap:.8rem}
.region-related a{display:inline-flex;align-items:center;padding:.9rem 1rem;background:var(--sky-2);border:1px solid var(--border);border-radius:12px;font-weight:700;text-decoration:none}
.region-related a:hover{background:var(--sky)}
.region-related a span{margin-left:.4rem}
.region-context{padding:1.2rem 0;background:var(--sky-2)}
.region-context p{margin:0}
.region-services .service-card{gap:.35rem}
.page-hero .button{margin-top:.8rem}
@media(max-width:1000px){.footer-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.region-card-grid,.region-needs{grid-template-columns:1fr}}
@media(max-width:480px){.footer-grid{grid-template-columns:1fr}.region-related{flex-direction:column}.region-related a{width:100%}}


/* === 2026: visueller Abgleich mit tcs_privat (TCS Tele Consulting Süd) === */
.site-header{background:#173D87;box-shadow:0 3px 12px rgba(26,65,109,.12);border-bottom:0}
.header-row{width:min(calc(100% - 1.5rem),1320px);min-height:91px}
.brand{background:#fff;border-radius:999px;padding:.2rem .65rem;min-height:72px;flex-shrink:0}
.brand img{width:126px;height:70px;object-fit:contain}
.nav-desktop{background:rgba(255,255,255,.98);border-radius:999px;padding:.34rem .45rem;gap:.1rem;box-shadow:0 2px 10px rgba(29,68,115,.06)}
.nav-desktop>a,.nav-flyout>a{padding:.75rem .6rem;border-radius:999px;font-size:.88rem;color:#173D87;line-height:1.25}
.nav-desktop>a:hover,.nav-flyout>a:hover,.nav-desktop>a:focus-visible{background:#E7EEFF;color:#204EAD}
.nav-desktop>a.nav-private{padding:.77rem 1rem;border-radius:999px;background:#204EAD;color:white}
.nav-desktop>a.nav-private:hover{background:#173D87;color:#fff}
.nav-flyout>a{display:inline-flex;align-items:center;gap:.48rem}
.nav-chevron{display:inline-block;width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .2s ease}
.nav-flyout:hover .nav-chevron,.nav-flyout:focus-within .nav-chevron{transform:translateY(2px) rotate(225deg)}
.nav-flyout .flyout-panel{left:50%;right:auto;transform:translateX(-50%);top:100%;padding:.7rem;border-radius:16px;box-shadow:0 12px 27px rgba(25,68,118,.14)}
.mobile-call{color:#173D87;background:#fff}
.mobile-nav>summary{border:1px solid #D9E4F7;border-radius:10px}
.mobile-nav>nav{border-radius:16px}
/* Breadcrumbs: identische, separate blaue Linie wie bei B2C */
.breadcrumb-band{background:#F9FBFF;border-bottom:1px solid #E1E9F8}
.breadcrumb-band .breadcrumbs{padding-top:.65rem;padding-bottom:.65rem}
.breadcrumb-band .breadcrumbs ol{font-size:.86rem;color:#435470;gap:.45rem}
.breadcrumb-band .breadcrumbs li a{text-decoration:underline;text-underline-offset:.2em;color:#204EAD;font-weight:500}
.breadcrumb-band .breadcrumbs li[aria-current]{font-weight:700;color:#173D87}
.breadcrumb-band .breadcrumbs li+li:before{color:#829BBE}
/* B2C-ähnlicher Foto-Hero mit heller Glas-Karte */
.hero{position:relative;isolation:isolate;min-height:550px;padding:clamp(3rem,6vw,5.5rem) 0;background:#DCE9FF}
.hero-background-image{position:absolute;inset:0;z-index:-2;overflow:hidden}
.hero-background-image img{width:100%;height:100%;object-fit:cover;object-position:center}
.hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(27,63,109,.23),rgba(27,63,109,.06) 65%);pointer-events:none}
.hero .hero-grid{width:min(calc(100% - 2rem),1080px);grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);min-height:0;padding:clamp(1.5rem,3vw,2.65rem);background:rgba(255,255,255,.94);border:1px solid rgba(255,255,255,.88);border-radius:18px;box-shadow:0 12px 38px rgba(24,56,95,.16)}
.hero-copy h1{color:#173D87;font-size:clamp(2.1rem,4.2vw,3.15rem)}
.hero .hero-copy>p{font-size:1.05rem;color:#25344D}
.hero .signal-art{max-width:330px}
.signal-center{background:#fff;border:2px solid #BFD2F6;box-shadow:0 18px 35px rgba(32,78,173,.18);gap:.25rem}
.signal-center img{width:78%;max-width:154px;height:auto;aspect-ratio:286/160;object-fit:contain}
.signal-center small{color:#173D87;font-size:.57rem;font-weight:800;letter-spacing:.16em}
.button{border-radius:999px}
.hero .hero-note{margin-bottom:0}
.page-hero{padding:2.5rem 0 2rem}
.page-hero-image{position:relative;isolation:isolate;min-height:470px;display:flex;align-items:center;overflow:hidden;background:#DCE9FF}
.page-hero-image:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(23,61,135,.30),rgba(23,61,135,.04) 70%)}
.page-hero-image>.container{width:min(calc(100% - 2rem),1200px)}
.page-hero-image .hero-background-image{z-index:-2}
.page-hero-image .hero-background-image img{object-position:center 42%}
.hero-text-card{width:min(100%,760px);padding:clamp(1.3rem,3vw,2.8rem);background:rgba(255,255,255,.94);border:1px solid rgba(255,255,255,.9);border-radius:18px;box-shadow:0 12px 38px rgba(24,56,95,.16)}
.hero-text-card h1{font-size:clamp(2rem,4.1vw,3.2rem)}
/* Alle Cards erhalten denselben, tastatur-/touch-freundlichen Hover */
.service-card,.quote-card,.info-panel,.contact-card,.address-card,.step,.region-need,.team-card,.region-card,.region-example,.region-related a{position:relative;transform-origin:center;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
@media(hover:hover) and (pointer:fine){
 .service-card:hover,.quote-card:hover,.info-panel:hover,.contact-card:hover,.address-card:hover,.step:hover,.region-need:hover,.team-card:hover,.region-card:hover,.region-example:hover,.region-related a:hover{transform:translateY(-5px) scale(1.025);box-shadow:0 12px 30px rgba(25,68,118,.16);border-color:#8DADE5;z-index:2}
}
.team-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
.team-card{margin:0;background:#fff;border:1px solid #D9E4F7;border-radius:16px;padding:1.25rem;text-align:center;box-shadow:0 3px 14px rgba(25,68,118,.06)}
.team-card img{display:block;width:146px;height:146px;max-width:100%;border-radius:50%;object-fit:cover;margin:0 auto 1rem}
.team-card figcaption{display:grid;gap:.2rem;color:#173D87;font-size:1.03rem}
.team-card figcaption span{color:#435470;font-size:.87rem}
/* Kontaktformular wie bei der Privatkundenwebsite, weiterhin ohne JavaScript */
.contact-form-section{background:linear-gradient(155deg,#F3F6FF 0%,#E7EEFC 100%)}
.contact-container{background:#fff;border:1px solid #D9E4F7;border-radius:16px;padding:clamp(1.5rem,4vw,3rem);box-shadow:0 10px 28px rgba(25,53,95,.08);width:min(100%,810px);margin:0 auto}
.contact-container>h2{color:#173D87;text-align:center;font-size:clamp(1.6rem,3vw,2rem)}
.contact-container>.eyebrow{display:block;text-align:center}
.contact-container>.form-intro{text-align:center;max-width:660px;margin:0 auto 1.9rem}
.contact-form{display:grid;gap:1.2rem}
.form-group{display:grid;gap:.45rem}
.form-group label{color:#25344D;font-weight:700}
.form-group input:not([type=checkbox]),.form-group select,.form-group textarea{display:block;width:100%;border:1px solid #D9E4F7;border-radius:8px;background:#fff;color:#25344D;font:inherit;font-size:1rem;padding:.88rem 1rem;transition:border-color .2s ease,box-shadow .2s ease}
.form-group input:focus-visible,.form-group select:focus-visible,.form-group textarea:focus-visible{outline:2px solid #204EAD;outline-offset:1px;border-color:#204EAD;box-shadow:0 0 0 3px rgba(32,78,173,.1)}
.form-group textarea{resize:vertical;min-height:150px}
.form-group .privacy-label{font-size:.91rem;font-weight:400;display:flex;align-items:flex-start;gap:.55rem;line-height:1.6}
.form-group .privacy-label input{accent-color:#204EAD;min-width:18px;min-height:18px;margin:.15rem 0 0}
.form-group .privacy-label a{text-decoration:underline;font-weight:700}
.form-actions{display:flex;justify-content:center;margin-top:.35rem}
.form-actions button{border:0;cursor:pointer;font:inherit;min-width:230px}
.contact-hint{font-size:.86rem;color:#435470;text-align:center;margin:0}
.site-footer{background:#173D87;color:#fff;border:0}
.site-footer p,.site-footer address,.site-footer .footer-bottom{color:#DAE7FF}
.site-footer .footer-grid h2{color:#fff}
.site-footer a{color:#fff}
.site-footer a:hover{color:#DCE9FF}
.site-footer .footer-grid>div>a{text-decoration:none;color:#E6EDFB}
.site-footer .footer-grid>div>a:hover{text-decoration:underline;color:white}
.site-footer .footer-bottom{border-top:1px solid rgba(255,255,255,.2)}
.site-footer .footer-bottom a{color:#fff}
.site-footer .footer-company img{background:#fff;border-radius:999px;padding:.1rem .5rem;box-sizing:content-box;width:132px;height:73px;object-fit:contain}
@media(max-width:1140px){.header-row{min-height:74px}.brand{min-height:60px}.brand img{width:112px;height:59px}.hero .hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,.7fr)}}
@media(max-width:800px){.hero .hero-grid{grid-template-columns:minmax(0,1fr);max-width:670px}.hero .hero-copy{text-align:center}.hero .hero-actions{justify-content:center}.hero .signal-art{max-width:245px}.team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-hero-image{min-height:400px}}
@media(max-width:480px){.hero .hero-grid{width:min(calc(100% - 1.25rem),600px);padding:1.2rem}.hero .signal-art{max-width:205px}.hero .hero-note{font-size:.82rem!important}.team-grid{grid-template-columns:minmax(0,1fr)}.page-hero-image>.container{width:min(calc(100% - 1.25rem),1200px)}.form-actions button{width:100%}}
@media(prefers-reduced-motion:reduce){.service-card,.quote-card,.info-panel,.contact-card,.address-card,.step,.region-need,.team-card,.region-card,.region-example,.region-related a,.nav-chevron{transition:none!important;transform:none!important}}


/* Finale Abstimmung 1:1 mit dem aktuellen tcs_privat-Design */
.eyebrow,.region-label{
 display:inline-block;letter-spacing:.025em;text-transform:none;
 background:#EAF1FF;color:#173D87;border:1px solid #BCD1EF;
 border-radius:999px;padding:.37rem .95rem;font-size:.87rem;font-weight:700;margin-bottom:1rem;
}
.eyebrow.light{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.42);color:#fff}
.header-row{
 display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
 align-items:center;justify-items:stretch;
 gap:.75rem;
}
.header-row>.brand{grid-column:1;justify-self:start}
.header-row>.nav-desktop{grid-column:2;justify-self:center}
.header-row>.header-mobile{grid-column:3;justify-self:end}
.nav-desktop>a.nav-private{
 background:transparent;color:#173D87;
 padding:.75rem .6rem;font-weight:650;
}
.nav-desktop>a.nav-private:hover,.nav-desktop>a.nav-private:focus-visible{
 background:#E7EEFF;color:#204EAD
}
.nav-desktop>a.nav-contact{background:#204EAD;color:#fff;padding:.75rem 1.1rem;border-radius:999px}
.nav-desktop>a.nav-contact:is(:hover,:focus-visible){background:#173D87;color:#fff}
.nav-desktop .external-arrow,.mobile-nav .external-arrow,.popup-content .external-arrow{
 display:inline-block;font-size:.88em;font-weight:800;margin-left:.14rem;
 transition:transform .18s ease
}
.nav-desktop a:hover .external-arrow,.mobile-nav a:hover .external-arrow{transform:translate(1px,-2px)}
.mobile-nav .nav-contact{background:#204EAD;color:white!important;font-weight:700;border-radius:10px}
.mobile-nav .nav-contact:hover{background:#173D87}
@media(max-width:1140px){
 .header-row{display:flex;justify-content:space-between}
}
/* Genau das B2C-Breadcrumb-Band mit den sichtbaren »-Trennzeichen. */
.breadcrumb-band{background:#F9FBFF;border-bottom:1px solid #E1E9F8}
.breadcrumb-band .container{padding-top:.65rem;padding-bottom:.65rem}
.breadcrumb-band nav.breadcrumb{
 display:flex;flex-wrap:wrap;align-items:center;gap:.3rem .55rem;
 margin:0;font-size:.9rem;color:#435470;line-height:1.5;
}
.breadcrumb-band .breadcrumb a{
 font-size:.86rem;color:#204EAD;
 text-decoration:underline;text-underline-offset:.2em;font-weight:500;
}
.breadcrumb-band .breadcrumb a[aria-current="page"]{
 color:#173D87;text-decoration:none;font-weight:700
}
.breadcrumb-band .breadcrumb span[aria-hidden="true"]{font-size:.94rem;color:#829BBE}
/* Identisch zum FAQ-Accordion der Privatkundenwebsite. */
.faq-list{max-width:800px;margin:0 auto;border:0}
.faq-item{margin:0 0 1rem;border:1px solid #D9E4F7;border-radius:8px;padding:0;overflow:hidden;background:white}
.faq-item summary{
 display:block;position:relative;cursor:pointer;list-style:none;
 padding:1.5rem 3.6rem 1.5rem 1.5rem;
 font-size:1.1rem;font-weight:700;color:#204EAD;background:#EAF1FF;
 transition:background .2s ease;
}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::marker{content:""}
.faq-item summary::after{content:"+";position:absolute;right:1.5rem;top:50%;transform:translateY(-50%);font-size:1.4rem;font-weight:450}
.faq-item[open] summary::after{content:"−"}
.faq-item summary:hover,.faq-item summary:focus-visible{background:#DCE9FF}
.faq-item .faq-content{padding:1.5rem;background:#fff}
.faq-item .faq-content p{margin:0;max-width:75ch;color:#25344D}
/* Auf die Originalpfeile der B2C-Seite abgestimmt. */
.hero{overflow:hidden}
.hero .hero-scroll-chevron{
 position:absolute;left:50%;bottom:12px;z-index:3;transform:translateX(-50%);
 display:grid;place-items:center;width:46px;height:46px;
 border-radius:50%;border:1px solid rgba(255,255,255,.88);
 background:rgba(255,255,255,.88);box-shadow:0 4px 16px rgba(25,53,95,.18);
 color:#173D87;text-decoration:none;
}
.hero .hero-scroll-chevron span{
 display:block;width:15px;height:15px;border-right:3px solid currentColor;border-bottom:3px solid currentColor;
 transform:translateY(-3px) rotate(45deg);animation:tcs-chevron-bounce 1.6s ease-in-out infinite
}
@keyframes tcs-chevron-bounce{
 0%,100%{transform:translateY(-4px) rotate(45deg)}
 50%{transform:translateY(4px) rotate(45deg)}
}
.hero .hero-scroll-chevron:is(:hover,:focus-visible){background:white;outline:2px solid #204EAD;outline-offset:3px}
.back-to-top{
 position:fixed;bottom:2rem;right:2rem;z-index:900;
 background:#204EAD;color:#fff!important;width:50px;height:50px;
 border-radius:50%;display:flex;align-items:center;justify-content:center;
 font-size:1.5rem;box-shadow:0 8px 16px rgba(0,0,0,.1);
 text-decoration:none;transition:background .2s ease,transform .2s ease;
}
.back-to-top:hover{background:#173D87;transform:translateY(-3px)}
/* CSS-Dialog als Pendant zum bestehenden Geschäftskunden-Popup von tcs_privat */
.popup-overlay{
 display:none;position:fixed;inset:0;z-index:2000;
 background:rgba(0,0,0,.7);align-items:center;justify-content:center;
 padding:1.3rem;overflow:auto;
}
.popup-overlay:target{display:flex}
.popup-content{
 width:min(100%,500px);max-height:calc(100dvh - 2.6rem);overflow:auto;
 background:#fff;padding:clamp(1.5rem,4vw,2.4rem);border-radius:20px;
 text-align:center;box-shadow:0 16px 45px rgba(0,0,0,.22);
}
.popup-content h2{color:#204EAD;font-size:clamp(1.45rem,4vw,1.9rem)}
.popup-content p{color:#25344D;margin-bottom:1.5rem}
.popup-content .button{max-width:100%;white-space:normal}
.popup-close{display:block;margin-top:1.2rem;color:#204EAD;text-decoration:underline}
/* B2C-Footer: Impressum/Datenschutz unterhalb der Spalten zentriert */
.site-footer .footer-bottom{
 display:flex;flex-direction:column;align-items:center;justify-content:center;
 text-align:center;gap:.35rem;
 max-width:1200px;margin:2.2rem auto 0;padding:1.5rem 1rem .2rem;
 border-top:1px solid rgba(255,255,255,.2)
}
.site-footer .footer-bottom p{margin:0;color:#DAE7FF;font-size:.9rem}
.site-footer .footer-bottom a{color:#fff;text-decoration:underline;text-underline-offset:.2em}
.site-footer .footer-bottom a:hover{background:rgba(255,255,255,.15);color:white}
.site-footer .footer-company img{
 display:block;width:160px;height:auto;max-height:none;
 aspect-ratio:286/160;object-fit:contain;
 padding:.65rem .6rem .5rem;
 background:#fff;border-radius:14px;box-sizing:border-box;
 overflow:visible;
}
.signal-center img{height:auto;width:83%;max-width:160px}
@media (max-width:480px){
 .back-to-top{right:1rem;bottom:1rem}
 .popup-content{border-radius:16px}
 .faq-item summary{font-size:1rem;padding:1.1rem 3rem 1.1rem 1rem}
 .faq-item .faq-content{padding:1.1rem}
}
@media(prefers-reduced-motion:reduce){
 .hero .hero-scroll-chevron span{animation:none}
 .back-to-top,.external-arrow{transition:none!important;transform:none!important}
}


/* Mobile icon/header parity with tcs_privat main: phone beside the logo,
   same SVG artwork for handset and hamburger; JS-free native details remains. */
.brand-area{grid-column:1;justify-self:start;min-width:0;display:flex;align-items:center;gap:.35rem}
.brand-area>.brand{min-width:0}
.brand-area>.mobile-call{display:none}
@media(max-width:1140px){
 .header-row{position:relative}
 .brand-area{display:flex;align-items:center;gap:.35rem;flex:0 1 auto}
 .brand-area>.brand{flex:0 1 auto}
 .brand-area>.mobile-call{
  display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;
  border:0;border-radius:50%;background:#EAF1FF;color:#204EAD;
  text-decoration:none;box-shadow:inset 0 0 0 1px #D9E4F7;
  transition:background .2s ease
 }
 .brand-area>.mobile-call:hover,.brand-area>.mobile-call:focus-visible{
  background:#DCE9FF;color:#173D87;outline:2px solid #173D87;outline-offset:2px
 }
 .brand-area .phone-icon{display:block;width:21px;height:21px;margin:auto}
 .header-mobile{display:flex;align-items:center;justify-content:flex-end}
 .mobile-nav{position:static}
 .mobile-nav>summary{
  display:flex;align-items:center;justify-content:center;
  width:48px;height:48px;min-height:48px;padding:0;margin:0;
  background:#fff;color:#173D87;border:1px solid rgba(7,72,84,.16);
  border-radius:12px;box-shadow:0 1px 5px rgba(7,72,84,.12);cursor:pointer
 }
 .mobile-nav>summary:is(:hover,:focus-visible),.mobile-nav[open]>summary{
  background:#E2ECFF;color:#173D87;outline:2px solid #173D87;outline-offset:2px
 }
 .mobile-nav .burger-icon{display:block;width:25px;height:25px;flex:none;color:inherit;pointer-events:none}
 .mobile-nav>nav{
  position:absolute;left:0;right:0;top:calc(100% + .4rem);width:auto;
  max-height:calc(100dvh - 105px);overflow:auto;z-index:50;padding:.65rem;
  border:1px solid #D9E4F7;border-radius:14px;background:#fff;
  box-shadow:0 12px 35px rgba(18,44,81,.25)
 }
 .mobile-nav nav>a,.mobile-flyout>summary,.mobile-flyout>div>a{min-height:44px}
}
@media(max-width:420px){
 .brand-area>.mobile-call{width:38px;height:38px;flex-basis:38px}
 .brand-area .phone-icon{width:20px;height:20px}
 .mobile-nav>summary{width:46px;height:46px;min-height:46px}
}
@media(max-width:350px){
 .brand-area{gap:.2rem}
 .brand-area>.brand{min-height:52px;padding:.15rem .4rem}
 .brand-area>.brand img{width:94px;height:52px}
 .mobile-nav>summary{width:44px;height:44px;min-height:44px}
}
@media(prefers-reduced-motion:reduce){
 .brand-area>.mobile-call{transition:none}
}


/* Über uns: Gruppenfoto so ausrichten, dass Gesichter statt Körperanschnitte
   sichtbar sind. Das Motiv rückt gegenüber den ursprünglichen 42% tiefer
   im Hero-Bereich; keine zusätzliche Bilddatei oder JavaScript nötig. */
.page-hero-image .hero-background-image img{
 object-position:center 7%;
}
@media(min-width:1100px){
 .page-hero-image .hero-background-image img{object-position:center 4%}
 .page-hero-image .hero-text-card{
  width:min(100%,600px);max-width:600px;
 }
}
@media(max-width:760px){
 .page-hero-image .hero-background-image img{object-position:center top}
}

/* Ein einziges, bewusst zentral platziertes Kontaktformular. Auf Kontakt
   bekommt der direkte Kontaktblock die volle Breite; Sprungmarken
   berücksichtigen den fixierten Header (auch auf Fold-Geräten). */
.contact-grid.contact-grid-single{display:block;max-width:1020px;margin-inline:auto}
.contact-grid.contact-grid-single>.contact-card{width:100%;max-width:none}
.contact-grid.contact-grid-single .contact-method{max-width:100%;overflow-wrap:anywhere}
#kontaktformular{scroll-margin-top:clamp(80px,12vw,112px)}
.region-quiet-link{padding:0 0 1.7rem;text-align:left}
.region-quiet-link p{margin:0;font-size:.92rem}
.region-quiet-link a{color:var(--blue-dark);text-decoration:underline;text-underline-offset:.2em}
.cloudcom-section .info-panel{align-self:start}
.cloudcom-section .button{margin-top:.8rem}
.cloudcom-section .info-panel .small{font-size:.88rem;margin:1rem 0}
@media(max-width:800px){.contact-grid.contact-grid-single{max-width:100%}}


/* B2C-Mobilnavigation: gemeinsames Logo-/Telefon-Oval, weißer runder Burger,
   aufklappende Menüfläche und schließbares Backdrop mit :target ohne JS. */
.mobile-nav-panel,.mobile-nav-backdrop{display:none}
@media(max-width:1140px){
 .header-row{position:relative}
 .header-row>.brand-area{
  display:flex;align-items:center;justify-content:space-between;
  min-width:0;max-width:100%;gap:0;
  padding:.35rem .55rem .35rem .75rem;
  background:#fff;border-radius:999px;
  box-shadow:0 2px 7px rgba(25,68,118,.09);
 }
 .header-row>.brand-area>.brand{
  display:flex;flex:1 1 auto;min-height:0;min-width:0;
  padding:0;background:transparent;border-radius:0;
  align-items:center;box-shadow:none;
 }
 .header-row>.brand-area>.brand img{
  display:block;width:auto;max-width:100%;max-height:54px;
  height:auto;object-fit:contain;object-position:left center
 }
 .header-row>.brand-area>.mobile-call{
  display:grid;place-items:center;flex:0 0 42px;
  width:42px;height:42px;margin-left:.35rem;padding:0;
  border:none;border-radius:50%;background:#EAF1FF;
  box-shadow:inset 0 0 0 1px #D9E4F7;color:#204EAD;
 }
 .header-row>.brand-area>.mobile-call .phone-icon{
  display:block;width:21px;height:21px;margin:auto
 }
 .header-row>.brand-area>.mobile-call:is(:hover,:focus-visible){
  background:#DCE9FF;color:#173D87;outline:2px solid #173D87;outline-offset:2px
 }
 .header-row>.header-mobile{
  display:flex;justify-content:flex-end;align-items:center;
  position:static;margin:0;padding:0;flex:0 0 auto;
 }
 .header-mobile>.mobile-menu-toggle{
  display:grid;place-items:center;flex:0 0 52px;
  width:52px;height:52px;padding:0;line-height:0;
  border:1px solid #D9E5F7;border-radius:50%;
  background:#fff;color:#173D87;
  box-shadow:0 3px 8px rgba(25,68,118,.12);
  text-decoration:none;cursor:pointer;position:relative;z-index:104;
 }
 .mobile-menu-toggle .burger-icon{width:25px;height:25px;display:block;pointer-events:none}
 .mobile-menu-toggle:is(:hover,:focus-visible){
  background:#F2F8FF;outline:2px solid #173D87;outline-offset:2px
 }
 .mobile-menu-toggle::after{content:"×";display:none;font-family:Arial,sans-serif;font-size:32px;font-weight:350;line-height:1;color:#173D87}
 .header-mobile:has(.mobile-nav-panel:target)>.mobile-menu-toggle .burger-icon{display:none}
 .header-mobile:has(.mobile-nav-panel:target)>.mobile-menu-toggle::after{display:block}
 .header-mobile>.mobile-nav-panel{
  position:absolute;top:calc(100% + .4rem);left:1rem;right:1rem;
  display:flex;flex-direction:column;width:auto;max-width:none;
  max-height:calc(100dvh - 105px);overflow:auto;
  z-index:103;padding:.65rem;margin:0;
  border:1px solid #D9E4F7;border-radius:14px;background:#fff;
  box-shadow:0 12px 35px rgba(18,44,81,.25);
  opacity:0;visibility:hidden;pointer-events:none;
  transform:translateY(-8px);
  transition:opacity .18s ease,transform .18s ease,visibility .18s ease
 }
 .header-mobile>.mobile-nav-panel:target{
  opacity:1;visibility:visible;pointer-events:auto;
  transform:translateY(0)
 }
 .mobile-nav-panel>a,.mobile-nav-panel>.mobile-flyout>summary,
 .mobile-nav-panel>.mobile-flyout>div>a{
  display:block;padding:.9rem 1.1rem;min-height:44px;
  text-decoration:none;color:#173D87;font-weight:700;
  border-radius:9px;white-space:normal;line-height:1.4
 }
 .mobile-nav-panel>a:is(:hover,:focus-visible),
 .mobile-nav-panel>.mobile-flyout>summary:is(:hover,:focus-visible),
 .mobile-nav-panel>.mobile-flyout>div>a:is(:hover,:focus-visible){
  background:#EAF1FF;color:#204EAD
 }
 .mobile-nav-panel>.mobile-flyout>summary{list-style:none;cursor:pointer;position:relative;padding-right:3rem}
 .mobile-nav-panel>.mobile-flyout>summary::-webkit-details-marker{display:none}
 .mobile-nav-panel>.mobile-flyout>summary::after{
  content:"";position:absolute;right:1.35rem;top:48%;width:8px;height:8px;
  border-right:2px solid #173D87;border-bottom:2px solid #173D87;
  transform:translateY(-50%) rotate(45deg);transition:transform .18s
 }
 .mobile-nav-panel>.mobile-flyout[open]>summary::after{transform:translateY(-10%) rotate(225deg)}
 .mobile-nav-panel>.mobile-flyout>div{
  margin:0 0 .45rem .8rem;padding-left:.6rem;border-left:2px solid #D9E4F7
 }
 .mobile-nav-panel>.mobile-flyout>div>a{font-size:.92rem;font-weight:600}
 .mobile-nav-panel>a.nav-contact{
  display:block;margin-top:.35rem;text-align:center;border-radius:9px;
  background:#204EAD;color:#fff;min-height:46px
 }
 .mobile-nav-panel>a.nav-contact:is(:hover,:focus-visible){background:#173D87;color:#fff}
 .header-mobile>.mobile-nav-backdrop{
  display:none;position:fixed;inset:0;z-index:102;
  background:rgba(18,44,81,.38);cursor:default
 }
 .header-mobile>.mobile-nav-panel:target + .mobile-nav-backdrop{display:block}
}
@media(max-width:420px){
 .header-row>.brand-area{padding:.28rem .35rem .28rem .5rem}
 .header-row>.brand-area>.brand img{max-height:48px}
 .header-row>.brand-area>.mobile-call{
  width:38px;height:38px;flex-basis:38px;margin-left:.2rem
 }
 .header-row>.brand-area>.mobile-call .phone-icon{width:20px;height:20px}
 .header-mobile>.mobile-menu-toggle{width:46px;height:46px;flex-basis:46px}
 .header-row{gap:.45rem}
 .header-mobile>.mobile-nav-panel{left:.5rem;right:.5rem}
}
@media(max-width:320px){
 .header-row>.brand-area>.brand img{max-height:43px}
 .header-row>.brand-area>.mobile-call{width:36px;height:36px;flex-basis:36px}
 .header-mobile>.mobile-menu-toggle{width:44px;height:44px;flex-basis:44px}
}
@media(prefers-reduced-motion:reduce){
 .header-mobile>.mobile-nav-panel,.mobile-nav-panel>.mobile-flyout>summary::after{transition:none!important}
}


/* Footer-Marke exakt wie die weiße ovale Wortmarke im Header: Logo vollständig sichtbar. */
.site-footer .footer-grid .footer-company a.footer-brand{
 display:inline-flex;align-items:center;justify-content:center;
 width:max-content;max-width:100%;
 background:#fff;border-radius:999px;
 padding:.2rem .65rem;margin:0;
 box-shadow:0 2px 7px rgba(25,68,118,.09);
 text-decoration:none;box-sizing:border-box;
}
.site-footer .footer-company a.footer-brand img{
 display:block;
 width:126px;max-width:100%;
 height:auto;max-height:none;aspect-ratio:286/160;
 object-fit:contain;object-position:center;
 padding:0;border:0;border-radius:0;
 background:transparent;box-shadow:none;
 box-sizing:border-box;overflow:visible;
}
.site-footer .footer-company a.footer-brand:focus-visible{
 outline:3px solid #BFD2F6;outline-offset:3px
}