/* JSK Fasten Werkstatt 2022 */


#fotorechts {
    float:right;
    margin-left: 20px;
    border:1px solid black;
} 


#fotorand {
    border:1px solid black;
} 


#randlogo {
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
} 



/* Menu */



/* Menu Header */






/*komplette navbar*/
.container-header .container-nav {
    background-color: #fff;
    justify-content: center; /*right;*/
  margin-bottom: 1em;
}



/* Override header background with white */
.container-header {
  background-color: white;
  background-image: none;
 }



/* Hauptmenü Farbe Hintergrund - Schriftfarbe Menü */
.container-header .mod-menu {
  background-color: rgb(131,187,38);
  color: #000000;
}

/* We add padding and radius so that on hover there is a nice background */
.container-header .mod-menu a {
  -webkit-border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
  padding: 3px 15px;
  color: #000000;
}

/* On hover there should be a gray background*/
.container-header .mod-menu a:hover {
  background-color: #eee;
}




/*  Header mit geschwungenen Bogen (z.Zt. ohne Funktion)
.container-header {
    position: relative;
    z-index: 10;
    margin-bottom: 20px;
    background-color: #434178;
    background-image: linear-gradient(135deg, #578e8e 0%, #14382c 100%);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.03) inset;
}

*/



/* Footer */

 
/* Override footer background with FastenWerkstatt Color */
/*   .container-footer {
  background-color: rgb(131,187,38);
  background-image: none;
  color: #000000;
 }
*/


/* Override footer background with Fastenwerkstatt Image / Color */
 .container-footer {
    background-repeat: repeat;
    background-position: left top;
    background-image: url("/images/hg_footer.jpg");
    color: #000000;
 }





/* Menu Hamburger */

/* Color Hamburger Menu black */
.container-header .navbar-toggler {
  color: #000000;
  border: 1px solid rgb(131,187,38);
}



/*
*** 2023 eingepflegt ***  JS
/*


/*

Bugfix für Cassiopeia Template, so dass Menü bei Tablets im Hochformat als Burgersymbol angezeigt wird

*/

@media (min-width: 768px) and (max-width: 991px) {

.navbar-expand-md .navbar-collapse:not(.show) {

display: none !important;

}

}

@media (max-width: 991px) {

.navbar-expand-md .navbar-toggler {

display: block !important;

}

}

/*

Bugfix für Cassiopeia Template so dass Menü umgebrochen wird, falls es nicht in eine Zeile passt

*/

.container-header .mod-menu {

flex-wrap: wrap;

}



/*

Bugfix für Cassiopeia Template für Back to Top Button, so dass er dauerhaft sichtbar ist

*/

.back-to-top-link {

position: fixed;

}