header{
    background-color: #598392;
    font-size: 32px;
    font-family: "Permanent Marker", cursive;
    padding-bottom: 20px;
    

}

h1{
    margin-top: 0%;
    margin-bottom: 0%;
    padding: 4px;

   
}

#all{
    padding: 0%;
}
nav {
	
	
	width: 100%;
	display: flex;
	justify-content: space-between;
	
	background-color: #fff;
	box-shadow: 0 0.25rem .25rem rgba(51, 51, 51, 0.2);
}
.active{
    background-color: #d5f1f3;
	color: #1c055c;
    border-radius: 20px;

}
nav ul {
	list-style: none;
	display: flex;
	font-size:25px ;
    
    
}
nav ul li a {
	display: block;
	padding: 2rem;
    text-decoration: none;
    color: black;
    
}

nav ul li a:hover,
nav ul li a.current {
	background-color: #d5f1f3;
	color: #1c055c;
    border-radius: 20px;
}

footer{
    background-color: #598392;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
}
p{
    padding-top: 20px;
    font-size: 20px;
}

#bild{
    float: right;
    height: 300px;
}
.clear::after {
    content: "";
    display: table;
    clear: both;
}
#bild2 , #bild3 , #bild4 , #bild5 {
    height: 200px;

}

#th1{
    border:  black;
    font-size: 16pt;
    color: whitesmoke;
    background-color:#1c055c;
    padding: 15px;
}

#th2{
    border: black;
    font-size: 16pt;
    color: whitesmoke;
    background-color: #1c055c;
}
td{
    border:  black;
    padding: 10px;

}
table, th, td{
    border-collapse: collapse;
}

#th3{
    border:  5px black;
    font-size: 16pt;
    color: whitesmoke;
    background-color: #1c055c;
    padding: 15px;
}
.container{
    width: 80%;
    min-width: 800px;
    max-width: 1600px;
    margin: 0 auto;
    padding: 20px;
    background-color: white;
    border: 0.75px #000000 solid;
}