@media (max-width: 1000px) {



  .nav-wrapper {
    position: fixed;
    inset: 0;
    padding: 0px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  margin: auto;
  border-radius: 0px;
transform: translateY(-120%);
    transition: transform 0.3s ease;
    z-index: 1000;
    background-color: var(--primary-color);
  }

  .nav-wrapper.open {
    transform: translateX(0);
  }

  /* Menü vertikal */
  .main-menu {
    flex-direction: column;
    gap: 12px;
    padding:0px;
    text-align: center;
  }

  .main-menu a{
text-decoration: none;
color: white;

}



.site-nav-search .wp-block-search__button {

  background-color: var(--secondary-color);
 
}






  /* Suche volle Breite */
  .site-nav-search {
    display: flex;
    justify-content: center;
  }

  .site-nav-search .wp-block-search {
    width: 80%;
  }

.nav-wrapper .wp-block-search__inside-wrapper .wp-block-search__input {

  opacity: 1;
}

.menu-toggle {
  display:block;
}

.menu-toggle.active .line {
  background: var(--accent-color);
}

.menu-toggle .line {
  background: var(--primary-color);
}




  .header-buttons  {
    display: none;
  }

.section-design-hero .inhalt-wrapper {
  flex-flow: column;
}

.section-design-hero .prbn-post-slider, .section-design-hero .prbn-single-image {
  width: 80%;
  margin-top: 40px;
  max-width: 500px;
}

.section-design-switch .inhalt-wrapper {
  flex-flow: column;
}

.headline-wrapper {
  justify-content: center;
}


.content-text-wrapper {
  padding: 10px;
  text-align: center;
  display: flex;
    flex-flow: column;
  }


.inhalt-wrapper {
  flex-flow: column;
  width: 100%;
}


.prbn-single-image, .prbn-post-slider {
  width: 100%;
  height: 100%;
  max-width: 500px;
}


.content-section {
  width: 100%;
}

.inhalt-wrapper {
  flex-flow: column;
  justify-content: center;
}



.prbn-kontaktdaten--header {
  display:none;
}

.prbn-form-actions {
  justify-content: center;
  margin-top: 30px;
}


.prbn-oeffzeiten__row {
  width: 100%;
}









.btt #back-to-top {
  left: 90%;
}



}