/* 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 */
}



@font-face {
    font-family: 'Raleway';
    src: url('/fonts/Raleway-Regular.woff2') format('woff2'),
         url('/fonts/Raleway-Regular.woff') format('woff'); /* Hier muss ein Semikolon hin! */
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
body  {
      font-family: 'Raleway', sans-serif; 
  letter-spacing: 0.5px;
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  font-family: 'Raleway', sans-serif;
  letter-spacing: 0.5px;
}
.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;
  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;

}
.site-grid {
  margin-bottom: auto;
  margin-top: 0em;
  background: rgb(255, 255, 255);

}
.footer .mod-menu {
  position: relative;
  color: black;
}

h1 {
  color: #004a87;
  margin-top: 0;
  margin-bottom: .5rem;
  font-weight: 500;
  line-height: 1.2;
}
.footer .mod-menu {
  position: relative;
  color: white;
}
.metismenu-item.level-1.active {
    color: grey;
    /*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;
}

/* 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%;
}