/* PCDoktor Mannheim — Premium Light HOME v5
   Real homepage rebuild based on the approved reference screenshot. */

html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"]{
  --pl5-bg:#f5f7f7;
  --pl5-paper:#fffefa;
  --pl5-text:#0d2847;
  --pl5-muted:#516a83;
  --pl5-blue:#1066ba;
  --pl5-blue-2:#2c8ee8;
  --pl5-blue-soft:#e9f4fe;
  --pl5-gold:#d39a36;
  --pl5-gold-soft:#fff3dc;
  --pl5-green:#16814d;
  --pl5-line:rgba(21,61,98,.15);
  --pl5-line-strong:rgba(21,61,98,.24);
  --pl5-shadow:0 18px 42px rgba(31,50,67,.12);
  --pl5-shadow-soft:0 8px 24px rgba(31,50,67,.08);
}

html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] body{
  background:#f5f7f7!important;
  color:var(--pl5-text)!important;
}

html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-site{
  overflow:hidden!important;
  background:
    radial-gradient(circle at 8% 84%,rgba(211,154,54,.09),transparent 17%),
    radial-gradient(circle at 93% 17%,rgba(44,142,232,.08),transparent 23%),
    linear-gradient(180deg,#fbfbfa 0%,#f4f7f8 70%,#eff3f5 100%)!important;
  color:var(--pl5-text)!important;
}

html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-container{
  width:min(1240px,calc(100% - 44px))!important;
  max-width:1240px!important;
  padding-inline:0!important;
  margin-inline:auto!important;
}

/* Header proportions closer to approved reference. */
html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .calm-site-header{
  width:min(1180px,calc(100% - 44px))!important;
  max-width:1180px!important;
  top:8px!important;
  margin-top:8px!important;
  border-radius:20px!important;
  box-shadow:0 10px 30px rgba(25,45,62,.11)!important;
}

/* HERO */
html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-hero{
  position:relative;
  min-height:455px;
  padding:48px 0 18px;
  isolation:isolate;
  overflow:hidden;
}

html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-city-art{
  position:absolute;
  z-index:0;
  left:max(-6px,calc((100vw - 1670px)/2));
  top:-18px;
  width:315px;
  height:575px;
  object-fit:contain;
  object-position:left top;
  pointer-events:none;
  opacity:.97;
}

html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-workshop-art{
  position:absolute;
  z-index:0;
  right:0;
  top:0;
  width:min(50.5vw,860px);
  height:455px;
  object-fit:cover;
  object-position:left center;
  pointer-events:none;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.25) 9%,#000 24%,#000 100%);
  mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.25) 9%,#000 24%,#000 100%);
}

html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-hero::after{
  content:"";
  position:absolute;
  z-index:0;
  inset:0;
  background:linear-gradient(90deg,rgba(250,250,248,.96) 0%,rgba(250,250,248,.90) 35%,rgba(250,250,248,.34) 55%,rgba(250,250,248,0) 70%);
  pointer-events:none;
}

html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-hero-content{
  position:relative;
  z-index:2;
  min-height:390px;
  display:flex;
  align-items:flex-start;
}

html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-copy{
  width:min(650px,56%);
  margin-left:100px;
}

html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-kicker{
  display:flex;
  align-items:center;
  gap:13px;
  color:#233f5e;
  font-size:11px;
  font-weight:900;
  letter-spacing:.24em;
  text-transform:uppercase;
}
html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-kicker::after{
  content:"";
  width:44px;
  height:2px;
  background:var(--pl5-gold);
}

html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-copy h1{
  max-width:650px;
  margin:15px 0 12px;
  color:var(--pl5-text)!important;
  font-size:clamp(48px,4.15vw,68px)!important;
  line-height:.98!important;
  letter-spacing:-.055em!important;
  font-weight:900!important;
}
html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-copy h1 span{
  display:block;
  color:#166fc5!important;
}
html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-copy>p{
  max-width:560px;
  margin:0;
  color:#203d5b!important;
  font-size:17px!important;
  line-height:1.42!important;
}

html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-actions{
  display:flex;
  gap:15px;
  margin-top:20px;
}
html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:11px;
  min-height:54px;
  padding:0 24px;
  border-radius:18px;
  text-decoration:none;
  font-size:15px;
  font-weight:850;
  transition:.18s ease;
}
html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-btn:hover{transform:translateY(-2px)}
html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-primary{
  min-width:235px;
  color:#fff!important;
  background:linear-gradient(135deg,#0e5bae,#1675d2);
  box-shadow:0 12px 25px rgba(14,91,174,.24);
}
html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-secondary{
  min-width:190px;
  color:var(--pl5-text)!important;
  border:1.5px solid #185e9e;
  background:rgba(255,255,255,.88);
  box-shadow:var(--pl5-shadow-soft);
}

html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-trust{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px;
  max-width:700px;
  margin-top:22px;
}
html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-trust>div{
  display:grid;
  grid-template-columns:44px minmax(0,1fr);
  gap:9px;
  align-items:center;
}
html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-trust>div>i{
  display:grid;
  place-items:center;
  width:44px;
  height:44px;
  border-radius:50%;
  background:#eef5fd;
  color:#0e5bae;
  font-size:20px;
}
html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-trust>div:nth-child(3)>i{
  background:#eaf6ee;
  color:var(--pl5-green);
}
html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-trust span{display:grid}
html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-trust strong{font-size:13px;line-height:1.12;color:var(--pl5-text)}
html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-trust small{margin-top:3px;font-size:10px;color:var(--pl5-muted)}

/* PROCESS */
html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-process-wrap{
  position:relative;
  z-index:3;
  padding:0 0 22px;
}
html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-process-wrap::before{
  content:"";
  position:absolute;
  left:0;right:0;top:50%;
  height:2px;
  background:linear-gradient(90deg,transparent 0%,rgba(211,154,54,.72) 13%,rgba(211,154,54,.72) 87%,transparent 100%);
}
html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-process{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
}
html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-process article{
  display:grid;
  grid-template-columns:58px minmax(0,1fr);
  gap:13px;
  align-items:center;
  min-height:115px;
  padding:18px 20px;
  border:1px solid var(--pl5-line);
  border-radius:17px;
  background:rgba(255,255,255,.94);
  box-shadow:var(--pl5-shadow-soft);
}
html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-process article>i{
  display:grid;
  place-items:center;
  width:58px;
  height:58px;
  border-radius:50%;
  background:var(--pl5-blue-soft);
  color:#0c4d8e;
  font-size:28px;
}
html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-process strong{
  display:block;
  color:var(--pl5-text);
  font-size:17px;
  line-height:1.1;
}
html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-process p{
  margin:5px 0 0;
  color:#334f69!important;
  font-size:11.5px!important;
  line-height:1.36!important;
}

/* PRICE PANEL */
html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-price-wrap{
  padding:0 0 42px;
}
html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-price-panel{
  display:grid;
  grid-template-columns:minmax(290px,.9fr) minmax(450px,1.6fr) minmax(290px,.9fr);
  gap:20px;
  padding:18px 20px;
  border:1px solid var(--pl5-line);
  border-radius:18px;
  background:rgba(255,255,255,.92);
  box-shadow:var(--pl5-shadow-soft);
}
html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-price-intro{
  padding:10px 12px 8px 8px;
}
html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-price-intro>span{
  color:#34587e;
  font-size:9px;
  font-weight:900;
  letter-spacing:.22em;
  text-transform:uppercase;
}
html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-price-intro h2{
  margin:10px 0 10px;
  color:var(--pl5-text)!important;
  font-size:30px!important;
  line-height:1.02!important;
  letter-spacing:-.045em!important;
}
html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-price-intro>i{
  display:block;
  width:50px;
  height:3px;
  margin:10px 0 12px;
  background:var(--pl5-gold);
}
html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-price-intro p{
  max-width:300px;
  margin:0;
  color:#425f7b!important;
  font-size:12px!important;
  line-height:1.45!important;
}

html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-price-list{
  display:grid;
  align-content:center;
  border:1px solid var(--pl5-line);
  border-radius:13px;
  background:rgba(255,255,255,.62);
  overflow:hidden;
}
html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-price-row{
  display:grid;
  grid-template-columns:30px minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
  min-height:38px;
  padding:5px 13px;
  border-bottom:1px solid var(--pl5-line);
  text-decoration:none;
  color:inherit;
}
html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-price-row:last-child{border-bottom:0}
html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-price-row>i{color:#0e3764;font-size:18px;text-align:center}
html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-price-row span{
  display:grid;
  grid-template-columns:minmax(135px,.72fr) minmax(0,1.35fr);
  gap:10px;
  align-items:center;
}
html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-price-row strong{color:var(--pl5-text);font-size:12px}
html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-price-row small{color:#5f7183;font-size:8.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-price-row b{
  min-width:72px;
  padding:5px 9px;
  border-radius:12px;
  background:var(--pl5-gold-soft);
  color:#6d4a13;
  font-size:11px;
  text-align:center;
}

html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-value-card{
  align-self:stretch;
  padding:18px 20px;
  border-radius:14px;
  background:linear-gradient(145deg,#e9f3fd,#dfeefa);
}
html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-value-title{
  display:grid;
  grid-template-columns:46px minmax(0,1fr);
  gap:12px;
  align-items:center;
}
html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-value-title>i{color:#0e5bae;font-size:38px}
html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-value-title strong{color:#0c3767;font-size:18px;line-height:1.08}
html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-value-card ul{display:grid;gap:9px;margin:17px 0 0;padding:0;list-style:none}
html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-value-card li{display:flex;gap:9px;align-items:center;color:#244768;font-size:11px;font-weight:700}
html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-value-card li i{color:#0f66bb;font-size:16px}

html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-audience-strip{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  margin-top:16px;
  padding:0 14px;
}
html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-audience-strip>div{
  display:grid;
  grid-template-columns:45px minmax(0,1fr);
  gap:10px;
  align-items:center;
  min-height:58px;
  padding:0 18px;
  border-right:1px solid var(--pl5-line-strong);
}
html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-audience-strip>div:last-child{border-right:0}
html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-audience-strip>div>i{color:#0e3764;font-size:31px;text-align:center}
html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-audience-strip span{display:grid}
html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-audience-strip strong{color:var(--pl5-text);font-size:12px}
html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-audience-strip small{margin-top:3px;color:#56708a;font-size:9px}

/* Below v5 hero/price, keep existing content but separate it visually. */
html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .premium-services-section{
  border-top:1px solid var(--pl5-line)!important;
  background:rgba(255,255,255,.25)!important;
}

@media(max-width:1200px){
  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-copy{margin-left:58px;width:min(610px,58%)}
  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-city-art{left:-42px;opacity:.78}
  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-workshop-art{width:53vw}
  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-price-panel{grid-template-columns:.8fr 1.5fr .85fr}
}

@media(max-width:900px){
  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-site{padding-top:0!important}
  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-hero{
    display:grid;
    min-height:0;
    padding:24px 0 16px;
  }
  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-city-art{display:none}
  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-hero::after{display:none}
  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-hero-content{
    grid-row:1;
    min-height:0;
    padding-inline:16px!important;
  }
  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-copy{
    width:100%;
    margin:0;
    text-align:left;
  }
  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-kicker{font-size:8px;letter-spacing:.16em}
  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-kicker::after{width:30px}
  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-copy h1{font-size:clamp(38px,12vw,54px)!important;margin-top:12px}
  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-copy>p{font-size:15px!important}
  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:16px}
  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-btn{min-width:0;min-height:50px;padding:0 12px;font-size:12px;border-radius:14px}
  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-trust{gap:7px;margin-top:15px}
  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-trust>div{grid-template-columns:32px minmax(0,1fr);gap:6px}
  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-trust>div>i{width:32px;height:32px;font-size:14px}
  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-trust strong{font-size:9px}
  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-trust small{font-size:7px}
  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-workshop-art{
    position:relative;
    z-index:1;
    grid-row:2;
    right:auto;
    top:auto;
    width:calc(100% - 32px);
    height:auto;
    margin:18px 16px 0;
    border-radius:18px;
    object-fit:cover;
    -webkit-mask-image:none;
    mask-image:none;
    box-shadow:var(--pl5-shadow-soft);
  }

  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-process-wrap{padding:4px 0 16px}
  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-process-wrap::before{display:none}
  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-process{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding-inline:16px!important}
  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-process article{grid-template-columns:44px minmax(0,1fr);gap:8px;min-height:112px;padding:12px;border-radius:14px}
  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-process article>i{width:44px;height:44px;font-size:20px}
  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-process strong{font-size:13px}
  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-process p{font-size:9.5px!important}

  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-price-wrap{padding-bottom:28px}
  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-price-panel{grid-template-columns:1fr;gap:12px;width:calc(100% - 32px)!important;padding:13px;border-radius:16px}
  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-price-intro{padding:6px 4px}
  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-price-intro h2{font-size:26px!important}
  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-price-row span{grid-template-columns:1fr}
  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-price-row small{display:none}
  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-audience-strip{grid-template-columns:repeat(2,1fr);gap:8px;width:calc(100% - 32px)!important;padding:0}
  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-audience-strip>div{border:1px solid var(--pl5-line);border-radius:13px;padding:10px;min-height:70px;background:rgba(255,255,255,.72)}
  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-audience-strip>div>i{font-size:24px}
}

@media(max-width:480px){
  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-actions{grid-template-columns:1fr}
  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-process{grid-template-columns:1fr 1fr}
  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-process article{display:block;min-height:132px}
  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-process article>i{margin-bottom:8px}
}