h1, h2, h3, h4, h5, h6 {
  font-family: 'Plat', serif !important;
  font-weight: 500;
}
h1 span,
h2 span,
h3 span {
  color: #0F9E99;
}


.single h1 {
	font-size: clamp(1.5rem, 5vw, 2.8rem);
	font-weight: 600;
	color: #0F9E99;
	margin-top: 0;
}
.single h1.ledige-stillinger span {
	display: block;
	color: #000;
	font-weight: 600;
	font-family: 'DM Sans', sans-serif;
	font-size: 0.9rem;
}

.single h1.loading-text {
	color: #000;
	font-weight: 600;
	font-family: 'Plat', sans-serif;
}
.single h1.loading-text span {
	
  place-self: center;
  background: linear-gradient(134deg, #0F9E99, #0ec5bf, #0F9E99) -100% / 200%;
  /* being excessively careful with compat, 
   * though this has been supported unprefixed and 
   * in the shorthand across major browsers for a while */
  -webkit-background-clip: text;
          background-clip: text;
  /* use color, don't use -webkit-text-fill-color anymore, 
   * was meant to solve a problem we haven't had in years */
  color: transparent;
  animation: shimmer 5s linear infinite;
}
.single h2 {
	font-size: 1.5rem!important;
	font-weight: 600;
	margin-top: 0;
}
.single article {
	width: 100%;
	max-width: 1359px;
	margin: 0 auto;
	display: flex;
	flex-direction: row;
	gap: 4rem;
}
@media only screen and (max-width: 1400px) {
	.single article {
		padding: 0px 25px;
	}
}
.single aside {
	width: 30%;
	min-width: 400px;
	display: flex;
	flex-direction: column;
	gap: 2rem;
}
.single aside .section {
	background: rgba(255,255,255, 0.36);
	border-radius: 12px;
	padding: 2rem;
}
.single .main:not(header.main) {
	width: 70%;
	padding: 0rem 2rem 2rem 2rem;
}
.job-contacts, 
.related-posts {
	margin-top: 1rem;
}
.sidebar strong {
	display: block;
	color: #0F9E99;
}
.sidebar a {
	color: #0F9E99;
	text-decoration: none;
}
@media only screen and (max-width: 1200px) {
	.single article {
		gap: 1rem;
	}
}
@media only screen and (max-width: 980px) {
	.single article {
		width: 87%;
		gap: 0;
		flex-direction: column-reverse;
	}
	.single aside {
		min-width: unset;
		width: 100%;
		width: 100%;
	}
	.single .main:not(header.main) {
		width: 100%;
		padding: 0 0 1rem 0;
	}

}
.intro-style {
	font-family: 'Plat', serif;
	color: #000;
	font-size: 1.1rem;
	display: block;
}
.intro-style:first-of-type {
	margin-top: 3rem;
}
.intro-style:last-of-type {
	margin-bottom: 3rem;
}
.job-description em {
	font-style: normal;
}
.job-description h2,
.job-description h3,
.job-description h4,
.job-description h5 {
	font-family: 'DM Sans', sans-serif;
	color: #000;
}
/* JOBS TINGS */

.related-posts .jobs {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    font-size: 0.9rem;
}
.related-posts .jobs .job {
    display: flex;

}
.related-posts .jobs .text-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 0 0.5rem;
    max-width: 250px;
}
.related-posts .jobs .text-wrapper p {
    font-weight: 600;
    margin: 0;
    flex: 2;
}
.related-posts .jobs .text-wrapper a {
    font-weight: 600;
    color: #0f9e99;
    text-decoration: none;
    flex: 0;
}
.related-posts .jobs img {
    width: 100px;
    height: 100px;
    object-fit: contain;
    background: #fff;
    border-radius: 6px;
}


/* CONTACTS */
.worker {
	display: flex;
	gap: 0.5rem;
}
.worker:not(.worker:first-of-type) {
	margin-top: 0.5rem;
}
.worker img,
.worker .placeholder {
	width: 125px;
	height: 125px;
	object-fit: contain;
	border-radius: 8px;
	background: #E9EFF2;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	color: #000;
	text-align: center;
	font-size: 0.7rem;
	flex-wrap: wrap;
}
.worker .text-wrapper {
	font-size: 0.9rem;
}
.worker h4 {
	font-family: 'DM Sans', sans-serif!important;
	font-weight: 900;
	margin: 0;
	color: #0f9e99;
	
	margin-bottom: 0.2rem;
}
.worker .title {
	margin: 0;
	margin-bottom: 1rem;
}
.worker .phone a {
	text-decoration: none;
	color: #000;
}

/* Application stuff */

.single .breakdance:not(.single.single-contacts .breakdance) {
	margin-top: 2rem;
	background: none;
}
#application-modal {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	max-height: 100px;
	background: rgba(255,255,255, 0.5);
	backdrop-filter: blur(12px);
	z-index: 99999;
	opacity: 0;
	pointer-events: none;
	visibility: hidden;
	transition: .3s ease-in-out;
}
#application-modal.open {
	opacity: 1;
	pointer-events: all;
	visibility: visible;
	max-height: unset;
	overflow-y: scroll;
}
#application-modal .modal-toggle {
	position: absolute;
	top: 45px;
	right: 45px;
	background: #0f9e99;
	width: 48px;
	height: 48px;
	border-radius: 100%;
	border: none;
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
#application-modal .modal-toggle svg {
	fill: #fff;
	width: 14px;
	height: 14px;
}
#application-modal .header {
	width: 100%;
	height: 120px;
}
#hr-on {
	max-width: 90%;
	margin: 0 auto;
	border-radius: 12px;
	display: none;
}
#application-modal.open #hr-on {
	display: block;
}

.no-scroll {
  overflow: hidden!important;
}