/*
   blau
   #203480
   32, 52, 128
   rot
   #E42118
   228, 33, 24
   schwarz
   #1A2425
   26, 36, 37
   weiß
   #FFFFFF
   255
   255
   255
*/

body {
   font-family: Arial;
   font-weight: normal;
   font-size: 12pt;
   color: #203480;
}

a, a:visited, li > a, li > a:visited {
   color: #203480;
}

   a:active, a:hover, li > a:active, li > a:hover {
      color: #802034;
   }

#content {
   margin-left: 260px;
   margin-top: 20px;
   text-align: center;
   margin-right: 15px;
}

#imgLogo {
   width: 120px;
}

#burgerBtn {
   display: none;
   background: none;
   border: none;
   font-size: 24px;
   cursor: pointer;
   margin-top: 25px;
}

/* Standard horizontales Menü */
#mainMenu {
   display: flex;
   flex-direction: column;
   list-style: none;
   padding: 0;
   margin: 0;
   top: 25px;
   position: absolute;
   width: 100%;
}

.menuItem {
   padding: 20px 0px 5px 0px;
   font-weight: bold;
   font-size: 13pt;
   background-color: rgba(32, 52, 128, 0.05);
   border-bottom: 1px solid #203480;
   height: 35px;
   width: 100%;
}

   .menuItem > a {
      text-decoration: none;
      color: #203480;
   }
   .menuItem > a:hover:visited {
      color: #203480;
   }
   .menuItem > a:active {
      color: #E42118;
   }

#pageHead {
   width: 100%;
   text-align: center;
   font-size: 16pt;
   font-weight: bold;
   margin: 10px 0px 0px 0px;
}

/* Wrapper für alle Container */
.container-grid-idx {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(450px, 1fr));
   gap: 15px;
   align-items: start;
   grid-auto-flow: dense;
   margin-bottom: 50px;
}

.container-grid-akt {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(700px, 1fr));
   gap: 15px;
   align-items: start;
   grid-auto-flow: dense;
   margin-bottom: 50px;
}

/* Einzelner Container */
.simple-box-r {
   border: 1px solid #555555;
   border-radius: 4px; /* ggf. auf 0 setzen */
   padding: 10px 15px;
   background-color: rgba(228, 33, 24, 0.05);
   box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.25);
   display: flow;
   width: 90%;
   margin-bottom: 15px;
}

.simple-box-b {
   border: 1px solid #555555;
   border-radius: 4px; /* ggf. auf 0 setzen */
   padding: 10px 15px;
   background-color: rgba(32, 52, 128, 0.05);
   box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.25);
   display: flow;
   width: 90%;
   margin-bottom: 15px;
}

/* Wenn Screen klein */
@media (max-width: 800px) {
   #content {
      margin-left: 15px;
      text-align: center;
      margin-right: 15px;
   }

   #pageHead {
      font-size: 22pt;
   }

   #imgLogo {
      width: 80px;
   }

   #mainMenu {
      display: none;
      flex-direction: column;
   }

   #burgerBtn {
      display: block;
   }

   #imgHeadL, #imgHeadR {
      display: none;
   }
}