@charset "UTF-8";

/*
@font-face { font-family: 'Varela Round'; font-weight:400; font-style:normal; src: url('../fonts/VarelaRound-Regular.ttf') format('truetype'); }
@import url('https://fonts.googleapis.com/css2?family=MonteCarlo&display=swap')
*/
@font-face { font-family: 'MonteCarlo'; font-weight:400; font-style:normal; src: url('../font/MonteCarlo-Regular.ttf') format('truetype'); }
@font-face { font-family: 'GildaDisplay'; font-weight:400; font-style:normal; src: url('../font/GildaDisplay-Regular.ttf') format('truetype'); }


.gildadisplay-regular {
  font-family: "GildaDisplay";
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
}

.montecarlo-regular {
  font-family: "MonteCarlo", cursive;
  font-weight: 400;
  font-style: normal;
}

.montecarlo-32 {
  font-size: 64px;
}

.onlyprint {
  display: none;
  visibility: hidden;
}

@media all {
  .page-break	{
    display: none; 
  }
}

@media print {
  .page-break	{
    display: block; 
    page-break-before: always;
  }
}

html, body {
  height: 100%;
  font-size:1.15rem;
  line-height:1.6;
}

body {
  /* font-family: 'Varela Round', sans-serif; */
}

h1{font-weight:bold;}
h1 {font-size:2rem;}
h2 {font-size:1.75rem;}
    .header-gradient {
      color:#F0F0F0;
      color:#791f79;
      color:white;


    }
    .footer-gradient {
      color:#F0F0F0;
      color:#791f79;
      color:#ffffff;
      font-size:18px;
      background-color: #B3E5A1;
      color:black;
    }
      a {color:#339F72;color:darkgreen;text-decoration:underline;}
      a:link{text-decoration:underline;}
      a:visited{text-decoration:underline;}
      a:focus{text-decoration:underline;outline:0px !important;}
      a:hover{color:#29a837;text-decoration:underline;}
      a:active{text-decoration:underline;}
/*
      .footer-gradient a {text-decoration:none;}
      .footer-gradient a:link{text-decoration:none;}
      .footer-gradient a:visited{text-decoration:none;}
      .footer-gradient a:focus{text-decoration:none;outline:0px !important;}
      .footer-gradient a:hover{text-decoration:underline;}
      .footer-gradient a:active{text-decoration:none;}
*/
    /* Stelle sicher, dass du die genauen Farbcodes für Gold und Flieder anstelle der Wörter 'gold' und 'flieder' einsetzt */
    .announcement {
      padding: 20px;
      background-color: #f8f9fa; /* Helle Hintergrundfarbe für den Kontrast */
      background-color: #B3E5A1;
      color:black;
      text-align: center;
      /* margin-bottom: 20px; */
      font-style: italic;
    }
    .logo {
      height: 250px; /* oder die gewünschte Höhe */
    }
    .navbar {
      display: flex;
      align-items: center;
      justify-content: space-between;
      flex-wrap: wrap;
    }
    .navbar-brand h1 {
      display:inline-block;
/*
      margin-right:30px;
      margin-bottom: 0;
*/
      color:#791f79;
    }

@media (max-width: 768px) { /* Anpassung für kleinere Bildschirme */
  .navbar {
    justify-content: center; /* Zentriert die Elemente, wenn sie untereinander stehen */
    text-align:center;
    gap:30px;
  }
}


.custom-section {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
.custom-section .image-container,
.custom-section .text-container {
  flex: 1 1 51%;
}
.custom-section .image-container {
  text-align: center;
}
.custom-section img {
  max-width: 100%;
  height: auto;
  max-height: 650px;
}
@media (min-width: 992px) {
  .custom-section .image-container,
  .custom-section .text-container {
      flex: 1;
  }
  .custom-section .image-container {
      max-width: 400px;
  }
  .custom-section .text-container {
      max-width: calc(100% - 400px);
  }
}