/****************************************************
 *  MOBILE VERSION (<= 768px)
 *  2x2 Kacheln in beiden Abschnitten (#section_1000309 & #section_1000311)
 ****************************************************/
@media (max-width: 768px) {

  /* ---- Gemeinsame Einstellungen für beide Abschnitte ---- */
  #section_1000309,
  #section_1000311 {
    padding-left: 38px !important;
    padding-right: 38px !important;
    box-sizing: border-box;
  }

  /* Kacheln 2x2 anordnen */
  #section_1000309 .cd-row,
  #section_1000311 .cd-row {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
  }

  /* Jede Kachel = 50% Breite */
  #section_1000309 .cd-col,
  #section_1000311 .cd-col {
    flex: 0 0 50% !important;
    max-width: 50% !important;
    padding: 8px 4px !important;
    box-sizing: border-box;
  }

  /* Bilder skalieren */
  #section_1000309 .cd-col img,
  #section_1000311 .cd-col img {
    width: 100% !important;
    height: auto !important;
    display: block;
  }
}



/****************************************************
 *  DESKTOP VERSION (>= 769px)
 *  4 Kacheln zentriert (#section_1000309)
 *  2 Kacheln zentriert (#section_1000311)
 ****************************************************/
@media (min-width: 769px) {

  /*************** Abschnitt 1: Obere Zeile (4 Kacheln, zentriert) ***************/
  #section_1000309 {
    padding-left: 40px !important;
    padding-right: 40px !important;
    box-sizing: border-box;
  }

  /* Kacheln nebeneinander und zentriert */
  #section_1000309 .cd-row {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: center !important; 
  }

  #section_1000309 .cd-col {
    flex: 0 0 20% !important;
    max-width: 20% !important;
    padding: 10px !important;
    margin-right: 20px !important;
    box-sizing: border-box;
  }

  #section_1000309 .cd-col:last-child {
    margin-right: 0 !important;
  }

  #section_1000309 .cd-col img {
    width: 100% !important;
    height: auto !important;
    display: block;
  }



  /*************** Abschnitt 2: Untere Zeile (2 Kacheln, zentriert) ***************/
  #section_1000311 {
    padding-left: 40px !important;
    padding-right: 40px !important;
    box-sizing: border-box;
  }

  /* 2 Kacheln nebeneinander und zentriert */
  #section_1000311 .cd-row {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: center !important; 
  }

  #section_1000311 .cd-col {
    flex: 0 0 20% !important;
    max-width: 20% !important;
    padding: 10px !important;
    margin-left: 20px !important;
    box-sizing: border-box;
  }

  #section_1000311 .cd-col:first-child {
    margin-left: 0 !important;
  }

  #section_1000311 .cd-col img {
    width: 100% !important;
    height: auto !important;
    display: block;
  }
}

/****************************************************
 * MOBILE: Abstandhalter in "Über uns" ausblenden
 * Block-ID: #block_1001115
 * Gilt für alle Bildschirmbreiten bis 768px
 ****************************************************/
@media (max-width: 768px) {
  #block_1001115 {
    display: none !important; /* Abstandhalter in "Über uns" verstecken */
  }
  #block_1001045 {
    display: none !important; /* "Mehr hier"-Text mit großer Schriftauf "Willkommen"-Seite raus */
  }
}

@media (min-width: 768px) {
  #block_1001117 {
    display: none !important; /* "Mehr hier"-Text mit kleiner Schrift auf "Willkommen"-Seite raus */
  }
}

/*****************************************************************************
*Lauftext auf Startseite
******************************************************************************/
.lauftext-container {
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  box-sizing: border-box;
}

.lauftext {
  display: inline-block !important;
  white-space: nowrap !important;
  padding-left: 100% !important;
  animation: lauftext-animation 20s linear infinite !important;
  font-size: 24px !important;
  color: #ffffff !important;     /* Weiß */
  font-family: Lato, sans-serif !important;
}

@keyframes lauftext-animation {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}

/****** Laufband aus ************/
#block_1001134 { 
   display: none !important; 
 }