@font-face { 
font-family: "serif"; 
src: url("../fonts/noto-serif.ttf"); 
}

img {
	box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.5);
  }

body {
	
	
	margin: 1em;
}

h1,h2 {
	font-weight: bold;

	color:#003366;
	font-size: 3em;
	text-shadow: 1px 1px 2px black, 0 0 5px #6699CC;
}


@media screen and (max-width: 50em) {
h2 {
	color:#003366;

	font-size: 2.5em;
	text-shadow: 1px 1px 2px black, 0 0 5px #6699CC;

  }
}

@media screen and (max-width: 30em){
h2 {
    font-weight: bold;
	
	color:darkblue;
	font-size: 1.5em;
	text-shadow: 1px 1px 2px black, 0 0 5px #6699CC;
  }
}

.custom-btn {
    background-color: #003366; /* Dunkles Blau für den Hintergrund */
    border-color: #003366; /* Dunkles Blau für den Rand */
    color: white; /* Weiße Schrift */
    padding: 15px 30px; /* Größere Polsterung für größere Button-Größe */
    font-size: 20px; /* Größere Schriftgröße */
    border-radius: 5px; /* Optional: Etwas abgerundete Ecken */
}

.custom-btn:hover {
    background-color: #6699CC; /* Himmelblau für den Hintergrund beim Hover */
    border-color: #6699CC; /* Himmelblau für den Rand beim Hover */
}



.spaceleft {
	margin-left:10em;
}


@media screen and (max-width: 50em) {
.spaceleft {
	margin-left:1em;
}
}

.highlight1 {
	
	
	color:#003366;;
	font-weight: bold;
	font-size: 2em;
	text-shadow: 1px 1px 2px black, 0 0 5px #6699CC;
}

hr {
border-color: #6699CC !important;

}

.highlight2 {

	/* font-weight: bold; */
	
	font-size: 1.5em;
}

.ci_red {

  
  /*  color:#e2001a;    */
}

a:link {
	color: #003366 !important;
}

/* visited link */
a:visited {
	color:#003366 !important;
}

/* mouse over link */
a:hover {
  color: #6699CC !important;
}

/* selected link */
a:active {
 /*   color:#e2001a;     */
} 

 

.slide_bar {
	position: fixed;
	z-index: 99;
    right: 1em;
    top: 5em;
}

.slide_bar_mobil {
	position: fixed;
	z-index: 99;
    /* left: 50%; */
    
    bottom: 1em;
}

#map {
	z-index: 1;
}

#button_goup {
	position: fixed;
	z-index: 99;
    right: 1em;
    bottom: 1em;
}

.side_button_link {
    text-decoration:none;
	
	}

.side_button_img {
    
    height:48px;
    width:48px;
}

.slide_button {
    padding-bottom:0.5em;
	z-index: 99;
}


.slide_bar_mobil .slide_button {
    float: left;
    padding-left:10px;
}



.slide_button:hover {
      opacity: 0.5;
      transition: .5s ease;
}



.wichtig {
	white-space: normal;
	color: white;
	font-size:2em;
}

 /* unvisited link */
.wichtig a:link {
    color: red;
}

/* visited link */
.wichtig a:visited {
    color: red;
}

/* mouse over link */
.wichtig a:hover {
    color: green;
}

/* selected link */
.wichtig a:active {
    color: red;
} 

.center {
	margin: 0px auto;
	width:100%;
    text-align:center;
    
}


.imgcenter {
	display: block;
    margin-left: auto;
    margin-right: auto 
}