/* 🌐 Allgemein */

.navbar {
  background: linear-gradient(to bottom, #b30000, #480101); /* von hellem zu dunklem Türkis */
  padding: 1.5rem 2rem;
  display: flex;
  justify-content: flex-start;
  position: relative;
}
  h1, h2, h3, h4, h5 {
    font-family: 'Libre Bodoni', serif;
    color: #b30000; /* Brandschutz-Rot */
  }
  
  /* 🔳 Boxen (z. B. Kacheln) */
  .box {
    background-color: white;
    border: 2px solid #b30000;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    cursor: pointer;
  }
  
  .box:hover {
    transform: translateY(-5px);
    box-shadow: 0px 6px 18px rgba(0, 0, 0, 0.15);
  }
  
  /* 🔘 Buttons */
  .button.is-danger {
    background-color: #b30000;
    border-color: #b30000;
    color: white;
  }
  
  .button.is-danger:hover {
    background-color: #990000;
    border-color: #990000;
  }
  
  /* 🧭 Navbar */
  .navbar {
    background-color: #990000;
  }
  
  .navbar-item {
    color: white !important;
  }
  
  .navbar-item:hover {
    background-color: #b30000;
    color: white;
  }
  
  /* 📦 Modals */
  .modal-content {
    background-color: white;
    border: 2px solid #b30000;
    padding: 1.5rem;
  }
  
  /* 🖼 Bilder (z. B. Brandschutzpläne) */
  figure.image img {
    border: 2px solid #b30000;
    border-radius: 6px;
  }