/*
 * Quark 2 — user customizations
 *
 * This file is safe to edit. It is loaded last so anything here overrides
 * theme.css without having to mark rules !important.
 */


.news-box {
  background: #99cc33;
  color: #000;
  padding: 1rem 1.25rem;
  border-radius: var(--q2-radius, 8px);
  margin: 1.5rem 0;
}

:root[data-theme="dark"] .news-box {
  background: #336633;
  color: #fff;
  padding: 1rem 1.25rem;
  border-radius: var(--q2-radius, 8px);
  margin: 1.5rem 0;
}

.info-box {
  background: #f0f0f0;
  color: #000;
  padding: 1rem 1.25rem;
  border-radius: var(--q2-radius, 8px);
  margin: 1.5rem 0;
}

:root[data-theme="dark"] .info-box {
  background: #000;
  color: #fff;
  padding: 1rem 1.25rem;
  border-radius: var(--q2-radius, 8px);
  margin: 1.5rem 0;
}


.info-box { display: flex; flex-wrap: wrap; gap: 1.5rem; align-items: center; }
.info-box__logo { width: 120px; }
.info-box__text { flex: 1 1 250px; }  /* bricht um, wenn < 250px Platz */


.all-news-link {
  background: #99cc33;
  color: #000;
  padding: 1rem 1.25rem;
  border-radius: var(--q2-radius, 8px);
  display: inline-block;
  float: right;
  margin-bottom: 3rem;
}

:root[data-theme="dark"] .all-news-link {
  background: #336633;
  color: #fff;
  padding: 1rem 1.25rem;
  border-radius: var(--q2-radius, 8px);
  display: inline-block;
  float: right;
  margin-bottom: 3rem;

}



.startabstract {
  font-size: 1.2rem;
}

.news-title {
  font-size: 1.3rem;
  font-weight: bold;
  margin-bottom: 1rem;
}

.news-date {
  font-style: italic;
}

.countdown {
  color: #009999;
  font-size: 1.5rem;
  margin-bottom: 20px;
}

.dropmenu a {
  font-size: 1.2rem;
}

.overlay .overlay-menu a {
  font-size: 1.7rem;
}

.overlay .overlay-menu ul ul a {
  font-size: 1.1rem;
}


nav ul:first-of-type {
  margin-left: calc(var(--pico-nav-element-spacing-horizontal) * 1);
  margin-right: 0px;
}

nav ul:last-of-type {
  margin-right: calc(var(--pico-nav-element-spacing-horizontal) * 1);
}

.langswitcher li::marker {
  content: "";
}

nav li :where(a, [role="link"]):not(:hover) {
  text-decoration: none;
}

.langswitcher li :where(a, [role="link"]):not(:hover) {
  text-decoration: none;
}

:root[data-theme="light"] h2 {
  color: #336666;
}

:root[data-theme="dark"] h2 {
  color: color-mix(in oklab, #336666 80%, white 20%);
}

:root[data-theme="light"] h2::before {
  background: #336666;
}

:root[data-theme="dark"] h2::before {
  background: color-mix(in oklab, #336666 80%, white 20%);
}

.copyright {
  font-size: 0.9em;
}


:root[data-theme='dark'] .logo-dark { display: inline; }
:root[data-theme='dark'] .logo-light { display: none; }
:root[data-theme='light'] .logo-light { display: inline; }
:root[data-theme='light'] .logo-dark { display: none; }

/* Mobile */
@media (max-width: 768px) {
:root[data-theme='dark'] .logo-dark { display: inline; }
:root[data-theme='dark'] .logo-light { display: none; }
:root[data-theme='light'] .logo-light { display: inline; }
:root[data-theme='light'] .logo-dark { display: none; }

}


#footer {
  background: #99cc33;
}

:root[data-theme="dark"] #footer {
  background: #336633;
}




/* Desktop */
header img,
.navbar-brand img {
  height: 100px;
  width: auto;
  margin-top: 10px;
  margin-bottom: 10px;
}

/* Mobile */

@media (max-width: 768px) {
  header img,
  navbar-brand img {
    height: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
  }
}