/*
nav a {
    text-decoration: none;
    color: white;
    
}
nav ul {
    display: flex;
    justify-content: space-around;
    align-items: center;
    height: 2.5rem;
    list-style-type: none;
    border: 2px solid #B91023;
    background-color: #B91023;
    color: white;
    flex-grow: 1;
    flex-shrink: 1;
}

nav ul li a:hover {
  text-decoration: underline;
}
*/

nav {
    align-items: center;
    height: 2.5rem;
    display: flex;
    justify-content: space-around;
    align-items: center;
    border: 2px solid #B91023;
    background-color: #B91023;
    color: white;
}
nav ul{
    color: white;
}

/* Sidebar Styling */
.sidebar {
  position: fixed;
  top: 250px;
  right: 20px;
  width: 150px;
  background-color: #B91023;
  color: white;
  padding: 20px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}


.sidebar.hidden {
  transform: translateX(-100%); /* Sidebar aus dem Bild schieben */
}

.sidebar h2 {
  margin-bottom: 20px;
}

.sidebar ul {
  list-style: none;
}

.sidebar ul li {
  margin: 15px 0;
}

.sidebar ul li a {
  color: white;
  text-decoration: none;
}

.sidebar ul li a:hover {
  text-decoration: underline;
}

/* Toggle Button Styling */
#toggleSidebar {
  position: fixed;
  top: 20px;
  right: 20px;
  padding: 10px 20px;
  background-color: #B91023;
  color: white;
  border: none;
  cursor: pointer;
}

#toggleSidebar:hover {
  background-color: #555;
}


container {
        display: flex;
        flex-direction: column;
   
}
.container {
    justify-content: space-around;
    text-align: center;
    list-style-position: inside;
    flex-grow: 1; 
    flex-shrink: 1;
}

h1, h2, h3 {
    border-color: black;
    border-style: unset;
    border-width: 1px;    
}

article {  
         color: black
}  

main {
    min-height: calc(100vh  - 2%);
}

footer {
        font-size: 10px;

}

.footer{
    width: calc(100% - 10px);
    position: absolute;
    bottom: 0;
}