body {
	font-family: "Open Sans", sans-serif;
	background-color: #Fff;
}

p {
	font-weight: 400;
	font-style: normal;
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid;
}

/* Nav */
.facebook {
	position: absolute;
	display: none;
	right: 100px;
	z-index: 9999;
	top: 25px;
}

@media screen and (min-width: 992px) {
	.facebook {
		display: block;
		right: 0px;
		top: 50px;
	}
}

.navwrapper {

	background-color: #fff;
	border-bottom: 1px solid #DBDBDB;
}


.navwrapper>.container {
	position: relative;
}

.navwrapper .container,
.navwrapper .container-fluid {
	padding-left: 0;
	padding-right: 0;
}


a.facebooklink {
	text-decoration: none;
	padding: 0;
	color: #fff;
	transition: all 0.4s;
}

a.facebooklink:hover {
	color: #3db7e4;
}


.facebookbox {
	background-color: #005842;
	color: #fff;
	padding: 10px 10px 10px 30px;
	margin-bottom: 40px;

	font-size: 14px;
	font-weight: 400;
	font-style: normal;

	z-index: 0;

}

.facebookbox img {
	max-width: 36px;
	aspect-ratio: 1/1;
}

.bi-chevron-right {
	margin-top: -5px;
	height: 14px;
	width: 14px;
}


@media screen and (min-width: 992px) {
	.facebookbox {
		font-size: 24px;
	}

	.bi-chevron-right {
		margin-top: -5px;
		height: 24px;
		width: 24px;
	}

}




#kandidat span {
	background-color: #005842;
	padding: 10px 10px 10px 10px;
	display: inline-block;
	line-height: 100%;


}

/*
@media screen and (min-width: 576px) {
	.topblue p {
		line-height: 24px;
		font-size: 20px;
	}
}

@media screen and (min-width: 768px) {
	.topblue p {
		line-height: 24px;
		font-size: 20px;
	}
}

@media screen and (min-width: 992px) {
	.topblue p {
		line-height: 32px;
		font-size: 32px;
	}
}

@media screen and (min-width: 1200px) {
	.topblue p {
		line-height: 46px;
		font-size: 46px;
	}
}

@media screen and (min-width: 1400px) {
	.topblue p {
		line-height: 68px;
		font-size: 80px;
	}
}
	*/


/*
.topoverlay {
	bottom:0px;
	height:auto;
	width:100%;
}   

.topoverlay img {
	height:auto;
	width:100%;
}
*/




/* content */

@media screen and (min-width: 992px) {

	.textblok {
		column-count: 2;
		column-gap: 20px;
		padding-bottom: 50px;
	}
}

.textblok h3 {
	text-transform: uppercase;
	color: #3db7e4;
	font-size: 24px;
	font-weight: 700;
	font-style: normal;
	margin-top: 4px;

}

.textblok p+h3 {
	margin-top: 28px;
}

.textblok p {
	line-height: 1.5;
}

h1,
h2 {
	font-size: 36px;
	font-weight: 700;
	font-style: normal;
	color: #005842;
	margin-bottom: 20px;
}

h1 {
	line-height: 40px;
}

h2 {
	font-size: 24px;
}

@media (max-width: 991px) {

	h1 {
		margin-top: 40px;
	}
}

@media (min-width: 992px) {

	h1,
	h2 {
		font-size: 48px;
	}

	h1 {
		line-height: 50px;
	}

	h2 {
		font-size: 36px;
	}
}

.citatbox {
	background-color: #005842;
	color: #fff;
	font-size: 24px;
	line-height: 30px;
	font-weight: 400;
	font-style: normal;
	padding: 25px 35px 35px 35px;
}

hr {
	color: #005842;
	background-color: #005842;
	height: 2px !important;
	opacity: 1;
	margin: 30px 0;
}


/* nav */
.logo {
	width: 250px;
}

@media (min-width: 992px) {
	.logo {
		margin: 20px 0;

	}

	.navbar-nav {
		margin-top: 64px;
	}

	.navbar.bg-light {
		padding-bottom: 0px;
		background-color: #fff !important;
	}

	.nav-item {
		padding-right: 40px;
		padding-left: 0px;
	}


	.navbar-expand-lg .navbar-nav .nav-link {
		padding-left: 0;
		padding-right: 0;
		padding-bottom: 20px;
		font-size: 18px;
		font-weight: 700;
		font-style: normal;
		color: #005842 !important;
	}

	.navbar-expand-lg .navbar-nav .nav-link:hover {
		color: #005842 !important;
	}

	.navbar-expand-lg .navbar-nav .nav-link.active {
		border-bottom: 5px solid #9ed196;
	}

	.dropdown-toggle::after {
		display: none;
	}

}

@media (min-width: 1200px) {

	.navbar-expand-lg .navbar-nav .nav-link {
		font-size: 20px;
	}

	.nav-item {
		padding-right: 80px;
		padding-left: 0px;
	}

}

.sidenav {
	padding: 0;
	margin: 50px 0 50px 0;
}

@media (min-width: 992px) {

	.sidenav {
		padding: 0;
		margin: 0 0 50px 0;
		list-style: none;
	}
}

.sidenav li {
    margin-bottom:10px;
    padding-bottom:10px;
    border-bottom:1px solid #ccc;
}

.sidenav a {
	color: #005842;
	font-size: 18px;
	line-height: 23px;
	font-weight: 700;
	font-style: normal;
	text-decoration: none;
	transition: all 0.4s;
}

.sidenav a.active,
.sidenav a:hover {
	color: #9ed196;
}

@media (max-width: 991px) {
	.dropdown-item {
		white-space: normal;
		line-height: 1.4;
		border-bottom: 1px solid #eee;
	}
}


/* Cases */

.casewrapper {
	border: 1px solid #DDDDDD;
	border-bottom: 3px solid  #005842;
	background-color: #fff;
	text-align: center;
	transition: all 0.4s;
	margin-bottom: 30px;
	min-height: 245px;
	height: calc(100% - 30px);
}

.casewrapper:hover {
	border: 1px solid #005842;
	background-color: #005842;
	color: #fff;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
}

#cases {
	border-top: 1px solid #005842;
	padding-top: 15px;
}

.casewrapper img {
	max-width: 100%;
}

.casewrapper .text {
	padding: 20px;
	line-height: 20px;
}

.casewrapper a {
	color: #005842;
	text-decoration: none;
	font-weight: 700;
	font-style: normal;
	font-size: 17px;
	margin-bottom: 0px;
	display: block;

}

.casewrapper:hover a {
	color: #fff;
}

.caseh1 {
	margin-bottom: 50px;

}


/* Footer */

footer {
	background-color: #005842;
	padding: 30px 0;
	color: #9ed196;
	margin-top: 50px;
}

footer a {
	color: #9ed196;
	text-decoration: none;
}

footer img {
	max-width: 100%;
	margin-bottom:30px;
}

footer li {
	list-style-type: none;;
}

footer a:hover {
	color: #fff;
}

.artikeloversigt {
	list-style-type: none;
	margin: 0;
	padding: 0;

}

.artikeloversigt li {
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
	margin-bottom: 10px;

}

.artikeloversigt li a {
	color: #005842;
	font-size: 18px;
	line-height: 23px;
	font-weight: 700;
	font-style: normal;
	text-decoration: none;
	transition: all 0.4s;
}