/* Anfang fürs button*/
.button {
   border-radius: 10px 0px 10px 10px;
   text-decoration: none;
  display: inline-block;
  background-color: #F5F5F5;
  font-size: 18px;
  color: black;
  border: 2px solid #ccc;
  padding: 10px 10px;
  transition-duration: 0.4s;
  cursor: pointer;
}
 .button4 {

   border-radius: 10px 0px 10px 10px;
   text-decoration: none;
  display: inline-block;
  background-color: #F5F5F5;
  font-size: 18px;
  color: black;
  border: 2px solid #ccc;
  padding: 10px 10px;
  transition-duration: 0.4s;
  cursor: pointer;
}

.button4:hover {
background-color: white;
font-size: 20px;
cursor: pointer;

}






.buttonBlack 
{
     font-size: 18px;
     color: #040404;
     padding: 8px 8px;
     background-color: #f8fbf9;
     border: 1px solid #0e0f0e;
     border-radius: 10px 0px 10px 10px;
     transition-duration: 0.4s;
}
   .buttonBlack:hover 
{background-color: #9b919173;
       font-size: 20px;
        color: #020202;
}


   @media (prefers-color-scheme: dark) 
{
.button {
   border-radius: 10px 0px 10px 10px;
   text-decoration: none;
  display: inline-block;
  background-color: black;
  font-size: 18px;
  color: beige ;
  border: 1px solid beige  ;
  padding: 10px 10px;
  transition-duration: 0.4s;
  cursor: pointer;
}

.button4 {

   border-radius: 10px 0px 10px 10px;
   text-decoration: none;
  display: inline-block;
  background-color: black;
  font-size: 18px;
  color: beige ;
  border: 1px solid beige  ;
  padding: 10px 10px;
  transition-duration: 0.4s;
  cursor: pointer;
}

.button4:hover {
background-color: #2d2d2d;
font-size: 20px;
color: rgb(150, 248, 196);
}


    .buttonBlack {
     font-size: 18px;
     padding: 8px 8px;
     background-color: #0c0c0c;
     color: rgb(210, 212, 215);
     border: 1px solid #fafcfa  ;
     border-radius: 10px 0px 10px 10px;
     transition-duration: 0.4s;
}
   
   .buttonBlack:hover 
{background-color: #03030373;
    border: 1px solid #fafcfa  ;
       font-size: 20px;
        color: #f9fbf9;
}
}

 

 
 


   .buttonAktuell 
   {
        font-size: 18px;
       
        color: #0e0f0e;
        padding: 8px 8px;
        background-color: #d7d9d7;
        border: 0px solid #0e0f0e;
        border-radius: 10px 0px 10px 10px;
        transition-duration: 0.4s;
   }
      .buttonAktuell:hover 
   {background-color: #9b919173;
          font-size: 20px;
          color: #0e0f0e;
          border: 0px solid #0e0f0e;
   }
   
   
      @media (prefers-color-scheme: dark) 
   {
       .buttonAktuell {
        font-size: 18px;
        padding: 8px 8px;
        background-color: #9b919173;
        color: rgb(210, 212, 215);
        border: 0px solid #0e0f0e;
        transition-duration: 0.4s;
       
   }
      
      .buttonAktuell:hover 
   {background-color: #9b919173;
          font-size: 20px;
           color: #f9fbf9;
   }
   }












.buttonROT {

  background-color: #F5F5F5;
  color: black;
  border: 2px solid red  ;
}

.buttonROT:hover {background-color: #367B48;
    font-size: 20px;
     color: yellow;
}




     /* Ende fürs button*/