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

body {
  background-color: #f2f2f2;
  display: flex;
  flex-direction: column;
  min-height: 100vh; /* 100% der Viewport-Höhe */
  font-family: 'Open Sans', sans-serif;
}
.polyist-navbar-bg {
  background-color: #fff !important;
  box-shadow:0 4px 2px -5px rgba(0, 0, 0, 0.1), 0 4px 10px -5px rgba(0, 0, 0, 0.1); /* Schatten nach unten */
}
.navbar {
  height: 80px;
  position: sticky;
  top: 0;
  z-index: 1000;
  background-color: #fff;
}

.navbar-brand.polyist-navbar-image img {
  height: 120px;
  width: auto;
}

.center-box {
  height: 120px;
  width: 120px;
  background-color: #fff;
  display: flex;
  justify-content: center; /* Änderung von 'top' auf 'center' */
  align-items: center;
  margin-top: -20px; /* Änderung von '0px' auf '0' */
  position: relative;
  box-shadow: 10px 0 10px -5px rgba(0, 0, 0, 0.1), -10px 0 10px -5px rgba(0, 0, 0, 0.1);
}

.center-box img {
  max-height: 100%;
  max-width: 100%;
}
.responsive-container {
    position: relative;
    width: 100vw; /* 100% der Viewport-Breite */
    height: 200px; /* Ändere die Höhe nach Bedarf */
    background: url('assets/image/nbg-pride-triangles.png') center/cover no-repeat; /* Hintergrundbild-Zentrierung und Cover */
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff;
  	font-size:xx-large;
}

@media (max-width: 767px) {
  .center-box {
    margin-top: 0;
  }
  .navbar-brand.polyist-navbar-image img {
    height: 60px;
    width: auto;
  }
  .responsive-container {
                height: 200px; /* Ändere die Höhe für kleinere Bildschirme */
            }
}
.navbar-toggler[aria-expanded="true"] {
    background-color: #fff; /* Hintergrundfarbe beim Klicken */
}

.form-distance{
	margin-top:20px;
}
span {
    overflow-wrap: break-word;
  	word-wrap: break-word;
}
.main-content {
  text-align: center;
  padding: 20px;
  flex: 1; /* Flexibles Wachstum des Hauptinhalts */
  margin-top: 80px; /* Platz für Sticky Header und zusätzlichen Abstand */
}

.footer {
  color: white;
  text-align: center;
  padding: 10px;
  width: 100%;
  font-size: smaller;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%; /* 100% der Container-Höhe verwenden */
}

.footer-custom {
  line-height: 100%;
}

.btn-custom-corner{
	border-radius: 0 !important;
}
.csd-bg-black{
  background-color: #161615;
}
.csd-black{
  color: #161615;
}
.csd-bg-violet{
  background-color: #662C91;
}
.csd-violet{
  color: #662C91;
}
.csd-bg-blue{
  background-color: #1375BC;
}
.csd-blue{
  color: #1375BC;
}
.csd-bg-green{
  background-color: #2BB673;
}
.csd-green{
  color: #2BB673;
}
.csd-bg-yellow{
  background-color: #FFF200;
}
.csd-yellow{
  color: #FFF200;
}
.csd-bg-orange{
  background-color: #FBB040;
}
.csd-orange{
  color: #FBB040;
}
.csd-bg-red{
  background-color: #ED1C24;
}
.csd-red{
  color: #ED1C24;
}
.csd-bg-gray{
  background-color: #333334;
}
.csd-gray{
  color: #333334;
}