/* Grunddesign */

        body {
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            line-height: 1.6;
            margin: 0;
            padding: 0;
            color: #333;
            display: flex;
            flex-direction: column;
            min-height: 100vh;
            overflow: -moz-scrollbars-vertical;
            overflow-y: scroll;
        }

        /* Header Styling */
        header {
            background-color: #ffffff;
            border-bottom: 2px solid #1d3163; /* Passend zum Blau im Logo */
            padding: 1rem 5%;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .brand-container h1 {
            margin: 0;
            font-size: 1.8rem;
            color: #1d3163;
        }

        .brand-container p {
            margin: 0;
            font-size: 1rem;
            color: #666;
            font-weight: 300;
        }

        /* Seitennavigation */
        nav {
            flex: 2;
            text-align: center;
        }

        nav ul {
            list-style: none;
            margin: 0;
            padding: 0;
            display: flex;
            justify-content: center;
            gap: 20px;
        }

        nav a {
            text-decoration: none;
            color: var(--primary-blue);
            font-weight: 600;
            font-size: 1.1rem;
            transition: color 0.3s;
        }

        nav a:hover {
            color: #1d3163;
            border-bottom: 2px solid #1d3163;
        }

         /* Logo rechts */
        .logo-container {
            flex: 1;
            text-align: right;
        }

        .logo-link img {
            height: 80px; /* Adjust height as needed */
            width: auto;
            transition: transform 0.2s;
        }

        .logo-link img:hover {
            transform: scale(1.05);
        }

        /* Content Styling */
        main {
            flex: 1;
            padding: 2rem 5%;
            max-width: 1000px;
            margin: 0 auto;
        }

         main a {
            color: #1d3163;
            text-decoration: none;
            font-weight: bold;
        }

        main a:hover {
            text-decoration: underline;
        }


        /* Footer Styling */
        footer {
            background-color: #f4f4f4;
            text-align: center;
            padding: 1rem;
            border-top: 1px solid #ddd;
        }

        footer a {
            color: #1d3163;
            text-decoration: none;
            font-weight: bold;
        }

        footer a:hover {
            text-decoration: underline;
        }

        


.collapse-content {
  /*width: 95%;*/
  margin: auto;
  /*box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);*/
}

.collapse {
  background: #fff;
}

.collapse a {
  display: block;
  font-size: 1rem;
  font-weight: 500;
  padding: 0.9rem 1.8rem;
  color: #FFF;
  background: #1d3163 ;
  position: relative;
}


.collapse a:before {
  content: "";
  border-top: 7px solid #fff;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  position: absolute;
  top: 25px;
  right: 30px;
}

.inner-content {
  padding: 1.8rem;
}

.content {
  max-height: 0em;
  transition: 0.3s linear 0s;
  overflow: hidden;
}

.collapse + .collapse a {
  border-top: 1px solid rgba(255, 255, 255, 0.7);
}

h3 {
  margin-bottom: 15px;
}

.collapse:target .content {
  max-height: 20em;
}

.collapse:target a:before {
  transform: rotate(-90deg);
}




        /* Responsive Anpassung für Mobilgeräte */
        @media (max-width: 768px) {
            header {
                flex-direction: column;
                text-align: center;
            }
            .brand-container, nav, .logo-container {
                flex: none;
                width: 100%;
                margin-bottom: 1rem;
            }
            nav ul {
                flex-direction: column;
                gap: 10px;
            }
            .logo-container {
                order: -1; /* Logo auf Handy nach ganz oben */
                text-align: center;
            }
        }