:root {
  --primary-color: #1a3a52; /* Ein dezentes Marineblau */
  --accent-color: #d35400;   /* Ein warmer, satter Orange als Akzent */
  --background-color: #f4f7f6; /* Ein sehr helles Grau statt reinem Weiß */
  --text-color: #2c3e50;     /* Ein dunkles, aber nicht zu hartes Grau */
  --font-family: 'Inter', 'Helvetica Neue', sans-serif; /* Ein moderner Webfont */
}






.btn-primary {
    background-color: lightblue;
    margin-top: 2px;
    margin-bottom: 2px;
    margin-left: 25px;
    margin-right: 25px;
    padding: 10px;
    color: black;
    font-weight: bold;
    border-radius: 25px; 
}

.btn-primary:hover {
    background-color: blue;
    color: white;
    border-color: white;
    transition: background-color 1.2s;

}

.custom-navbar {
    background-color: lightblue !important;
   
    border-color: black;
    padding: ;
}


.custom-heading {

	
	font-size: 75px;
	color: white;
	text-align: center;
	font-family: courier new;


}


.custom-header {

	background-color: blue;
	border: 50px solid;
	border-color: blue;


}