:root {
    --accent-color: #8A0F0F!important;
}

header.custom.topheader {
	padding:10px;
	margin:0;
    height: 200px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    align-items: center;
    border-top: solid 4px #0f538a !important;
}

.logo{
	position:relative;
    display: inline-block;
}

.titel{
    font-size: 22px;
    font-weight: 700;
    color: #19364c;
}

.nav {
    display: flex;
    width: 210px;
    justify-content: space-between;
}

.contact, .home{
    padding-right: 10px;
    font-size: 18px;
    text-decoration: none;
    color: #19364c;
    display: inline-block;
}

.contact:hover, 
.home:hover,
.home:hover::before,
.contact:hover:before
{
    color: #98012D;
}

.home::before{
    content: "\f015";
    font-family: "Font Awesome 6 Pro";
    display: inline-block;
    font-size: 16px;
    margin-right: 9px;
    text-decoration: none;
    color: #680909;
}


.contact::before{
    content: "\f0e0";
    font-family: "Font Awesome 6 Pro";
    display: inline-block;
    font-size: 16px;
    margin-right: 9px;
    text-decoration: none;
    color: #680909;
}

@media screen and (min-width: 768px) {
    header.custom.topheader {
        flex-direction: row;
        height: 80px;
    }
}