:root{
  --navy:#0B4A9A; --ink:#17335E; --purple:#A855F7; --orange:#F97316;
  --pink:#EC4899; --surface:#F8FAFF; --line:#DCE7F5;
  --shadow:0 16px 45px rgba(23,51,94,.10);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#fff;color:var(--ink);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
a{color:inherit}
.sarkom-header{
  position:relative;
  z-index:50;
  background:rgba(255,255,255,.96);
  backdrop-filter:blur(16px);
  border-bottom:1px solid rgba(220,231,245,.8);
}
.sarkom-header-inner{
  max-width:1320px;
  min-height:92px;
  margin:0 auto;
  padding:14px 28px;
  display:flex;
  align-items:center;
  gap:34px;
}
.sarkom-brand{display:block;flex:0 0 auto;line-height:0}
.sarkom-logo{
  width:500px;
  max-width:28vw;
  height:auto;
  display:block;
}
.sarkom-header-main{flex:1;min-width:0}
.sarkom-header-top{
  min-height:24px;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:22px;
  margin-bottom:7px;
}
.sarkom-region-links{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:16px;
  font-size:12px;
  line-height:1;
}
.sarkom-region-links a{
  text-decoration:none;
  color:var(--ink);
  opacity:.62;
  white-space:nowrap;
}
.sarkom-region-links a:hover,
.sarkom-region-links a.active{opacity:1}
.sarkom-region-links a.active{
  font-weight:800;
  color:var(--navy);
  position:relative;
}
.sarkom-region-links a.active:after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-7px;
  height:2px;
  border-radius:99px;
  background:var(--region-accent);
}
.sarkom-header-tools{
  display:flex;
  align-items:center;
  gap:6px;
  font-size:12px;
  white-space:nowrap;
}
.sarkom-header-tools button{
  background:none;
  border:0;
  color:var(--ink);
  cursor:pointer;
  padding:5px 7px;
  border-radius:999px;
}
.sarkom-header-tools button:hover{background:var(--surface)}
.sarkom-header-bottom{
  display:flex;
  justify-content:flex-end;
  align-items:center;
  gap:18px;
}
.sarkom-nav{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:20px;
  font-size:15px;
}
.sarkom-nav a{text-decoration:none;white-space:nowrap}
.sarkom-nav a:hover{
  text-decoration:underline;
  text-decoration-color:var(--orange);
  text-decoration-thickness:3px;
  text-underline-offset:6px;
}
.sarkom-cta{
  background:var(--orange);
  color:white!important;
  border-radius:999px;
  padding:11px 18px;
  text-decoration:none!important;
  font-weight:700;
  box-shadow:0 8px 24px rgba(249,115,22,.20);
}
.sarkom-mobile-toggle{
  display:none;
  margin-left:auto;
  flex:0 0 auto;
  background:#fff;
  border:1px solid var(--line);
  border-radius:999px;
  width:46px;
  height:46px;
  font-size:23px;
  line-height:1;
  color:var(--navy);
  cursor:pointer;
}
.sarkom-search-panel{
  display:none;
  max-width:900px;
  margin:0 auto;
  padding:14px 28px 20px;
}
body.search-open .sarkom-search-panel{display:block}
.sarkom-search-panel form{display:flex;gap:10px}
.sarkom-search-panel input[type=search]{
  flex:1;
  min-width:0;
  border:1px solid var(--line);
  border-radius:999px;
  padding:13px 18px;
}
.sarkom-search-panel input[type=submit]{
  border:0;
  border-radius:999px;
  padding:13px 20px;
  background:var(--orange);
  color:#fff;
  font-weight:700;
}
.sarkom-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#eef6ff 0%,#fff 48%,#fff5ef 100%);padding:90px 28px 70px}
.sarkom-hero:after{content:"";position:absolute;left:-10%;right:-10%;bottom:-120px;height:220px;background:white;border-radius:50% 50% 0 0/100% 100% 0 0}
.sarkom-wrap{max-width:1280px;margin:auto}
.sarkom-kicker{text-transform:uppercase;letter-spacing:.22em;font-size:12px;font-weight:800;color:var(--navy)}
.sarkom-hero h1{font-size:clamp(3.4rem,7vw,7rem);line-height:.92;margin:18px 0 24px;max-width:760px;letter-spacing:-.055em;color:var(--navy)}
.sarkom-gradient-text{background:linear-gradient(90deg,var(--purple),var(--pink),var(--orange));-webkit-background-clip:text;background-clip:text;color:transparent}
.sarkom-lead{font-size:clamp(1.05rem,1.5vw,1.3rem);max-width:600px}
.sarkom-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}
.sarkom-button{display:inline-flex;align-items:center;gap:10px;padding:14px 22px;border-radius:999px;border:1.5px solid var(--navy);text-decoration:none;font-weight:700;background:#fff}
.sarkom-button.primary{background:var(--orange);border-color:var(--orange);color:#fff}
.sarkom-wave{height:90px;background:var(--surface);border-radius:55% 45% 0 0/100% 100% 0 0;margin-top:-25px}
.sarkom-section{padding:85px 28px}
.sarkom-section.soft{background:var(--surface)}
.sarkom-section h2{font-size:clamp(2.3rem,4vw,4.3rem);letter-spacing:-.04em;margin:0 0 28px;color:var(--navy)}
.sarkom-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.sarkom-card{position:relative;overflow:hidden;min-height:250px;padding:28px;border-radius:44px;background:#fff;border:1px solid rgba(220,231,245,.9);box-shadow:var(--shadow)}
.sarkom-card:nth-child(2){border-radius:58px 32px 58px 32px}
.sarkom-card:nth-child(3){border-radius:32px 58px 32px 58px}
.sarkom-card h3{font-size:1.45rem;color:var(--navy);margin-top:65px}
.sarkom-card a{color:var(--orange);font-weight:700;text-decoration:none}
.sarkom-events{display:grid;grid-template-columns:.75fr 1.5fr;gap:45px;align-items:start}
.sarkom-event{display:grid;grid-template-columns:90px 1fr 44px;gap:18px;align-items:center;padding:18px 20px;background:#fff;border-radius:22px;margin-bottom:12px;box-shadow:0 8px 28px rgba(23,51,94,.07)}
.sarkom-date{font-weight:800;color:var(--navy);border-right:2px solid var(--purple);padding-right:14px}
.sarkom-date strong{display:block;font-size:1.8rem;line-height:1}
.sarkom-arrow{width:38px;height:38px;border:1px solid var(--navy);border-radius:50%;display:grid;place-items:center}
.sarkom-regions{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.sarkom-region{padding:0;overflow:hidden;background:#fff;border-radius:34px 34px 48px 34px;box-shadow:var(--shadow);transition:transform .25s ease,box-shadow .25s ease}
.sarkom-region:hover{transform:translateY(-4px);box-shadow:0 18px 42px rgba(23,51,94,.13)}
.sarkom-region img{display:block;width:100%;height:190px;object-fit:cover;border-radius:0}
.sarkom-region-body{padding:18px 20px 20px}
.sarkom-region-body h3{margin:0 0 7px}
.sarkom-region-body p{margin:0 0 12px}
.sarkom-region-body a{font-weight:700}
.sarkom-footer{position:relative;overflow:hidden;background:var(--navy);color:#fff;padding:0 28px 24px}
.sarkom-footer a{color:#fff;text-decoration:none}
.sarkom-footer-wave{height:92px;margin:0 -28px;background:#fff;border-radius:0 0 50% 50% / 0 0 100% 100%;position:relative;z-index:2}
.sarkom-footer-cta{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:40px;padding:58px 0 54px;border-bottom:1px solid rgba(255,255,255,.14)}
.sarkom-footer-cta-copy{max-width:720px}
.sarkom-footer-cta .sarkom-eyebrow{color:#cfe1ff}
.sarkom-footer-cta h2{margin:7px 0 8px;font-size:clamp(2.2rem,4vw,4rem);line-height:.98;letter-spacing:-.04em}
.sarkom-footer-cta p{margin:0;max-width:650px;color:rgba(255,255,255,.78);font-size:1.08rem;line-height:1.7}
.sarkom-footer-cta-button{display:inline-flex;align-items:center;gap:16px;flex:0 0 auto;padding:17px 24px;border-radius:999px;background:#fff;color:var(--navy)!important;font-weight:800;box-shadow:0 12px 28px rgba(0,0,0,.16);transition:transform .2s ease,box-shadow .2s ease}
.sarkom-footer-cta-button:hover{transform:translateY(-3px);box-shadow:0 18px 35px rgba(0,0,0,.22)}
.sarkom-footer-main{position:relative;z-index:3;display:grid;grid-template-columns:1.7fr 1fr 1fr 1fr;gap:50px;padding:52px 0 42px}
.sarkom-footer-brand img{display:block;width:min(360px,100%);height:auto;max-height:150px;object-fit:contain;object-position:left center;margin-bottom:14px}
.sarkom-footer-brand p{margin:0;color:rgba(255,255,255,.7);font-size:.96rem}
.sarkom-footer-dots{display:flex;gap:8px;margin-top:22px}.sarkom-footer-dots i{display:block;width:9px;height:9px;border-radius:50%}.sarkom-footer-dots i:nth-child(1){background:#70a9ff}.sarkom-footer-dots i:nth-child(2){background:#b978f4}.sarkom-footer-dots i:nth-child(3){background:#ff9655}
.sarkom-footer-col strong{display:block;margin-bottom:17px;font-size:.95rem;letter-spacing:.01em}
.sarkom-footer-col p{margin:0;display:flex;flex-direction:column;gap:10px}.sarkom-footer-col a{color:rgba(255,255,255,.68);font-size:.92rem;transition:color .18s ease,transform .18s ease}.sarkom-footer-col a:hover{color:#fff;transform:translateX(3px)}
.sarkom-footer-bottom{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0 0;border-top:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.48);font-size:.78rem}
.sarkom-footer-bottom nav{display:flex;gap:22px;flex-wrap:wrap}.sarkom-footer-bottom a{color:rgba(255,255,255,.55)}.sarkom-footer-bottom a:hover{color:#fff}
.sarkom-footer-glow{position:absolute;border-radius:50%;filter:blur(8px);opacity:.18;pointer-events:none}.sarkom-footer-glow-one{width:260px;height:260px;right:-90px;top:180px;background:#a855f7}.sarkom-footer-glow-two{width:220px;height:220px;left:-80px;bottom:10px;background:#f97316}
@media(max-width:900px){
 .sarkom-header-inner{padding:10px 18px}.sarkom-logo{width:245px;max-width:62vw}.sarkom-nav{display:none}
 .sarkom-hero{padding:60px 20px 55px}.sarkom-section{padding:60px 20px}
 .sarkom-grid,.sarkom-regions{grid-template-columns:1fr 1fr}
 .sarkom-events{grid-template-columns:1fr}
 .sarkom-footer-main{grid-template-columns:1fr 1fr}.sarkom-footer-cta{align-items:flex-start}.sarkom-footer-brand{grid-column:1 / -1}
}
@media(max-width:600px){
 .sarkom-grid,.sarkom-regions{grid-template-columns:1fr}
 .sarkom-region img{height:205px}
 .sarkom-hero h1{font-size:3.5rem}
 .sarkom-footer-main{grid-template-columns:1fr}.sarkom-footer-brand{grid-column:auto}.sarkom-footer-cta{flex-direction:column;align-items:flex-start}.sarkom-footer-cta-button{margin-top:4px}.sarkom-footer-bottom{align-items:flex-start;flex-direction:column}
 .sarkom-event{grid-template-columns:70px 1fr 36px}
}

body.region-sn{--region-accent:#A855F7}
body.region-th{--region-accent:#F97316}
body.region-md{--region-accent:#0B4A9A}
.sarkom-region:nth-child(1) img{object-position:center 48%}
.sarkom-region:nth-child(2) img{object-position:center 42%}
.sarkom-region:nth-child(3) img{object-position:center 48%}

.sarkom-detail-hero{padding:85px 28px 70px;background:linear-gradient(135deg,#eef6ff 0%,#fff 55%,#fff5ef 100%);position:relative;overflow:hidden}
.sarkom-detail-hero:after{content:"";position:absolute;left:-10%;right:-10%;bottom:-100px;height:150px;background:#fff;border-radius:50% 50% 0 0/100% 100% 0 0}
.sarkom-detail-hero h1{font-size:clamp(2.55rem,4.8vw,4.15rem);max-width:900px;margin:15px 0 15px;line-height:.95;letter-spacing:-.05em;color:var(--navy)}
.sarkom-detail-lead{font-size:1.25rem;max-width:760px}
.sarkom-detail-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.75fr);gap:55px;align-items:start}
.sarkom-detail-main{font-size:1.08rem;line-height:1.75}
.sarkom-detail-image{margin-bottom:30px}
.sarkom-detail-image img{width:100%;border-radius:42px 70px 42px 70px}
.sarkom-info-card{position:sticky;top:30px;background:var(--surface);padding:30px;border-radius:38px 24px 42px 26px;border:1px solid var(--line);box-shadow:var(--shadow)}
.sarkom-info-card h2{font-size:1.7rem;margin-top:0;color:var(--navy)}
.sarkom-info-card p{margin:0 0 20px}
.sarkom-info-card a:not(.sarkom-button){color:var(--navy);font-weight:700}
.sarkom-list-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.sarkom-list-card{background:#fff;border:1px solid var(--line);border-radius:38px 24px 42px 28px;overflow:hidden;box-shadow:var(--shadow)}
.sarkom-list-card:nth-child(2n){border-radius:24px 42px 28px 38px}
.sarkom-list-card img{width:100%;height:190px;object-fit:cover}
.sarkom-list-card>div{padding:25px}
.sarkom-list-card h2{font-size:1.7rem;margin:8px 0;color:var(--navy)}
.sarkom-list-card h2 a{text-decoration:none}
.sarkom-list-link{color:var(--orange);font-weight:800;text-decoration:none}
@media(max-width:850px){
 .sarkom-detail-grid,.sarkom-list-grid{grid-template-columns:1fr}
 .sarkom-info-card{position:static}
}

@media (max-width:1100px){
  .sarkom-header-inner{gap:24px}
  .sarkom-logo{width:450px}
  .sarkom-nav{gap:14px;font-size:14px}
}
@media (max-width:900px){
  .sarkom-header-inner{
    min-height:0;
    padding:10px 18px;
    gap:14px;
    position:relative;
  }
  .sarkom-logo{width:360px;max-width:70vw}
  .sarkom-header-main{
    position:absolute;
    top:100%;
    left:0;
    right:0;
    display:none;
    background:#fff;
    padding:14px 18px 20px;
    box-shadow:var(--shadow);
    border-top:1px solid var(--line);
  }
  body.menu-open .sarkom-header-main{display:block}
  .sarkom-header-top{
    min-height:0;
    justify-content:space-between;
    gap:12px;
    margin-bottom:12px;
  }
  .sarkom-region-links{
    justify-content:flex-start;
    flex-wrap:wrap;
    gap:12px;
  }
  .sarkom-header-tools{margin-left:auto}
  .sarkom-header-bottom{display:block}
  .sarkom-nav,
  .sarkom-nav ul{
    display:flex!important;
    flex-direction:column;
    align-items:stretch;
    justify-content:flex-start;
    gap:0;
    width:100%;
    margin:0;
    padding:0;
  }
  .sarkom-nav a{display:block;padding:12px 4px}
  .sarkom-nav .sarkom-cta{margin-top:8px;text-align:center}
  .sarkom-mobile-toggle{display:block}
}
@media (max-width:600px){
  .sarkom-header-inner{padding:9px 14px}
  .sarkom-logo{width:300px;max-width:78vw}
  .sarkom-header-top{align-items:flex-start}
  .sarkom-region-links{font-size:11px;gap:9px}
  .sarkom-header-tools{font-size:11px}
}

/* 1.0.0: real regional photography from Wikimedia Commons (CC0). */
/* 1.0.0 layout hardening: keep the desktop header and page grid stable. */
.sarkom-header-inner,
.sarkom-wrap{width:100%;}
.sarkom-header-inner{max-width:1320px;}
.sarkom-header-main{min-width:0;}
.sarkom-header-bottom{min-width:0;}
.sarkom-nav{min-width:0;}
.sarkom-nav ul{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:20px;}
.sarkom-nav li{margin:0;padding:0;}
.sarkom-nav li a{display:inline-flex;align-items:center;}
.sarkom-nav li .sarkom-cta{display:inline-flex;}
.sarkom-hero .sarkom-wrap{position:relative;z-index:2;}
.sarkom-section > .sarkom-wrap{position:relative;z-index:2;}
.sarkom-hero:after{z-index:1;pointer-events:none;}
.sarkom-footer:before{pointer-events:none;}
@media (min-width:901px){
  .sarkom-header-inner{align-items:center;}
  .sarkom-header-main{display:flex;flex-direction:column;justify-content:center;}
  .sarkom-header-top{width:100%;}
  .sarkom-header-bottom{width:100%;}
  .sarkom-nav{width:100%;}
}
@media (max-width:900px){
  .sarkom-header-main{z-index:60;}
  .sarkom-nav ul{display:flex!important;flex-direction:column;align-items:stretch;gap:0;}
  .sarkom-nav li a{display:block;width:100%;}
}

/* 1.0.0 hero photography */
.sarkom-hero{padding:72px 28px 82px;background:linear-gradient(135deg,#eef6ff 0%,#fff 48%,#fff7f1 100%)}
.sarkom-hero-inner{display:grid;grid-template-columns:minmax(360px,.86fr) minmax(460px,1.14fr);align-items:center;gap:48px;min-height:470px}
.sarkom-hero-copy{position:relative;z-index:2;padding:18px 0 24px}
.sarkom-hero-photo{min-height:410px;border-radius:42px 42px 76px 42px;background-image:url('hero-miteinander.jpg');background-size:cover;background-position:center;box-shadow:0 24px 60px rgba(23,51,94,.16);position:relative;overflow:hidden}
.sarkom-hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.12),transparent 38%,rgba(11,74,154,.04));pointer-events:none}
.sarkom-hero:after{display:none}
@media(max-width:900px){.sarkom-hero-inner{grid-template-columns:1fr;gap:28px}.sarkom-hero-photo{min-height:320px;order:-1}.sarkom-hero-copy{padding-top:0}.sarkom-hero{padding-top:48px}}
@media(max-width:560px){.sarkom-hero{padding:34px 20px 58px}.sarkom-hero-inner{min-height:0}.sarkom-hero-photo{min-height:250px;border-radius:28px 28px 46px 28px}.sarkom-hero h1{font-size:3.5rem}.sarkom-lead{font-size:1rem}}


/* 1.0.0 — hero rebuilt to match the approved visual direction: one immersive photo, soft text veil, flowing bottom edge. */
.sarkom-hero{position:relative;min-height:600px;padding:0 28px;display:flex;align-items:center;overflow:hidden;background:#eaf1fb}
.sarkom-hero-media{position:absolute;inset:0;background-image:url('hero-miteinander.jpg');background-size:cover;background-position:center right;transform:scale(1.01)}
.sarkom-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.92) 26%,rgba(255,255,255,.56) 46%,rgba(255,255,255,.08) 72%,rgba(11,74,154,.03) 100%)}
.sarkom-hero-inner{position:relative;z-index:3;width:100%;min-height:600px;display:flex;align-items:center}
.sarkom-hero-copy{max-width:650px;padding:70px 0 95px}
.sarkom-hero .sarkom-kicker{color:var(--navy);margin-bottom:6px}
.sarkom-hero h1{font-size:clamp(3.6rem,7vw,6.8rem);line-height:.9;max-width:620px;margin:12px 0 25px;text-shadow:0 1px 0 rgba(255,255,255,.25)}
.sarkom-hero .sarkom-lead{font-size:clamp(1.05rem,1.5vw,1.28rem);line-height:1.55;max-width:590px;margin:0}
.sarkom-hero .sarkom-actions{margin-top:30px}
.sarkom-hero .sarkom-button.primary{background:var(--navy);border-color:var(--navy);box-shadow:0 12px 30px rgba(11,74,154,.24)}
.sarkom-hero:after{content:"";position:absolute;z-index:4;left:-4%;right:-4%;bottom:-92px;height:155px;background:#fff;border-radius:52% 48% 0 0/100% 100% 0 0;pointer-events:none}
.sarkom-wave{display:none}
@media(max-width:900px){
 .sarkom-hero{min-height:0;padding:0 20px;align-items:stretch}
 .sarkom-hero-media{position:absolute;inset:0 0 auto 0;height:360px;background-position:center top}
 .sarkom-hero-overlay{inset:0;background:linear-gradient(180deg,rgba(255,255,255,.08) 0,rgba(255,255,255,.22) 210px,rgba(255,255,255,.97) 350px,rgba(255,255,255,1) 100%)}
 .sarkom-hero-inner{min-height:650px;align-items:flex-end}
 .sarkom-hero-copy{padding:0 0 100px;max-width:680px}
 .sarkom-hero h1{font-size:clamp(3.3rem,12vw,5.3rem)}
 .sarkom-hero:after{bottom:-75px;height:125px}
}
@media(max-width:560px){
 .sarkom-hero{padding:0 16px}
 .sarkom-hero-media{height:285px;background-position:55% top}
 .sarkom-hero-overlay{background:linear-gradient(180deg,rgba(255,255,255,.03) 0,rgba(255,255,255,.12) 150px,rgba(255,255,255,.97) 285px,rgba(255,255,255,1) 100%)}
 .sarkom-hero-inner{min-height:600px}
 .sarkom-hero-copy{padding-bottom:82px}
 .sarkom-hero h1{font-size:3.35rem;line-height:.92}
 .sarkom-hero .sarkom-lead{font-size:1rem}
 .sarkom-hero .sarkom-actions{gap:10px}
 .sarkom-hero .sarkom-button{padding:12px 17px}
}

/* 1.0.0 — eigene Sarkom-Selbsthilfe-Bildsprache: leicht, menschlich, verbunden. */
.sarkom-hero-note{display:flex;align-items:center;gap:11px;margin-top:24px;color:var(--ink);font-size:.88rem;font-weight:750}
.sarkom-hero-note i{width:5px;height:5px;border-radius:50%;background:linear-gradient(135deg,var(--purple),var(--orange));display:block}
.sarkom-section-heading-row{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:30px}
.sarkom-section-heading-row h2{margin-bottom:0}
.sarkom-heading-intro{max-width:470px;margin:0 0 7px;font-size:1.05rem;line-height:1.65;color:#486384}
.sarkom-card{transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
.sarkom-card:before{content:"";position:absolute;right:-38px;top:-42px;width:120px;height:120px;border-radius:50%;background:var(--card-accent);opacity:.09;transition:transform .35s ease}
.sarkom-card:hover{transform:translateY(-7px);box-shadow:0 22px 48px rgba(23,51,94,.14);border-color:rgba(23,51,94,.08)}
.sarkom-card:hover:before{transform:scale(1.35)}
.sarkom-card-mark{position:absolute;top:22px;right:24px;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--card-accent);color:#fff;font-size:.72rem;font-weight:850;letter-spacing:.05em;box-shadow:0 8px 20px rgba(23,51,94,.13)}
.sarkom-card h3{margin-top:58px;margin-bottom:12px}
.sarkom-card p{line-height:1.6;color:#4d6683;min-height:78px}
.sarkom-card a{display:inline-flex;align-items:center;gap:7px;margin-top:6px}
.sarkom-card a span{transition:transform .2s ease}.sarkom-card:hover a span{transform:translateX(4px)}
.card-blue{--card-accent:var(--navy)}
.card-purple{--card-accent:var(--purple)}
.card-orange{--card-accent:var(--orange)}
.card-pink{--card-accent:var(--pink)}
.sarkom-trust-strip{margin-top:30px;padding:22px 26px;border-radius:28px 42px 28px 42px;background:linear-gradient(100deg,rgba(221,235,255,.85),rgba(248,244,255,.9),rgba(255,245,238,.85));display:flex;align-items:center;justify-content:space-between;gap:25px;border:1px solid rgba(220,231,245,.9)}
.sarkom-trust-copy{display:flex;align-items:baseline;gap:13px;flex-wrap:wrap}.sarkom-trust-copy strong{font-size:1.08rem;color:var(--navy)}.sarkom-trust-copy span{color:#536b87}
.sarkom-trust-points{display:flex;gap:18px;flex-wrap:wrap;font-size:.9rem;font-weight:750;color:var(--ink)}.sarkom-trust-points span{display:flex;align-items:center;gap:7px}.sarkom-trust-points b{font-size:.67rem;color:var(--navy);letter-spacing:.04em}
.network-heading{margin-bottom:22px}.network-heading + .sarkom-regions{margin-top:8px}
.sarkom-region{position:relative}.sarkom-region-body{position:relative}.sarkom-region-body a{display:inline-flex;align-items:center;gap:6px;text-decoration:none;transition:gap .2s ease}.sarkom-region-body a:hover{gap:10px}.sarkom-region:after{content:"";position:absolute;left:20px;bottom:15px;width:36px;height:3px;border-radius:99px;background:var(--region-accent);opacity:.9}
.sarkom-regions .sarkom-region:nth-child(1):after{background:var(--navy)}.sarkom-regions .sarkom-region:nth-child(2):after{background:var(--purple)}.sarkom-regions .sarkom-region:nth-child(3):after{background:var(--orange)}
@media(max-width:900px){.sarkom-section-heading-row{display:block}.sarkom-heading-intro{margin-top:-12px;margin-bottom:24px;max-width:650px}.sarkom-trust-strip{display:block}.sarkom-trust-points{margin-top:15px}}
@media(max-width:560px){.sarkom-hero-note{gap:7px;font-size:.78rem}.sarkom-card p{min-height:0}.sarkom-trust-strip{padding:20px;border-radius:24px 34px 24px 34px}.sarkom-trust-points{gap:12px;font-size:.82rem}}

/* 1.0.0: partner section and compact footer mark */
.sarkom-footer-brand .sarkom-footer-mark{display:block;width:126px;height:126px;max-height:none;object-fit:contain;object-position:center;margin:0 0 16px;border-radius:0;background:transparent;filter:drop-shadow(0 10px 22px rgba(0,0,0,.12))}
.sarkom-footer-partners{position:relative;z-index:3;padding:6px 0 42px;border-top:1px solid rgba(255,255,255,.12)}
.sarkom-partner-heading{display:flex;align-items:end;justify-content:space-between;gap:50px;padding:34px 0 22px}
.sarkom-partner-heading h2{margin:6px 0 0;font-size:clamp(1.8rem,3vw,2.8rem);letter-spacing:-.03em}
.sarkom-partner-heading p{max-width:610px;margin:0;color:rgba(255,255,255,.68);line-height:1.65}
.sarkom-partner-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.sarkom-partner{display:flex;align-items:flex-start;gap:13px;min-height:118px;padding:20px 18px;border:1px solid rgba(255,255,255,.12);border-radius:22px;background:rgba(255,255,255,.055);color:#fff!important;text-decoration:none;transition:transform .2s ease,background .2s ease,border-color .2s ease}
.sarkom-partner:hover{transform:translateY(-3px);background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.24)}
.sarkom-partner-dot{width:11px;height:11px;flex:0 0 11px;border-radius:50%;margin-top:5px;box-shadow:0 0 0 6px rgba(255,255,255,.055)}
.sarkom-partner-dot.partner-blue{background:#70a9ff}.sarkom-partner-dot.partner-orange{background:#ff9655}.sarkom-partner-dot.partner-purple{background:#b978f4}.sarkom-partner-dot.partner-pink{background:#ef78a8}
.sarkom-partner strong{display:block;font-size:.95rem;line-height:1.3}.sarkom-partner small{display:block;margin-top:8px;color:rgba(255,255,255,.58);font-size:.78rem;line-height:1.45}
@media(max-width:1050px){.sarkom-partner-grid{grid-template-columns:1fr 1fr}.sarkom-partner-heading{align-items:flex-start;flex-direction:column;gap:14px}}
@media(max-width:680px){.sarkom-footer-brand .sarkom-footer-mark{width:104px;height:104px}.sarkom-partner-grid{grid-template-columns:1fr}.sarkom-partner{min-height:0}.sarkom-partner-heading{padding-top:28px}}


.sarkom-header-cta{background:var(--navy);color:#fff!important;border-radius:999px;padding:11px 18px;text-decoration:none!important;font-weight:800;white-space:nowrap;box-shadow:0 8px 24px rgba(11,74,154,.18);transition:transform .2s ease,box-shadow .2s ease}.sarkom-header-cta:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(11,74,154,.22)}
.sarkom-nav ul{margin:0;padding:0;list-style:none;display:flex;align-items:center;gap:20px}.sarkom-nav li{position:relative}.sarkom-nav a{color:var(--ink);text-decoration:none;font-weight:650}.sarkom-nav a:hover,.sarkom-nav .current-menu-item>a,.sarkom-nav .current-menu-ancestor>a{color:var(--navy)}.sarkom-nav .sub-menu{display:none;position:absolute;left:0;top:calc(100% + 10px);min-width:220px;padding:10px;background:#fff;border-radius:16px;box-shadow:0 18px 45px rgba(23,51,94,.14);z-index:50}.sarkom-nav li:hover>.sub-menu,.sarkom-nav li:focus-within>.sub-menu{display:block}.sarkom-nav .sub-menu li{padding:7px 9px}.sarkom-nav .sub-menu a{display:block;white-space:nowrap}
@media(max-width:980px){.sarkom-header-bottom{display:none}.menu-open .sarkom-header-bottom{display:block}.sarkom-header-cta{display:none}.sarkom-nav ul{display:block}.sarkom-nav li{margin:10px 0}.sarkom-nav .sub-menu{position:static;box-shadow:none;margin-top:4px}.menu-open .sarkom-header-bottom{padding:16px 0 20px}}


/* 1.2.0 — Inhaltskarten für „Wo können Sarkome entstehen?“ */
.sarkom-page-content .sarkom-topic-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:30px 0 46px}
.sarkom-page-content .sarkom-topic-card{position:relative;overflow:hidden;padding:30px 30px 28px;border:1px solid rgba(220,231,245,.95);border-radius:30px;background:linear-gradient(145deg,#fff 0%,#f8fbff 100%);box-shadow:0 14px 36px rgba(23,51,94,.08);transition:transform .25s ease,box-shadow .25s ease}
.sarkom-page-content .sarkom-topic-card:before{content:"";position:absolute;right:-42px;top:-48px;width:150px;height:150px;border-radius:50%;background:var(--topic-accent,var(--navy));opacity:.09}
.sarkom-page-content .sarkom-topic-card:after{content:"";position:absolute;left:30px;top:0;width:70px;height:5px;border-radius:0 0 999px 999px;background:var(--topic-accent,var(--navy))}
.sarkom-page-content .sarkom-topic-card:hover{transform:translateY(-5px);box-shadow:0 22px 48px rgba(23,51,94,.13)}
.sarkom-page-content .sarkom-topic-card h3{position:relative;margin:14px 0 13px;font-size:1.55rem;color:var(--ink)}
.sarkom-page-content .sarkom-topic-card p{position:relative;margin:0;color:#4d6683;line-height:1.7}
.sarkom-page-content .sarkom-topic-card:nth-child(1){--topic-accent:var(--navy)}
.sarkom-page-content .sarkom-topic-card:nth-child(2){--topic-accent:var(--purple)}
@media(max-width:700px){.sarkom-page-content .sarkom-topic-cards{grid-template-columns:1fr;gap:16px;margin-top:24px}.sarkom-page-content .sarkom-topic-card{padding:27px 24px 25px;border-radius:26px}}

/* 1.2.1 — visual polish for the knowledge page */
.sarkom-knowledge-page .sarkom-content{max-width:920px;margin:0 auto}
.sarkom-page-hero{position:relative;padding:34px 0 42px;margin-bottom:8px}
.sarkom-page-hero:after{content:"";position:absolute;left:-8vw;right:-8vw;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(11,74,154,.18),rgba(168,85,247,.18),transparent)}
.sarkom-eyebrow{display:inline-block;font-size:.74rem;font-weight:850;letter-spacing:.16em;color:var(--navy);text-transform:uppercase}
.sarkom-page-hero h1{margin:10px 0 12px;font-size:clamp(2.7rem,6vw,4.7rem);line-height:.98;letter-spacing:-.055em;color:var(--ink)}
.sarkom-page-hero p{max-width:700px;margin:0;color:#5a708b;font-size:1.15rem;line-height:1.7}
.sarkom-knowledge-content{padding-top:34px}
.sarkom-knowledge-content>h2{margin-top:58px;margin-bottom:16px;font-size:clamp(1.8rem,3vw,2.45rem);letter-spacing:-.03em;color:var(--ink)}
.sarkom-knowledge-content>h3{font-size:1.3rem;color:var(--ink);margin-top:28px;margin-bottom:9px}
.sarkom-knowledge-content>p{max-width:780px;color:#4d6683;line-height:1.82;font-size:1.04rem}
.sarkom-knowledge-content>h2:first-child{margin-top:10px}
.sarkom-knowledge-highlight{position:relative;display:grid;grid-template-columns:auto 1fr;gap:28px;align-items:center;margin:58px 0 62px;padding:34px 38px;border-radius:34px 54px 34px 54px;background:linear-gradient(115deg,#eaf3ff 0%,#f6efff 52%,#fff2e9 100%);border:1px solid rgba(220,231,245,.9);overflow:hidden}
.sarkom-knowledge-highlight:after{content:"";position:absolute;right:-70px;bottom:-100px;width:260px;height:260px;border-radius:50%;background:rgba(255,255,255,.45)}
.sarkom-highlight-mark{font-size:.72rem;letter-spacing:.42em;color:var(--navy);white-space:nowrap;transform:rotate(-8deg)}
.sarkom-knowledge-highlight h2{margin:8px 0 9px;font-size:clamp(1.7rem,3vw,2.5rem);letter-spacing:-.035em;color:var(--ink)}
.sarkom-knowledge-highlight p{margin:0;max-width:620px;color:#526a86;line-height:1.7}
.sarkom-knowledge-next{display:flex;align-items:center;justify-content:space-between;gap:30px;margin:20px 0 50px;padding:34px 38px;border-radius:30px;background:#0b4a9a;color:#fff;box-shadow:0 18px 44px rgba(11,74,154,.18)}
.sarkom-knowledge-next .sarkom-eyebrow{color:#bcd6ff}.sarkom-knowledge-next h2{margin:8px 0;color:#fff;font-size:clamp(1.65rem,3vw,2.3rem);letter-spacing:-.035em}.sarkom-knowledge-next p{margin:0;color:rgba(255,255,255,.76);line-height:1.65;max-width:600px}
.sarkom-knowledge-next .sarkom-button{flex:0 0 auto;background:#fff;color:var(--navy);box-shadow:none}
@media(max-width:700px){.sarkom-page-hero{padding:24px 0 32px}.sarkom-page-hero h1{font-size:2.8rem}.sarkom-knowledge-content{padding-top:22px}.sarkom-knowledge-highlight{grid-template-columns:1fr;gap:12px;padding:28px 24px;border-radius:28px 42px 28px 42px}.sarkom-highlight-mark{order:2}.sarkom-knowledge-next{display:block;padding:28px 24px;border-radius:26px}.sarkom-knowledge-next .sarkom-button{margin-top:22px}}

/* 1.3.0 — reusable knowledge-page template */
.sarkom-knowledge-page .sarkom-content{max-width:960px;margin:0 auto}
.sarkom-knowledge-page .sarkom-page-content{max-width:860px;margin:0 auto}
.sarkom-knowledge-content>p{max-width:760px}
.sarkom-knowledge-content>h2,.sarkom-knowledge-content>h3{max-width:780px}
.sarkom-knowledge-content .wp-block-buttons{margin-top:24px;margin-bottom:12px}
.sarkom-knowledge-content .wp-block-button__link{border-radius:999px}
.sarkom-highlight-mark{display:flex;align-items:center;gap:8px;min-width:96px}
.sarkom-highlight-mark span{display:block;width:18px;height:18px;border-radius:50%}
.sarkom-highlight-mark span:nth-child(1){background:#0b4a9a}
.sarkom-highlight-mark span:nth-child(2){background:#a855f7}
.sarkom-highlight-mark span:nth-child(3){background:#f97316}
@media(max-width:700px){.sarkom-knowledge-page .sarkom-page-content{max-width:none}.sarkom-highlight-mark{min-width:0}}


/* 1.4.0 — Sarkomarten: structured, scannable type cards */
.sarkom-type-section{margin:64px 0 18px}
.sarkom-type-heading{position:relative;margin-bottom:22px;padding:28px 30px;border-radius:32px 48px 32px 48px;background:linear-gradient(110deg,rgba(221,235,255,.72),rgba(248,244,255,.78),rgba(255,245,238,.72));border:1px solid rgba(220,231,245,.92)}
.sarkom-type-heading h2{margin:0!important;font-size:clamp(1.9rem,3.5vw,2.7rem)!important;color:var(--ink)}
.sarkom-type-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.sarkom-type-card{position:relative;min-height:180px;padding:28px 28px 25px;border:1px solid rgba(220,231,245,.95);border-radius:28px;background:#fff;box-shadow:0 12px 32px rgba(23,51,94,.07);overflow:hidden;transition:transform .22s ease,box-shadow .22s ease}
.sarkom-type-card:before{content:"";position:absolute;right:-38px;top:-45px;width:130px;height:130px;border-radius:50%;background:linear-gradient(135deg,var(--navy),var(--purple));opacity:.08}
.sarkom-type-card:nth-child(even):before{background:linear-gradient(135deg,var(--purple),var(--orange))}
.sarkom-type-card:hover{transform:translateY(-5px);box-shadow:0 20px 42px rgba(23,51,94,.12)}
.sarkom-type-card h3{position:relative;margin:8px 0 10px!important;font-size:1.35rem!important;color:var(--ink)}
.sarkom-type-card p{position:relative;margin:0!important;max-width:none!important;font-size:.98rem!important;line-height:1.7!important;color:#536b87!important}
.sarkom-type-dot{display:block;position:relative;width:10px;height:10px;border-radius:50%;background:var(--navy);box-shadow:0 0 0 7px rgba(11,74,154,.08)}
.sarkom-type-card:nth-child(even) .sarkom-type-dot{background:var(--purple);box-shadow:0 0 0 7px rgba(168,85,247,.08)}
@media(max-width:700px){.sarkom-type-section{margin:46px 0 12px}.sarkom-type-heading{padding:24px;border-radius:26px 40px 26px 40px}.sarkom-type-grid{grid-template-columns:1fr;gap:14px}.sarkom-type-card{min-height:0;padding:24px;border-radius:24px}}


/* 1.4.5 typography + navigation refinement */
.sarkom-header-inner{min-height:100px}
.sarkom-nav{font-size:16.5px;gap:22px}
.sarkom-nav ul{display:flex;align-items:center;gap:22px;margin:0;padding:0;list-style:none}
.sarkom-nav li{position:relative}
.sarkom-nav li.sarkom-menu-cta > a,
.sarkom-nav li.menu-item-sarkom-cta > a{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:11px 18px;
  border-radius:999px;
  background:var(--orange);
  color:#fff!important;
  font-weight:800;
  box-shadow:0 8px 24px rgba(249,115,22,.20);
  text-decoration:none!important;
}
.sarkom-nav li.sarkom-menu-cta > a:hover,
.sarkom-nav li.menu-item-sarkom-cta > a:hover{transform:translateY(-1px);text-decoration:none!important}
.sarkom-section h2{font-size:clamp(1.9rem,2.8vw,2.7rem);line-height:1.12;letter-spacing:-.03em;margin:0 0 22px}
.sarkom-section h3{font-size:clamp(1.25rem,1.7vw,1.55rem);line-height:1.2}
.sarkom-list-card h2{font-size:1.45rem;line-height:1.2}
.sarkom-card h3{font-size:1.35rem}
.sarkom-region-body h3{font-size:1.35rem}
.sarkom-header-tools{font-size:13px}
.sarkom-region-links{font-size:13px}
@media(max-width:1100px){
  .sarkom-header-inner{gap:22px;padding-left:20px;padding-right:20px}
  .sarkom-logo{max-width:25vw}
  .sarkom-nav{font-size:15px;gap:15px}
  .sarkom-nav ul{gap:15px}
}
@media(max-width:900px){
  .sarkom-nav{font-size:15px}
}