/* Sarkom Seitenwelten – Angehörige Bildentwurf 1.1.1
   Normalen Theme-Hero samt Farbverlauf und Wellenabschluss BEIBEHALTEN.
   Nur Seiten mit emotionalem Blocklayout erhalten diese Korrekturen;
   alle Gutenberg-Blöcke bleiben im Editor editierbar. */
body.sarkom-familienwelt-emotional-page .sarkom-generic-page .sarkom-section { padding-bottom:65px!important; }
/* Der Theme-Hero trägt den öffentlichen Seitentitel bereits als H1.
   Den H1-Doppelgänger in der bearbeitbaren Bildkachel nur im Frontend ausblenden.
   Im Gutenberg-Editor ist er weiterhin vorhanden und auswählbar. */
body.sarkom-familienwelt-emotional-page .sarkom-generic-page .sfw-v2 .sfw2-page-title { display:none!important; }
body.sarkom-familienwelt-emotional-page .sarkom-generic-page .sarkom-content,
body.sarkom-familienwelt-emotional-page .sarkom-generic-page .sarkom-page-content { max-width:1180px!important; width:100%; margin-inline:auto!important; }
.sarkom-familienwelt.sfw-v2,.editor-styles-wrapper .sarkom-familienwelt.sfw-v2 {
  --sfw2-main: var(--region-accent,#24519b);
  --sfw2-deep: var(--navy,#173c84);
  --sfw2-ink: var(--ink,#17335e);
  --sfw2-line: #dee7f3;
  --sfw2-mist: #f5f8ff;
  max-width:1180px!important; margin:0 auto; color:var(--sfw2-ink); font-size:1.06rem; line-height:1.66;
}
body.region-md .sfw-v2 { --sfw2-main:#234a99; --sfw2-deep:#234a99; --sfw2-ink:#17335e; --sfw2-line:#d7e6f7; --sfw2-mist:#f3f7ff; }
body.region-sn .sfw-v2 { --sfw2-main:#c85b20; --sfw2-deep:#a8451d; --sfw2-ink:#592e24; --sfw2-line:#f1d6ca; --sfw2-mist:#fff8f4; }
body.region-th .sfw-v2 { --sfw2-main:#8849c9; --sfw2-deep:#713bb2; --sfw2-ink:#4a295f; --sfw2-line:#e8d7f7; --sfw2-mist:#fbf7ff; }
.sfw-v2 *{box-sizing:border-box}
.sfw-v2 :is(h1,h2,h3){color:var(--sfw2-deep)!important;letter-spacing:-.035em!important;}
.sfw-v2 a:focus-visible{outline:3px solid var(--sfw2-main)!important;outline-offset:4px}
.sfw-v2 .sfw2-eyebrow {font-size:.73rem!important;line-height:1.4;letter-spacing:.16em!important;text-transform:uppercase;font-weight:850!important;color:var(--sfw2-main)!important;margin:0 0 20px!important}
.sfw-v2 .sfw2-hero { display:grid!important;grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr);gap:0!important;align-items:stretch!important;border-radius:36px;overflow:hidden;border:1px solid var(--sfw2-line);background:linear-gradient(120deg,#fff 0%,var(--sfw2-mist) 100%);box-shadow:0 18px 50px rgba(27,53,85,.07);margin:0 0 64px!important;min-height:430px;}
.sfw-v2 .sfw2-hero > .wp-block-column{margin:0!important;min-width:0;flex-basis:auto!important;}
.sfw-v2 .sfw2-hero-copy{display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:flex-start!important;padding:clamp(28px,4.1vw,58px)!important;position:relative;z-index:1;}
.sfw-v2 .sfw2-hero-copy:before{content:"";position:absolute;pointer-events:none;inset:0;background:radial-gradient(circle at 2% 93%,rgba(246,222,204,.33) 0,transparent 35%);z-index:-1;}
.sfw-v2 .sfw2-hero-copy > *{max-width:100%}
.sfw-v2 .sfw2-page-title{font-size:clamp(2.35rem,4vw,3.9rem)!important;line-height:1.06!important;margin:0 0 13px!important;color:var(--sfw2-deep)!important;}
.sfw-v2 .sfw2-hero-title{font-size:clamp(1.62rem,2.35vw,2.5rem)!important;line-height:1.12!important;margin:0 0 19px!important;max-width:540px!important;}
.sfw-v2 .sfw2-hero-intro{font-size:clamp(.98rem,1.17vw,1.1rem)!important;line-height:1.72;margin:0 0 23px!important;max-width:520px;}
.sfw-v2 .sfw2-hero-media {position:relative;display:block!important;min-width:0!important;background:#f8e9db;}
.sfw-v2 .sfw2-hero-media figure{margin:0!important; height:100%!important;width:100%!important;display:block!important;}
.sfw-v2 .sfw2-hero-media figure img{display:block;width:100%!important;height:100%!important;min-height:430px;object-fit:cover;object-position:48% center;}
.sfw-v2 .sfw2-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px!important;margin:0!important;}
.sfw-v2 .wp-block-button{margin:0!important;}
.sfw-v2 .wp-block-button__link{font-size:.94rem!important;font-weight:800!important;line-height:1.35!important;padding:12px 20px!important;border-radius:999px!important;white-space:normal!important;text-align:center;text-decoration:none!important;transition:filter .15s,transform .15s}
.sfw-v2 .wp-block-button__link:hover{filter:brightness(.96);transform:translateY(-2px)}
.sfw-v2 .sfw2-button-main .wp-block-button__link {background:var(--sfw2-main)!important;color:#fff!important;border:2px solid var(--sfw2-main)!important;}
.sfw-v2 .sfw2-button-outline .wp-block-button__link {background:#fff!important;color:var(--sfw2-deep)!important;border:2px solid var(--sfw2-line)!important;}
.sfw-v2 .sfw2-section {margin:0 0 64px!important;scroll-margin-top:105px;}
.sfw-v2 .sfw2-section h2 {font-size:clamp(1.85rem,2.9vw,2.8rem)!important;line-height:1.15!important;margin:0 0 15px!important;}
.sfw-v2 .sfw2-section-lead {font-size:1rem;line-height:1.65;margin:0 0 23px!important;max-width:780px;}
.sfw-v2 .sfw2-card-grid {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px!important;margin:18px 0 0!important;}
.sfw-v2 .sfw2-card-grid>.sfw2-card{min-width:0;min-height:198px;margin:0!important;border-radius:27px;padding:27px 28px 22px;display:grid;grid-template-columns:64px minmax(0,1fr);grid-template-rows:auto auto 1fr auto;gap:0 17px;align-items:start;flex-basis:auto!important;border:1px solid var(--sfw2-line);box-shadow:0 10px 32px rgba(23,51,94,.06);transition:transform .18s,box-shadow .18s;}
.sfw-v2 .sfw2-card-grid>.sfw2-card:hover{transform:translateY(-3px);box-shadow:0 15px 35px rgba(23,51,94,.1)}
.sfw-v2 .sfw2-card-questions{background:linear-gradient(120deg,#fff,#f1f7ff);--card-ink:#2263b4;--card-bg:#e7f1ff;}
.sfw-v2 .sfw2-card-talk{background:linear-gradient(120deg,#fff,#fff4ea);--card-ink:#ce6c2c;--card-bg:#fff0e3;}
.sfw-v2 .sfw2-card-support{background:linear-gradient(120deg,#fff,#f2faf2);--card-ink:#3a8746;--card-bg:#e8f5e7;}
.sfw-v2 .sfw2-card-self{background:linear-gradient(120deg,#fff,#f6f1ff);--card-ink:#8156bf;--card-bg:#efe8fb;}
.sfw-v2 .sfw2-card .sfw2-card-icon{grid-column:1!important;grid-row:1 / span 4;display:flex;width:59px;height:59px;align-items:center;justify-content:center;background:var(--card-bg);border-radius:50%;color:var(--card-ink)!important;font-size:2rem!important;font-weight:650!important;line-height:1!important;margin:0!important}
.sfw-v2 .sfw2-card h3{grid-column:2;font-size:1.42rem!important;line-height:1.21!important;margin:0 0 10px!important;color:var(--sfw2-deep)!important}
.sfw-v2 .sfw2-card>p:not(.sfw2-card-icon){grid-column:2;margin:0!important;line-height:1.56;font-size:.97rem;}
.sfw-v2 .sfw2-card>p.sfw2-card-link{grid-column:2;font-size:.96rem;font-weight:800;margin-top:15px!important;align-self:end}
.sfw-v2 .sfw2-card-link a{color:var(--sfw2-deep)!important;text-decoration:underline;text-underline-offset:4px}
.sfw-v2 .sfw2-story{display:grid!important;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:center!important;gap:36px!important;scroll-margin-top:105px;}
.sfw-v2 .sfw2-story>.wp-block-column{min-width:0;margin:0!important;flex-basis:auto!important}
.sfw-v2 .sfw2-story-copy{padding:6px 0 8px 8px;}
.sfw-v2 .sfw2-story-copy p:not(.sfw2-eyebrow){margin:0 0 19px!important;line-height:1.76;}
.sfw-v2 .sfw2-story-media figure{margin:0!important;display:block!important;width:100%;}
.sfw-v2 .sfw2-story-media img{width:100%!important;aspect-ratio:1.28!important;object-fit:cover;object-position:center;display:block;border-radius:28px;box-shadow:0 12px 27px rgba(33,45,66,.08)}
.sfw-v2 .sfw2-selfcare{background:linear-gradient(115deg,var(--sfw2-mist),#fff);border-left:5px solid var(--sfw2-main);border-radius:24px;padding:clamp(28px,4vw,48px)!important;position:relative;overflow:hidden;}
.sfw-v2 .sfw2-selfcare:after{content:"♡";position:absolute;right:2.5%;bottom:-50px;font-family:serif;font-size:230px;line-height:1;color:var(--sfw2-main);opacity:.12;pointer-events:none;}
.sfw-v2 .sfw2-selfcare>p:not(.sfw2-eyebrow){max-width:840px;margin:0 0 12px!important;line-height:1.73;position:relative;z-index:1;}
.sfw-v2 .sfw2-ending{background:linear-gradient(140deg,var(--sfw2-deep),var(--sfw2-main));border-radius:30px;color:#fff;padding:clamp(30px,4.3vw,58px)!important;position:relative;overflow:hidden;margin:0 0 25px!important;}
.sfw-v2 .sfw2-ending:after{content:"";position:absolute;right:-110px;top:-130px;width:310px;height:310px;border-radius:50%;border:45px solid rgba(255,255,255,.10);pointer-events:none;}
.sfw-v2 .sfw2-ending h2{font-size:clamp(1.82rem,3vw,2.75rem)!important;line-height:1.15;color:#fff!important;margin:0 0 15px!important}
.sfw-v2 .sfw2-ending .sfw2-eyebrow{color:#fff!important;opacity:.85;}
.sfw-v2 .sfw2-ending p:not(.sfw2-eyebrow){color:#fff!important;max-width:800px;margin:0 0 22px!important;}
.sfw-v2 .sfw2-button-light .wp-block-button__link {background:#fff!important;color:var(--sfw2-deep)!important;border:2px solid #fff!important;}
.sfw-v2 .sfw2-button-ghost .wp-block-button__link {background:transparent!important;color:#fff!important;border:2px solid rgba(255,255,255,.82)!important;}
.sfw-v2 .sfw2-legal{color:#61738e!important;font-size:.81rem!important;line-height:1.55!important;margin:12px 0!important;}
@media(max-width:930px){
 .sfw-v2 .sfw2-hero{grid-template-columns:minmax(0,1fr) minmax(0,.9fr);}
 .sfw-v2 .sfw2-hero-copy{padding:28px!important;}
 .sfw-v2 .sfw2-card-grid>.sfw2-card{grid-template-columns:53px minmax(0,1fr);gap:0 12px;padding:24px 18px;}
 .sfw-v2 .sfw2-card .sfw2-card-icon{width:50px;height:50px;font-size:1.8rem!important}
 .sfw-v2 .sfw2-card h3{font-size:1.24rem!important}
}
@media(max-width:700px){
 .sfw-v2 .sfw2-hero,.sfw-v2 .sfw2-story{grid-template-columns:minmax(0,1fr)!important;}
 .sfw-v2 .sfw2-hero{border-radius:28px;}
 .sfw-v2 .sfw2-hero-media{order:-1;}
 .sfw-v2 .sfw2-hero-media figure img{height:235px!important;min-height:0!important;}
 .sfw-v2 .sfw2-hero-copy{padding:28px!important;}
 .sfw-v2 .sfw2-page-title{font-size:clamp(2.3rem,8vw,3rem)!important;}
 .sfw-v2 .sfw2-hero-title{font-size:1.65rem!important;}
 .sfw-v2 .sfw2-section{margin-bottom:46px!important;}
 .sfw-v2 .sfw2-card-grid{grid-template-columns:1fr!important;}
 .sfw-v2 .sfw2-card-grid>.sfw2-card{min-height:0!important;}
 .sfw-v2 .sfw2-story{gap:18px!important;}
 .sfw-v2 .sfw2-story-copy{padding:0;}
 .sfw-v2 .sfw2-story-media img{aspect-ratio:1.6!important;}
 .sfw-v2 .sfw2-selfcare:after{font-size:135px;bottom:-30px;}
}
@media(max-width:420px){
 .sfw-v2 .sfw2-hero-copy{padding:22px!important}
 .sfw-v2 .sfw2-actions{align-items:stretch}
 .sfw-v2 .sfw2-card-grid>.sfw2-card{grid-template-columns:45px minmax(0,1fr);padding:20px 16px}
 .sfw-v2 .sfw2-card .sfw2-card-icon{width:41px;height:41px;font-size:1.45rem!important}
 .sfw-v2 .sfw2-ending{padding:26px 22px!important;}
 .sfw-v2 .sfw2-ending .wp-block-button{width:100%}
 .sfw-v2 .sfw2-ending .wp-block-button__link{display:block;width:100%;}
}
