html, body {
  overflow-x: hidden !important;
}



body, html{
  margin: 0;
  padding: 0;
  border-width:0;
  margin-left:2px;
  margin-right:2px;
  
}

.header {
  display: flex; /* Macht das Element zu einem Flex-Container */
  justify-content: flex-start; 
  background: linear-gradient(to bottom, #000000 1%, #c89116 99%);
}

  
.footer {
  background: linear-gradient(to top, #000000 10%, #c89116 90%);
  margin-top: 0em;
  border-style: solid;
  border-width: 1px 0px 0px 0px;
  border-color: gray;
  
}


/* für den Button "Route" */
#sppb-addon-1709872620438 #btn-1709872620438.sppb-btn-custom {
  border: none;
  background-image: linear-gradient(45deg, #D44500 0%, #D44500 100%);
  color: #FFFFFF;
}



/* Gemeinsamer Container für alle Header-Elemente */
.grid-child.container-nav {
    display: flex;
    justify-content: space-between; /* Elemente gleichmäßig verteilen */
    align-items: center; /* Vertikal ausrichten */
    gap: 20px;
    width: 100%;
}

/* Reihenfolge der Elemente korrigieren */
#mod-custom115 { order: 1; }  /* Logo */
#navbar117 { order: 2; flex: 2; } /* Menü (bleibt in der Mitte) */
#mod-custom116 { order: 3; } /* Kontaktmodul */

/* Logo bleibt links */
#mod-custom115 {
    flex: 1;
    text-align: left;
}

/* Hauptnavigation bleibt in der Mitte */
.navbar, #navbar117 {
    flex: 2;
    display: flex;
    justify-content: center; /* Menü zentrieren */
    align-items: center;
}

/* Kontakt bleibt rechts */
#mod-custom116 {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    text-align: right;
}

/* Falls das zweite Menü in einem separaten Container ist, ebenfalls anpassen */
#navbar117 ul {
    display: flex;
    /*justify-content: center;*/
    align-items: center;
    list-style: none;
    padding: 0;
    margin: 0;
}

/* --- MOBILE ANPASSUNGEN --- */
@media (max-width: 768px) {
    .grid-child.container-nav {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    /* Logo für mobile Ansicht größer machen */
    #mod-custom115 img {
        max-width: 200px;
    }

    /* Menü soll sich anpassen */
    .navbar, #navbar117 {
        flex: 1;
        width: 100%;
    }

    /* Kontaktmodul unter das Logo setzen */
    #mod-custom116 {
        justify-content: center;
        text-align: center;
        margin-top: 10px;
    }


footer.container-footer .grid-child {
    justify-content: center !important; /* Überschreibt space-between */
    align-items: center !important;
}
  
/*Footer Menüzeile zentrieren neu*/
.container-footer .grid-child {
    justify-content: center !important;
    width: fit-content;
    flex-direction: inherit;
}


  /* Footer als flexibler Container */
.footer {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    width: 100% !important;
}





  
/* Footer-Grid richtig ausrichten */
  .footer .grid-child {
    display: flex !important;
    flex-direction: column !important; /* Stapelt Inhalt untereinander */
   justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    width: 100% !important;
    padding: 1rem 0 !important; /* Falls nötig, Abstand oben/unten */
/*}



/* Bestehende fehlerhafte Regel überschreiben */
.footer .grid-child {
    justify-content: center !important; /* Korrigiert space-between */
}

/* Falls die max-width die Mitte blockiert, anpassen */
.grid-child {
    max-width: 100% !important;
}
/* Footer-Container mittig setzen */
.footer {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
}

/* Grid-Child richtig ausrichten */
.footer .grid-child {
    display: flex !important;
    flex-direction: column !important; /* Stapelt Inhalt untereinander */
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 1rem 0 !important; /* Falls nötig, Abstand oben/unten */
}

/* Modul explizit mittig setzen */
#mod-custom114 {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    width: fit-content !important;
    margin: 0 auto !important;
}


  /* Footer-Container richtig ausrichten */
.footer {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    padding: 1rem 0 !important; /* Weniger Padding für bessere Höhe */
}

/* Grid-Child vollständig zentrieren */
.footer .grid-child {
    display: flex !important;
    flex-direction: column !important; /* Stapelt Inhalt vertikal */
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    width: 100% !important;
    max-width: 100% !important;
}

/* Modul explizit mittig setzen */
#mod-custom114 {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    width: fit-content !important;
    margin: 0 auto !important;
}

/* Vorherige fehlerhafte Regeln überschreiben */
.footer .grid-child {
    justify-content: center !important; /* Ersetzt space-between */
}

/* Medienabfrage für kleinere Bildschirme */
/*@media (max-width: 768px) {
    .footer .grid-child {
        flex-direction: column !important;
        justify-content: center !important;
        align-items: center !important;
        text-align: center !important;
        max-width: 100% !important;
        padding: 0.5rem 0 !important;
    }
}
*/






  








  
a:focus, a:hover {
  color: #D44500;
}

/*  
.header nav .menu-button:hover{
  color: #D44500;
  /*text-decoration: #D44500 underline;*/
}
.menu a {
  color: white;
  text-decoration: none; /* Falls du den Unterstrich entfernen willst */
  transition: color 0.3s ease; /* Sanfter Übergang */
}

.menu a:hover {
  color: #c89116; /* Goldene Farbe */
}

.header nav .menu-button:hover{
color: white;
  text-decoration: none; /* Falls du den Unterstrich entfernen willst */
  transition: color 0.3s ease;
}



/

.back-to-top-link {
  background-color: #794700;
  border: 1px solid #c89116;
  border-radius: .25rem;
  color: #c89116;
  padding: .5em;
  position: fixed;
  bottom: 1rem;
  right: 1rem;
  z-index: 10000;
  display: none; /* ← Standardmäßig ausblenden */
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}






@media (max-width: 768px) {
  .back-to-top-link {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    position: fixed !important;
    bottom: 1rem !important;
    right: 1rem !important;
    z-index: 10000 !important;
  }
}


.header-logo {
  margin-top: 20px;
  padding: 5px;
}
  
  
.contact-button {
  margin-top: 40px;
  padding-top: 5px;
  padding-bottom: 5px;
  background-color: #D44500;
  padding-left: 20px;
  padding-right: 20px;
  border-radius: 8px;
}
    
#mail-text {
  color: white;
}

.containertest {
  
  /*margin-left: 2%;
  margin-right: 2%;*/
}
   
.container-header {
  z-index: 10;
  /*margin-left: 2%;
  margin-right: 2%;*/
  top:0px;
 /* height:120px;*/
  min-height:120px;
  max-height:1250px;
  margin-bottom: 2px;
}
  
.container-banner img {
  width:100%;
  padding-top: 0px;
  margin-top: 0px;

}

body.wrapper-fluid .site-grid {
  grid-gap: 0;
}

/*#section-id-1688611509083 {
  background-color:grey;
}*/
  
.sppb-img-responsive {
  width:100%;
}





.metismenu.mod-menu {
  margin: 0;
  padding-left: 25px;
}


.container-header .metismenu.mod-menu .metismenu-item>a:hover {
text-decoration: underline #D44500 3px;
  
}



.positiv {
    /* F�gen Sie hier die gew�nschten Stile f�r die H4-�berschrift hinzu */
    color: #D44500; /* roter Text */
    font-size: 20px; /* Schriftgr��e von 20 Pixeln */
    text-align: center; /* Text zentrieren */
    /*font-family: Arial, sans-serif; /* Schriftart */
   
}

a:not(.btn):hover {
  color: #D44500;
}

a {

  text-decoration: none
    ;
   
}






.container-header .grid-child {
  padding: 0em;
}


/* for removing the weird underline on menu items*/

.container-header .metismenu>li.active>a:after,

.container-header .metismenu>li.active>button:before,

.container-header .metismenu>li>a:hover:after,

.container-header .metismenu>li>button:hover:before {

    background: none;

    cursor: pointer;

}


 

 

 

/*centering hamburger menu*/

 

.navbar, .navbar>.container,

.navbar>.container-fluid,

.navbar>.container-lg,

.navbar>.container-md,

.navbar>.container-sm,

.navbar>.container-xl,

.navbar>.container-xxl {

    display: grid;

    justify-content: center;

}

 

.container-header .navbar-toggler {

    cursor: pointer;

    width: fit-content;

    margin-left: auto;

    margin-right: auto;

}