/* Customized CSS */
/* fira-sans-300 - 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: 'Fira Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/fira-sans-v17-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* fira-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: 'Fira Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/fira-sans-v17-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* fira-sans-500 - 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: 'Fira Sans';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/fira-sans-v17-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* fira-sans-600 - 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: 'Fira Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/fira-sans-v17-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* fira-sans-700 - 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: 'Fira Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/fira-sans-v17-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* fira-sans-800 - 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: 'Fira Sans';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/fira-sans-v17-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* fira-sans-condensed-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: 'Fira Sans Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/fira-sans-condensed-v10-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* fira-sans-condensed-500 - 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: 'Fira Sans Condensed';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/fira-sans-condensed-v10-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* fira-sans-condensed-600 - 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: 'Fira Sans Condensed';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/fira-sans-condensed-v10-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* dosis-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: 'Dosis';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/dosis-v34-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* dosis-500 - 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: 'Dosis';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/dosis-v34-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* dosis-600 - 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: 'Dosis';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/dosis-v34-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* dosis-700 - 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: 'Dosis';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/dosis-v34-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

   
html, body {
  font-family: 'Fira Sans' !important;
  /*overflow-x: hidden;*/
}
h1, h2, h3, h4, h5, h6, a {
  font-family: 'Fira Sans Condensed' !important;
}
.text-dosis {
  font-family: 'Dosis' !important;
}
body {
  background: white;
  color: #001f4b !important;
  padding: 0 !important;
  margin: 0 !important;
}
.container-fluid {
    padding: 0 !important;
}
.container {
  max-width: 960px !important;
}
header {
   padding: 0;
   z-index: 1200 !important;
}
.event-form {
  max-width: 700px !important;
}
.s-index {
  height: 0 !important;
}
.bg-rosa {
  background: #e12271;
  color: white !important;
}
.text-rosa {
  color: #e12271;
}
.bg-darkrosa {
  background: #bd0a6c;
}
.border-rosa {
  border: dotted #bd0a6c;
  border-width: 3px 0 3px 0;
}
.bg-darkblue {
  background: #001f4b;
  color: white !important;
}
.text-darkblue {
  color: #001f4b;
}
.bg-hellblue {
  background: #f2f2f8;
}
.navbar::before {
  position: absolute;
  width: 120px;
  height:76px;
  content: "";
  top: 0;
  left: 0;
  right: -30px;
  background: #bd0a6c;
  border-right: 7px solid white;
}
.navbar {
  height: 76px;
}
.navbar .nav-link img {
  max-width: 36px;
}
.nav-link.social-bottom img {
  max-width: 24px;
}
.nav-link.social-bottom {
  padding-left: 0 !important;
}
a.nav-link {
  line-height: .7rem !important;
  font-size: 1.2rem;
  text-transform: uppercase;
  color: white !important;
}
a.nav-link:hover, a.nav-link.active {
  font-weight: 500 !important;
}
.top-balke {
  height: 76px !important;
}
ul {
  list-style-position: inside !important;
}
.grad90 {
  transform: rotate(-90deg);
}
.text-letter-space {
  letter-spacing: 1px;
  font-size: 1.5rem !important;
}
.table-offzeit td {
  padding: 0 .2rem !important;
}
.table > :not(caption) > * > * {
  color: white !important;
  background-color: #001f4b !important;
}
/* ----- Taste scroll-Top ----- */
.scrollup {
    position: fixed;
    bottom: 20px;
    right: 30px;
    background: rgba(0, 0, 0, .5) !important;
    color: rgb(255, 255, 255);
    cursor: pointer;
    z-index: 1540;
}

.bottombild {
  margin-bottom: -15%;
}
.bottombild img {
  max-width: 340px;
}
.anzeige-inhalt {
  font-size: 1.05rem;
}
.accordion-item {
  border: 3px solid white !important;
}
.accordion-button {
  padding: .35rem 1.2rem !important;
  font-size: 1.2rem !important;
  background-color: #001f4b !important;
}
.accordion-button::after {
  filter: invert(100%);
}
/* Все картинки внутри событий */
.accordion-body img {
    width: 100%;        /* картинка растягивается по ширине контейнера */
    max-width: 380px;   /* но не больше 440px */
    height: auto;       /* пропорциональная высота */
    display: block;
    margin: 1rem auto;  /* вертикальные отступы и центрирование */
}
/* Ограничиваем ширину тултипа, чтобы текст переносился */
.custom-tooltip .tooltip-inner {
    max-width: 220px;      /* ограничиваем ширину тултипа */
    white-space: normal;   /* разрешаем перенос строк */
    text-align: left;
}

@media screen and (max-width: 992px){
  .navbar-toggler-icon {
    filter: invert(100%);
  }
  #offcanvasDarkNavbar {
    background-color: #e12271 !important;
  }
  #offcanvasDarkNavbar .nav-link {
    padding: 1.0rem !important;
    border: none !important;
  } 
  .bottombild {
    margin-bottom: 1rem;
  }
  .navbar::before {
    position: absolute;
    width: 90px;
    height:52px;
    content: "";
    top: 0;
    left: 0;
    background: #bd0a6c;
    border-right: 5px solid white;
  }
  .navbar {
    height: 52px;
  }
  .navbar img {
    margin: 0 .75rem !important;;
  }
}

@media screen and (max-width: 780px){
  .bottombild img {
    max-width: 290px;
  }
}

@media screen and (max-width: 580px){

}

@media screen and (max-width: 420px) {
  h1, h2 {
    font-size: 1.3rem !important;
  }
  h3 {
    font-size: 1.1rem !important;
  }
  .text-letter-space {
    font-size: .8rem !important;
  }
  
}