/* GENEREL STYLING */

* {
    box-sizing: border-box;
    margin: 0;
}

header {
    display: flex;
    justify-content: space-between;
    height: 70px;
}

.burgermenu {
    height: 70px;
    margin-left: 20px;
    margin-top: 27px;
}

.logoimg {
    margin-top: 5px;
}

.user-section {
    height: 70px;
    margin-right: 20px;
    margin-top: 27px;
}

.fa-user {
    margin-right: 10px;
}

nav {
    background-color: #132A3B;
    height: 70px;
    color: #d9d9d9;
}

nav ul {
    display: flex;
    justify-content: space-between;
    padding: 25px;
    list-style-type: none;
}
section {
    height: 530px;
}
footer {
    display: flex;
    justify-content: space-between;
    background-color: #132A3B;
    padding: 20px;
    height: 150px;
    color: #d9d9d9;
}

.logoimg-footer {
    background-color: #d9d9d9;
    width: 140px;
    height: 49px;
    margin-top: 50px;
}

.footer-part {
    display: flex;

}

.footer-part-forhandler {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.fa-users {
margin-left: 75px;
}

.fa-instagram, .fa-facebook, .fa-linkedin {
    margin-top: 20px;
}

.contact-info {
    margin-left: 130px;
}
.headline {
    font-size: 20px;
}

.about ul {
    list-style-type: none;
}

button, a:visited {
    background: none;
	color: #d9d9d9;
	border: none;
	padding: 0;
	font: inherit;
	cursor: pointer;
	outline: inherit;
    margin-left: -80px;
}



/* STYLING TIL FORSIDE */

/* STYLING TIL FORHANDLER SIDE */
.hero-img, .img-hero {
    height: 407px;
    width: 100%;
    object-fit: cover;
}

.forhandler-headline {
    position: absolute;
    background-color: rgba(19, 42, 59, 0.7);
    width: 100%;
    color: #d9d9d9;
    text-align: center;
    padding: 10px;
    font-size: 30px;

}

.forhandler-liste {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    padding: 20px;

}

.midtvestjylland {
    width: 100%;
}

.forhandler-area {
    background-color: #132A3B;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 10px;
    color: #d9d9d9;
    text-align: center;

}

input {
    background: #717F89;
    width: fit-content;
    color: #d9d9d9;
    border: 1px solid #132A3B;

}


