.lp{
  --white: #ffffff;
  --surface: #f3e4de;
  --surface-deep: #e6ccc5;
  --linen: #f3eeec;
  --linen-deep: #eadfdc;
  --veil: #f9f6f8;
  --line: #e9d9d6;
  --brown: #b9a492;
  --chestnut: #2f2325;
  --taupe: #665253;
  --taupe-light: #725b5a;
  --berry: #6e1d46;
  --berry-hover: #842a57;
  --rose: #9c7c88;
  --display: "Corm", Georgia, serif;
  --body: "CeraPro", Arial, sans-serif;
  --page-pad: clamp(20px, 5vw, 72px);
  --section-space: clamp(88px, 10vw, 144px);
  --block-space: clamp(44px, 5vw, 68px);
  --container: 1160px;
  --focus: 0 0 0 3px var(--white), 0 0 0 6px var(--berry);
  --shadow-soft: 0 22px 60px rgba(47, 35, 37, 0.09);
  --shadow-card: 0 14px 34px rgba(47, 35, 37, 0.07);
}
.lp *,
.lp *::before,
.lp *::after{
  box-sizing: border-box;
}
html{
  scroll-behavior: smooth;
  scroll-padding-top: 112px;
}

.lp{
  padding-top: var(--kopf-unten, 117px);
}

.lp section{
  padding: 0;
}
.lp a{
  border-bottom: 0;
}
.lp footer{
  margin-top: 0;
  padding: 0;
  border-top: 0;
  background: none;
}
.lp{
  margin: 0;
  overflow-x: hidden;
  background: var(--white);
  color: var(--chestnut);
  font-family: var(--body);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
.lp img,
.lp svg{
  display: block;
}
.lp img{
  max-width: 100%;
  height: auto;
}
.lp a{
  color: inherit;
}
.lp button,
.lp a{
  touch-action: manipulation;
}
.lp button:focus-visible,
.lp a:focus-visible,
.lp summary:focus-visible{
  outline: none;
  box-shadow: var(--focus);
}
.lp .hero{
  display: grid;
  grid-template-columns: minmax(0, 1.03fr) minmax(460px, 0.97fr);
  min-height: min(790px, calc(100svh - 106px));
  background: var(--white);
}
.lp .hero-text{
  align-self: center;
  width: 100%;
  max-width: 700px;
  margin-left: auto;
  padding: clamp(64px, 7vw, 108px) clamp(34px, 5vw, 84px) clamp(64px, 7vw, 108px) var(--page-pad);
  animation: hero-text-in 650ms cubic-bezier(0.22, 1, 0.36, 1) both;
}
.lp .eyebrow{
  margin: 0 0 20px;
  color: var(--berry);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.2em;
  line-height: 1.5;
  text-transform: uppercase;
}
.lp h1,
.lp h2,
.lp h3,
.lp p{
  overflow-wrap: break-word;
}
.lp h1,
.lp h2,
.lp h3{
  color: var(--chestnut);
  text-wrap: balance;
}
.lp h1,
.lp h2{
  font-family: var(--display);
  font-weight: 400;
  letter-spacing: -0.01em;
}
.lp h1{
  max-width: 13ch;
  margin: 0 0 26px;
  font-size: clamp(46px, 5.5vw, 68px);
  line-height: 1.02;
}
.lp h1 em{
  color: var(--rose);
  font-weight: 400;
}
.lp h2{
  max-width: 19ch;
  margin: 0 0 20px;
  font-size: clamp(34px, 4.5vw, 54px);
  line-height: 1.06;
}
.lp h3{
  margin: 0 0 10px;
  font-family: var(--display);
  font-size: 27px;
  font-weight: 500;
  line-height: 1.16;
}
.lp p{
  max-width: 65ch;
  margin: 0 0 1.05em;
  color: var(--taupe);
  font-size: 17px;
  line-height: 1.7;
}
.lp .hero-lead{
  max-width: 53ch;
  margin-bottom: 28px;
}
.lp .hero-lead p{
  font-size: 18px;
  line-height: 1.65;
  margin: 0 0 0.9em;
  color: var(--taupe);
  max-width: 53ch;
}
.lp .hero-lead p:last-child{ margin-bottom: 0; }
.lp .hero-offer{
  display: grid;
  gap: 3px;
  max-width: 560px;
  margin: 0 0 28px;
  padding: 18px 20px;
  border-left: 3px solid var(--berry);
  background: var(--veil);
}
.lp .hero-offer .offer-kicker{
  color: var(--berry);
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}
.lp .hero-offer strong{
  color: var(--chestnut);
  font-size: 17px;
  font-weight: 500;
  line-height: 1.35;
}
.lp .hero-offer span:last-child{
  color: var(--taupe);
  font-size: 14px;
  line-height: 1.5;
}
.lp .button-row{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
}
.lp .button{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 50px;
  padding: 15px 26px;
  border: 1px solid transparent;
  border-radius: 0;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1.4;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: background 180ms ease-out, border-color 180ms ease-out, color 180ms ease-out, transform 180ms ease-out;
}
.lp .button:hover{
  /* kein Lift (verursachte optischen Sprung) */
}
.lp .button-primary{
  border-color: var(--berry);
  background: var(--berry);
  color: var(--white);
}
.lp .button-primary:hover,
.lp .button-primary:focus-visible{
  border-color: var(--berry-hover);
  background: var(--berry-hover);
  color: var(--white);
}
.lp .button-secondary{
  border-color: var(--berry);
  background: transparent;
  color: var(--berry);
}
.lp .button-secondary:hover,
.lp .button-secondary:focus-visible{
  background: var(--berry);
  color: var(--white);
}
.lp .button-full{
  width: 100%;
}
.lp .hero-note{
  margin: 14px 0 0;
  color: var(--taupe-light);
  font-size: 12px;
  line-height: 1.5;
}
.lp .hero-visual{
  position: relative;
  min-height: 620px;
  overflow: hidden;
  background: var(--surface);
  animation: hero-image-in 800ms cubic-bezier(0.22, 1, 0.36, 1) both;
}
.lp .hero-visual::after{
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.14), transparent 28%), linear-gradient(0deg, rgba(47, 35, 37, 0.08), transparent 45%);
  content: "";
  pointer-events: none;
}
.lp .hero-visual > img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 52% center;
}
.lp .location-card{
  position: absolute;
  z-index: 2;
  right: clamp(20px, 3vw, 44px);
  bottom: clamp(20px, 3vw, 44px);
  display: flex;
  align-items: center;
  gap: 14px;
  max-width: 330px;
  padding: 16px 18px;
  border: 1px solid rgba(255, 255, 255, 0.8);
  background: rgba(255, 255, 255, 0.93);
  box-shadow: var(--shadow-card);
  backdrop-filter: blur(10px);
}
.lp .location-card svg{
  flex: none;
  width: 30px;
  height: 30px;
  fill: var(--berry);
}
.lp .location-card span{
  color: var(--taupe);
  font-size: 12px;
  line-height: 1.45;
}
.lp .location-card strong{
  display: block;
  color: var(--chestnut);
  font-size: 13px;
  font-weight: 500;
}
.lp .trust-strip{
  display: grid;
  grid-template-columns: 1fr 0.8fr 1.25fr 1.25fr;
  max-width: var(--container);
  margin: 0 auto;
  padding: 0 var(--page-pad);
  border-bottom: 1px solid var(--line);
}
.lp .trust-item{
  display: flex;
  align-items: center;
  gap: 13px;
  min-height: 102px;
  padding: 22px 22px;
  border-right: 1px solid var(--line);
}
.lp .trust-item:first-child{
  padding-left: 0;
}
.lp .trust-item:last-child{
  padding-right: 0;
  border-right: 0;
}
.lp .trust-item > strong{
  color: var(--berry);
  font-family: var(--display);
  font-size: 38px;
  font-weight: 500;
  line-height: 1;
}
.lp .trust-item svg{
  flex: none;
  width: 30px;
  height: 30px;
  fill: none;
  stroke: var(--berry);
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.5;
}
.lp .trust-item span{
  color: var(--chestnut);
  font-size: 13px;
  line-height: 1.45;
}
.lp .trust-item small{
  display: block;
  margin-top: 2px;
  color: var(--taupe-light);
  font-size: 9px;
  letter-spacing: 0.04em;
}
.lp .section{
  padding: var(--section-space) 0;
}
.lp .section-inner{
  width: min(100%, var(--container));
  margin: 0 auto;
  padding-inline: var(--page-pad);
}
.lp .section-heading{
  margin-bottom: var(--block-space);
}
.lp .section-heading.centered{
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.lp .section-heading.centered h2{
  margin-inline: auto;
}
.lp .section-heading.centered > p:last-child{
  max-width: 56ch;
  margin-inline: auto;
}
.lp .section-lead{
  color: var(--chestnut);
  font-size: clamp(18px, 1.7vw, 21px);
  line-height: 1.62;
}
.lp .decision-section{
  background: var(--white);
}
.lp .decision-grid{
  display: grid;
  grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);
  gap: clamp(50px, 8vw, 110px);
  align-items: start;
}
.lp .decision-intro h2{
  max-width: 15ch;
}
.lp .decision-copy{
  padding-top: 27px;
}
.lp .decision-copy > p{
  max-width: 58ch;
}
.lp .skin-needs{
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin: 30px 0 0;
  padding: 0;
  list-style: none;
}
.lp .skin-needs li{
  padding: 9px 15px;
  border: 1px solid var(--brown);
  color: var(--chestnut);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.lp .benefits-section{
  background: var(--veil);
  padding-top: 80px;
  padding-bottom: 80px;
}
.lp .benefit-grid{
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(18px, 2.5vw, 30px);
}
.lp .benefit-card{
  position: relative;
  min-width: 0;
}
.lp .benefit-card img{
  width: 100%;
  aspect-ratio: 1;
  margin-bottom: 24px;
  border-radius: 50%;
  object-fit: cover;
  object-position: center;
  box-shadow: inset 0 0 0 1px var(--line);
}
.lp .benefit-card:first-child img{
  object-position: 50% 34%;
}
.lp .benefit-number{
  display: block;
  margin-bottom: 10px;
  color: var(--berry);
  font-family: var(--display);
  font-size: 27px;
  line-height: 1;
}
.lp .benefit-card h3{
  font-size: 25px;
}
.lp .benefit-card p{
  margin: 0;
  font-size: 16px;
  line-height: 1.65;
}
.lp .treatment-section{
  background: var(--surface);
}
.lp .treatment-grid{
  display: grid;
  grid-template-columns: minmax(0, 1.12fr) minmax(340px, 0.72fr);
  gap: clamp(50px, 9vw, 126px);
  align-items: center;
}
.lp .treatment-copy h2{
  max-width: 14ch;
}
.lp .process-list{
  display: grid;
  gap: 0;
  margin: 40px 0 0;
  padding: 0;
  list-style: none;
}
.lp .process-list li{
  display: grid;
  grid-template-columns: 56px minmax(0, 1fr);
  gap: 22px;
  position: relative;
  padding-bottom: 30px;
}
.lp .process-list li::before{
  position: absolute;
  top: 62px;
  bottom: 0;
  left: 27px;
  width: 1px;
  background: var(--brown);
  content: "";
}
.lp .process-list li:last-child{
  padding-bottom: 0;
}
.lp .process-list li:last-child::before{
  display: none;
}
.lp .process-list li > span{
  display: grid;
  place-items: center;
  width: 56px;
  height: 56px;
  border: 1px solid var(--berry);
  border-radius: 50%;
  background: var(--surface);
  color: var(--berry);
  font-family: var(--display);
  font-size: 25px;
  line-height: 1;
  font-variant-numeric: lining-nums;
}
.lp .process-list h3{
  margin: 2px 0 5px;
  font-size: 23px;
}
.lp .process-list p{
  margin: 0;
  font-size: 16px;
  line-height: 1.62;
}
.lp .price-card{
  padding: clamp(32px, 4vw, 52px);
  border: 1px solid var(--brown);
  background: var(--white);
  box-shadow: var(--shadow-soft);
}
.lp .price-card-label{
  margin: 0 0 12px;
  color: var(--berry);
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}
.lp .price-card h3{
  font-size: 38px;
}
.lp .price-card .price{
  margin: 2px 0 28px;
  color: var(--chestnut);
  font-family: var(--display);
  font-size: 33px;
  line-height: 1;
}
.lp .price-card .price span{
  font-size: clamp(64px, 7vw, 86px);
  font-variant-numeric: lining-nums;
}
.lp .price-card .price-note{
  margin: 8px 0 24px;
  color: var(--taupe-light);
  font-size: 11px;
  line-height: 1.4;
}
.lp .gift-line{
  display: flex;
  align-items: center;
  gap: 14px;
  margin: 0 0 24px;
  padding: 17px;
  background: var(--veil);
}
.lp .gift-line svg{
  flex: none;
  width: 30px;
  height: 30px;
  fill: none;
  stroke: var(--berry);
  stroke-width: 1.5;
}
.lp .gift-line p{
  margin: 0;
  font-size: 13px;
  line-height: 1.45;
}
.lp .gift-line strong{
  color: var(--chestnut);
  font-weight: 500;
}
.lp .price-card ul{
  display: grid;
  gap: 10px;
  margin: 0 0 28px;
  padding: 0;
  list-style: none;
}
.lp .price-card li{
  position: relative;
  padding-left: 22px;
  color: var(--taupe);
  font-size: 14px;
  line-height: 1.5;
}
.lp .price-card li::before{
  position: absolute;
  top: 0.55em;
  left: 0;
  width: 10px;
  height: 5px;
  border-bottom: 1.5px solid var(--berry);
  border-left: 1.5px solid var(--berry);
  content: "";
  transform: rotate(-45deg);
}
.lp .price-card > small{
  display: block;
  margin-top: 15px;
  color: var(--taupe-light);
  font-size: 12px;
  line-height: 1.55;
  text-align: center;
}
.lp .expert-section{
    padding: var(--section-space) 0;
}
.lp .expert-grid{
  display: grid;
  grid-template-columns: minmax(330px, 0.84fr) minmax(0, 1.16fr);
  gap: clamp(50px, 9vw, 126px);
  align-items: start;
}
.lp .expert-image{
  position: relative;
  margin: 0;
}
.lp .expert-image::before{
  content: "";
  position: absolute;
  z-index: 1;
  top: -16px;
  left: -16px;
  width: 44%;
  height: 44%;
  border-top: 1px solid var(--berry);
  border-left: 1px solid var(--berry);
  pointer-events: none;
}
.lp .expert-image img{
  width: 100%;
  max-height: 620px;
  object-fit: cover;
  object-position: 50% 35%;
}
.lp .expert-image figcaption{
  position: relative;
  width: calc(100% - 32px);
  margin: -38px 0 0 auto;
  padding: 24px 28px;
  background: #fff;
  box-shadow: 0 16px 38px rgba(78,47,53,.09);
  color: var(--taupe);
  font-size: 12px;
  letter-spacing: .06em;
  line-height: 1.5;
  text-transform: none;
}
.lp .expert-image figcaption .kicker{
  display: block;
  margin-bottom: 5px;
  color: var(--berry);
  font-family: var(--display);
  font-size: 23px;
  font-weight: 500;
  letter-spacing: 0;
  text-transform: none;
}
.lp .expert-copy h2{
  max-width: 12ch;
}
.lp .credential-list{
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin: 30px 0;
}
.lp .credential-list span{
  padding: 10px 14px;
  background: var(--linen);
  color: var(--chestnut);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.04em;
}
.lp .text-link{
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 7px 0;
  border-bottom: 1px dotted var(--brown);
  color: var(--chestnut);
  font-size: 14px;
  text-decoration: none;
  transition: border-color 180ms ease-out, color 180ms ease-out;
}
.lp .text-link:hover{
  border-bottom-color: var(--berry);
  color: var(--berry);
}
.lp .text-link span{
  font-size: 18px;
}
.lp .awards-section{
  background: var(--veil);
}
.lp .award-grid{
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(14px, 2.3vw, 30px);
  align-items: stretch;
}
.lp .award-card,
.lp .review-seal{
  min-height: 260px;
  border: 1px solid var(--line);
  background: var(--white);
}
.lp .award-card{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 25px 20px 20px;
  text-align: center;
}
.lp .award-card img{
  width: auto;
  height: 118px;
  margin: auto 0 18px;
  object-fit: contain;
}
.lp .award-card:nth-child(2) img{
  width: 160px;
  height: auto;
}
.lp .award-card:nth-child(3) img{
  height: 126px;
}
.lp .award-card p{
  min-height: 48px;
  margin: 0;
  font-size: 12px;
  line-height: 1.45;
}
.lp .award-card strong,
.lp .award-card span{
  display: block;
}
.lp .award-card strong{
  color: var(--chestnut);
  font-weight: 500;
}
.lp .award-card span{
  margin-top: 3px;
  color: var(--taupe-light);
  font-size: 10px;
}
.lp .review-seal{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0;
  color: var(--chestnut);
  text-align: center;
  text-decoration: none;
  transition: box-shadow 180ms ease-out, transform 180ms ease-out;
}
.lp .review-seal:hover{
  transform: translateY(-2px);
  box-shadow: var(--shadow-card);
}
.lp .review-seal > span:first-child{
  align-self: stretch;
  margin-bottom: auto;
  padding: 12px 8px;
  background: var(--chestnut);
  color: var(--white);
  font-size: 9px;
  font-weight: 500;
  letter-spacing: 0.11em;
  text-transform: uppercase;
}
.lp .review-seal strong{
  margin-top: 25px;
  font-family: var(--display);
  font-size: 58px;
  font-weight: 500;
  line-height: 0.9;
}
.lp .review-seal .stars{
  margin-top: 12px;
  color: var(--brown);
  font-size: 15px;
  letter-spacing: 0.14em;
}
.lp .review-seal > span:nth-last-of-type(1){
  margin-top: 8px;
  color: var(--taupe);
  font-size: 12px;
}
.lp .review-seal small{
  align-self: stretch;
  margin-top: auto;
  padding: 8px;
  border-top: 1px solid var(--line);
  color: var(--taupe-light);
  font-size: 9px;
}
.lp .reviews-section{
  background: var(--white);
}
.lp .reviews-heading{
  display: grid;
  grid-template-columns: 0.85fr 1.15fr;
  gap: 50px;
  margin-bottom: var(--block-space);
}
.lp .reviews-heading .eyebrow{
  margin-top: 9px;
}
.lp .review-grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border-top: 1px solid var(--brown);
  border-bottom: 1px solid var(--brown);
}
.lp .review-grid blockquote{
  position: relative;
  min-height: 240px;
  margin: 0;
  padding: 44px clamp(24px, 3vw, 40px);
  border-right: 1px solid var(--line);
}
.lp .review-grid blockquote:last-child{
  border-right: 0;
}
.lp .quote-mark{
  color: var(--rose);
  font-family: var(--display);
  font-size: 62px;
  line-height: 0.7;
}
.lp .review-grid blockquote p{
  margin: 18px 0 30px;
  color: var(--chestnut);
  font-family: var(--display);
  font-size: clamp(23px, 2.5vw, 30px);
  font-style: italic;
  line-height: 1.34;
}
.lp .review-grid blockquote footer{
  color: var(--taupe-light);
  font-size: 10px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0.11em;
  line-height: 1.5;
  text-transform: uppercase;
}
.lp .centered-link{
  display: flex;
  width: max-content;
  margin: 32px auto 0;
}
.lp .location-section{
  background: var(--linen);
}
.lp .location-grid{
  display: grid;
  grid-template-columns: minmax(320px, 0.9fr) minmax(0, 1.1fr);
  gap: clamp(50px, 9vw, 120px);
  align-items: center;
}
.lp .map-card{
  position: relative;
  display: grid;
  place-items: center;
  min-height: 540px;
  overflow: hidden;
  border: 1px solid var(--brown);
  background-color: var(--surface);
  background-image: linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);
  background-size: 44px 44px;
}
.lp .map-rings{
  position: absolute;
  display: grid;
  place-items: center;
}
.lp .map-rings span{
  position: absolute;
  border: 1px solid rgba(110, 29, 70, 0.28);
  border-radius: 50%;
}
.lp .map-rings span:nth-child(1){
  width: 160px;
  height: 160px;
}
.lp .map-rings span:nth-child(2){
  width: 310px;
  height: 310px;
}
.lp .map-rings span:nth-child(3){
  width: 480px;
  height: 480px;
}
.lp .map-pin{
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  text-align: center;
}
.lp .map-pin svg{
  width: 68px;
  height: 68px;
  fill: var(--berry);
  filter: drop-shadow(0 8px 12px rgba(47, 35, 37, 0.15));
}
.lp .map-pin span{
  padding: 9px 13px;
  background: var(--white);
  color: var(--chestnut);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.08em;
  line-height: 1.45;
  text-transform: uppercase;
}
.lp .map-card > small{
  position: absolute;
  right: 20px;
  bottom: 18px;
  color: var(--taupe-light);
  font-size: 9px;
  letter-spacing: 0.08em;
}
.lp .location-copy h2{
  max-width: 13ch;
}
.lp .location-copy address{
  margin: 28px 0;
  color: var(--taupe);
  font-size: 16px;
  font-style: normal;
  line-height: 1.65;
}
.lp .location-copy address strong{
  color: var(--chestnut);
  font-weight: 500;
}
.lp .hours{
  display: grid;
  gap: 0;
  margin: 0 0 24px;
  border-top: 1px solid var(--brown);
}
.lp .hours > div{
  display: grid;
  grid-template-columns: minmax(150px, 0.8fr) minmax(0, 1.2fr);
  gap: 20px;
  padding: 14px 0;
  border-bottom: 1px solid var(--brown);
}
.lp .hours dt,
.lp .hours dd{
  font-size: 13px;
  line-height: 1.5;
}
.lp .hours dt{
  color: var(--chestnut);
  font-weight: 500;
}
.lp .hours dd{
  margin: 0;
  color: var(--taupe);
}
.lp .location-note{
  margin-bottom: 28px;
  font-size: 13px;
  line-height: 1.65;
}
.lp .faq-section{
  background: var(--schleier);
}
.lp .faq-grid{
  display: grid;
  grid-template-columns: minmax(0, 0.78fr) minmax(0, 1.22fr);
  gap: clamp(50px, 9vw, 120px);
  align-items: start;
}
.lp .faq-intro{
  position: sticky;
  top: 130px;
}
.lp .faq-intro h2{
  max-width: 13ch;
}
.lp .faq-list{
  border-top: 1px solid var(--brown);
}
.lp .faq-list details{
  border-bottom: 1px solid var(--brown);
}
.lp .faq-list summary{
  position: relative;
  padding: 24px 48px 24px 0;
  color: var(--chestnut);
  cursor: pointer;
  font-family: var(--display);
  font-size: 24px;
  font-weight: 500;
  line-height: 1.25;
  list-style: none;
}
.lp .faq-list summary::-webkit-details-marker{
  display: none;
}
.lp .faq-list summary::before,
.lp .faq-list summary::after{
  position: absolute;
  top: 50%;
  right: 8px;
  width: 20px;
  height: 1px;
  background: var(--berry);
  content: "";
  transition: transform 180ms ease-out;
}
.lp .faq-list summary::after{
  transform: rotate(90deg);
}
.lp .faq-list details[open] summary::after{
  transform: rotate(0);
}
.lp .faq-list details > p{
  margin: -4px 48px 24px 0;
  font-size: 16px;
  line-height: 1.7;
}
.lp .mobile-sticky-cta{
  display: none;
}
@keyframes hero-text-in{
  from {
    opacity: 0;
    transform: translateY(18px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes hero-image-in{
  from {
    opacity: 0;
    transform: scale(1.025);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@media (max-width: 1120px){
.lp .hero{
    grid-template-columns: minmax(0, 1fr) minmax(400px, 0.9fr);
  }
.lp .trust-strip{
    grid-template-columns: repeat(2, 1fr);
  }
.lp .trust-item:nth-child(2){
    border-right: 0;
  }
.lp .trust-item:nth-child(-n + 2){
    border-bottom: 1px solid var(--line);
  }
.lp .trust-item:nth-child(3){
    padding-left: 0;
  }
.lp .award-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 900px){
html{
    scroll-padding-top: 88px;
  }
.lp .hero{
    grid-template-columns: 1fr;
    min-height: auto;
  }
.lp .hero-text{
    max-width: none;
    margin: 0;
    padding-right: var(--page-pad);
  }
.lp .hero-visual{
    min-height: 540px;
  }
.lp .decision-grid,
.lp .treatment-grid,
.lp .expert-grid,
.lp .location-grid,
.lp .faq-grid{
    grid-template-columns: 1fr;
  }
.lp .decision-grid,
.lp .treatment-grid,
.lp .expert-grid,
.lp .location-grid,
.lp .faq-grid{
    gap: clamp(42px, 8vw, 72px);
  }
.lp .decision-copy{
    padding-top: 0;
  }
.lp .benefit-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 44px 30px;
  }
.lp .benefit-card img{
    margin-bottom: 20px;
  }
.lp .price-card{
    width: min(100%, 500px);
    margin: 0 auto;
  }
.lp .expert-image{
    width: min(100%, 540px);
  }
.lp .reviews-heading{
    grid-template-columns: 1fr;
    gap: 0;
  }
.lp .review-grid{
    grid-template-columns: 1fr;
  }
.lp .review-grid blockquote{
    min-height: 0;
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }
.lp .review-grid blockquote:last-child{
    border-bottom: 0;
  }
.lp .map-card{
    min-height: 430px;
  }
.lp .faq-intro{
    position: static;
  }
}
@media (max-width: 640px){
.lp{
    --section-space: clamp(72px, 18vw, 92px);
    --block-space: 42px;
  }

body{
    padding-bottom: calc(58px + env(safe-area-inset-bottom));
  }
.lp .hero-text{
    padding-block: 56px 48px;
  }
.lp h1{
    font-size: clamp(42px, 13.2vw, 61px);
    line-height: 1.01;
  }
.lp h2{
    font-size: clamp(34px, 10.5vw, 47px);
  }
.lp .hero-lead p{
    font-size: 17px;
  }
.lp .hero-offer{
    padding: 16px;
  }
.lp .button-row,
.lp .button{
    width: 100%;
  }
.lp .hero-note{
    text-align: center;
  }
.lp .hero-visual{
    min-height: 420px;
  }
.lp .hero-visual > img{
    object-position: 48% center;
  }
.lp .location-card{
    right: 16px;
    bottom: 16px;
    left: 16px;
    max-width: none;
  }
.lp .trust-strip{
    grid-template-columns: 1fr;
  }
.lp .trust-item,
.lp .trust-item:first-child,
.lp .trust-item:nth-child(3),
.lp .trust-item:last-child{
    min-height: 80px;
    padding: 18px 0;
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }
.lp .trust-item:last-child{
    border-bottom: 0;
  }
.lp .trust-item > strong{
    width: 46px;
    font-size: 34px;
    text-align: center;
  }
.lp .trust-item svg{
    width: 46px;
    padding: 7px;
  }
.lp .benefit-grid{
    grid-template-columns: 1fr;
    gap: 44px;
  }
.lp .benefit-card{
    display: grid;
    grid-template-columns: 104px minmax(0, 1fr);
    grid-template-rows: auto auto 1fr;
    gap: 0 20px;
  }
.lp .benefit-card img{
    grid-row: 1 / 4;
    width: 104px;
    height: 104px;
    margin: 0;
  }
.lp .benefit-number{
    margin-bottom: 5px;
    font-size: 22px;
  }
.lp .benefit-card h3{
    margin-bottom: 5px;
    font-size: 23px;
  }
.lp .benefit-card p{
    font-size: 14px;
  }
.lp .process-list li{
    grid-template-columns: 46px minmax(0, 1fr);
    gap: 16px;
  }
.lp .process-list li::before{
    top: 52px;
    left: 22px;
  }
.lp .process-list li > span{
    width: 46px;
    height: 46px;
  }
.lp .price-card{
    padding: 30px 24px;
  }
.lp .expert-image::before{
    right: -10px;
    bottom: -10px;
  }
.lp .award-grid{
    grid-template-columns: 1fr 1fr;
    gap: 12px;
  }
.lp .award-card,
.lp .review-seal{
    min-height: 230px;
  }
.lp .award-card{
    padding: 20px 10px 15px;
  }
.lp .award-card img{
    max-width: 120px;
    height: 100px;
  }
.lp .award-card:nth-child(2) img{
    width: 125px;
  }
.lp .award-card:nth-child(3) img{
    height: 105px;
  }
.lp .review-seal strong{
    font-size: 52px;
  }
.lp .review-grid blockquote{
    padding: 34px 22px;
  }
.lp .map-card{
    min-height: 360px;
  }
.lp .map-rings span:nth-child(3){
    width: 360px;
    height: 360px;
  }
.lp .hours > div{
    grid-template-columns: 1fr;
    gap: 3px;
  }
.lp .faq-list summary{
    padding-block: 21px;
    font-size: 21px;
  }
.lp .mobile-sticky-cta{
    position: fixed;
    z-index: 90;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: calc(58px + env(safe-area-inset-bottom));
    padding: 15px 18px calc(15px + env(safe-area-inset-bottom));
    background: var(--berry);
    color: var(--white);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.12em;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    box-shadow: 0 -8px 24px rgba(47, 35, 37, 0.16);
    transition: opacity 180ms ease-out, transform 180ms ease-out;
  }
.lp .mobile-sticky-cta.is-hidden{
    opacity: 0;
    pointer-events: none;
    transform: translateY(100%);
  }
}
@media (max-width: 390px){
.lp .benefit-card{
    grid-template-columns: 88px minmax(0, 1fr);
    gap: 0 15px;
  }
.lp .benefit-card img{
    width: 88px;
    height: 88px;
  }
.lp .award-grid{
    grid-template-columns: 1fr;
  }
}
@media (prefers-reduced-motion: reduce){
html{
    scroll-behavior: auto;
  }
.lp *,
.lp *::before,
.lp *::after{
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
  }
}
@media (forced-colors: active){
.lp .button,
.lp .skin-needs li,
.lp .price-card,
.lp .award-card,
.lp .review-seal,
}

@media (min-width: 992px){
  .lp-seite{
    overflow-x: clip;
  }
  .lp-seite .hero-visual{
    position: sticky;
    top: var(--kopf-unten, 117px);
    align-self: start;
    height: calc(100svh - var(--kopf-unten, 117px));
  }
}

.lp-seite .hero-plakette{
  position: absolute;
  z-index: 3;
  left: clamp(20px, 3vw, 44px);
  bottom: clamp(20px, 3vw, 44px);
  display: grid;
  place-items: center;
  width: clamp(136px, 13vw, 172px);
  aspect-ratio: 1;
  padding: 16px;
  border-radius: 50%;
  background: var(--berry);
  color: var(--white);
  font-family: var(--body);
  font-size: clamp(14px, 1.15vw, 16px);
  font-weight: 500;
  line-height: 1.28;
  text-align: center;
  text-decoration: none;
  transform: rotate(-8deg);
  box-shadow: 0 14px 34px rgba(47, 35, 37, 0.22);
  transition: transform 200ms ease-out, background 200ms ease-out;
}
.lp-seite .hero-plakette:hover,
.lp-seite .hero-plakette:focus-visible{
  background: var(--berry-hover);
  transform: rotate(-8deg) scale(1.04);
}
@media (prefers-reduced-motion: reduce){
  .lp-seite .hero-plakette{ transition: none; }
  .lp-seite .hero-plakette:hover{ transform: rotate(-8deg); }
}

.lp-seite .hero-untenbild{
  margin-top: clamp(28px, 3vw, 44px);
  overflow: hidden;
  background: var(--surface);
}
.lp-seite .hero-untenbild img{
  display: block;
  width: 100%;
  height: clamp(200px, 24vh, 300px);
  border-radius: 0;
  object-fit: cover;
  object-position: center 34%;
}

.lp-seite .entscheidung-bild{
  margin-top: clamp(28px, 3vw, 44px);
  overflow: hidden;
  background: var(--surface);
}
.lp-seite .entscheidung-bild img{
  display: block;
  width: 100%;
  height: clamp(220px, 28vh, 340px);
  border-radius: 0;
  object-fit: cover;
  object-position: center 34%;
}

.lp-seite .hero-medien{
  position: relative;
}

@media (min-width: 992px){
  .lp-seite .hero + .trust-strip{
    margin-top: 0;
  }
}

.lp-seite .hero-visual > img{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.lp-seite .trust-strip{
  max-width: none;
  padding-left: max(var(--page-pad), calc(50% - (var(--container) / 2)));
  padding-right: max(var(--page-pad), calc(50% - (var(--container) / 2)));
  border-top: 1px solid var(--line);
}
@media (max-width: 767px){
  .lp-seite .trust-strip{
    display: none;
  }
}

.lp-seite .trust-item-bewertung{
  gap: 16px;
}
.lp-seite .trust-sterne{
  display: flex;
  align-items: center;
  gap: 2px;
  margin-bottom: 5px;
}
.lp-seite .trust-item .trust-sterne svg{
  width: 13px;
  height: 13px;
  fill: var(--berry);
  stroke: none;
}

.lp-seite .trust-item > svg.ico{
  width: 34px;
  height: 34px;
  fill: var(--berry);
  stroke: none;
}

.lp-seite .decision-section .lp-spalte-b{
  padding-top: 27px;
}

.lp-seite .decision-section .lp-spalte-a h2{
  max-width: 15ch;
}

.lp-seite .faq-section .lp-spalte-a{
  position: sticky;
  top: 130px;
}
.lp-seite .faq-section .lp-spalte-a h2{
  max-width: 13ch;
}

.lp-seite .benefits-section .lp-spalte-a, .lp-seite .awards-section .lp-spalte-a{
  margin-bottom: var(--block-space);
}
.lp-seite .benefits-section .lp-spalte-a, .lp-seite .awards-section .lp-spalte-a{
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.lp-seite .reviews-section .lp-spalte-a{
  display: grid;
  grid-template-columns: 0.85fr 1.15fr;
  gap: 50px;
  margin-bottom: var(--block-space);
}

.lp-seite .treatment-section .lp-spalte-b{display: contents;}

/* === Behandlungsseite: Entscheidung (neu) === */
.entsch-neu{position:relative;overflow:hidden;padding:var(--section-space) 0;background:var(--linen)}
.entsch-neu-inner{width:min(100%,var(--container));margin:0 auto;padding-inline:var(--page-pad)}
.entsch-neu-grid{display:grid;grid-template-columns:minmax(300px,0.92fr) minmax(0,1.08fr);align-items:start;gap:clamp(52px,7vw,105px)}
.entsch-neu-foto{position:relative;margin:0}
.entsch-neu-foto::before{content:"";position:absolute;z-index:1;top:-16px;left:-16px;width:44%;height:44%;border-top:1px solid var(--berry);border-left:1px solid var(--berry);pointer-events:none}
.entsch-neu-foto img{display:block;width:100%;height:clamp(440px,52vw,660px);object-fit:cover;object-position:50% 32%}
.entsch-neu-legende{position:relative;z-index:2;width:calc(100% - 32px);margin:-38px 0 0 auto;padding:24px 28px;background:#fff;box-shadow:0 16px 38px rgba(78,47,53,.09);color:var(--ink);font-family:var(--display);font-size:clamp(20px,1.9vw,24px);line-height:1.18}
.entsch-neu-legende em{color:var(--rose);font-size:clamp(23px,2.2vw,28px);font-style:italic;font-weight:400}
.entsch-neu-knopf{margin-top:clamp(28px,3vw,40px)}
.entsch-neu-text{max-width:620px}
.entsch-neu-text .eyebrow{margin-bottom:18px;color:var(--berry);font-size:11px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;line-height:1.5}
.entsch-neu-text h2{max-width:none;margin:0 0 20px;color:var(--chestnut);font-family:var(--display);font-weight:400;font-size:clamp(34px,3.6vw,50px);line-height:1.06;letter-spacing:-.01em}
.entsch-neu-text h2 em{display:block;margin-top:6px;color:var(--rose);font-style:italic;font-weight:400}
.entsch-neu-text .lead{margin:0 0 22px;color:var(--chestnut);font-style:italic;font-size:18px;line-height:1.6;max-width:none}
.entsch-neu-text p{margin:0 0 1em;color:var(--taupe);font-size:16px;line-height:1.7;max-width:56ch}
.entsch-neu-text p:last-of-type{margin-bottom:0}
.entsch-haken{list-style:none;margin:clamp(26px,3vw,38px) 0 0;padding:0}
.entsch-haken li{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:center;padding:15px 0;border-top:1px solid var(--line)}
.entsch-haken li:last-child{border-bottom:1px solid var(--line)}
.entsch-haken svg{width:22px;height:22px;color:var(--berry)}
.entsch-haken span{font-size:16px;line-height:1.5;color:var(--taupe)}
.entsch-themen{display:flex;flex-wrap:wrap;gap:14px;margin-top:clamp(44px,5vw,66px)}
.entsch-thema{padding:15px 26px;border:1px solid var(--line);color:var(--chestnut);font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;background:#fff}
@media(max-width:900px){
  .entsch-neu{background:var(--linen)}
  .entsch-neu-grid{grid-template-columns:1fr;gap:32px}
  .entsch-neu-text{max-width:none}
  .entsch-neu-foto img{height:min(90vw,520px)}
  .entsch-neu-text h2{font-size:clamp(32px,8vw,44px)}
  .entsch-neu-legende{padding:19px 20px;font-size:22px}
  .entsch-neu-legende em{font-size:27px}
}


.lp .benefit-card p{-webkit-hyphens:auto;hyphens:auto;hyphenate-limit-chars:6 3 3}

.entsch-neu .button-row .button{padding-inline:20px}

.lp .benefit-grid{counter-reset:kachel}
.lp .benefit-card{counter-increment:kachel}
.lp .benefit-number::before{content:counter(kachel,decimal-leading-zero)}

.lp .lead{font-size:18px;font-style:italic;line-height:1.6}

.lp .price-card{position:relative}
.lp .price-visual{position:absolute;top:-66px;right:-46px;width:180px;z-index:3;aspect-ratio:1}
.lp .price-visual img{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:46% 44%;box-shadow:0 16px 34px rgba(67,43,47,.14)}
.lp .price-visual .price-badge{position:absolute;right:-8px;bottom:-26px;display:grid;place-items:center;width:92px;height:92px;border-radius:50%;background:var(--berry);color:var(--white);font-size:9px;letter-spacing:.1em;line-height:1.4;text-align:center;text-transform:uppercase;text-decoration:none;border-bottom:0}
.lp .price-visual .price-badge:hover,.lp .price-visual .price-badge:focus-visible{color:var(--white)}

.lp .benefit-number{font-weight:500}

a.gift-line{text-decoration:none;border-bottom:0;color:inherit;transition:background .18s ease}
a.gift-line:hover,a.gift-line:focus-visible{background:var(--linen)}

.lp .expert-copy .expert-knopf{display:inline-flex;margin-top:26px}

/* CTA (kontakt_neu) auf lp-Seiten */
.lp section:has(.contact-el){background:var(--berry);color:var(--white);padding-block:80px}
.lp .contact-grid{width:min(100%,var(--container));margin-inline:auto;padding-inline:var(--page-pad);grid-template-columns:minmax(0,1.1fr) minmax(300px,0.7fr);gap:clamp(50px,9vw,130px);align-items:center}
.lp .contact-el .eyebrow,.lp .contact-el > div > p{color:rgba(255,255,255,.83)}
.lp .contact-el .eyebrow{margin:0 0 24px;font-weight:500;font-size:11px;letter-spacing:.2em;text-transform:uppercase}
.lp .contact-el > div > p:not(.eyebrow){margin:0;font-size:17px;line-height:1.7}
.lp .contact-el h2{color:var(--white);font-family:var(--display);font-weight:500;font-size:clamp(28px,3.4vw,38px);line-height:1.2;letter-spacing:-.005em;max-width:20ch;margin:0 0 22px}
.lp .contact-el .button{min-height:50px;padding:15px 24px;border:1px solid rgba(255,255,255,.7);background:transparent;color:var(--white);text-transform:uppercase;letter-spacing:.11em;font-size:13px;font-weight:500}
.lp .contact-el .button--light{border-color:var(--white);background:var(--white);color:var(--berry)}
.lp .contact-el .button--light:hover{border-color:var(--sand);background:var(--sand);color:var(--berry)}
.lp .contact-el .button--ghost:hover{border-color:var(--white);background:rgba(255,255,255,.1);color:var(--white)}
.lp .contact-actions{display:grid;grid-template-columns:1fr;gap:12px}
.lp .contact-actions small{margin-top:6px;color:rgba(255,255,255,.76);font-size:11px;line-height:1.55;text-align:center}
@media(max-width:820px){.lp .contact-grid{grid-template-columns:1fr;gap:34px}}

/* Experte-Abschnitte ohne Bild (z.B. Hautanalyse understand/clarity): einspaltig, gute Lesebreite */
.lp .expert-section:not(:has(.expert-image)) .expert-grid{grid-template-columns:1fr}
.lp .expert-section:not(:has(.expert-image)) .expert-copy{max-width:820px}

/* Hautanalyse-Hero (nur pid 37): Button hell + Textspalte etwas breiter, Bild unveraendert */
.seite-37 .hero-text{padding-right:clamp(14px,1.8vw,30px)}
.seite-37 .hero-text h1{max-width:none}
.seite-37 .hero-text h1 em{display:block}
.seite-37 .hero .button-row{gap:clamp(18px,2vw,30px);align-items:center}
.seite-37 .hero .button-secondary{display:inline-flex;align-items:center;gap:12px;min-height:auto;padding:8px 0;border:0;border-bottom:1px solid #c8aba9;border-radius:0;background:transparent;color:var(--chestnut);font-size:14px;font-weight:500;letter-spacing:.04em;text-transform:none}
.seite-37 .hero .button-secondary::after{content:"\2193";margin-left:2px;font-size:17px;line-height:1;color:var(--berry)}
.seite-37 .hero .button-secondary:hover{background:transparent;border-bottom-color:var(--berry);color:var(--berry)}
/* Erstbehandlung-Hero: zweiten Button als Text-Link mit Pfeil */
.seite-11 .hero .button-secondary{display:inline-flex;align-items:center;gap:12px;min-height:auto;padding:8px 0;border:0;border-bottom:1px solid #c8aba9;border-radius:0;background:transparent;color:var(--chestnut);font-size:14px;font-weight:500;letter-spacing:.04em;text-transform:none}
.seite-11 .hero .button-secondary::after{content:"\2193";margin-left:2px;font-size:17px;line-height:1;color:var(--berry)}
.seite-11 .hero .button-secondary:hover{background:transparent;border-bottom-color:var(--berry);color:var(--berry)}

/* Hero-Angebot als Overlay am unteren Bildrand (nur Hautanalyse) */
.hero-angebot{display:none}
.seite-37 .hero-angebot{display:block;position:absolute;left:0;right:0;bottom:0;z-index:3;padding:20px clamp(22px,3vw,40px);background:var(--berry);color:var(--white)}
.seite-37 .hero-angebot-eyebrow{display:block;margin-bottom:7px;color:rgba(255,255,255,.82);font-size:11px;font-weight:500;letter-spacing:.16em;text-transform:uppercase}
.seite-37 .hero-angebot strong{display:block;color:var(--white);font-family:var(--display);font-size:clamp(20px,2vw,24px);font-weight:400;line-height:1.2;letter-spacing:0}
.seite-37 .hero-angebot-preis{display:inline-block;margin-top:6px;color:rgba(255,255,255,.85);font-size:14px}
.seite-37 a.hero-angebot-preis{text-decoration:underline;text-underline-offset:2px}
/* Hautanalyse: Angebots-Box im Einleitungstext (Links) */
.seite-37 .hero-offer strong a{color:var(--chestnut);text-decoration:none;border-bottom:1px dotted var(--linie)}
.seite-37 .hero-offer > a{display:block;width:max-content;max-width:100%;margin:0;color:var(--taupe);font-size:14px;line-height:1.1;text-decoration:none;border-bottom:1px dotted var(--linie)}
.seite-37 .hero-offer > a:hover,.seite-37 .hero-offer strong a:hover{color:var(--berry);border-bottom-color:var(--berry)}

/* Hautanalyse Angebots-Box: Geschenk-Icon links */
.seite-37 .hero-offer{grid-template-columns:auto 1fr;column-gap:16px;row-gap:4px;align-items:center}
.seite-37 .hero-offer::before{content:"";grid-column:1;grid-row:1 / span 3;align-self:center;width:40px;height:40px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236e1d46' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 12 20 22 4 22 4 12'/%3E%3Crect x='2' y='7' width='20' height='5'/%3E%3Cline x1='12' y1='22' x2='12' y2='7'/%3E%3Cpath d='M12 7H7.5a2.5 2.5 0 0 1 0-5C11 2 12 7 12 7z'/%3E%3Cpath d='M12 7h4.5a2.5 2.5 0 0 0 0-5C13 2 12 7 12 7z'/%3E%3C/svg%3E") center/contain no-repeat}
.seite-37 .hero-offer .offer-kicker{grid-column:2;line-height:1.1;margin:0}
.seite-37 .hero-offer strong{grid-column:2;line-height:1.1;margin:0}
.seite-37 .hero-offer > a{grid-column:2}

/* Hautanalyse understand: H2 breiter (fuellt Textspalte, wie Erstbehandlung) */
.seite-37 .expert-copy h2{max-width:none !important;font-size:clamp(34px,4.2vw,50px)}

/* Hautanalyse understand: schmalere Bildspalte, breitere Textspalte, laengliches Bild */
.seite-37 .expert-grid{grid-template-columns:minmax(0,0.85fr) minmax(0,1.15fr);gap:clamp(36px,4vw,64px)}
.seite-37 .expert-image{width:100%}
.seite-37 .expert-image img{width:100%;height:clamp(440px,46vw,580px);max-height:none;object-fit:cover;object-position:40% 24%}

/* understand-Entscheidung: Knopf als Text-Link mit Pfeil */
.seite-37 #verstehen .button-row{gap:0}
.seite-37 #verstehen .button-primary{display:inline-flex;align-items:center;gap:12px;min-height:auto;padding:8px 0;border:0;border-bottom:1px solid #c8aba9;border-radius:0;background:transparent;color:var(--chestnut);font-size:14px;font-weight:500;letter-spacing:.04em;text-transform:none}
.seite-37 #verstehen .button-primary::after{content:"\2193";margin-left:2px;font-size:17px;line-height:1;color:var(--berry)}
.seite-37 #verstehen .button-primary:hover{background:transparent;border-bottom-color:var(--berry);color:var(--berry)}

/* understand-Bild: Klaudias Gesicht komplett zeigen */
.seite-37 #verstehen .entsch-neu-foto img{object-position:34% 20%}

/* Hautanalyse skin-map: Raster wie Vorlage (Rahmen, Nummer oben / Text unten) */
.seite-37 .benefit-grid{gap:0;border-top:1px solid var(--linie)}
.seite-37 .benefit-card{min-height:240px;padding:26px clamp(18px,2.6vw,34px) 30px;border-right:1px solid var(--linie);border-bottom:1px solid var(--linie)}
.seite-37 .benefit-card:nth-child(4n+1){border-right:0}
.seite-37 .benefit-number{margin-bottom:30px;color:var(--rose);font-size:28px}
.seite-37 .benefit-card h3{font-size:25px}
.seite-37 .benefit-card p{font-size:16px}
@media(max-width:900px){.seite-37 .benefit-card{border-right:1px solid var(--linie)}.seite-37 .benefit-card:nth-child(2n+1){border-right:0}}
@media(max-width:600px){.seite-37 .benefit-card{border-right:0 !important;min-height:0}.seite-37 .benefit-number{margin-bottom:16px}}

/* Canfield-Bild volle Breite unter dem Raster, geringer Abstand */
.seite-37 .benefit-grid > .bild{grid-column:1 / -1;margin:0 0 34px;max-width:none}

/* VISIA-Auszeichnungen (lp_visiaawards) */
.visia-accolades{position:relative;overflow:hidden;background:var(--white)}
.seite-37 .visia-accolades.section{padding-top:clamp(60px,7.5vw,92px);padding-bottom:clamp(60px,7.5vw,92px)}
.visia-accolades__lead{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(300px,0.58fr);gap:clamp(55px,9vw,128px);align-items:center;padding-bottom:clamp(30px,3.5vw,44px)}
.visia-accolades__copy h2{max-width:20ch}
.seite-37 .fussnote{padding-left:calc((100vw - min(100vw,var(--container)))/2 + var(--page-pad));padding-right:calc((100vw - min(100vw,var(--container)))/2 + var(--page-pad))}
.lp .fussnote p{margin:0;max-width:none;font-family:'CeraPro',sans-serif;font-size:13px;line-height:1.65;color:var(--taupe)}
.visia-accolades__description{max-width:62ch;margin-bottom:28px;color:var(--taupe);font-size:clamp(18px,1.45vw,21px);line-height:1.72}
.visia-accolades__source{display:inline-flex;align-items:center;gap:10px;padding-bottom:5px;border-bottom:1px solid var(--brown);color:var(--berry);font-size:11px;font-weight:500;letter-spacing:.12em;line-height:1.5;text-decoration:none;text-transform:uppercase;transition:border-color 180ms ease-out,color 180ms ease-out}
.visia-accolades__source:hover{border-color:var(--berry);color:var(--berry-hover)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.visia-accolades__latest-link{position:absolute;inset:0;z-index:2}
.visia-accolades__latest{position:relative;display:grid;place-items:center;min-height:318px;margin:0;padding:44px 34px 30px;border:1px solid var(--line);background:var(--white)}
.visia-accolades__count{position:absolute;top:23px;left:25px;color:var(--berry);font-size:10px;font-weight:500;letter-spacing:.18em;text-transform:uppercase}
.visia-accolades__latest img{width:min(225px,82%);max-height:230px;object-fit:contain}
.visia-accolades__latest figcaption{display:grid;gap:6px;margin-top:22px;text-align:center}
.visia-accolades__latest figcaption strong{color:var(--ink);font-family:var(--display);font-size:25px;line-height:1.1}
.visia-accolades__latest figcaption span{color:var(--taupe);font-size:10px;letter-spacing:.09em;line-height:1.5;text-transform:uppercase}
.visia-accolades__history{padding-top:clamp(22px,3vw,34px)}
.visia-accolades__history > p{margin-bottom:22px;color:var(--berry);font-size:10px;font-weight:500;letter-spacing:.2em;text-transform:uppercase}
.visia-accolades__history ol{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));margin:0;padding:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);list-style:none}
.visia-accolades__history li{min-width:0;border-left:1px solid var(--line)}
.visia-accolades__history li:first-child{border-left:0}
.visia-accolades__history figure{display:grid;grid-template-rows:135px auto;place-items:center;gap:13px;min-height:205px;margin:0;padding:20px clamp(10px,1.5vw,20px) 16px;background:rgba(255,255,255,.48)}
.visia-accolades__history img{max-width:135px;max-height:128px;object-fit:contain}
.visia-accolades__history figcaption{color:var(--ink);font-family:var(--display);font-size:22px;line-height:1}
.visia-accolades__note{margin-top:clamp(30px,4vw,48px)}
@media(max-width:980px){
.visia-accolades__lead{grid-template-columns:1fr;gap:45px}
.visia-accolades__latest{grid-template-columns:190px 1fr;justify-items:center;min-height:0;padding:44px 36px 30px}
.visia-accolades__latest img{width:180px}
.visia-accolades__latest figcaption{margin-top:0;text-align:left}
.visia-accolades__history ol{grid-template-columns:repeat(3,minmax(0,1fr))}
.visia-accolades__history li:nth-child(4){border-left:0}
.visia-accolades__history li:nth-child(n + 4){border-top:1px solid var(--line)}
}
@media(max-width:640px){
.visia-accolades__latest{grid-template-columns:1fr;padding:64px 25px 31px}
.visia-accolades__latest img{width:min(210px,78%)}
.visia-accolades__latest figcaption{margin-top:20px;text-align:center}
.visia-accolades__history ol{grid-template-columns:repeat(2,minmax(0,1fr))}
.visia-accolades__history li,.visia-accolades__history li:nth-child(4){border-left:1px solid var(--line)}
.visia-accolades__history li:nth-child(odd){border-left:0}
.visia-accolades__history li:nth-child(n + 3){border-top:1px solid var(--line)}
.visia-accolades__history figure{grid-template-rows:120px auto;min-height:188px;padding-inline:12px}
.visia-accolades__history img{max-width:122px;max-height:116px}
}