/* ==========================================
* Anpassungen 23.11.2023 Klose
+++++++++++++++++++++++++++++++++++++++++++++++ */
body {}
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
font-size: 17px;
line-height: 18px;
color: #333;
}

body.site {
  width : 95% ;
  margin : auto;
   display: flex;
  align-items: left;
  justify-content: center;
  text-size: 16px;
}
 /* Banner stylen */
.mein-banner {
  height: 150 px ;
}

/* Aussehen der Menu-Bar */
.container-header .mod-menu {
   justify-content: center;
 color : black;
   background-color: #a2d9ce ;
   padding: 5;
  margin : 0px 5px 0 px 0px ;
   
}

/* Hintergrund des Menues */
.container-header {
    background-color: white;
    background-image: none;
}

.container-header .mod-menu {
   colour: #0088cc;
}

/* Anpassen der Menupunkte (a) bei Hover und Aussehen */

.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 5px;
  colour: #0088cc;
}

.container-header .mod-menu a:hover {
    background-color: #eee;
}

/* Farbe und Aussehen des Hamburger Buttons */
.container-header .navbar-toggler {
    color: #0088cc;
    border: 1px solid #0088cc;
}


/* 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;
  }
}
/* Ende der media anpassung */
/*
@media (max-width: 991px) {
.navbar-expand-md .navbar-toggler {
display: block !important;
  position: relative;
  flow: left;

}
} */

@media (max-width: 991px) {
.navbar-expand-md .navbar-toggler {
display: flex !important;
  position: relative;
  flow: left;

}
} 

  @media (max-width: 992px) {
  nav.navbar {
    order: -1;
    align-items: normal;

    }
}

@media (min-width:  991px) {
.main-bottom .mod-menu {
flex-direction: row;
margin-top: 0;
}
}

/* 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;
}

/* 3 Boxen in Container mit Child-Technik */
.wrapper_box {
  width: 100%;
  background-color: #ceecf5;
}

.boxmenu {
  float: left;
  height: 100px;
  background-color: #ceecf5;
  width: 100%;
  
}

.boxmenu:nth-child(1) {
  width: auto ;
  background-color:  #ceecf5;
  margin-left: 5% ;
}

.boxmenu:nth-child(2) {
  width: auto;
  background-color:  #ceecf5;
   margin-left: 5% ;
}

.boxmenu:nth-child(3) {
  width: 0%;
  background-color: #ceecf5;;
}


/*


/* Menu Verwaltung */

.container-bottom-b .mod-menu {
  justify-content: center;
  color: black;
  background-color: #a2d9ce;
  padding: 5;
  margin: 0px 5px 0 px 0px;
  display : inline-block ;
}

/* Container für den fotter-Bereich*/
/* Aussencontainer */
#footer_aussen { display:flex; justify-content:space-between;
	width:100% ;
	margin-top: 30px;
	background-color: rgb(218, 234, 247);
}

/* Innencontainer */
.footer_innen { width: auto; 
 display: flex;
  align-items: center;
  justify-content: center;
}

/* Contaier mit entsprechenden Elementen links-rechts-mitte */

.container-centered {
   display: flex;
   justify-content: center;
   align-items: center;
}
			}
.centered-element {
				
			}
/* Container für absolute Positionierung */
.container-absolute {
   position: relative;
}
.container-absolute .centered-element {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}

.hide { display: none; }