/* CCM Big News · Onyx, Graphit und dunkles Metall-Silber · 13.09.2026 */
:root{
  color-scheme:dark;
  --accent:#e88424;
  --orange:#e88424;
  --bg:#050505;
  --onyx:#0b0c0e;
  --graphite:#121417;
  --graphite-hi:#292c31;
  --silver:#aeb4bc;
  --silver-hi:#edf0f3;
  --border:rgba(196,203,212,.19);
  --border-soft:rgba(196,203,212,.11);
  --white:#fff;
  --muted:#888;
  --light:#ccc;
  --green:#22c55e;
  --red:#ef4444;
}

html{
  background:#050505 radial-gradient(ellipse 70% 46% at 50% -8%,rgba(210,216,224,.18) 0%,transparent 66%) fixed;
}

body{background:transparent;color:var(--white)}

nav{
  background:rgba(5,5,5,.84);
  border-bottom:1px solid var(--border-soft);
  box-shadow:0 10px 34px rgba(0,0,0,.26);
}

.nav-cta,
.inline-cta .ic-btn,
.fruehe-cta .fc-btn,
.termin-banner .tb-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  background:linear-gradient(180deg,#2b2e33 0%,#15171a 100%);
  border:1px solid rgba(196,203,212,.46);
  color:#fff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 10px 24px rgba(0,0,0,.22);
  text-decoration:none;
  transition:color .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease;
}

.nav-cta:hover,
.inline-cta .ic-btn:hover,
.fruehe-cta .fc-btn:hover,
.termin-banner .tb-btn:hover{
  background:linear-gradient(180deg,#303339 0%,#181a1e 100%);
  border-color:var(--accent);
  color:var(--accent);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 0 18px rgba(232,132,36,.22);
  transform:none;
}

.nav-cta:focus-visible,
.inline-cta .ic-btn:focus-visible,
.fruehe-cta .fc-btn:focus-visible,
.termin-banner .tb-btn:focus-visible,
.rel-card:focus-visible,
.pref-src:focus-visible{
  outline:2px solid var(--silver-hi);
  outline-offset:4px;
}

.kicker{color:var(--accent)}
.kicker .dot,.kicker .read{color:var(--muted)}

h1 em,
.inline-cta .ic-head em{
  color:var(--silver-hi);
  background:linear-gradient(110deg,#747a82 0%,#f2f4f6 46%,#9ca2aa 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}

.hero-img,
.a-fig img,
.article figure img{
  border-color:var(--border);
  box-shadow:0 22px 50px rgba(0,0,0,.30);
}

.meta{border-bottom-color:var(--border-soft)}
.meta .author-pic{border-color:rgba(196,203,212,.24)}
.meta .pref-src{
  background:linear-gradient(180deg,#191b1f,#0f1012);
  border-color:var(--border);
  color:var(--silver-hi);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}

.article p strong,
.article li strong,
.article strong{color:var(--silver-hi)}

.article a:not(.nav-cta):not(.ic-btn):not(.fc-btn):not(.tb-btn):not(.rel-card):not(.pref-src){
  color:var(--silver-hi);
  border-bottom:1px solid rgba(232,132,36,.72);
}
.article a:not(.nav-cta):not(.ic-btn):not(.fc-btn):not(.tb-btn):not(.rel-card):not(.pref-src):hover{
  color:#fff;
  border-bottom-color:var(--accent);
}

.article ul{list-style:none;margin-left:0}
.article li{position:relative;padding-left:20px}
.article li::before{
  content:"";
  position:absolute;
  left:2px;
  top:.78em;
  width:4px;
  height:4px;
  border-radius:50%;
  background:var(--accent);
}

.fokus{
  position:relative;
  overflow:hidden;
  background:linear-gradient(145deg,#181a1e,#0d0e10);
  border:1px solid var(--border);
  border-left-color:var(--border);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 18px 36px rgba(0,0,0,.18);
}
.fokus::before{
  content:"";
  position:absolute;
  left:-1px;
  top:19px;
  width:3px;
  height:28px;
  background:var(--accent);
}
.fokus .fk-titel{color:var(--silver-hi);text-transform:uppercase;font-size:12px;letter-spacing:.1em}

.inline-cta{
  background:linear-gradient(145deg,#1a1c20,#0d0e10);
  border-color:var(--border);
  border-radius:16px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 18px 38px rgba(0,0,0,.18);
}
.inline-cta .ic-btn{border-width:1px;border-radius:100px}

body.ccm-public-v2.ccm-public-v2 .fruehe-cta{
  position:relative;
  overflow:hidden;
  margin:36px 0;
  padding:22px 24px;
  border:1px solid rgba(196,203,212,.24)!important;
  border-radius:16px;
  background:linear-gradient(145deg,#1a1c20,#0d0e10)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 18px 38px rgba(0,0,0,.22)!important;
}
body.ccm-public-v2.ccm-public-v2 .fruehe-cta::before{
  content:"";
  position:absolute;
  inset:18px auto 18px 0;
  width:3px;
  border-radius:0 3px 3px 0;
  background:var(--accent);
}
.fruehe-cta .fc-btn{border-width:1px;border-radius:100px}

.termin-banner{
  border-color:var(--border);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 22px 48px rgba(0,0,0,.30);
}
.termin-banner::after{background:linear-gradient(180deg,rgba(5,5,5,.64),rgba(5,5,5,.86))}
.termin-banner .tb-btn{border-width:1px;backdrop-filter:blur(8px)}

.rel-card{
  background:linear-gradient(145deg,#17191c,#0c0d0f);
  border-color:var(--border);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.rel-card:hover{border-color:rgba(196,203,212,.48);background:linear-gradient(145deg,#1b1d21,#101114)}
.rel-card .rc-cat{color:var(--accent)}

.disclaimer,footer{border-color:var(--border-soft)}

/* Der gemeinsame Footer wird nach diesem Stylesheet injiziert. Die wichtigen
   Werte sind deshalb bewusst auf den Big-News-Seiten übersteuert. */
#ccm-footer{
  border-top-color:var(--border)!important;
  background:linear-gradient(180deg,rgba(196,203,212,.035),transparent 34%)!important;
}
#ccm-footer .foot-cta .btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:linear-gradient(180deg,#2b2e33,#15171a)!important;
  border:1px solid rgba(196,203,212,.46)!important;
  color:#fff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 10px 24px rgba(0,0,0,.22)!important;
  font-size:14px!important;
  transform:none!important;
}
#ccm-footer .foot-cta .btn:hover{
  border-color:var(--accent)!important;
  color:var(--accent)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 0 18px rgba(232,132,36,.22)!important;
}
#ccm-footer .foot-social a:hover{
  color:#fff!important;
  background:rgba(255,255,255,.10)!important;
  box-shadow:none!important;
}

/* Analyse-Einwilligung: kein orangefarbener Flächenbutton im Ruhezustand. */
#ccm-consent{
  background:rgba(11,12,14,.97)!important;
  border-color:var(--border)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 18px 48px rgba(0,0,0,.52)!important;
}
#ccm-consent a{color:var(--silver-hi)!important;text-decoration-color:var(--accent)!important}
#ccm-consent-no,
#ccm-consent-yes{
  background:linear-gradient(180deg,#292c31,#15171a)!important;
  border:1px solid rgba(196,203,212,.42)!important;
  color:#fff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;
}
#ccm-consent-no:hover,
#ccm-consent-yes:hover{
  border-color:var(--accent)!important;
  color:var(--accent)!important;
  box-shadow:0 0 16px rgba(232,132,36,.20)!important;
}

@media(max-width:640px){
  .nav-cta{min-height:38px}
  .inline-cta .ic-btn,
  .fruehe-cta .fc-btn,
  .termin-banner .tb-btn{width:100%;min-height:48px;padding-inline:18px}
  .fruehe-cta{align-items:stretch}
  #ccm-footer .foot-cta .btn{width:100%!important;min-height:48px}
}

@media(prefers-reduced-motion:reduce){
  .nav-cta,.inline-cta .ic-btn,.fruehe-cta .fc-btn,.termin-banner .tb-btn,.rel-card{transition:none}
}

/* Späte News-spezifische Ebene über dem allgemeinen Public-Design-System. */
html body.ccm-public-v2.ccm-public-v2 :is(.nav-cta,.inline-cta .ic-btn,.fruehe-cta .fc-btn,.termin-banner .tb-btn){
  background:linear-gradient(180deg,#2b2e33 0%,#15171a 100%)!important;
  border:1px solid rgba(196,203,212,.46)!important;
  color:#fff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 10px 24px rgba(0,0,0,.22)!important;
  text-shadow:none!important;
}
html body.ccm-public-v2.ccm-public-v2 :is(.nav-cta,.inline-cta .ic-btn,.fruehe-cta .fc-btn,.termin-banner .tb-btn):hover{
  background:linear-gradient(180deg,#303339 0%,#181a1e 100%)!important;
  border-color:var(--accent)!important;
  color:var(--accent)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 0 18px rgba(232,132,36,.22)!important;
}
body.ccm-public-v2.ccm-public-v2 .kicker,
body.ccm-public-v2.ccm-public-v2 .rel-card .rc-cat{color:var(--accent)!important}
body.ccm-public-v2.ccm-public-v2 .kicker :is(.dot,.read){color:var(--muted)!important}
body.ccm-public-v2.ccm-public-v2 .article a:not(.nav-cta):not(.ic-btn):not(.fc-btn):not(.tb-btn):not(.rel-card):not(.pref-src){
  color:var(--silver-hi)!important;
  border-bottom-color:rgba(232,132,36,.72)!important;
}
body.ccm-public-v2.ccm-public-v2 :is(.nav-cta,.inline-cta .ic-btn,.fruehe-cta .fc-btn,.termin-banner .tb-btn):focus-visible{
  outline:2px solid var(--silver-hi)!important;
  outline-offset:4px!important;
}