:root{--bg:#050607;--panel:rgba(13,14,14,.82);--panel2:rgba(24,23,21,.9);--line:rgba(255,174,53,.25);--orange:#ffae35;--orange2:#ff7b13;--cream:#f7efe3;--muted:#cabca8;--shadow:0 24px 70px rgba(0,0,0,.5);--radius:24px;--head:'Trebuchet MS','Arial Narrow','Segoe UI',Arial,sans-serif;--body:'Trebuchet MS','Segoe UI',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;font-family:var(--body);color:var(--cream);background:linear-gradient(180deg,rgba(2,3,4,.72),rgba(2,3,4,.9)),url('../images/hero-bg.jpg') center top/cover fixed no-repeat}a{color:inherit}.container{width:min(1220px,92vw);margin:auto}.site-header{position:sticky;top:0;z-index:120;background:rgba(3,4,5,.93);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px 0}.site-logo{height:76px;width:auto;max-width:360px;object-fit:contain}.logo-link{display:flex;align-items:center;min-width:220px}.main-nav{display:flex;gap:16px;align-items:center;font-family:var(--head);text-transform:uppercase;letter-spacing:.045em;font-size:15px}.main-nav a{color:#fff;text-decoration:none;padding:10px 2px;white-space:nowrap}.main-nav a.active{color:var(--orange);font-weight:900;border-bottom:2px solid var(--orange)}.btn,.header-cta{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid rgba(255,174,53,.45);padding:12px 17px;text-decoration:none;font-family:var(--head);font-weight:900;text-transform:uppercase;letter-spacing:.04em;cursor:pointer}.btn-primary,.header-cta{background:linear-gradient(135deg,var(--orange),var(--orange2));color:#1d0f00}.btn-ghost{background:rgba(5,5,5,.54);color:#fff}.menu-toggle,.menu-button,.mobile-menu-actions,.mobile-quick,.mobile-hero-contact,.mobile-accordion{display:none}.hero,.page-hero{position:relative;padding:70px 0 64px}.hero:before,.page-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.28),rgba(0,0,0,.12) 55%,rgba(0,0,0,.02)),url('../images/hero-bg.jpg') center/cover no-repeat;z-index:-1}.hero-shell{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.96fr);gap:34px;align-items:stretch}.hero-text,.hero-media,.service-card,.text-card,.note-card,.icon-card,.contact-form,.contact-intro,.direct-contact,.faq-list details,.legal,.price-matrix div{background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);backdrop-filter:blur(8px)}.hero-text{display:flex;flex-direction:column;justify-content:center;padding:42px 44px;border-left:5px solid var(--orange)}.hero-media{position:relative;overflow:hidden;padding:14px}.page-hero-img{width:100%;height:100%;min-height:360px;display:block;object-fit:cover;border-radius:18px;background:#050607}.claim{position:absolute;left:28px;top:28px;z-index:2;background:rgba(0,0,0,.68);border:1px solid rgba(255,174,53,.55);border-radius:16px;padding:13px 18px;font-family:var(--head);font-weight:900}.kicker{font-family:var(--head);text-transform:uppercase;letter-spacing:.08em;color:var(--orange);font-weight:900}.hero h1,.page-hero h1,.section h2,.contact-intro h2{font-family:var(--head);font-size:clamp(34px,4.4vw,62px);line-height:1.05;margin:0 0 16px;color:#fff;text-shadow:0 3px 14px rgba(0,0,0,.56)}.section h2,.contact-intro h2{font-size:clamp(30px,3.3vw,48px)}p{line-height:1.62}.hero p,.section-head p,.page-hero p,.service-body p,.text-card p,.note-card p,.icon-card p,.faq-list p,.legal p{font-size:16px;color:#e7dac7}.hero-pricebar,.hero-actions,.actions{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.hero-pricebar span,.price-pill{display:inline-flex;border:1px solid rgba(255,174,53,.38);border-radius:999px;background:rgba(255,174,53,.11);color:#ffe2a6;font-weight:900;padding:9px 13px}.benefit-band{background:rgba(0,0,0,.32);border-block:1px solid var(--line)}.benefit-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;padding:26px 0}.benefit{display:grid;grid-template-columns:86px 1fr;gap:12px;align-items:center;border:1px solid var(--line);border-radius:22px;background:rgba(7,7,7,.7);padding:18px}.benefit img{width:86px;height:86px;object-fit:cover;border-radius:16px}.benefit strong{font-family:var(--head);text-transform:uppercase;font-size:18px;line-height:1.08}.benefit span{font-size:14px;color:#eadfce}.section{padding:72px 0}.section-head{text-align:center;max-width:920px;margin:0 auto 30px}.service-grid,.icon-grid,.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.process-grid{grid-template-columns:repeat(4,1fr)}.service-card{overflow:hidden}.service-image{height:225px;background:#050607;overflow:hidden}.service-image img{width:100%;height:100%;object-fit:contain;background:#050607}.service-body,.text-card,.note-card,.icon-card,.contact-form,.contact-intro,.direct-contact,.faq-list details,.legal{padding:24px}.service-body h3,.text-card h2,.note-card h3,.icon-card h3,.faq-list summary{font-family:var(--head);font-weight:900;font-size:24px;line-height:1.12;color:#fff;text-transform:uppercase}.service-body ul,.text-card ul,.text-card ol{color:#e7dac7;line-height:1.55;padding-left:22px}.centered{justify-content:center;text-align:center}.split-grid,.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.code-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.wide-note{grid-column:1/-1;min-height:auto;border-left:5px solid var(--orange)}.card-img{width:100%;height:220px;object-fit:contain;background:#050607;border-radius:18px;border:1px solid rgba(255,174,53,.2);margin-bottom:18px}.price-matrix{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.price-matrix div{text-align:center;padding:18px}.price-matrix strong{display:block;text-transform:uppercase;font-family:var(--head);color:#fff}.price-matrix span{color:#ffe2a6;font-weight:900}.faq-list{display:grid;gap:12px;max-width:980px}.faq-list summary{cursor:pointer}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.contact-form input,.contact-form textarea,.contact-form select{width:100%;margin-top:7px;padding:13px 14px;border-radius:14px;border:1px solid rgba(255,174,53,.25);background:rgba(0,0,0,.42);color:#fff;font-size:16px}.contact-form textarea{min-height:150px}.check{display:grid;grid-template-columns:20px minmax(0,1fr);gap:10px;align-items:start;margin:14px 0;color:#e7dac7}.check input{width:18px!important;height:18px!important;margin-top:3px}.hp{position:absolute!important;left:-9999px!important}.contact-result{margin-top:18px;font-size:18px;line-height:1.7}.contact-result a{color:#ffd27a;font-weight:900;text-decoration:none}.file-field span{display:block;margin-top:7px;color:var(--muted);font-size:14px}.site-footer{background:#030303;border-top:1px solid var(--line);padding:30px 0}.footer-grid{display:flex;justify-content:space-between;gap:24px}.footer-logo{max-width:260px;height:auto}.footer-nav{display:flex;gap:18px;flex-wrap:wrap;align-items:center}.footer-nav a{text-decoration:none;color:#fff}.legal-section,.legal .section{padding-top:44px}@media(max-width:1120px){.main-nav{gap:10px;font-size:13px}.header-cta{display:none}.benefit-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.hero-shell,.split-grid,.contact-grid,.code-grid{grid-template-columns:1fr}.service-grid,.icon-grid,.process-grid{grid-template-columns:1fr 1fr}.price-matrix{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){body{padding-bottom:76px;background:linear-gradient(180deg,rgba(2,3,4,.84),rgba(2,3,4,.94)),url('../images/hero-bg.jpg') center top/cover scroll no-repeat}.site-logo{height:58px;max-width:290px}.menu-button{display:block;color:#fff;font-size:34px;z-index:200}.main-nav,.header-cta{display:none}.menu-toggle:checked~.main-nav{position:fixed;top:78px;left:10px;right:10px;z-index:180;display:flex;flex-direction:column;background:linear-gradient(180deg,rgba(6,7,8,.98),rgba(10,9,8,.98));border:1px solid rgba(255,174,53,.32);border-radius:22px;padding:14px 18px;max-height:calc(100vh - 96px);overflow:auto}.menu-toggle:checked~.main-nav a{font-size:20px;padding:14px 4px;border-bottom:1px solid rgba(255,174,53,.18)}.menu-toggle:checked~.main-nav .mobile-menu-actions{display:grid;gap:10px;margin-top:14px}.mobile-menu-actions button,.mobile-menu-actions a,.mobile-hero-grid button,.mobile-hero-grid a{min-height:48px;border-radius:16px;border:1px solid rgba(255,174,53,.42);background:rgba(255,174,53,.12);color:#fff;font-family:var(--head);font-weight:900;text-transform:uppercase;text-decoration:none;display:grid;place-items:center}.hero,.page-hero{padding:34px 0}.hero-shell{grid-template-columns:1fr}.page-hero .hero-media{display:none}.hero-media{padding:12px}.page-hero-img{min-height:230px}.hero-text{padding:24px}.hero h1,.page-hero h1{font-size:32px}.mobile-hero-contact{display:block;background:rgba(0,0,0,.32);border-bottom:1px solid var(--line)}.mobile-hero-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;padding:12px 0}.benefit-grid{display:flex;overflow-x:auto;gap:14px;padding:18px 4vw 22px;scroll-snap-type:x mandatory}.benefit{min-width:335px;max-width:335px;grid-template-columns:92px 1fr;scroll-snap-align:start}.benefit img{width:92px;height:92px}.section{padding:48px 0}.section-head{text-align:left}.service-grid.detailed{display:flex;overflow-x:auto;gap:16px;padding:4px 4vw 18px;margin:0 -4vw;scroll-snap-type:x mandatory}.service-grid.detailed .service-card{min-width:315px;max-width:315px;flex:0 0 315px;scroll-snap-align:start}.mobile-accordion{display:grid;gap:12px}.mobile-accordion details{background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:18px;padding:0}.mobile-accordion summary{cursor:pointer;padding:16px 18px;font-family:var(--head);font-weight:900;text-transform:uppercase}.mobile-accordion div{padding:0 18px 16px}.process-grid,.icon-grid{grid-template-columns:1fr}.price-matrix{grid-template-columns:1fr 1fr}.faq-list{display:grid!important}.faq-list details{width:100%;min-width:0}.faq-list summary{font-size:18px;overflow-wrap:break-word}.form-row{grid-template-columns:1fr}.mobile-quick{position:fixed;left:12px;right:12px;bottom:10px;display:flex;justify-content:space-around;z-index:90;background:rgba(0,0,0,.78);border:1px solid var(--line);border-radius:22px;padding:9px 12px}.mobile-quick a,.mobile-quick button{width:52px;height:44px;border-radius:16px;display:grid;place-items:center;background:rgba(255,174,53,.1);border:1px solid rgba(255,174,53,.3);color:#fff;text-decoration:none;font-size:20px}.footer-grid{display:grid}.footer-nav{display:grid;gap:10px}}@media(max-width:420px){.benefit{min-width:310px;grid-template-columns:84px 1fr}.benefit img{width:84px;height:84px}.price-matrix{grid-template-columns:1fr}.mobile-hero-grid{grid-template-columns:1fr}.service-grid.detailed .service-card{min-width:292px;max-width:292px;flex-basis:292px}}


/* V4.4 Mobile-Bildzuordnung und Mobile-Finalisierung */
@media(max-width:760px){
  .benefit-band .benefit-grid{display:flex!important;overflow-x:auto!important;gap:14px!important;padding:18px 4vw 22px!important;scroll-snap-type:x mandatory!important;}
  .benefit-band .benefit{min-width:315px!important;max-width:315px!important;grid-template-columns:92px minmax(0,1fr)!important;align-items:center!important;scroll-snap-align:start!important;}
  .benefit-band .benefit img{width:92px!important;height:92px!important;object-fit:contain!important;background:#050607!important;}
  .benefit-band .benefit-title,.benefit-band .benefit strong{display:block!important;margin:0 0 7px 0!important;line-height:1.12!important;white-space:normal!important;overflow-wrap:break-word!important;}
  .benefit-band .benefit-desc,.benefit-band .benefit span{display:block!important;line-height:1.35!important;white-space:normal!important;overflow-wrap:break-word!important;}
  body:not(.home-page) .service-grid.detailed{display:none!important;}
  .mobile-accordion{display:grid!important;gap:12px!important;}
  .mobile-accordion details{overflow:hidden!important;background:linear-gradient(180deg,var(--panel2),var(--panel))!important;border:1px solid var(--line)!important;border-radius:18px!important;}
  .mobile-accordion summary{cursor:pointer!important;padding:16px 18px!important;font-family:var(--head)!important;font-weight:900!important;text-transform:uppercase!important;color:#fff!important;}
  .mobile-accordion .mobile-acc-img{display:block!important;width:100%!important;height:165px!important;object-fit:contain!important;object-position:center center!important;background:#050607!important;border-top:1px solid rgba(255,174,53,.18)!important;border-bottom:1px solid rgba(255,174,53,.18)!important;}
  .mobile-accordion details>div{padding:14px 18px 18px!important;}
  .mobile-accordion details>div p{margin:0!important;color:#e7dac7!important;line-height:1.55!important;}
  .codierung-page .card-img,.self-page .service-image img,.reifen-page .service-image img,.leistungen-page .service-image img{object-fit:contain!important;object-position:center center!important;background:#050607!important;}
}
@media(max-width:420px){
  .benefit-band .benefit{min-width:292px!important;max-width:292px!important;grid-template-columns:84px minmax(0,1fr)!important;}
  .benefit-band .benefit img{width:84px!important;height:84px!important;}
  .mobile-accordion .mobile-acc-img{height:150px!important;}
}


/* V50.2.1 Hero-Portalpreise: innere Preis-Platzhalter nicht als zweites Pill darstellen */
.hero-pricebar > span > .sg-live-price {
  display: inline !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: inherit !important;
  font: inherit !important;
  font-weight: inherit !important;
  padding: 0 !important;
  margin: 0 0 0 .35em !important;
  box-shadow: none !important;
  min-width: 0 !important;
}


/* V50.2.3 Startseite: breitere Leistungs-Kacheln und saubere Wortumbrueche */
@media (min-width: 1100px) {
  .home-page .benefit-band .benefit-grid {
    width: min(1480px, 96vw) !important;
    max-width: none !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 16px !important;
  }

  .home-page .benefit-band .benefit {
    grid-template-columns: 74px minmax(0, 1fr) !important;
    gap: 14px !important;
    min-width: 0 !important;
    padding: 18px !important;
  }

  .home-page .benefit-band .benefit img {
    width: 74px !important;
    height: 74px !important;
  }

  .home-page .benefit-band .benefit-title,
  .home-page .benefit-band .benefit strong {
    font-size: 17px !important;
    line-height: 1.12 !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    hyphens: none !important;
  }

  .home-page .benefit-band .benefit-desc,
  .home-page .benefit-band .benefit span {
    font-size: 14px !important;
    line-height: 1.35 !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    hyphens: none !important;
  }
}