body{
	margin: 0;
	padding: 0;
	line-height: 25px;
	font-family: 'Roboto';
	font-size: 1.1em;
}

h2{
	font-size: 1.3em;
}

@font-face{ 
    font-display: swap;
    font-family: KiwiMaru; 
    src: url('KiwiMaru-Regular.ttf');
}
@font-face{ 
    font-display: swap;
    font-family: Roboto; 
    src: url('Roboto-Regular.ttf');
}

main{
	max-width: 60%;
	margin: 0 auto;
	margin-top: 100px;
}

@media screen and (max-width: 800px){
	main{
		max-width: 90%;
	}
}


figure{
	margin: 0;
}

#subtitle{
	font-size: 1.2em;
	line-height: 22px;
	margin-top: 10px;
	margin-top: 10px;
    font-weight: normal;
}

.text-section{
	margin-top: 30px;
}

#bps-list-container{
	list-style-type: square;
}
.bsp-list-item{
	margin-top: 15px;
}

.spacer{
	margin-top: 60px;
}

#rechtliches{
    list-style-type: none;
    display: flex;
    justify-content: center;
}

#rechtliches > li{
	margin-right: 10px;
	margin-left: 10px;
}

#rechtliches > li > a{
	color: black;
	text-decoration: none;
	transition: all 0.3s;
}

#rechtliches > li > a:hover{
	opacity: 0.8;
}