body.demo-elektriker{--demo-accent:#f0b400;--demo-accent-dark:#ba8500;background:#f4f5f7;}
.demo-hero--elektriker{padding:2.5rem 0 0;}
.elektriker-hero-shell{position:relative;min-height:42rem;border-radius:1.2rem;overflow:hidden;background:#0e131c;color:#fff;box-shadow:0 35px 80px rgba(4,8,15,.28);}
.elektriker-hero-image{position:absolute;inset:0 0 0 42%;}
.elektriker-hero-image::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0e131c 0,rgba(14,19,28,.94) 14%,rgba(14,19,28,.28) 66%,rgba(14,19,28,.05));}
.elektriker-hero-image img{width:100%;height:100%;object-fit:cover;}
.elektriker-hero-copy{position:relative;z-index:1;width:min(58%,44rem);padding:clamp(2rem,5vw,5rem);}
.elektriker-hero-copy h1{font-size:clamp(2.5rem,5vw,5rem);color:#fff;}
.elektriker-hero-copy .lead,.elektriker-hero-copy .hero-text{color:#d8dee8;}
.elektriker-hero-copy .kicker{background:#f0b400;color:#17130a;}
.elektriker-hero-copy .button.ghost{background:transparent;color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.4);}
.elektriker-hero-copy .info-pills span{background:rgba(15,20,30,.72);border-color:rgba(255,255,255,.16);color:#e7ebf1;}
.elektriker-services{padding-top:5rem;background:#151b25;color:#fff;}
.elektriker-services .section-head p{color:#b9c1ce;}
.elektriker-services .demo-service-list{grid-template-columns:1fr;gap:0;border-top:1px solid #38404d;}
.elektriker-services .demo-service-card{display:grid;grid-template-columns:5rem minmax(12rem,.7fr) 1fr;align-items:center;gap:1rem;border:0;border-bottom:1px solid #38404d;border-radius:0;background:transparent;box-shadow:none;color:#fff;padding:1.5rem 0;}
.elektriker-services .demo-service-card::before{content:"0" attr(data-service-number);font-size:1.5rem;color:#f0b400;font-weight:800;}
.elektriker-services .demo-service-card h3,.elektriker-services .demo-service-card p{margin:0;}
.elektriker-services .demo-service-card p{color:#b9c1ce;}
.elektriker-stats{background:#151b25;color:#fff;padding-top:1rem;}
.elektriker-stats .section-head p,.elektriker-stats .stat p{color:#b9c1ce;}
.elektriker-stats .demo-stats-grid{grid-template-columns:repeat(4,1fr);border:1px solid #38404d;border-radius:1rem;overflow:hidden;gap:0;}
.elektriker-stats .stat{border:0;border-right:1px solid #38404d;border-radius:0;background:#10151e;color:#fff;box-shadow:none;}
.elektriker-stats .stat:last-child{border-right:0;}
.elektriker-stats .demo-stats-detail .card,.elektriker-stats .demo-stats-detail .accent-panel{background:#10151e;border-color:#38404d;color:#fff;box-shadow:none;}
.elektriker-stats .demo-stats-detail p,.elektriker-stats .badges span{color:#c3cad4;}
.elektriker-stats .badges span{background:#222a36;}
.elektriker-intro .demo-intro-grid{grid-template-columns:.8fr 1.2fr;}
.elektriker-intro .demo-contact-facts{order:-1;background:#f0b400;color:#17130a;border-radius:.8rem;box-shadow:none;}
.elektriker-intro .demo-contact-facts p{color:#3a321d;}
.elektriker-intro .demo-intro-copy{border-radius:.8rem;box-shadow:none;border:1px solid #d8dce3;}
.elektriker-proof .demo-proof-grid{gap:0;border:1px solid #d8dce3;}
.elektriker-proof .demo-proof-card{border:0;border-right:1px solid #d8dce3;border-radius:0;box-shadow:none;}
.elektriker-proof .demo-proof-card:last-child{border-right:0;}
.elektriker-process .demo-process-grid{grid-template-columns:1fr;max-width:850px;}
.elektriker-process .step{display:grid;grid-template-columns:4rem 12rem 1fr;align-items:center;gap:1rem;border:0;border-left:2px solid #f0b400;border-radius:0;box-shadow:none;background:#fff;}
.elektriker-process .step-number{margin:0;}
.elektriker-process .step h3,.elektriker-process .step p{margin:0;}
.elektriker-faq .faq-list{grid-template-columns:repeat(2,minmax(0,1fr));}
.elektriker-faq .faq-item{border-radius:.5rem;box-shadow:none;border-top:3px solid #f0b400;}
.elektriker-next .card{border-radius:.5rem;box-shadow:none;}
.elektriker-contact{background:#0e131c;color:#fff;}
.elektriker-contact .section-head p{color:#b9c1ce;}
.elektriker-contact .contact-panel{background:#151b25;border-color:#38404d;box-shadow:none;}
.elektriker-contact label{color:#fff;}
@media(max-width:900px){.elektriker-hero-shell{min-height:auto}.elektriker-hero-image{position:relative;inset:auto;height:22rem}.elektriker-hero-image::after{background:linear-gradient(0deg,#0e131c,transparent 55%)}.elektriker-hero-copy{width:100%;padding:2rem}.elektriker-services .demo-service-card{grid-template-columns:3.5rem 1fr}.elektriker-services .demo-service-card p{grid-column:2}.elektriker-stats .demo-stats-grid{grid-template-columns:1fr 1fr}.elektriker-stats .stat:nth-child(2){border-right:0}.elektriker-stats .stat{border-bottom:1px solid #38404d}.elektriker-intro .demo-intro-grid,.elektriker-faq .faq-list{grid-template-columns:1fr}.elektriker-process .step{grid-template-columns:3.5rem 1fr}.elektriker-process .step p{grid-column:2}.elektriker-proof .demo-proof-card{border-right:0;border-bottom:1px solid #d8dce3}}
body.demo-elektriker .demo-strip{background:#f0b400;color:#17130a;font-weight:800;}
body.demo-elektriker .site-header{background:rgba(14,19,28,.96);border-bottom-color:#343c49;}
body.demo-elektriker .brand strong,body.demo-elektriker .main-nav a{color:#fff;}
body.demo-elektriker .brand small{color:#aeb7c5;}
body.demo-elektriker .brand-badge{border-radius:.25rem;background:#f0b400;color:#17130a;box-shadow:none;}
body.demo-elektriker .main-nav a.active,body.demo-elektriker .main-nav a:hover{color:#f0b400;}
body.demo-elektriker .button,body.demo-elektriker button{border-radius:.25rem;color:#17130a;}
body.demo-elektriker .button.ghost{color:inherit;}
body.demo-elektriker .site-footer{background:#0e131c;color:#fff;border-top-color:#343c49;}
body.demo-elektriker .site-footer p,body.demo-elektriker .footer-bottom{color:#aeb7c5;}
body.demo-elektriker .site-footer a:hover{color:#f0b400;}

/* Mittlere Ansichten: Leistungen und Navigation dürfen nicht zusammengedrückt werden. */
.elektriker-services .demo-service-card::before{grid-row:1 / span 2;align-self:start;line-height:1.2;}
.elektriker-services .demo-service-card h3{min-width:0;overflow-wrap:normal;word-break:normal;hyphens:none;}
@media(max-width:1180px){
  body.demo-elektriker .nav-wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;}
  body.demo-elektriker .main-nav{grid-column:1 / -1;width:100%;max-width:100%;justify-content:flex-start;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin;}
  .elektriker-services .demo-service-card{grid-template-columns:3.5rem minmax(0,1fr);align-items:start;}
  .elektriker-services .demo-service-card h3,.elektriker-services .demo-service-card p{grid-column:2;}
}
@media(max-width:760px){
  body.demo-elektriker .nav-wrap{grid-template-columns:minmax(0,1fr);}
  body.demo-elektriker .nav-wrap > *{grid-column:1;}
  .elektriker-services .demo-service-card{grid-template-columns:2.75rem minmax(0,1fr);gap:.85rem;}
  .elektriker-services .demo-service-card::before{font-size:1.1rem;}
}
@media(max-width:1180px) and (min-width:761px){
  body.demo-elektriker .brand{grid-column:1;grid-row:1;}
  body.demo-elektriker .nav-wrap > .button-small{grid-column:2;grid-row:1;justify-self:end;width:auto;}
  body.demo-elektriker .main-nav{grid-row:2;}
}
.demo-layout-elektriker > section{scroll-margin-top:7rem;}
@media(max-width:1180px){.demo-layout-elektriker > section{scroll-margin-top:10.5rem;}}
