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

body {
	
	
	margin: 1em;
}

h2 {
	font-weight: bold;

	color:#e2001a;    
	font-size: 3em;
	text-shadow: 1px 1px 2px black, 0 0 5px darkred;
}


@media screen and (max-width: 50em) {
h2 {
    font-weight: bold;
	
	color:#e2001a;    
	font-size: 2.5em;
	text-shadow: 1px 1px 2px black, 0 0 5px darkred;

  }
}

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


.spaceleft {
	margin-left:10em;
}


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

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


.highlight2 {

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

.ci_red {

  
    color:#e2001a;    
}

a:link {
    color:#e2001a;    
}

/* visited link */
a:visited {
    color:#e2001a;    
}

/* mouse over link */
a:hover {
    color: red;
}

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


.ci_green {
    
    
    color:#007844;

}


.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 
}