/* open-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/open-sans-v44-latin-regular.woff2') format('woff2');
}
body  {
      font-family: 'Open Sans', sans-serif;
  font-size: 1.1rem;
  letter-spacing: 0.02em;
  line-height: 1.6;
  color: #444444;
  }
/* Abstand zwischen Slider und Überschrift auf Event Shuttle + Hostessenservice */
body.itemid-114 .page-header,
body.itemid-115 .page-header {
    margin-top: 55px; /* Abstand vergrößern */
}

/* Abstand auf Über uns Seite ein wenig */
body.itemid-129 .page-header {
    margin-top: 30px; /* etwas Abstand */
}

/* Abstand im Kontaktformular über der Überschrift */
body.itemid-130 .page-header {
    margin-top: 40px; /* Abstand nach oben zum Inhalt / Slider */
}

/* Abstand zwischen Top-Navigation und Überschrift nur auf der Kontaktformular-Seite */
body.itemid-130 .page-header {
    margin-top: 60px; /* Abstand nach oben vergrößern */
}
h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  font-family: 'Open Sans', sans-serif;
}
h1, .h1 {
   font-size: clamp(0.4em, 0.6rem + 3vw, 3em);
   font-family: 'Open Sans', sans-serif;
  color: #666666;
  line-height: 1.6;
  margin-top: .5rem;
  margin-bottom: .5rem;
}
h2, .h2 {
 font-size: clamp(0.3em, 0.4rem + 2vw, 2em);
   font-family: 'Open Sans', sans-serif;
  color: #8d8d8d;
  line-height: 1.6;
  margin-top: .5rem;
  margin-bottom: .5rem;
}
a {
    color: #5f5f5f;
    font-weight: bold;
}
.container-topbar, .container-below-top {
  color: black;
  background-color: white;
}
.container-header .container-nav {
  flex-wrap: wrap;
  justify-content: center !important;
  padding-bottom: 1em;
  font-size: 24px;
}
.container-header .navbar-toggler {
    color: #040404;
    cursor: pointer;
    border: 1px solid #95a3d1;
  font-size: 1.6em;
}
.container-header {
  background-image: none;
  background-color: #767676;
  box-shadow: 0px 8px 8px 0px rgba(0,0,0,0.3);
}
.container-header nav {
  margin-top: 0;
  padding: 0;
}
.metismenu.mod-menu .metismenu-item {
  flex-wrap: wrap;
  align-items: center;
  padding: .5em 1em;
  font-size: 1.2rem;
  line-height: 1.5;
  display: flex;
}
.metismenu.mod-menu .parent > ul {
  color: #004a87;
  background-color: #f3f2f2;
}
.btn-sm {
  --btn-font-size: .5rem;
}
.btn-info {
  --btn-color: #7c7c7c;
  --btn-bg: #fff;
  --btn-border-color: #636363;
  --btn-hover-color: #fff;
  --btn-hover-bg: #898989;
  --btn-hover-border-color: #264f70;
  --btn-focus-shadow-rgb: 79, 122, 158;
  --btn-active-color: #fff;
  --btn-active-bg: #264f70;
  --btn-active-border-color: #244a69;
  --btn-active-shadow: inset 0 3px 5px #00000020;
  --btn-disabled-color: #fff;
  --btn-disabled-bg: #30638d;
  --btn-disabled-border-color: #30638d;
}
.site-grid {
  margin-bottom: auto;
  margin-top: 0em;
  background: rgb(245 245 245);
}
.footer .mod-menu {
  position: relative;
  color: white;
}
.metismenu-item.level-1.active {
    color: #171717
    /*font-weight: bold;*/
}
.metismenu.menu-horizontal {
  padding: 0;
  list-style: none;
  justify-content: center !important;
}
.navbar {
  --navbar-padding-x: 0;
  --navbar-padding-y: .5rem;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
  position: relative;
  justify-content: center !important;
}
.footer {
  color: #fff;
  background-color: #767676;
  background-image: none;
  margin-top: 1em;
}
/* 1. Radikales Entfernen aller Linien-Effekte im Header-Menü */
.container-header .mod-menu li a, 
.container-header .metismenu li a,
.container-header .mod-menu li span,
.container-header .metismenu li span {
    text-decoration: none !important; /* Entfernt Standard-Unterstrich */
    border-bottom: none !important;   /* Entfernt Rahmen-Linien */
    box-shadow: none !important;      /* Entfernt Schatten-Linien (oft bei Active) */
    background-image: none !important; /* Verhindert Background-Linien */
}

/* 2. Entfernt die Pseudo-Elemente (die "wachsenden" Linien) */
.container-header .mod-menu li a::after,
.container-header .metismenu li a::after,
.container-header .mod-menu li.active > a::after,
.container-header .metismenu li.active > a::after {
    display: none !important;
    content: none !important;
}

/* 3. Speziell für den aktiven Zustand (falls Cassiopeia Variablen nutzt) */
.container-header .metismenu > li.active > a,
.container-header .metismenu > li.active > span {
    --cassiopeia-menu-link-active-border: none; /* Deaktiviert die Template-Variable */
    text-decoration: none !important;
}
.row > * {
  flex-shrink: 0;
  margin-top: var(--gutter-y);
  max-width: 100%;
  width: 100%;
}
.row {
  --gutter-x: 1em;
  --gutter-y: 0;
}
.offset-3 {
    margin-left: 1%;
}