img.center {
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
  float: none !important;

  /* Make it narrower so centering is visible */
  width: auto !important;
  max-width: 600px;   /* ← adjust to taste (e.g., 500px, 50%, etc.) */
}

/* Hide only the line */
#footer p { display: none !important; }

/* or hide the whole footer bar */
/* #footer { display: none !important; } */

/* Hide scrollbar but keep scrolling */
html, body { -ms-overflow-style: none; }         /* IE/Edge (legacy) */
* { scrollbar-width: none; }                      /* Firefox */
*::-webkit-scrollbar { width: 0; height: 0; }     /* Chrome/Safari/Edge */

/* Load Oxygen */
@import url('https://fonts.googleapis.com/css2?family=Oxygen:wght@300;400;700&display=swap');

/* Use Oxygen everywhere */
:root {
  --site-font: "Oxygen", -apple-system, BlinkMacSystemFont, "Segoe UI",
               Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
}

html, body { font-family: var(--site-font) !important; }

h1, h2, h3, h4, h5, h6,
.navbar, .menu, .button, .btn, .label,
input, select, textarea {
  font-family: var(--site-font) !important;
}

/* Optional: ensure headline .center { text-align: center; }
.tight  { margin: 0 0 .25rem; }      /* tiny gap under the text block */
br.sm   { display: block; margin: .2rem 0; }  /* "short" line break */
weight */
h1, h2, h3 { font-weight: 700; }





/* Mobile overlay menu: make links (incl. the selected one) dark grey */
.mobile-container #overlay .overlay-menu a,
.mobile-container #overlay .overlay-menu a:link,
.mobile-container #overlay .overlay-menu a:visited,
.mobile-container #overlay .overlay-menu a.active {
  color: #666 !important;   /* darker grey */
  text-decoration: none !important;
}

/* Optional: on hover a touch lighter */
.mobile-container #overlay .overlay-menu a:hover {
  color: #888 !important;
}

/* Mobile overlay menu: normal links */
.mobile-container #overlay .overlay-menu a,
.mobile-container #overlay .overlay-menu a:link,
.mobile-container #overlay .overlay-menu a:visited {
  color: #666 !important;   /* medium grey */
  text-decoration: none !important;
}

/* Active/selected link */
.mobile-container #overlay .overlay-menu a.active {
  color: #888 !important;   /* darker grey for active */
}

/* Hover state */
.mobile-container #overlay .overlay-menu a:hover {
  color: #999 !important;   /* slightly lighter when hovering */
}

/* Hamburger (button_container) lines */
.button_container span,
.button_container span::before,
.button_container span::after {
  background-color: #333 !important; /* same dark grey as active link */
}



/* Default state: logo visible */
.mobile-logo img {
  opacity: 1;
  transition: opacity 0.3s ease-in-out; /* smooth fade */
}

/* When menu overlay is open: fade out logo */
.overlay.open .mobile-logo img {
  opacity: 0;
}

/* Hide insertion caret everywhere */
* { caret-color: transparent !important; }


.langswitcher,
.langswitcher ul {
  display: inline-flex;
  gap: .5rem;
  margin: 0;
  padding: 0;
  list-style: none;
  align-items: center;
}

.langswitcher a {
  text-decoration: none;
  font-size: 0.9rem; /* adjust if you want smaller/larger */
  font-weight: 500;  /* to match nav style */
  opacity: .8;
}

.langswitcher a:hover { opacity: 1; }
.langswitcher .active a { opacity: 1; font-weight: 600; }

/* Language switcher: small, inline, subtle */
.langswitcher,
.langswitcher ul {
  display: inline-flex;
  gap: 0.4rem;     /* reduce spacing between "en", "de", "da" */
  margin: 0;
  padding: 0;
  list-style: none;
  align-items: center;
}

/* Links style */
.langswitcher a {
  text-decoration: none;
  font-size: 0.75rem;  /* smaller than nav items */
  font-weight: normal;
  opacity: 0.7;
  line-height: 1;      /* keeps vertical spacing tight */
}

.langswitcher a:hover {/* Language switcher inline style */
.langswitcher,
.langswitcher ul {
  display: inline-flex;
  gap: 0.15rem;   /* reduce spacing even more (default ~2–3px) */
  margin: 0;
  padding: 0;
  list-style: none;
  align-items: center;
}

.langswitcher li {
  margin: 0;
  padding: 0;
}

.langswitcher a {
  text-decoration: none;
  font-size: 0.75rem;
  font-weight: normal;
  opacity: 0.7;
  line-height: 1;
}

.langswitcher a:hover { opacity: 1; }
.langswitcher .active a { opacity: 1; font-weight: 600; }

  opacity: 1;
}

.langswitcher .active a {
  opacity: 1;
  font-weight: 600;    /* make current lang a bit bolder */
}