/*Noto Sans SC*/

/* noto-sans-sc-100 - chinese-simplified_latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans SC';
  font-style: normal;
  font-weight: 100;
  src: url('../media/templates/site/cassiopeia/fonts/noto-sans-sc-v38-chinese-simplified_latin_latin-ext-100.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* noto-sans-sc-200 - chinese-simplified_latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans SC';
  font-style: normal;
  font-weight: 200;
  src: url('../media/templates/site/cassiopeia/fonts/noto-sans-sc-v38-chinese-simplified_latin_latin-ext-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* noto-sans-sc-300 - chinese-simplified_latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans SC';
  font-style: normal;
  font-weight: 300;
  src: url('../media/templates/site/cassiopeia/fonts/noto-sans-sc-v38-chinese-simplified_latin_latin-ext-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* noto-sans-sc-regular - chinese-simplified_latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans SC';
  font-style: normal;
  font-weight: 400;
  src: url('../media/templates/site/cassiopeia/fonts/noto-sans-sc-v38-chinese-simplified_latin_latin-ext-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* noto-sans-sc-500 - chinese-simplified_latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans SC';
  font-style: normal;
  font-weight: 500;
  src: url('../media/templates/site/cassiopeia/fonts/noto-sans-sc-v38-chinese-simplified_latin_latin-ext-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* noto-sans-sc-600 - chinese-simplified_latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans SC';
  font-style: normal;
  font-weight: 600;
  src: url('../media/templates/site/cassiopeia/fonts/noto-sans-sc-v38-chinese-simplified_latin_latin-ext-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* noto-sans-sc-700 - chinese-simplified_latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans SC';
  font-style: normal;
  font-weight: 700;
  src: url('../media/templates/site/cassiopeia/fonts/noto-sans-sc-v38-chinese-simplified_latin_latin-ext-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* noto-sans-sc-800 - chinese-simplified_latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans SC';
  font-style: normal;
  font-weight: 800;
  src: url('../media/templates/site/cassiopeia/fonts/noto-sans-sc-v38-chinese-simplified_latin_latin-ext-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* noto-sans-sc-900 - chinese-simplified_latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans SC';
  font-style: normal;
  font-weight: 900;
  src: url('../media/templates/site/cassiopeia/fonts/noto-sans-sc-v38-chinese-simplified_latin_latin-ext-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/*Noto Serif SC*/

/* noto-serif-sc-200 - chinese-simplified_latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Serif SC';
  font-style: normal;
  font-weight: 200;
  src: url('../media/templates/site/cassiopeia/fonts/noto-serif-sc-v33-chinese-simplified_latin_latin-ext-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* noto-serif-sc-300 - chinese-simplified_latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Serif SC';
  font-style: normal;
  font-weight: 300;
  src: url('../media/templates/site/cassiopeia/fonts/noto-serif-sc-v33-chinese-simplified_latin_latin-ext-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* noto-serif-sc-regular - chinese-simplified_latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Serif SC';
  font-style: normal;
  font-weight: 400;
  src: url('../media/templates/site/cassiopeia/fonts/noto-serif-sc-v33-chinese-simplified_latin_latin-ext-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* noto-serif-sc-500 - chinese-simplified_latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Serif SC';
  font-style: normal;
  font-weight: 500;
  src: url('../media/templates/site/cassiopeia/fonts/noto-serif-sc-v33-chinese-simplified_latin_latin-ext-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* noto-serif-sc-600 - chinese-simplified_latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Serif SC';
  font-style: normal;
  font-weight: 600;
  src: url('../media/templates/site/cassiopeia/fonts/noto-serif-sc-v33-chinese-simplified_latin_latin-ext-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* noto-serif-sc-700 - chinese-simplified_latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Serif SC';
  font-style: normal;
  font-weight: 700;
  src: url('../media/templates/site/cassiopeia/fonts/noto-serif-sc-v33-chinese-simplified_latin_latin-ext-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* noto-serif-sc-800 - chinese-simplified_latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Serif SC';
  font-style: normal;
  font-weight: 800;
  src: url('../media/templates/site/cassiopeia/fonts/noto-serif-sc-v33-chinese-simplified_latin_latin-ext-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* noto-serif-sc-900 - chinese-simplified_latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Serif SC';
  font-style: normal;
  font-weight: 900;
  src: url('../media/templates/site/cassiopeia/fonts/noto-serif-sc-v33-chinese-simplified_latin_latin-ext-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}



/* ============================================
   1. Farb- und Designvariablen (Sea Theme – soft)
   ============================================ */
:root {
  --cassiopeia-color-primary: #84ACAB;
  --cassiopeia-color-hover:   #A2C0BF;
  --cassiopeia-color-light:   #F7F7F7;
  --cassiopeia-color-dark:    #011C3E;

  --cassiopeia-color-text:    #2B2B2B;
  --cassiopeia-color-link:    #2B2B2B;
  --cassiopeia-color-border:  #A2C0BF;

  --cassiopeia-font-family-body: 'Noto Sans SC', sans-serif;
  --cassiopeia-font-family-headings: 'Noto Serif SC', serif;
  --cassiopeia-font-weight-headings: 700;
  --cassiopeia-font-weight-normal: 400;
 
  --body-font-size: 1.25rem;
  --body-font-weight: 300;
  --body-line-height: 1.5;
  --body-color: #383838;
  --body-bg: #dedede;
}

/* ============================================
   2. Theme-Variablen im aktiven Scope
   ============================================ */
body[data-bs-theme="light"] {
  --cassiopeia-link-color: #2B2B2B !important;
  --cassiopeia-hover-color: #A2C0BF !important;
}

/* ============================================
   3. Layout: Header & Footer
   ============================================ */
header.site-header {
  background-color: var(--cassiopeia-color-primary);
  border-bottom: 2px solid var(--cassiopeia-color-border);
  color: var(--cassiopeia-color-text);
}

footer.site-footer {
  font-family: 'Noto Serif SC', serif;
  background-color: var(--cassiopeia-color-hover);
  color: var(--cassiopeia-color-dark);
}

footer.site-footer a {
  font-family: 'Noto Serif SC', serif;
  color: var(--cassiopeia-color-dark);
}

footer.site-footer a:hover {
  font-family: 'Noto Serif SC', serif;
  color: var(--cassiopeia-color-text);
  text-decoration: underline;
}

  /* ============================================
     4. Navigation & Menüfarben
     ============================================ */
  ul.navbar-nav > li > a {
    font-family: 'Noto Serif SC', serif;
    color: var(--cassiopeia-color-text) !important;
  }
  
  ul.navbar-nav > li > a:hover {
    font-family: 'Noto Serif SC', serif;
    color: var(--cassiopeia-color-dark) !important;
  }
  
  /* Dunkle Schriftfarbe für Menüpunkte im Cassiopeia-Header */
  .container-header .container-nav li {
    font-family: 'Noto Serif SC', serif;
    color: #282828 !important;
  }
  
  /* Falls die Links (<a>-Tags) separat gestylt werden müssen: */
  .container-header .container-nav li a {
    font-family: 'Noto Serif SC', serif;
    color: #282828 !important;
  }
  
  /* Hover-Effekt hinzufügen */
  .container-header .container-nav li a:hover {
    color: #424242 !important;  /* Dunkleres Grau beim Hovern */
  }
  
  /* Aktiver Menüpunkt (z. B. bei der aktuellen Seite) */
  .container-header .container-nav li.active > a,
  .container-header .container-nav li.current > a {
    color: #0e4e64 !important;  /* Blauton aus den Variablen */
    font-weight: bold;
  }

/* ============================================
   5. Buttons
   ============================================ */
.button,
.btn,
button {
  background-color: var(--cassiopeia-color-primary);
  color: #fff;
  border: 1px solid var(--cassiopeia-color-border);
}

.button:hover,
.btn:hover,
button:hover {
  background-color: var(--cassiopeia-color-hover);
  color: var(--cassiopeia-color-dark);
}

/* ============================================
   6. Banner Zeug
   ============================================ */
/* Banner kleiner machen */
  .container-banner .banner-overlay {
  height:40vh;
}