/* ── Seite: Kundenreferenz (case study) ─────────────────────────
   Sections reuse agency patterns: hero as on the industry pages, .ogs-embed and .ogs-adv as on
   /en/resources/features/gift-card-management, quote on the standard gradient of .faq. */
.cs-hero h1 .hl{color:var(--cyan);}
.cs-hero-logo{position:absolute;left:14%;bottom:-22px;background:var(--ink);border-radius:16px;padding:16px 22px;box-shadow:var(--shadow-m);display:flex;align-items:center;}
.cs-hero-logo img{height:26px;width:auto;display:block;}
@media(max-width:900px){.cs-hero-logo{left:16px;}}

.cs-facts{background:var(--surface);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:clamp(20px,3vw,40px);}
.cs-facts-in{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));}
.cs-fact{padding:clamp(22px,2.6vw,36px) clamp(14px,2vw,28px);border-left:1px solid var(--line);}
.cs-fact:first-child{border-left:0;}
.cs-fact b{display:block;font-family:var(--head);font-weight:700;font-size:clamp(1.9rem,3vw,2.6rem);overflow-wrap:break-word;letter-spacing:-.03em;line-height:1;color:var(--ink);}
.cs-fact span{display:block;margin-top:10px;font-weight:600;font-size:.95rem;line-height:1.45;color:var(--text);}
@media(max-width:820px){.cs-facts-in{grid-template-columns:1fr 1fr;}.cs-fact:nth-child(3){border-left:0;}.cs-fact:nth-child(n+3){border-top:1px solid var(--line);}}

.cs-section{padding:clamp(56px,7vw,110px) 0;background:var(--bg);}
.cs-h2{font-size:clamp(2rem,3.4vw,3rem);letter-spacing:-.035em;line-height:1.05;color:var(--ink);text-wrap:balance;margin:0;}
.cs-h2 .hl{color:var(--cyan);}
.cs-split{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(28px,5vw,80px);align-items:start;}
.cs-split p{margin:0 0 16px;font-size:clamp(1.02rem,1.2vw,1.12rem);font-weight:500;line-height:1.65;color:var(--text);}
.cs-split p:last-child{margin-bottom:0;}
.cs-link{color:var(--ink);font-weight:700;text-decoration:underline;text-decoration-color:var(--green);text-underline-offset:3px;}
.cs-link:hover{text-decoration-color:var(--cyan);}
@media(max-width:860px){.cs-split{grid-template-columns:1fr;}}

/* Eingesetzte Lösungen: same pattern and values as .ogs-embed */
.ogs-embed{position:relative;padding:clamp(58px,7vw,112px) 0 clamp(56px,6vw,92px);background:var(--bg-dark);color:#fff;}
.ogs-embed::before{content:"";position:absolute;top:0;bottom:0;left:calc(50% - 50vw);width:100vw;z-index:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(9,10,12,.62) 0%,rgba(9,10,12,.48) 40%,rgba(9,10,12,.66) 72%,rgba(9,10,12,.9) 100%),
    url("/assets/referenzen/mywellness.webp") center 45%/cover no-repeat;}
.ogs-embed .wrap{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;}
.ogs-embed h2{font-size:clamp(2rem,3.4vw,3rem);letter-spacing:-.035em;line-height:1.05;margin:0;color:#fff;text-wrap:balance;max-width:18em;text-shadow:0 2px 16px rgba(0,0,0,.55);}
.ogs-embed .lead{color:#fff;margin:16px 0 0;max-width:34em;text-shadow:0 2px 16px rgba(0,0,0,.55);}
.ogs-ways{width:min(1120px,100%);margin-top:clamp(44px,5vw,72px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.2vw,18px);}
.ogs-way{display:flex;flex-direction:column;align-items:center;text-align:center;gap:clamp(14px,1.3vw,20px);
  padding:clamp(22px,2.2vw,32px) clamp(16px,1.6vw,24px);border-radius:22px;
  background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(10px) saturate(1.2);
  transition:background .25s,border-color .25s,transform .3s cubic-bezier(.34,1.56,.64,1);}
.ogs-way:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.28);transform:translateY(-3px);}
.ogs-way-ico{display:grid;place-items:center;flex-shrink:0;width:clamp(46px,3.4vw,56px);height:clamp(46px,3.4vw,56px);
  border-radius:13px;color:var(--green-press);background:var(--green-soft);border:1px solid color-mix(in srgb,var(--green) 28%,transparent);
  transition:background .25s,color .25s,transform .3s cubic-bezier(.34,1.56,.64,1);}
.ogs-way:hover .ogs-way-ico{background:var(--green);color:#fff;transform:scale(1.06);}
.ogs-way-ico svg{width:52%;height:52%;stroke:currentColor;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round;}
.ogs-way h3{margin:0;font-size:clamp(1.14rem,1.35vw,1.34rem);font-weight:700;letter-spacing:-.02em;line-height:1.2;color:#fff;text-wrap:balance;}
.ogs-way p{margin:0;font-size:1rem;line-height:1.55;color:rgba(255,255,255,.76);text-wrap:pretty;}
@media(max-width:900px){.ogs-ways{grid-template-columns:1fr;}.ogs-way{flex-direction:row;align-items:center;text-align:left;gap:16px;}}
.cs-ways{grid-template-columns:repeat(3,minmax(0,1fr));}
a.ogs-way{text-decoration:none;color:inherit;}
.cs-way-txt{display:flex;flex-direction:column;gap:clamp(14px,1.3vw,20px);flex:1;}
.cs-way-more{margin-top:auto;font-family:var(--head);font-weight:700;font-size:.95rem;color:#fff;}
@media(max-width:1100px) and (min-width:901px){.cs-ways{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:900px){.cs-ways{grid-template-columns:1fr;}.cs-way-txt{gap:6px;}.cs-way-more{margin-top:4px;}}

/* Ziel und Umsetzung: same pattern and values as .ogs-adv (sticky side, green tilted .hl box) */
.ogs-adv{padding:clamp(40px,4.4vw,72px) 0;background:var(--bg);}
.ogs-adv-in{display:grid;grid-template-columns:minmax(0,360px) minmax(0,1fr);gap:clamp(28px,4vw,72px);align-items:start;}
.ogs-adv-side{position:sticky;top:150px;}
.ogs-adv-side h2{font-size:clamp(2rem,3.4vw,3rem);letter-spacing:-.035em;line-height:1.05;margin:0;color:var(--ink);text-wrap:balance;}
.ogs-adv-side .lead{margin:16px 0 0;max-width:24em;}
.ogs-adv-side h2 .hl{display:inline-block;background:var(--green);color:#fff;padding:0 .12em;border-radius:12px;transform:rotate(-1.5deg);}
.ogs-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,1.8vw,22px);}
.ogs-row{display:flex;flex-direction:column;gap:clamp(13px,1.4vw,17px);background:var(--surface);border:1px solid var(--line);border-radius:var(--r,18px);box-shadow:var(--shadow-s);padding:clamp(22px,2.4vw,30px);transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s,border-color .2s;}
.ogs-row:hover{transform:translateY(-3px);box-shadow:var(--shadow-m);border-color:var(--line-2);}
.ogs-ic{width:52px;height:52px;border-radius:15px;background:var(--green-soft);color:var(--green-press,#6fa018);display:grid;place-items:center;}
.ogs-row h3{margin:0;font-size:clamp(1.2rem,1.5vw,1.5rem);font-weight:700;letter-spacing:-.02em;line-height:1.14;color:var(--ink);}
.ogs-row p{margin:0;font-size:1rem;line-height:1.55;color:var(--text);text-wrap:pretty;}
@media(max-width:1200px){.ogs-list{grid-template-columns:1fr;}}
@media(max-width:900px){.ogs-adv-in{grid-template-columns:1fr;}.ogs-adv-side{position:static;}.ogs-list{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:640px){.ogs-list{grid-template-columns:1fr;}}
.cs-steps-list{grid-template-columns:1fr !important;}
.cs-step-ic{font-family:var(--head);font-weight:700;font-size:1.3rem;}

/* Kundenstimme: standard gradient and decor squares as .faq */
.cs-quote{background:linear-gradient(135deg,#0e5570 0%,#1c6f64 52%,#8bc220 100%);color:#fff;padding:clamp(64px,8vw,120px) 0;position:relative;overflow:hidden;}
.cs-quote .wrap{max-width:980px;position:relative;z-index:2;}
.cs-quote-mark{font-family:var(--head);font-weight:700;font-size:clamp(6rem,10vw,9rem);line-height:.6;color:var(--cyan);height:.45em;display:block;margin-bottom:28px;}
.cs-quote blockquote{margin:0;font-family:var(--head);font-weight:700;font-size:clamp(1.4rem,2.4vw,2.1rem);line-height:1.3;letter-spacing:-.02em;text-wrap:pretty;}
.cs-quote-by{margin-top:clamp(28px,3vw,40px);display:flex;align-items:center;gap:20px;flex-wrap:wrap;}
.cs-quote-by img{height:28px;width:auto;}
.cs-quote-by p{margin:0;font-weight:600;line-height:1.4;color:rgba(255,255,255,.75);}
.cs-quote-by strong{color:#fff;display:block;font-family:var(--head);}
.cs-quote .bx{position:absolute;z-index:1;border-radius:6px;box-shadow:0 8px 20px -8px rgba(20,30,15,.35);}
@media(max-width:560px){.cs-quote .bx{display:none;}}