html {
    background-image: url("../logos/Klein_Hintergrund_4c.png");
    
}

img {
  margin: 1em;
}

body {
  height: 100%;
  max-width: 1000px;
  background-color: rgba(255, 255, 255, 0.8); 
  margin: 5px auto;
  color: #5e473a;
 }

main {
    padding: 0.5em;
} 
.page {
    margin: 2em 0.5em;
    padding: 1em 1.5em;
    box-shadow: 10px 10px 25px #444;       
}

footer {
    margin: 1.5em;
}


header img, footer img {
  margin: 1em;
}

a {
  color:#5e473a
}
  
.navbar-custom {
  background-color: #5e473a;
}

.navbar-custom .navbar-brand,
  .navbar-custom .navbar-text 
  {
      color: white;
  }

.nav-link {
  color: white;
}

.nav-link:hover {
  background:white;
  color: #5e473a !important;
}

accordion-button {
  color:white;
}

.accordion-button::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23fff' class='bi bi-plus-circle' viewBox='0 0 16 16'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/%3E%3Cpath d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z'/%3E%3C/svg%3E");  
}
.accordion-button.collapsed {
  color: white;
  background: #5e473a;
}

.accordion-button:not(.collapsed) {

  color: white;
  background: #5e473a;
}

.accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%5e473a'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");

}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%5e473a'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  
}

.carousel-inner img {
  margin: auto;
}

@media (min-width: 600px) {
  img {
    max-width: 26em !important;
  }
}

@media (max-width: 500px) {
  img {
    width: 90% !important; 
  }
}