/* Some global stuff */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: var(--salto-font-sans);
  font-weight: 700;
}

.font-salto-serif {
  font-family: var(--salto-font-serif);
}
.font-salto-sans {
  font-family: var(--salto-font-sans);
}
.font-salto-music {
  font-family: var(--salto-font-music);
}

.salto-plus-icon {
  width: .7em;
  height: .7em;
  vertical-align: baseline;
}

a {
  text-decoration: underline;
}


/* Define Color Schemes */
/* Salto Main CI Colors */
.salto-regular {
  background-color: var(--salto-regular-background);
  color: var(--salto-regular-text);
}
.salto-regular h1,
.salto-regular h2,
.salto-regular h3,
.salto-regular h4,
.salto-regular h5,
.salto-regular h6 {
  font-family: var(--salto-font-sans);
  color: var(--salto-regular-headings);
}
.salto-regular a {
  color: var(--salto-regular-headings);
  text-decoration: none;
}
.salto-regular .community-chosen-icon {
  color: var(--salto-regular-headings);
}
.salto-regular .pretitle {
  color: var(--salto-regular-headings);
  font-family: var(--salto-font-serif);
}
.salto-regular .teaser {
  font-family: var(--salto-font-serif);
}

.salto-reverse {
  background-color: var(--salto-reverse-background);
  color: var(--salto-reverse-text);
}
.salto-reverse h1,
.salto-reverse h2,
.salto-reverse h3,
.salto-reverse h4,
.salto-reverse h5,
.salto-reverse h6 {
  font-family: var(--salto-font-sans);
  color: var(--salto-reverse-headings);
}
.salto-reverse a {
  color: var(--salto-reverse-headings);
  text-decoration: none;
}
.salto-reverse .community-chosen-icon {
  color: var(--salto-reverse-headings);
}

.salto-reverse .pretitle {
  color: var(--salto-reverse-headings);
  font-family: var(--salto-font-serif);
}
.salto-reverse .teaser {
  font-family: var(--salto-font-serif);
}


.salto-light {
  background-color: var(--salto-light-background);
  color: var(--salto-light-text);
}
.salto-light h1,
.salto-light h2,
.salto-light h3,
.salto-light h4,
.salto-light h5,
.salto-light h6 {
  font-family: var(--salto-font-sans);
  color: var(--salto-light-headings);
}
.salto-light a {
  color: var(--salto-light-headings);
  text-decoration: none;
}
.salto-light .community-chosen-icon {
  color: var(--salto-light-headings);
}
.salto-light .pretitle {
  color: var(--salto-light-headings);
  font-family: var(--salto-font-serif);
}
.salto-light .teaser {
  font-family: var(--salto-font-serif);
}

/* Editors */
.editor-regular-background { background-color: var(--editor-regular-background); }
.editor-regular-headings { color: var(--editor-regular-headings) }
.editor-regular-text { color: var(--editor-regular-text); }

.editor-reverse-background { background-color: var(--editor-reverse-background); }
.editor-reverse-headings { color: var(--editor-reverse-headings); }
.editor-reverse-text { color: var(--editor-reverse-text);}

.editor-light-background { background-color: var(--editor-light-background); }
.editor-light-headings { color: var(--editor-light-headings); }
.editor-light-text { color: var(--editor-light-text); }

/* Columnists */
.columnist-regular-background { background-color: var(--columnist-regular-background); }
.columnist-regular-headings { color: var(--columnist-regular-headings) }
.columnist-regular-text { color: var(--columnist-regular-text); }

.columnist-reverse-background { background-color: var(--columnist-reverse-background); }
.columnist-reverse-headings { color: var(--columnist-reverse-headings); }
.columnist-reverse-text { color: var(--columnist-reverse-text);}

.columnist-light-background { background-color: var(--columnist-light-background); }
.columnist-light-headings { color: var(--columnist-light-headings); }
.columnist-light-text { color: var(--columnist-light-text); }

/* Externals */
.external-regular-background { background-color: var(--external-regular-background); }
.external-regular-headings { color: var(--external-regular-headings) }
.external-regular-text { color: var(--external-regular-text); }

.external-reverse-background { background-color: var(--external-reverse-background); }
.external-reverse-headings { color: var(--external-reverse-headings); }
.external-reverse-text { color: var(--external-reverse-text);}

.external-light-background { background-color: var(--external-light-background); }
.external-light-headings { color: var(--external-light-headings); }
.external-light-text { color: var(--external-light-text); }

/* Partner Content */
.partner-content-regular-background { background-color: var(--partner-content-regular-background); }
.partner-content-regular-headings { color: var(--partner-content-regular-headings) }
.partner-content-regular-text { color: var(--partner-content-regular-text); }

.partner-content-reverse-background { background-color: var(--partner-content-reverse-background); }
.partner-content-reverse-headings { color: var(--partner-content-reverse-headings); }
.partner-content-reverse-text { color: var(--partner-content-reverse-text);}

.partner-content-light-background { background-color: var(--partner-content-light-background); }
.partner-content-light-headings { color: var(--partner-content-light-headings); }
.partner-content-light-text { color: var(--partner-content-light-text); }

/* Partner Plus Content */
.partner-plus-content-regular-background { background-color: var(--partner-plus-content-regular-background); }
.partner-plus-content-regular-headings { color: var(--partner-plus-content-regular-headings) }
.partner-plus-content-regular-text { color: var(--partner-plus-content-regular-text); }

.partner-plus-content-reverse-background { background-color: var(--partner-plus-content-reverse-background); }
.partner-plus-content-reverse-headings { color: var(--partner-plus-content-reverse-headings); }
.partner-plus-content-reverse-text { color: var(--partner-plus-content-reverse-text);}

.partner-plus-content-light-background { background-color: var(--partner-plus-content-light-background); }
.partner-plus-content-light-headings { color: var(--partner-plus-content-light-headings); }
.partner-plus-content-light-text { color: var(--partner-plus-content-light-text); }


/* Community */
/* Partner Content */
.community-regular-background { background-color: var(--community-regular-background); }
.community-regular-headings { color: var(--community-regular-headings) }
.community-regular-text { color: var(--community-regular-text); }

.community-reverse-background { background-color: var(--community-reverse-background); }
.community-reverse-headings { color: var(--community-reverse-headings); }
.community-reverse-text { color: var(--community-reverse-text);}

.community-light-background { background-color: var(--community-light-background); }
.community-light-headings { color: var(--community-light-headings); }
.community-light-text { color: var(--community-light-text); }


/* Article templates: Comment Count With Bubble */
.cc-bubble {
  position: relative;
  top: .15em;
  display: inline-block;
  font-size: 1.2em;
  line-height: 1;
  vertical-align: baseline;
}

.cc-number {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  font-size: 0.7em;
  font-weight: 600;
  min-width: 16px;
  text-align: center;
  top: .1em;
}

/* Article templates: Salto Plus Overlay */
.salto-plus-locked {
  position: relative;
  overflow: hidden;
}

.salto-plus-content {
  position: relative;
  z-index: 1;
}

.salto-plus-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  pointer-events: none;
}

.salto-plus-gradient {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(to bottom,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0.3) 40%,
      rgba(255, 255, 255, 0.8) 70%,
      rgba(255, 255, 255, 1) 100%);
}

.salto-plus-message {
  position: absolute;
  bottom: 20px;
  left: 20px;
  right: 20px;
  background: rgba(255, 255, 255, 0.95);
  padding: 15px;
  border-radius: 5px;
  text-align: center;
  pointer-events: auto;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  font-weight: bold;
  color: #007bff;
  text-decoration: none;
}

.salto-plus-message a:hover {
  text-decoration: underline;
}

.salto-plus-badge {
  display: inline-block;
  margin-left: 10px;
}

.main-media {
  position: relative;
}

/* zentriertes Play-Icon */
.play-overlay {
  position: absolute;
  top: calc( 50% - 1rem);
  left: calc(50% - 1rem);
  font-size: 2rem;
  transform: translate(-50%, -50%);
  z-index: 10;

  /* Optik */
  color: #fff;
  opacity: .5;
  font-size: 3rem;
  /* Icon ca. 48 px */
  line-height: 1;

  /* Standardmäßig nicht klickbar – verhindert Ghost-Clicks */
  pointer-events: none;
}

/* Falls der Eltern-Container interaktiv sein soll */
.call-to-action .play-overlay {
  pointer-events: auto;
  /* Overlay wird klickbar */
  cursor: pointer;
}

/* Comment Counter; everywhere! */
.cc-bubble>i {
  color: var(--community-reverse-background) !important;
}
.cc-bubble>span {
  color: var(--community-reverse-headings) !important;
}

.hr-article {
  width: 3.5rem;
}

/* Temp: some stuff to avoid clashes between old and new css */
.s2k25 a:hover  {
  color: var(--editor-regular-headings);
}