/* Eigenständiger Preisbaustein: durch Import und highlight auf weiteren Leistungsseiten nutzbar. */
.service-package-grid{--package-gap:clamp(1rem,.8rem + .6vw,1.75rem);--package-body:clamp(1rem,.975rem + .12vw,1.125rem);--package-line:color-mix(in srgb,var(--d-sage) 55%,white);display:grid;gap:var(--package-gap);align-items:stretch;margin-top:var(--d-s)}
.service-package-card{display:flex;flex-direction:column;min-width:0;padding:clamp(1.25rem,.9rem + 1vw,2rem);border:1px solid var(--package-line);border-radius:var(--radius-m);background:#fff;color:var(--d-ink);font-size:var(--package-body);line-height:1.5}
.service-package-card--highlight{background:color-mix(in srgb,var(--d-sage) 38%,white)}
/* Verbindliche Personal-Branding-Typografie für alle sechs Preisbereiche. */
.e10 .service-package-grid .service-package-card h3{font:600 clamp(1.25rem,1.05rem + .6vw,1.625rem)/1.25 var(--font-sans);margin:0 0 var(--d-xs);max-inline-size:none;white-space:normal;hyphens:none;text-wrap:wrap}
.e10 .service-package-card p{margin:0 0 var(--d-xs);max-inline-size:none;font-size:inherit;line-height:inherit;text-wrap:wrap}
.service-package-eyebrow{min-height:1.5em}
.e10 .service-package-card .service-package-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 .25em;font:600 clamp(1.125rem,1rem + .4vw,1.375rem)/1.5 var(--font-sans)}
.service-package-price strong{font:inherit;white-space:nowrap}
.service-package-duration{font-weight:600}
.service-package-duration:empty{display:none}
.service-package-card ul{list-style:none;padding:var(--d-s) 0 0;margin:var(--d-xs) 0 var(--d-s);border-top:1px solid var(--package-line);font-size:inherit;line-height:inherit}
.e10 .service-package-card .service-package-included{font:600 var(--package-body)/1.3 var(--font-sans);margin:var(--d-xs) 0 0;padding-top:var(--d-s);border-top:1px solid var(--package-line)}
.e10 .service-package-card .service-package-included+ul,.e10 .service-package-card .service-package-heading--with-included+ul{padding-top:0;border-top:0}
.service-package-card li{position:relative;padding-left:1.7em}
.service-package-card li+li{margin-top:.5em}
.service-package-card li::before{content:"✓";position:absolute;left:0;top:.15em;display:grid;place-items:center;width:1.2em;height:1.2em;background:var(--d-sage);color:#fff;border-radius:50%;font-size:1rem;font-weight:600;line-height:1}
.service-package-card--highlight li::before{background:#fff;color:var(--d-sage)}
/* Gemeinsamer Kartenabschluss: volle Buttonbreite und bündige Unterkante je Reihe. */
.e10 .service-package-card .service-package-action{display:flex;flex-direction:column;align-items:stretch;margin-top:auto;padding-top:var(--d-xs);text-align:left}
.e10 .service-package-action .d-button{width:100%;max-width:100%;min-width:0;min-height:var(--d-touch);margin:0;padding:var(--d-s) var(--d-m);font-size:var(--package-body);line-height:1.5;white-space:normal;text-align:center;justify-content:center}
.service-package-card a:focus-visible{outline:2px solid var(--d-ink);outline-offset:4px}
.e10 .service-package-private-note{margin:var(--d-s) 0 0}
/* Optionales vollständiges Hochformat neben einer schmaleren Paketkarte. */
.service-package-with-image{display:grid;gap:var(--e10-gap);align-items:start;margin-top:var(--d-s)}
.service-package-with-image>.service-package-grid{margin-top:0}
.service-package-image{margin:0;min-width:0;max-width:var(--portrait-image-width,32rem)}
.service-package-with-image .service-package-image picture{display:block;width:fit-content;max-width:100%;overflow:visible;border-radius:0}
.service-package-with-image .service-package-image img{display:block;width:auto;height:auto;max-width:100%;max-height:var(--package-image-max-height,none);border-radius:var(--radius-m)}
@media(min-width:64rem){.service-package-grid{grid-template-columns:repeat(var(--package-columns,3),minmax(0,1fr))}}
@media(min-width:64rem){.service-package-with-image{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Freigegebener Desktopbeschnitt: volle rechte Spalte, oben und unten bündig zur Karte. */
@media(min-width:64rem){
 .service-package-with-image .service-package-image{max-width:none;width:100%}
 .service-package-with-image .service-package-image picture{width:100%;height:var(--package-image-max-height,auto);aspect-ratio:3/2;overflow:hidden;border-radius:var(--radius-m)}
 .service-package-with-image .service-package-image img{width:100%;height:100%;max-height:none;object-fit:cover;object-position:center 10%}
}
/* Optional: gemeinsame Zeilenhöhen und Textabschlüsse für korrespondierende Leistungen. */
@supports(grid-template-rows:subgrid){
 @media(min-width:64rem){
  .service-package-grid--aligned{row-gap:0}
  .service-package-grid--aligned .service-package-card{display:grid;grid-template-rows:subgrid;grid-row:span calc(var(--package-bullet-rows) + 2);row-gap:0}
  .service-package-grid--aligned .service-package-heading{grid-row:1;min-width:0}
  .service-package-grid--aligned .service-package-heading--with-included{display:flex;flex-direction:column}
  .e10 .service-package-grid--aligned .service-package-heading--with-included .service-package-included{margin-top:auto}
  .service-package-grid--aligned .service-package-card ul{display:grid;grid-template-rows:subgrid;grid-row:2 / span var(--package-bullet-rows);row-gap:0;min-width:0}
  .service-package-grid--aligned .service-package-card li{align-self:end;min-width:0}
  .service-package-grid--aligned .service-package-heading--with-included+ul li{align-self:start}
  .service-package-grid--aligned .service-package-action{grid-row:calc(var(--package-bullet-rows) + 2);align-self:end}
 }
}