/*
Theme Name: Elektro Kembügler
Description: Unternehmenswebsite mit erweiterbaren Seiten und einer Projektverwaltung auf Basis der bereitgestellten Kembügler-Vorlagen.
Version: 1.0.16
Author: Elektro Kembügler GmbH
Requires at least: 6.6
Requires PHP: 8.0
Text Domain: elektro-kembuegler
*/
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #e5332a;outline-offset:4px}
body.admin-bar #nav{top:32px} .wp-site-fallback{max-width:1000px;margin:120px auto;padding:24px;color:#fff;background:#111;font:18px/1.6 Arial}.wp-site-fallback a{color:#e5332a}.kemb-form-note{font:13px/1.6 Arial;color:#bbb;padding:12px 0}.kemb-no-download{font-size:13px;color:#bbb}
@media(max-width:1100px){.nav-ul{display:none!important}.nav-burger{display:flex!important}}
@media(max-width:782px){body.admin-bar #nav{top:46px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Original supplied negative logo, with its native aspect ratio. */
.nav-logo svg{width:240px!important;height:auto!important;max-width:100%;display:block}.f-brand svg{width:240px!important;height:auto!important;max-width:100%;display:block}@media(max-width:420px){.nav-logo svg{width:200px!important}}

/* Original RGB logo on a white background for legibility. */
.nav-logo svg,.f-brand svg{background:#fff;padding:8px;box-sizing:border-box}.nav-logo svg{width:226px!important}.f-brand svg{width:240px!important}

/* Large original color logo adapted for the dark header. */
#nav{height:128px!important;padding:12px 32px!important;gap:32px;box-sizing:border-box}
.nav-logo-wrap{background:transparent!important;padding:0!important;flex:0 0 auto;max-width:calc(100% - 64px)}
.nav-logo{display:block!important;max-width:100%}
.nav-logo svg,.f-brand svg{background:transparent!important;padding:0!important;width:360px!important;height:auto!important;max-width:100%;display:block}
.nav-ul{flex-wrap:wrap;justify-content:flex-end}
#mob-nav{top:128px!important;max-height:calc(100dvh - 128px);overflow:auto}
.hero{padding-top:180px!important}.page-hero{padding-top:180px!important}
.site-notice{margin-top:128px!important}
.f-brand{grid-column:1/-1}.f-brand svg{margin-bottom:24px}
@media(max-width:1500px){.nav-ul{display:none!important}.nav-burger{display:flex!important;flex-shrink:0}}
@media(max-width:600px){#nav{height:110px!important;padding:12px 20px!important;gap:20px}.nav-logo svg{width:300px!important}#mob-nav{top:110px!important;max-height:calc(100dvh - 110px)}.site-notice{margin-top:110px!important}.hero,.page-hero{padding-top:154px!important}}
body.admin-bar #mob-nav{margin-top:32px}@media(max-width:782px){body.admin-bar #mob-nav{margin-top:46px}}

/* Supplied icon artwork, isolated images keep SVG styles out of the logo. */
.kemb-icon{display:inline-block!important;width:1.4em;height:1.4em;min-width:1.4em;object-fit:contain;vertical-align:middle;flex-shrink:0}
:is(.leist-ic,.mod-icon,.ss-icon,.lw-icon,.pb-icon,.br-icon,.obj-icon,.v-icon,.zert-icon,.c-icon,.ch-icon,.sec-icon,.sec-head-icon,.ig-icon,.hcb-icon,.nd-icon):has(>.kemb-icon){background:transparent!important;padding:0!important;overflow:visible}
:is(.leist-ic,.mod-icon,.ss-icon,.lw-icon,.pb-icon,.br-icon,.obj-icon,.v-icon,.zert-icon,.c-icon,.ch-icon,.sec-icon,.sec-head-icon,.ig-icon,.hcb-icon,.nd-icon)>.kemb-icon{width:48px;height:48px;min-width:48px;max-width:100%}
:is(.leist-ic,.mod-icon,.ss-icon,.lw-icon,.pb-icon,.br-icon,.obj-icon,.v-icon,.zert-icon,.c-icon,.ch-icon,.sec-icon,.sec-head-icon,.ig-icon,.hcb-icon,.nd-icon):has(>.kemb-icon){min-width:48px;min-height:48px}

/* Architecture and original manufacturer photography. */
.kemb-tech{padding:100px 32px;background:#101010;border-top:1px solid #292929}
.kemb-tech-inner{max-width:1320px;margin:0 auto}
.kemb-tech-heading{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:end;margin-bottom:42px}
.kemb-tech-heading h2{font-size:clamp(34px,4.5vw,58px);line-height:1.06;letter-spacing:-1.3px;margin:0;font-weight:900}
.kemb-tech-heading h2 em{font-style:normal;color:#e5332a}
.kemb-tech-heading>p{color:#bbb;font-size:16px;line-height:1.8;max-width:490px;margin:0 0 4px}
.kemb-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.kemb-feature{background:#1b1b1b;border:1px solid #303030;overflow:hidden;display:flex;flex-direction:column;transition:border-color .25s}
.kemb-feature:hover{border-color:#e5332a}
.kemb-feature-media{position:relative;height:290px;overflow:hidden;background:#222}
.kemb-feature-media>img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s}
.kemb-feature:hover .kemb-feature-media>img{transform:scale(1.035)}
.kemb-feature-copy{padding:28px;display:flex;flex-direction:column;flex:1}
.kemb-feature-kicker{font-size:10px!important;font-weight:700;letter-spacing:2px;color:#e7645d!important;margin:0 0 16px!important}
.kemb-feature h3{font-size:clamp(23px,2.3vw,30px);line-height:1.15;font-weight:800;letter-spacing:-.6px;color:#fff;margin:0 0 18px}
.kemb-feature-copy>p{font-size:14px;line-height:1.8;color:#b9b9b9;margin:0 0 24px}
.kemb-feature-copy>a{margin-top:auto;font-size:13px;font-weight:700;color:#fff;padding-top:20px;border-top:1px solid #3a3a3a;display:flex;justify-content:space-between;gap:12px;text-decoration:none}
.kemb-feature-copy>a:hover{color:#ff766f}
.kemb-feature-copy>a span{font-size:21px;line-height:1}
.kemb-product-detail{position:absolute;right:16px;bottom:16px;background:#fff;width:130px;padding:8px;box-shadow:0 8px 25px #0005;text-align:center}
.kemb-product-detail>img{display:block;width:100%;height:86px;object-fit:contain;background:#fff}
.kemb-product-detail>span{font-size:10px;font-weight:700;letter-spacing:.8px;color:#444}
.kemb-captioned{position:relative}
.kemb-photo-credit{position:absolute;top:10px;right:10px;z-index:3;max-width:calc(100% - 20px);background:rgba(0,0,0,.74);color:#eee!important;padding:5px 8px;font:9px/1.4 Arial,sans-serif;letter-spacing:.2px;pointer-events:none;border-radius:2px}
.proj-img>.kemb-photo-credit{top:auto;bottom:10px}
.kemb-photo-frame{position:relative;margin:0;min-width:0;width:100%}
.kemb-photo-frame>img{display:block}
.kemb-product-detail>.kemb-photo-credit{display:none}
.kemb-image-credits{padding:22px 32px;background:#101010;border-top:1px solid #282828;color:#999;font-size:11px;line-height:1.8}
.kemb-image-credits summary{cursor:pointer;font-weight:600;letter-spacing:.3px}
.kemb-image-credits p{max-width:850px;margin:14px 0 10px}
.kemb-image-credits ul{list-style:none;margin:0;padding:0;display:flex;gap:8px 28px;flex-wrap:wrap}
.kemb-image-credits a{color:#ccc;text-decoration:underline;text-underline-offset:3px}
@media(min-width:901px){.leist-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.leist-card{padding:36px}.leist-card h3{font-size:17px}.leist-card p{font-size:14px}.tile{height:360px}}
@media(max-width:1000px){.kemb-tech{padding:72px 24px}.kemb-tech-heading{gap:32px}.kemb-feature-grid{grid-template-columns:1fr}.kemb-feature{display:grid;grid-template-columns:1fr 1fr}.kemb-feature-media{height:100%;min-height:300px}.kemb-feature-copy{padding:30px}.kemb-feature h3{font-size:29px}}
@media(max-width:600px){.kemb-tech{padding:60px 20px}.kemb-tech-heading{grid-template-columns:1fr;gap:22px;margin-bottom:30px}.kemb-tech-heading h2{font-size:40px}.kemb-feature{display:flex}.kemb-feature-media{height:270px;min-height:0}.kemb-feature-copy{padding:26px}.kemb-image-credits{padding:20px}.kemb-photo-credit{font-size:8px}}

img[data-photo-key="gira-audio"],img[data-photo-key="gira-tuerkommunikation"]{object-fit:contain!important;background:#ededed}

/* Updated wording, complete location-card removal and preview data labels. */
.usp-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.kemb-demo-note{padding:14px 18px;border-left:3px solid #e5332a;background:#211715;color:#e5c3bd;font-size:13px;line-height:1.65;margin:0 0 24px;max-width:880px}
.gira-chip span{line-height:1.6}
.kemb-feature-media img[data-photo-key="licht-privathaus"]{object-position:57% center}
@media(max-width:600px){.usp-grid{grid-template-columns:1fr}}

.hero-kpi-bar{grid-template-columns:repeat(2,minmax(0,1fr))}