html {
    scroll-behavior: smooth;
}

   
	   body {
            font-family: Helvetica, Geneva, Arial, sans-serif;
            background-color: #c1dcff; /* abricot */
            color: #333;
			max-width: 900px;
			margin: auto;
        }
        .navbar {
            background-color: #4B0082; /* Dark Violet */
        }
        .navbar-brand, .nav-link {
            color: #fff !important;
        }
        .nav-link:hover {
            background-color: #005f5f;
            color: #ffc !important;
        }
		
.navbar-nav .nav-link.active {
    font-weight: bold !important;
}

.nav-link:focus {
    border: 2px dotted #fff;
  border-radius: 3px;
  outline-offset: 5px !important;
}
		
		
        .card {
            background: rgba(255, 255, 255, 0.4);
        }
		
		
		a {
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

		h1 {
		font-weight: bold;
		}
		
		h3 {
		font-size: 22px;
		}


.footer {
	float: center;
	margin: auto;
	background-color: #4c709f;
	text-align: center;
	max-width: 60%;
	border-radius: 10px;
	padding: 10px 0px 10px 0px;
	margin-bottom: 70px;
}

.footer .nav-link.active {
    font-weight: bold !important;
}


/* Wählt alle Links aus, deren Ziel auf ".pdf" endet */
a[href$=".pdf"]::after {
    /* Unicode für das gewünschte Bootstrap Icon (z.B. bi-file-pdf: \f38d) */
    content: " \f63e"; 
    /* Erforderliche Schriftfamilie für Bootstrap Icons */
    font-family: "bootstrap-icons";
    /* Darstellungsvorgaben */
    color: #000;          /* Schwarz */
    font-weight: normal;    /* Fett (entspricht numerisch 700) */
    margin-left: 1px;     /* Optionaler Abstand zum Text */
    vertical-align: middle;
}		


/* Wählt nur PDF-Links im Navbar-Bereich aus (damit das Icon nur dort weiß ist) */
.navbar a[href$=".pdf"]::after,
.navbar-brand[href$=".pdf"]::after {
    /* Unicode für das gewünschte Bootstrap Icon (PDF-Symbol) */
    content: " \f63e";
    
    /* Erforderliche Schriftfamilie für Bootstrap Icons */
    font-family: "bootstrap-icons";
    
    /* Darstellungsvorgaben – jetzt weiß für den dunklen Navbar */
    color: #fff ;                    /* Weiß (perfekt zu navbar-dark) */
    font-weight: normal;
    margin-left: 1px;               /* Optionaler Abstand zum Text */
    vertical-align: middle;
}

.btn-primary {
	background-color: #4e5354;
}


.cookie-banner {
      position: fixed;
      bottom: 0;
      left: 0;
      right: 0;
	  text-align: right;
      z-index: 1050;
	  color: #4e5354;
	  padding-left: 5px 20px 3px 0px;
	  font-size: 0.9em;
      background: #ccc;
      border-top: 2px solid #98a0a3;
      box-shadow: 0 -4px 10px rgba(0,0,0,0.1);
    }
    @media (max-width: 576px) {
      .cookie-banner { font-size: 0.9rem; }
    }
	
	#cookie-consent:checked ~ #banner {
    display: none !important;
  }