:root {
   --darkblue: rgba(1, 69, 99, 1);
   --lightblue: #7e9faf;
   --black: #232323;
   --grey: #5f5f5f;
   --white: #ffffff;
   --orange: #ffc66d;
   --lightgrey: #efefef;

   --hoverLink: rgba(255, 255, 255, 0.6);
}
/* ------------------------------------------------------------------------------------------- */
/* --------------------------------------- MOBIL -------------------------------------------- */
/* ------------------------------------------------------------------------------------------- */

/* ------------------ HEADER OCH MENY ---------------------- */
.home .tm-header-mobile {
   position: fixed !important;
   width: 100%;
   z-index: 1000;
}

.home .navbarContainerMobile {
   background: none !important;
}

.tm-header-mobile .uk-navbar-sticky {
   background-color: var(--darkblue) !important;
}

/* DROPDOWN */
#dropDownContainerMobile {
   color: var(--hoverLink);
   /* width: 100vw; */
}

#dropDownContainerMobile .dropDownBtnMobile {
   background-color: rgba(255, 255, 255, 0);
   color: var(--white);
   font-weight: 600;
   font-size: 14px;
   line-height: 19.07px;
   border: none;
   padding: 0;
   height: 19px;
   letter-spacing: 1.5px;
   display: flex;
   align-items: center;
}

#dropDownContainerMobile .dropDownBtnMobile:hover {
   border: none;
   width: fit-content;
   color: var(--hoverLink);
}

#dropDownContainerMobile .dropDownBtnMobile:active {
   border: none;
}

#dropDownContainerMobile .dropDownBtnMobile .arrow {
   border: solid #ffffff;
   border-width: 0 2px 2px 0;
   display: inline-block;
   padding: 3px;
   margin: 0px 0px 6px 6px;
   transform: rotate(45deg);
   -webkit-transform: rotate(45deg);
}

#dropDownContainerMobile .dropDownBtnMobile .arrow:hover {
   border: solid var(--hoverLink);
   border-width: 0 2px 2px 0;
}

#dropDownContentMobile {
   padding: 0 !important;
   width: 100vw;
   left: 0 !important;
   top: 91px !important;
   /* margin-top: 100px !important; */
}

#dropDownContentMobile ul {
   background-color: var(--black);
   font-size: 14px;
   line-height: 19.07px;
   font-weight: 600;
}

#dropDownContentMobile ul .dropDownLinkMobile {
   padding: 30px 90px;
   color: var(--white);
   letter-spacing: 1.5px;
}

#dropDownContentMobile ul .dropdownDividerMobile {
   margin: 0;
   color: #353535;
   border-top: 1px solid #353535;
}

/* INNE I MENYN */
.menuMobile {
   padding: 58px 0px 0px 0px !important;
   position: relative;
}

.menuMobile .menuCloseButton {
   padding-top: 39px !important;
}

.menuMobile .menuCloseButton svg {
   color: var(--white);
   width: 15px;
   height: 15px;
}

.menuMobile .menuCloseButton svg line {
   stroke-width: 2px;
}

.menu-drop-down .uk-grid {
   flex-direction: column-reverse;
}

/* Sökfältet */

#search-2 .searchIconMobile {
   border: none !important;
   padding-left: 38px !important;
}

#search-2 .searchIconMobile svg {
   color: var(--white) !important;
   width: 13.5px;
   height: 13.5px;
   position: fixed !important;
   top: 58.25px !important;
}

#search-2 .searchDropdown {
   position: unset !important;
   padding: 0px 0px 0px 60px !important;
   margin: 0px 0px 0px 0px !important;
   width: 100vw !important;
   background-color: var(--grey) !important;
}

#search-2 .searchDropdown #searchInputMobile {
   position: relative;
   padding: 0px !important;
   margin: 0px !important;
   height: 59px;
   font-family: "Open Sans";
   font-weight: 600;
   font-size: 14px;
   line-height: 19.07px;
   letter-spacing: 0.04em;
   text-transform: uppercase;
   border: none !important;
}

#search-2 .searchDropdown #searchInputMobile:focus-visible {
   border: none !important;
   outline: none !important;
}

#search-2 .searchDropdown #searchInputMobile::selection {
   background: none !important;
}

/* Tar bort bakgrundsfärg vid autoselect */
#searchInputMobile:-webkit-autofill,
#searchInputMobile:-webkit-autofill:hover,
#searchInputMobile:-webkit-autofill:focus {
   -webkit-text-fill-color: var(--white);
   -webkit-box-shadow: 0 0 0px 1000px #000 inset;
   transition: background-color 5000s ease-in-out 0s;
}

.uk-dropdown {
   box-shadow: none !important;
}

#search-2 .searchDropdown .searchInInputMobile {
   height: 18px;
   width: 18px;
   top: 45px;
   left: 30px;
   color: var(--white) !important;
   margin-right: 12px !important;
}

/* Meny-listan */
#tm-dialog-mobile .menuMobile .uk-grid-margin ul li {
   border-bottom: 1px solid #353535;
}

#tm-dialog-mobile .menuMobile .uk-grid-margin ul li a:hover {
   color: var(--hoverLink) !important;
}

#tm-dialog-mobile .menuMobile .uk-grid-margin ul li a {
   padding: 30px 0px 30px 30px !important;
   font-family: "Open Sans";
   font-weight: 600;
   font-size: 14px;
   line-height: 19.07px;
   letter-spacing: 0.04em;
   color: var(--white) !important;
}

/* ------------------ STARTSIDA ---------------------- */

/* HERO */
.heroSection .heroTextContent {
   margin: 200px 0px 0px 19px;
}

.heroSection .heroTextContent div {
   margin: 0 !important;
   padding: 0px !important;
}

.heroSection .heroTextContent h1 {
   font-family: "Sora";
   color: var(--white);
   font-size: 24px;
   line-height: 25.92px;
   letter-spacing: 0.01em;
}

.heroSection .heroTextContent h3 {
   font-family: "Sora";
   color: var(--white);
   font-size: 48px;
   line-height: 51.84px;
}

.heroSection .heroTextContent p {
   font-family: "Sora";
   color: var(--white);
   font-size: 16px;
   line-height: 24px;
   letter-spacing: 0.02em;
   width: 330px;
}

/* FÖRFRÅGAN-RUTA */
.query {
   background-color: var(--orange) !important;
}

.query .title {
   font-family: "Sora";
   font-weight: 600;
   font-size: 14px;
   line-height: 18px;
   letter-spacing: 0.02em;
   text-transform: uppercase;
}

.query .buttonSection {
   margin-top: 12px !important;
   max-width: fit-content;
   margin: 0px auto;
}

.query .buttonSection .uk-grid {
   flex-wrap: nowrap;
}

.query .buttonSection a {
   letter-spacing: 1.5px;
   padding: 0px 11px !important;
}

/* INTROSEKTION */
.noPaddingMobile > .uk-container {
   padding: 0px !important;
}

.paddingMobile > * {
   padding-right: 20px !important;
   padding-left: 20px !important;
}

.introSection {
   padding-bottom: 50px !important;
}

.introSection .textContainer {
   margin-top: 0px !important;
}

.introSection h3 {
   margin: 38px 0px 10px 0px !important;
}

.introSection .introText {
   font-family: "Open Sans";
   font-size: 16px;
   line-height: 27.2px;
   letter-spacing: 0.02em;
   color: #101010;
}

.introSection .textContainer .button {
   margin: 30px 0px 50px 0px !important;
}

/* TJÄNSTER OCH KOMPETENSER */
.servicesAndCompetenciesContainer .textContainer .title {
   margin-bottom: 102px;
   z-index: 20;
}

.servicesAndCompetenciesContainer .textContainer .title p {
   color: #101010;
   line-height: 37.56px;
   margin: 0px;
}

.servicesAndCompetenciesContainer .textContainer .uk-margin-xlarge h3 {
   color: #101010;
   font-size: 20px;
   line-height: 31.3px;
   margin-bottom: 9px !important;
}

/* Listor */
.servicesAndCompetenciesContainer .textContainer .uk-margin-xlarge .uk-panel {
   color: var(--black);
   font-family: "Open Sans";
   font-weight: 600;
   font-size: 14px;
   line-height: 28px;
   letter-spacing: 0.04em;
}

.servicesAndCompetenciesContainer .textContainer .uk-margin-xlarge .el-content {
   margin: 0px !important;
}

.servicesAndCompetenciesContainer .textContainer .uk-margin-xlarge p {
   margin: 0px;
   line-break: anywhere;
   width: 166px;
}

.servicesAndCompetenciesContainer .button {
   margin-top: 30px !important;
   margin-bottom: 0px !important;
}

/* PROJEKT */
.startPageProjectMobile {
   padding: 43px 20px 50px 20px !important;
}

.startPageProjectMobile .startpageProjectSliderMobile {
   margin: 31px 0px 36px 0px !important;
}

.startPageProjectMobile .startpageProjectSliderMobile h4 {
   font-size: 18px;
   line-height: 36px;
   letter-spacing: 0.02em;
   display: flex;
   justify-content: space-between;
}

.startPageProjectMobile .startpageProjectSliderMobile h4 span {
   width: fit-content;
}

.startPageProjectMobile .startpageProjectSliderMobile .el-content {
   font-family: "Open Sans";
   font-size: 14px;
   line-height: 24px;
   letter-spacing: 0.02em;
   color: var(--grey);
   margin-top: 6px !important;
}

.startPageProjectMobile .startpageProjectSliderMobile .el-meta {
   display: flex;
   flex-wrap: wrap;
}

.startPageProjectMobile .startpageProjectSliderMobile .uk-dotnav li a {
   background-color: var(--lightblue) !important;
}

.startPageProjectMobile .startpageProjectSliderMobile .uk-dotnav .uk-active a {
   background-color: var(--black) !important;
}

/* NYHETER */
.newsStartpageContainerMobile {
   padding-left: 20px;
   padding-right: 20px;
   padding-bottom: 50px !important;
}

.newsStartpageContainerMobile .uk-container {
   padding: 0px !important;
}

.newsStartpageContainerMobile .title {
   line-height: 44px;
}

.newsStartpageContainerMobile .text {
   font-weight: 600;
   font-size: 18px;
   line-height: 28px;
   letter-spacing: 0.02em;
   color: var(--grey);
}

.newsStartpageContainerMobile .newsSliderFrontPage {
   margin-top: 30px !important;
   margin-bottom: 36px !important;
}

.newsStartpageContainerMobile .newsSliderFrontPage h3 {
   font-size: 18px;
   line-height: 32px;
   letter-spacing: 0.02em;
}

.newsStartpageContainerMobile .newsSliderFrontPage .el-content {
   font-family: "Open Sans";
   font-size: 16px;
   line-height: 24px;
   color: var(--grey);
}

.newsStartpageContainerMobile .newsSliderFrontPage .el-content .el-title {
   display: flex;
   justify-content: space-between;
}

.newsStartpageContainerMobile .newsSliderFrontPage .uk-dotnav li a {
   background-color: var(--lightblue) !important;
}

.newsStartpageContainerMobile .newsSliderFrontPage .uk-dotnav .uk-active a {
   background-color: var(--black) !important;
}

/* ------------------ OM OSS-SIDAN ---------------------- */

/* FÖRFRÅGAN */
.queryGeneral {
   background-color: var(--orange) !important;
   width: 100%;
   padding: 0 !important;
   box-shadow: 0px 12.6121px 25.2243px rgba(0, 0, 0, 0.08);
}

.queryGeneral .uk-container .uk-grid {
   /* padding: 0; */
   margin: 0;
}

.queryGeneral .uk-first-column {
   padding: 0;
}

.queryGeneral .textGeneral {
   font-family: "Sora";
   font-size: 14px;
   font-weight: 600;
   line-height: 17.64px;
   letter-spacing: 0.02em;
   color: var(--black);
   text-align: center;
   padding: 0;
   margin-top: 18.92px;
}

.queryGeneral .btnSection {
   margin: 11.98px 0px 22.07px 0px;
   display: flex;
   justify-content: center;
}

.queryGeneral .btnSection .buttonInprection,
.queryGeneral .btnSection .buttonControl {
   width: 162px;
   height: 36.18px;
   padding: 10px 25px;
   background-color: var(--darkblue);
   color: var(--white);
   border: none;
   font-family: "Open Sans";
   font-size: 12px;
   font-weight: 600;
   line-height: 16.34px;
   letter-spacing: 1.5px;
   text-transform: uppercase;
   box-sizing: border-box;
   cursor: pointer;
   box-shadow: 0px 6.30607px 12.6121px rgba(0, 0, 0, 0.15);
}

.queryGeneral .btnSection .buttonInprection {
   margin-right: 9.46px;
}

.queryGeneral .btnSection .buttonControl {
   padding: 0px !important;
}

.queryGeneral .btnSection .buttonInprection:hover,
.queryGeneral .btnSection .buttonControl:hover {
   background-color: var(--lightblue);
}

/* OM OSS-INTR0 */
.aboutIntro {
   padding: 29.85px 20px 42px 20px !important;
}

.aboutIntro .aboutSmallHeading {
   color: #858585;
   font-family: "Open Sans";
   font-weight: 600;
   font-size: 16px;
   line-height: 24px;
   letter-spacing: 0.02em;
   text-transform: uppercase;
}

.aboutIntro .aboutIntroTitle {
   color: #101828;
   line-height: 47.5px;
   margin: 12px 0px 20px 0px !important;
}

.aboutIntro .aboutIntroSubtitle {
   color: #101010;
   font-family: "Open Sans";
   font-size: 18px;
   line-height: 30.6px;
   letter-spacing: 0.04em;
}

/* VÅR VERKSAMHET */
.occupationContainer {
   margin-bottom: 30px;
}

.uk-card-default {
   border: none !important;
}

.occupationContainer .textContainer {
   margin-top: 17px !important;
}

.occupationContainer .textContainer .occupationPreamble {
   color: #101010;
   font-weight: 600;
   letter-spacing: 0.02em;
}

.occupationContainer .textContainer .occupationText {
   color: var(--black);
   letter-spacing: 0.02em;
   margin: 0px !important;
}

/* KARRIÄR */
.careerContainer {
   padding-bottom: 30px !important;
}

.careerContainer .textContainer {
   margin-top: 17px !important;
}

.careerContainer h3 {
   color: #101010 !important;
}

.careerContainer .textContainer .el-content p {
   margin: 0px !important;
   color: var(--black) !important;
}

.careerContainer .text .uk-margin-top {
   margin: 30px 0px 0px 0px !important;
   box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.12);
}

/* FILOSOFI */
.philosophyContainer {
   padding: 30px 0px 0px 0px !important;
   background-color: #fafafa !important;
   text-align: center;
}

.philosophyContainer .uk-grid .uk-margin .uk-grid-margin {
   margin-top: 30px !important;
}

.philosophyContainer h3 {
   color: var(--black);
   font-family: "Sora";
   font-size: 24px;
   line-height: 47.5px;
}

.philosophyContainer .uk-margin img {
   width: 48px;
   height: 48px;
}

.philosophyContainer .uk-margin h3 {
   font-family: "Sora";
   font-weight: 600;
   font-size: 20px;
   line-height: 47.5px;
   letter-spacing: 0.02em;
   color: var(--black);
   margin: 0px !important;
}

.philosophyContainer .uk-margin-top {
   margin-top: 0px !important;
}

.philosophyContainer .uk-margin-top p {
   font-family: "Open Sans";
   font-size: 16px;
   line-height: 28px;
   letter-spacing: 0.02em;
   color: var(--black);
   margin: 0px 15px 0px 15px;
}

/* VERKSAMHETSPOLICY */
.businessPolicyContainer {
   padding: 104px 0px 45px 0px !important;
   background-color: #fafafa !important;
}

.businessPolicyContainer .cardsContainer .uk-grid-margin {
   margin-top: 30px !important;
}

.businessPolicyContainer h3 {
   padding: 0px 20px;
}

.businessPolicyContainer .cardsContainer img {
   width: 48px;
   height: 48px;
}

.businessPolicyContainer .cardsContainer .el-content li {
   color: var(--black) !important;
}

/* ------------------ TJÄNSTER-SIDAN ---------------------- */

/* INTRO */
.employmentIntroContainer {
   padding: 29.85px 0px 50px 0px !important;
}

.employmentIntroContainer .employmentIntroSmallTitle {
   color: #858585;
   font-family: "Open Sans";
   font-weight: 600;
   font-size: 16px;
   line-height: 24px;
   letter-spacing: 0.02em;
   text-transform: uppercase;
}

.employmentIntroContainer .employmentIntroTitle {
   margin-top: 12px !important;
}

.employmentIntroContainer .employmentIntroText {
   color: #101010;
   font-family: "Open Sans";
   font-size: 18px;
   line-height: 30.6px;
   letter-spacing: 0.04em;
   margin: 0;
}

/* TJÄNSTER */
.employmentContainer {
   padding-top: 0px !important;
   padding-bottom: 50px !important;
}

.employmentContainer .employmentTitle {
   margin-top: 37px;
   line-height: 40.8px;
   letter-spacing: 0.025em;
}

.employmentContainer .employmentPreamble {
   margin-bottom: 16px;
   font-weight: 600;
}

.employmentContainer .textContainer {
   margin-top: 0px !important;
}

.employmentContainer .employmentList {
   margin-top: 16px !important;
}

.employmentContainer .employmentList ul {
   list-style-image: url("/wp-content/uploads/2022/05/checkmark-mobile.svg");
   width: 189px;
}

.employmentContainer .employmentList ul li {
   margin-bottom: 12px;
   font-size: 14px;
   line-height: 20px;
   color: var(--grey);
   line-break: anywhere;
}

/* ERBJUDANDEN */
.offersContainer {
   padding: 0px 20px 50px 20px !important;
}

.offersContainer .offersTitle {
   line-height: 40.8px;
   letter-spacing: 0.025em;
}

.offersContainer .offersText {
   letter-spacing: 0.02em;
   line-height: 32.5px;
   margin-bottom: 26px !important;
}

.offersContainer .offersList {
   margin: 0px;
}

.offersContainer .offersList ul {
   list-style-image: url("/wp-content/uploads/2022/05/checkmark-orange-mobil.svg");
   height: 210px;
   display: flex;
   flex-direction: column;
   flex-wrap: wrap;
}

.offersContainer .offersList ul li {
   color: var(--grey);
   font-family: "Open Sans";
   font-size: 14px;
   line-height: 20px;
   letter-spacing: 0.02em;
   margin-top: 12px;
   width: 162px;
}

/* KOMPETENSOMRÅDEN */
.competenceContainer {
   padding: 0px 0px 50px 0px !important;
}

.competenceContainer .textContainer {
   margin-top: 0px !important;
}

.competenceContainer .competenceTitle {
   margin-top: 37px;
   color: #101010;
   letter-spacing: 0.025em;
}

.competenceContainer .competenceText {
   font-weight: 600;
   letter-spacing: 0.02em;
}

.competenceContainer .competenceList {
   margin-top: 29px !important;
}

.competenceContainer .competenceList ul {
   list-style-image: url("/wp-content/uploads/2022/05/checkmark-green.svg");
}

.competenceContainer .competenceList ul li {
   color: var(--grey);
   font-family: "Open Sans";
   font-size: 14px;
   line-height: 20px;
   letter-spacing: 0.02em;
   margin-bottom: 12px;
}

/* ------------------- PROJEKT-SIDAN ------------------- */
/* INTRO */
.projectsIntroContainer {
   padding: 29.85px 20px 50px 20px !important;
}

.projectsIntroContainer .title {
   margin-top: 12px !important;
}

.projectsIntroContainer .smallHeading {
   font-family: "Open Sans";
   font-weight: 600;
   font-size: 16px;
   line-height: 24px;
   letter-spacing: 0.02em;
   color: #858585;
   text-transform: uppercase;
}

.projectsIntroContainer .text {
   font-size: 18px;
   line-height: 31px;
   letter-spacing: 0.04em;
}

/* SLIDER */
.projectSliderMobileContainer {
   padding-bottom: 50px !important;
}

.projectSliderMobileContainer .projectSliderMobile h2 {
   font-size: 18px;
   line-height: 36px;
   letter-spacing: 0.02em;
   display: flex;
   justify-content: space-between;
}

.projectSliderMobileContainer .projectSliderMobile .el-content {
   margin-top: 6px !important;
   font-family: "Open Sans";
   font-size: 14px;
   line-height: 170%;
   letter-spacing: 0.02em;
   color: var(--grey);
}

.projectSliderMobileContainer .projectSliderMobile .el-meta {
   display: flex;
   flex-wrap: wrap;
}

.projectSliderMobileContainer .projectSliderMobile .uk-dotnav li a {
   background-color: var(--lightblue) !important;
}

.projectSliderMobileContainer .projectSliderMobile .uk-dotnav .uk-active a {
   background-color: var(--black) !important;
}

/* ------------------- SINGEL-PROJEKT-SIDAN ------------------- */
/* TOPP-SEKTIONEN */
.singelProjectTopSectionContainer {
   padding: 29.85px 0px 30px 0px !important;
}

.singelProjectTopSectionContainer .singelProjectTopSection {
   margin-top: 50px !important;
}

.singelProjectTopSectionContainer .singelProjectTopSectionContent .el-meta {
   color: #858585;
   text-transform: uppercase;
   font-weight: 600;
}

.singelProjectTopSectionContainer .singelProjectTopSectionContent h1 {
   margin-top: 12px !important;
}

.singelProjectTopSectionContainer .el-content {
   margin: 0px 20px;
}

.singelProjectTopSectionContainer .singelProjectTopSectionContent img {
   margin-top: 50px !important;
}

/* SLIDESHOW */
.projectImagesSlideshow {
   padding: 0px 20px 36px 20px !important;
}

.projectImagesSlideshow .projectSlideshow .uk-dotnav {
   margin: 26px 0px 0px 0px !important;
}

.projectImagesSlideshow .projectSlideshow .uk-dotnav li a {
   background-color: var(--lightblue) !important;
}

.projectImagesSlideshow .projectSlideshow .uk-dotnav .uk-active a {
   background-color: var(--black) !important;
}

/* CONTENT */
.singleProjectContentContainer {
   padding: 0px 20px 30px 20px !important;
}

.singleProjectContentContainer h2 {
   font-size: 24px;
   line-height: 41px;
   letter-spacing: 0.025em;
   color: #101010;
   margin-bottom: 10px;
}

.singleProjectContentContainer p {
   margin: 0px 0px 20px 0px;
   line-height: 32px;
}

.singleProjectContentContainer h3 {
   font-size: 20px;
   line-height: 34px;
   letter-spacing: 0.025em;
   color: #101010;
   margin: 0px 0px 10px 0px;
}

.singleProjectContentContainer figure {
   margin-bottom: 25px;
}

/* FLER PROJEKT */
/* Slider */
.moreProjectContainer {
   padding-bottom: 50px !important;
}

.moreProjectContainer .moreProjectSliderMobile {
   padding: 0px 20px;
}

.moreProjectContainer .moreProjectSliderMobile h4 {
   font-size: 18px;
   line-height: 36px;
   letter-spacing: 0.02em;
   display: flex;
   justify-content: space-between;
}

.moreProjectContainer .moreProjectSliderMobile .el-content {
   margin-top: 6px !important;
   font-family: "Open Sans";
   font-size: 14px;
   line-height: 24px;
   color: var(--grey);
}

/* Kategorier */
.moreProjectContainer .moreProjectSliderMobile .el-meta {
   display: flex;
   flex-wrap: wrap;
}

.projectCategory {
   width: fit-content;
   height: 24px;
   display: flex;
   align-items: center;
   padding: 0px 10px;
   border-radius: 16px;
   font-family: "Open Sans";
   font-weight: 500;
   font-size: 12px;
   line-height: 28px;
   text-align: center;
   letter-spacing: 0.02em;
   color: #232323;
   margin-right: 8px;
   text-transform: capitalize;
   margin-bottom: 10px;
}

.besiktningar {
   background-color: #efefef;
}

.byggherrestod {
   background-color: var(--orange);
}

.kalkylering {
   background-color: #fecdca;
}

.kontrollansvarig {
   background-color: #fef7c3;
}

.projektering {
   background-color: #d1e1e9;
}

.volymberakning {
   background-color: #5fc67c;
}

.byggledning {
   background-color: #c3b5ff;
}

.projektledning {
   background-color: #8ec1fe;
}

/* Dots */
.moreProjectContainer .moreProjectSliderMobile .uk-dotnav li a {
   background-color: var(--lightblue) !important;
}

.moreProjectContainer .moreProjectSliderMobile .uk-dotnav .uk-active a {
   background-color: var(--black) !important;
}

/* KNAPP TILL ALLA PROJEKT */
.moreProjectContainer .moreProjectButtonMobile {
   margin: 0px 20px !important;
}

.moreProjectContainer .moreProjectButtonMobile a {
   margin-top: 16px !important;
}

/* ------------------- KARRIÄR-SIDAN ------------------- */
/* INTRO */
.careerIntroContainer {
   padding: 29.85px 20.5px 42px 20.5px !important;
}

.careerIntroContainer .careerIntroSmallHeading {
   text-transform: uppercase;
   color: #858585;
   font-family: "Open Sans";
   font-weight: 600;
   font-size: 16px;
   line-height: 24px;
   letter-spacing: 0.02em;
}

.careerIntroContainer .careerIntroTitle {
   color: #101828;
   line-height: 47.5px;
   margin-top: 12px;
}

.careerIntroContainer .careerIntroText {
   font-family: "Open Sans";
   font-size: 18px;
   line-height: 30.6px;
}

/* LEDIGA TJÄNSTER */
.availablePositionsContainer {
   padding: 0px 20px !important;
}

.availablePositionsContainer .availablePositionsTitle {
   color: #101010;
   font-family: "Sora";
   font-weight: 600;
   font-size: 24px;
   line-height: 40.8px;
   letter-spacing: 0.025em;
}

/* Container lediga tjänster */
.availablePositionsContainer .uk-container .availablePositionsRow .uk-first-column .uk-panel {
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   border: 1px solid #667085;
   padding: 24px 24px 28px 24px;
   background-color: #fafafa;
}

/* Knapp/Länk */
.availablePositionsContainer .uk-container .availablePositionsRow .uk-first-column .uk-panel div {
   order: 3;
   margin-left: calc(50% - 97px / 2);
   margin-right: 13.83px;
}

.availablePositionsContainer .uk-container .availablePositionsRow .uk-first-column .uk-panel div .el-link {
   text-transform: uppercase;
   color: var(--darkblue);
   font-family: "Open Sans";
   font-weight: 600;
   font-size: 16px;
   line-height: 24px;
   letter-spacing: 0.02em;
}

.availablePositionsContainer .uk-container .availablePositionsRow .uk-first-column .uk-panel div .el-link:hover {
   color: rgba(1, 69, 99, 0.6);
}

/* Ikon-länk */
.availablePositionsContainer .uk-container .availablePositionsRow .uk-first-column .uk-panel a {
   order: 4;
}

/* Ikon-bild */
.availablePositionsContainer .uk-container .availablePositionsRow .uk-first-column .uk-panel a img {
   width: 20px;
}

/* Rubrik */
.availablePositionsContainer .uk-container .availablePositionsRow .uk-first-column .uk-panel h3 {
   order: 1;
   flex-basis: 100%;
   font-weight: 600;
   font-size: 20px;
   line-height: 28px;
   letter-spacing: 0.02em;
   color: var(--black);
}

/* Text */
.availablePositionsContainer .uk-container .availablePositionsRow .uk-first-column .uk-panel .el-content {
   order: 2;
   padding: 0px;
   border: none;
   margin: 16px 0px 24px 0px;
   color: var(--grey);
   font-family: "Open Sans";
   font-size: 16px;
   line-height: 24px;
   letter-spacing: 0.02em;
}

/* SPONTANANSÖKAN */
.spontaneouApplicationContainer {
   background-color: #d1e1e9 !important;
   padding: 30px 0px !important;
   margin: 30px 20px 50px 20px;
   border-radius: 16px;
}

.spontaneouApplicationContainer .spontaneouApplicationTitle {
   line-height: 35px;
}

.spontaneouApplicationContainer .spontaneousApplicationText {
   font-family: "Open Sans";
   font-size: 16px;
   line-height: 25px;
   letter-spacing: 0.02em;
   margin-bottom: 30px !important;
}

.spontaneouApplicationContainer .spontaneouApplicationButton {
   box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
   padding: 0px 21px;
   max-width: 278px;
   margin: 0px auto;
}

/* CITAT */

.careerQuotesContainer .quoteSlider .uk-slider-container ul li div {
   display: flex;
   flex-direction: column;
}

/* Citat */
.careerQuotesContainer .quoteSlider .uk-slider-container ul li div .el-content {
   order: 1;
   font-style: italic;
   font-size: 16px;
   line-height: 28px;
   letter-spacing: 0.02em;
   margin: 0px 0px 20px 0px !important;
}

/* Bild */
.careerQuotesContainer .quoteSlider .uk-slider-container ul li div img {
   order: 2;
   width: 64px;
   height: 64px;
   display: block;
   margin: 0px auto 16px auto;
}

/* Namn */
.careerQuotesContainer .quoteSlider .uk-slider-container ul li div .el-meta {
   order: 3;
   margin: 0px 0px 2px 0px;
   text-transform: none;
   color: var(--darkblue);
   font-weight: 600;
   font-size: 18px;
   line-height: 28px;
   letter-spacing: 0.02em;
}

/* Title/roll */
.careerQuotesContainer .quoteSlider .uk-slider-container ul li div h3 {
   order: 4;
   margin: 0px !important;
   font-weight: 400;
   font-size: 16px;
   line-height: 24px;
   letter-spacing: 0.02em;
   color: var(--grey);
}

/* DotNav */
.careerQuotesContainer .quoteSlider .uk-dotnav {
   margin: 26px 0px 0px 0px !important;
}

.careerQuotesContainer .quoteSlider .uk-dotnav li a {
   background-color: var(--lightblue) !important;
}

.careerQuotesContainer .quoteSlider .uk-dotnav .uk-active a {
   background-color: var(--darkblue) !important;
}

/* ------------------ KONTAKT-SIDAN ------------------ */
/* INTRO */
.contactIntroContainer {
   padding: 29.85px 20px 30px 20px !important;
}

.contactIntroContainer .smallHeading {
   color: #858585;
   text-transform: uppercase;
   font-family: "Open Sans";
   font-weight: 600;
   font-size: 16px;
   line-height: 24px;
   letter-spacing: 0.02em;
}

.contactIntroContainer .heading {
   color: #101828;
   margin-top: 12px !important;
}

.contactIntroContainer .text,
.contactIntroContainer .text a {
   color: var(--grey);
   font-family: "Open Sans";
   font-weight: 600;
   font-size: 18px;
   line-height: 30px;
   letter-spacing: 0.02em;
}

/* KONTAKT ANDRA LUCO-SIDOR */
.otherLucoSitesContainer {
   margin: 0px 20px 30px 20px;
   padding: 0px !important;
}

.otherLucoSitesContainer .otherLucoSitesGrid div h3 {
   font-weight: 600;
   font-size: 14px;
   line-height: 30px;
   letter-spacing: 0.02em;
   color: var(--black);
   margin-top: 10px !important;
}

.otherLucoSitesContainer .otherLucoSitesGrid div .el-content p {
   margin: 0px !important;
}

.otherLucoSitesContainer .otherLucoSitesGrid div .el-content a {
   color: var(--grey);
   display: block;
   font-family: "Open Sans";
   font-size: 12px;
   line-height: 24px;
   letter-spacing: 0.02em;
}

/* KONTAKTFORMULÄR */
.formAndMapContainer {
   padding: 0px 20px !important;
}

.formAndMapContainer .contactForm fieldset {
   padding-bottom: 0px !important;
}

.formAndMapContainer .formTitle {
   font-weight: 600;
   font-size: 24px;
   line-height: 60px;
   margin-bottom: 10px !important;
}

.formAndMapContainer .contactForm label,
.formAndMapContainer .contactForm .frm_primary_label {
   color: var(--black);
   font-weight: 600;
   font-size: 14px;
   line-height: 20px;
   letter-spacing: 0.02em;
   padding: 0px;
   margin-bottom: 6px;
   width: 165px !important;
}

.formAndMapContainer .contactForm input,
.formAndMapContainer .contactForm textarea {
   margin-bottom: 10px;
   border: 1px solid #667085;
   border-radius: 0px;
   box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
   box-sizing: border-box;
   padding: 12px 16px;
   height: 48px;
   font-family: "Open Sans";
   font-size: 16px;
   line-height: 24px;
   letter-spacing: 0.02em;
   color: var(--grey);
}

.formAndMapContainer .contactForm textarea {
   height: 128px;
   padding: 10px 14px;
   margin-bottom: 0px;
}

.formAndMapContainer .contactForm .checkboxContainer {
   height: 48px;
   display: flex;
   align-items: center;
}

.formAndMapContainer .contactForm .checkboxContainer .frm_opt_container {
   width: 20px;
   height: 20px;
   margin-right: 12px !important;
}

.formAndMapContainer .contactForm .checkboxContainer .frm_opt_container input {
   border: 1px solid #667085;
   cursor: pointer;
}

.formAndMapContainer .contactForm .checkboxContainer .frm_opt_container input:focus,
.formAndMapContainer .contactForm input:focus,
.formAndMapContainer .contactForm textarea,
.frm_style_formidable-style.with_frm_style {
   border-color: #667085 !important;
   box-shadow: none !important;
   outline: none !important;
}

.formAndMapContainer .contactForm #frm_field_80_container {
   margin-bottom: 0px !important;
}

.formAndMapContainer .contactForm .checkboxContainer p {
   margin: 0px !important;
   color: var(--grey);
   font-family: "Open Sans";
   font-weight: 600;
   font-size: 14px;
   line-height: 24px;
   letter-spacing: 0.02em;
   width: 300px;
}

.formAndMapContainer .contactForm .checkboxContainer p .privacyPolicyLink {
   text-decoration: underline;
   color: var(--grey);
   font-family: "Open Sans";
   font-weight: 600;
   font-size: 14px;
   line-height: 24px;
   letter-spacing: 0.02em;
}

/* Hantering av error- eller successmeddelande */
.frm_error_style,
.frm_message {
   margin-bottom: 20px !important;
   font-family: "Open Sans";
   max-width: 320px;
}

.formAndMapContainer .contactForm .frm_error {
   font-family: "Open Sans";
}

/* Submit-knapp */
.formAndMapContainer .contactForm .contactFormButton {
   margin: 30px auto 0px auto !important;
   background-color: var(--darkblue) !important;
   border: none !important;
   border-radius: 0px !important;
   box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05) !important;
   height: 48px !important;
   width: 100% !important;
   box-sizing: border-box !important;
   padding: 12px 20px !important;
   text-transform: uppercase;
   color: #f4f4f4;
}

.formAndMapContainer .contactForm .contactFormButton:hover {
   background-color: var(--lightblue) !important;
   color: var(--white) !important;
}

.with_frm_style.frm_center_submit .frm_submit button {
   margin-bottom: 0px !important;
   font-weight: 600;
   font-family: "Open Sans";
   font-size: 16px;
   line-height: 24px;
   letter-spacing: 0.02em;
}

/* MEDARBETARE */
.coworkersIntroContainer {
   padding: 50px 0px 64px 0px !important;
}

.coworkersIntroContainer .coworkersTitle {
   color: #101828;
}

.coworkersIntroContainer .coworkersText {
   color: var(--grey);
   font-family: "Open Sans";
   font-size: 18px;
   line-height: 30px;
   letter-spacing: 0.02em;
}

/* MEDARBETARE GRIDS */
.coworkersContainer {
   padding: 10px 20px 50px 20px !important;
}

.coworkersContainer .subtitle {
   font-weight: 600;
   font-size: 20px;
   line-height: 30px;
   letter-spacing: 0.02em;
}

.coworkersContainer .areaManagersGrid .uk-grid div h3 {
   font-size: 16px;
   line-height: 30px;
   letter-spacing: 0.02em;
   margin-top: 12px !important;
}

.coworkersContainer .areaManagersGrid .firstTitle,
.coworkersContainer .areaManagersGrid .lastTitle {
   color: var(--darkblue);
   font-family: "Open Sans";
   font-size: 14px;
   line-height: 20px;
   letter-spacing: 0.02em;
   margin: 0px 0px 14px 0px !important;
}

.coworkersContainer .areaManagersGrid .uk-grid div .el-content {
   margin: 0px !important;
}

.coworkersContainer .areaManagersGrid .uk-grid div .el-content p {
   margin: 0px !important;
}

.coworkersContainer .areaManagersGrid .uk-grid div .el-content a {
   color: var(--grey);
   font-family: "Open Sans";
   font-weight: 600;
   font-size: 12px;
   line-height: 14px;
   letter-spacing: 0.02em;
}

/* MEDARBETARE ACCORDIONS */
.coworkersContainer .accordionContactPage .accordionTitle {
   color: var(--black) !important;
   font-size: 14px !important;
}

.coworkersContainer .accordionContactPage .accordionContent {
   margin-top: 0px !important;
   font-size: 14px !important;
   font-family: "Open Sans";
   color: var(--black);
}

.coworkersContainer .areaManagersGrid .accordionContactPage .accordionContent .motto,
.coworkersContainer .areaManagersGrid .accordionContactPage .accordionContent .roles,
.coworkersContainer .areaManagersGrid .accordionContactPage .accordionContent .specialistAreas,
.coworkersContainer .areaManagersGrid .accordionContactPage .accordionContent .expertiseAreas,
.coworkersContainer .areaManagersGrid .accordionContactPage .accordionContent .department,
.coworkersContainer .areaManagersGrid .accordionContactPage .accordionContent .responsibilitiesArea {
   font-weight: 600;
   margin-top: 10px !important;
   display: block;
}

.coworkersContainer .accordionContactPage .accordionContent ul {
   margin: 0px !important;
   list-style-type: disc;
   word-break: break-all;
}

/*----------------------- FÖRFRÅGAN BESIKTNINGSMAN -------------------------- */
/* INTRO */
.inspectionIntro {
   padding: 29.85px 20px 50px 20px !important;
}

.inspectionIntro .inspectionIntroTitle {
   font-weight: 600;
   font-size: 36px;
   line-height: 47.5px;
   color: #101828;
}

.inspectionIntro .inspectionIntroPreamble {
   margin: 20px 0px !important;
   font-family: "Open Sans";
   font-weight: 600;
   font-size: 16px;
   line-height: 28px;
}

.inspectionIntro .inspectionIntroText {
   font-family: "Open Sans";
   color: #101010 !important;
   font-size: 16px;
   line-height: 28px;
}

/* FORMULÄR */
.inspectionFormContainer {
   padding: 0px 20px 52px 20px !important;
}

.inspectionFormContainer .inspectionForm fieldset {
   padding: 0px !important;
}

/* Hela frågan */
.inspectionFormContainer .inspectionForm .form-field {
   margin-bottom: 20px;
}

/* Label överlag */
.inspectionFormContainer .inspectionForm .form-field .frm_primary_label,
.inspectionFormContainer .inspectionForm .recaptchaTitle {
   font-family: "Sora";
   font-weight: 700;
   font-size: 16px;
   line-height: 20px;
   letter-spacing: 0.02em;
   color: #344054;
   margin: 0px 0px 16px 0px;
   padding: 0px;
}

.inspectionFormContainer .inspectionForm .company label,
.inspectionFormContainer .inspectionForm .contactPerson label,
.inspectionFormContainer .inspectionForm .email label,
.inspectionFormContainer .inspectionForm .phoneNumber label,
.inspectionFormContainer .inspectionForm .invoiceMarking label,
.inspectionFormContainer .inspectionForm .invoiceAddress label,
.inspectionFormContainer .inspectionForm .peopleCalling label,
.inspectionFormContainer .inspectionForm .descriptionEntreprenad label,
.inspectionFormContainer .inspectionForm .access label,
.inspectionFormContainer .inspectionForm .attachFiles label,
.inspectionFormContainer .inspectionForm .date label {
   margin-bottom: 6px !important;
}

/* Text checkbox-label överlag */
.inspectionFormContainer .inspectionForm .form-field .frm_checkbox label {
   color: #344054;
   font-family: "Open Sans";
   font-size: 14px;
   line-height: 24px;
   letter-spacing: 0.015em;
   margin-top: 16px;
}

/* Checkboxar överlag */
.inspectionFormContainer .inspectionForm .form-field .frm_checkbox input {
   width: 20px;
   height: 20px;
   border: 1px solid #344054;
}

/* Typ av besiktning och Behov - labels (De har dubbla rader, behöver därför specifieras) */
.inspectionFormContainer .inspectionForm .typeOfInspection .frm_opt_container .frm_checkbox,
.inspectionFormContainer .inspectionForm .needs .frm_opt_container .frm_checkbox {
   margin-bottom: 16px;
}

/* Styling för text i textarea, select och inputfält plus deras placeholders*/
.inspectionFormContainer .inspectionForm textarea,
.inspectionFormContainer .inspectionForm textarea::placeholder,
.inspectionFormContainer .inspectionForm .access select,
.inspectionFormContainer .inspectionForm input,
.inspectionFormContainer .inspectionForm input::placeholder {
   font-family: "Open Sans";
   font-size: 14px;
   line-height: 24px;
   color: #344054;
   letter-spacing: 0.02em;
}

/* Textarea */
.inspectionFormContainer .inspectionForm textarea {
   border: 1px solid #344054;
   border-radius: 0px;
   width: 350px;
   height: 128px;
   padding: 10px 14px;
   box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
}

/* Tar bort default styling vid focus på checkboxar, textarea, select och input */
.inspectionFormContainer .inspectionForm .form-field .frm_checkbox input:focus,
.inspectionFormContainer .inspectionForm textarea:focus,
.inspectionFormContainer .inspectionForm .access select:focus,
.inspectionFormContainer .inspectionForm .form-field input:focus {
   border: 1px solid #344054 !important;
   box-shadow: none !important;
   outline: none !important;
}

/* Select och inputfält */
.inspectionFormContainer .inspectionForm .access select,
.inspectionFormContainer .inspectionForm .date input,
.inspectionFormContainer .inspectionForm .company input,
.inspectionFormContainer .inspectionForm .contactPerson input,
.inspectionFormContainer .inspectionForm .email input,
.inspectionFormContainer .inspectionForm .phoneNumber input,
.inspectionFormContainer .inspectionForm .invoiceMarking input,
.inspectionFormContainer .inspectionForm .invoiceAddress input,
.inspectionFormContainer .inspectionForm .peopleCalling input,
.inspectionFormContainer .inspectionForm .address input {
   width: 350px;
   height: 48px;
   border: 1px solid #344054;
   border-radius: 0px;
   box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
   padding: 12px 16px;
}

.inspectionFormContainer .inspectionForm .peopleCalling input {
   padding-left: 38px;
}

/* Mail-ikon i inputfält */
.inspectionFormContainer .inspectionForm .envelopeIcon {
   left: 0 !important;
}

.inspectionFormContainer .inspectionForm .envelopeIcon svg {
   color: #344054;
}

/* Där det är dubbla inputfält på raden (Kontaktperson och fakturaadress,
samt bifoga fil-rutan och samtyckes-labeln */
.inspectionFormContainer .inspectionForm .contactPerson fieldset .frm_combo_inputs_container,
.inspectionFormContainer .inspectionForm .address fieldset .frm_combo_inputs_container,
.inspectionFormContainer .inspectionForm .attachFiles,
.inspectionFormContainer .inspectionForm .consent {
   width: 350px;
}

.inspectionFormContainer .inspectionForm .address .frm_primary_label {
   display: none;
}

/* Bifoga handlingar */
.inspectionFormContainer .inspectionForm .attachFiles .frm_dropzone {
   min-height: fit-content;
   line-height: 24px;
   background-color: #fafafa;
}

.inspectionFormContainer .inspectionForm .attachFiles .frm_dropzone .needsclick {
   border: none;
}

.inspectionFormContainer .inspectionForm .attachFiles .frm_dropzone .frm_upload_icon,
.inspectionFormContainer .inspectionForm .attachFiles .frm_dropzone .frm_small_text {
   display: none;
}

.inspectionFormContainer .inspectionForm .attachFiles .frm_dropzone .needsclick {
   margin: 6px 0px 0px 0px !important;
   padding: 0px;
   background-color: #efefef;
   border-radius: 0px;
   width: 236px;
   height: 48px;
   display: flex;
   align-items: center;
   justify-content: center;
}

.inspectionFormContainer .inspectionForm .attachFiles .frm_dropzone .needsclick .frm_upload_text button {
   text-transform: uppercase;
   font-family: "Open Sans" !important;
   font-weight: 600 !important;
   font-size: 14px !important;
   line-height: 24px !important;
   letter-spacing: 0.02em !important;
   color: var(--grey) !important;
}

.inspectionFormContainer .inspectionForm .attachFiles .descriptionAttachFile {
   display: block;
   margin-top: 30px;
}

/* Divider */
.inspectionFormContainer .inspectionForm .dividerContainer {
   width: 349px;
   border-top: 1px solid #eaecf0;
}

.inspectionFormContainer .inspectionForm .dividerContainer .divider {
   margin: 0px;
}

/* Samtycke */
.inspectionFormContainer .inspectionForm .consent .consentCheckboxContainer {
   display: flex;
   align-items: center;
}

/* Tar bort default styling på checkboxen */
.inspectionFormContainer .inspectionForm .consent .consentCheckboxContainer .frm_opt_container .frm_checkbox label {
   margin: 0px;
}

.inspectionFormContainer .inspectionForm .consent .consentCheckboxContainer .frm_opt_container .frm_checkbox label input {
   margin: 0px;
}

/* Texten i samtycke */
.inspectionFormContainer .inspectionForm .consent .consentCheckboxContainer p {
   margin: 0px 0px 0px 12px !important;
   color: #344054;
   font-family: "Open Sans";
   font-size: 14px;
   line-height: 24px;
}

.inspectionFormContainer .inspectionForm .consent .consentCheckboxContainer p a {
   font-weight: 600;
   text-decoration: underline;
}

.inspectionFormContainer .inspectionForm .consent .consentCheckboxContainer p a:hover {
   color: rgba(52, 64, 84, 0.6);
}

/* Recaptcha */
.inspectionFormContainer .inspectionForm .recaptcha .frm-g-recaptcha {
   margin: 16px 0px 30px 0px;
}

/* Beskrivning under fält som finns på vissa ställen */
.inspectionFormContainer .inspectionForm .frm_description,
.inspectionFormContainer .inspectionForm .descriptionAttachFile {
   font-family: "Open Sans" !important;
   font-size: 14px !important;
   line-height: 20px;
   letter-spacing: 0.02em;
   color: #344054 !important;
   margin: 6px 0px 0px 0px;
}

/* Submit-knapp */
.inspectionFormContainer .inspectionForm .frm_submit button {
   margin: 0px !important;
   width: 350px;
   height: 48px;
   background-color: var(--darkblue);
   border: 1px solid #014563;
   border-radius: 0px;
   box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
   padding: 12px 20px;
   color: var(--white);
   text-transform: uppercase;
   font-family: "Open Sans";
   font-weight: 600;
   font-size: 16px;
   line-height: 24px;
}

.inspectionFormContainer .inspectionForm .frm_submit button:hover {
   background-color: var(--lightblue) !important;
   color: var(--white) !important;
   border: 1px solid var(--lightblue);
}

.inspectionFormContainer .inspectionForm .frm_submit button:focus {
   background-color: var(--lightblue) !important;
   color: var(--white) !important;
   border: 1px solid var(--lightblue);
}

/* Hantering av error- och success-meddelanden */
.inspectionFormContainer .inspectionForm .frm_error,
.inspectionFormContainer .inspectionForm .frm_error_style,
.inspectionFormContainer .inspectionForm .frm_message {
   font-family: "Open Sans" !important;
   font-size: 14px !important;
   line-height: 20px !important;
   letter-spacing: 0.02em !important;
   box-sizing: border-box;
}

/* ------------------ FÖRFRÅGAN KONTROLLANSVARIG-FORMULÄR ------------------ */
.controlManagerIntro {
   padding: 29.85px 20px 50px 20px;
}

.controlManagerIntro .title {
   font-weight: 600;
   color: #101828;
   font-size: 36px;
   line-height: 47.5px;
}

.controlManagerIntro .preamble {
   font-family: "Open Sans";
   font-size: 16px;
   line-height: 28px;
   font-weight: 600;
}

.controlManagerIntro .text {
   font-family: "Open Sans";
   font-size: 16px;
   line-height: 28px;
   color: #101010;
}

/* FORMULÄR */
.controlManagerFormContainer {
   padding: 0px 20px 52px 20px !important;
}

.controlManagerFormContainer fieldset {
   padding: 0px !important;
}

/* Labels överlag */
.controlManagerFormContainer .controlManagerForm .frm_primary_label,
.controlManagerFormContainer .recaptcha .recaptchaTitle {
   color: #344054;
   font-family: "Sora";
   font-weight: 700;
   font-size: 16px;
   line-height: 20px;
   letter-spacing: 0.02em;
   margin-bottom: 6px;
   padding: 0px;
}

/* Text/Label under bifoga handlingar */
.controlManagerFormContainer .controlManagerForm .select .frm_primary_label {
   font-family: "Open Sans";
   font-weight: 400;
   font-size: 14px;
   line-height: 25px;
   margin-bottom: 10px;
   width: 350px;
}

/* Sätter margin för dom frågor som ska ha större avstånd neråt */
.controlManagerFormContainer .typeOfProject .frm_primary_label,
.controlManagerFormContainer .consent .frm_primary_label {
   margin-bottom: 16px;
}

/* Gör att checkbox-alternativen i Typ av projekt hamnar på två rader */
.controlManagerFormContainer .typeOfProject .frm_opt_container {
   height: 120px;
   display: flex;
   flex-direction: column;
   flex-wrap: wrap;
   width: 349px;
}

/* Checkbox-val */
.controlManagerFormContainer .controlManagerForm .frm_checkbox {
   margin-bottom: 16px;
}

/* Checkbox-rutor */
.controlManagerFormContainer .controlManagerForm .frm_checkbox input {
   width: 20px;
   height: 20px;
}

/* Text vid checkboxar */
.controlManagerFormContainer .controlManagerForm .frm_checkbox label {
   font-family: "Open Sans";
   font-size: 14px;
   line-height: 24px;
   color: #344054;
}

/* Textarea */
.controlManagerFormContainer .controlManagerForm .description textarea {
   width: 349px;
   height: 98px;
   padding: 10px 14px;
   border: 1px solid #344054;
   border-radius: 0px;
   box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
}

/* Styling för text i textarea, select och inputfält plus deras placeholders samt samtyckes-texten */
.controlManagerFormContainer .controlManagerForm textarea,
.controlManagerFormContainer .controlManagerForm textarea::placeholder,
.controlManagerFormContainer .controlManagerForm .select select,
.controlManagerFormContainer .controlManagerForm input,
.controlManagerFormContainer .controlManagerForm input::placeholder,
.controlManagerFormContainer .controlManagerForm .checkboxContainer p {
   font-family: "Open Sans";
   font-size: 14px;
   line-height: 24px;
   color: #344054;
   letter-spacing: 0.02em;
}

/* Box-styling i alla inputfält */
.controlManagerFormContainer .controlManagerForm .select select,
.controlManagerFormContainer .controlManagerForm .attachFile input,
.controlManagerFormContainer .controlManagerForm .company input,
.controlManagerFormContainer .controlManagerForm .contactPerson input,
.controlManagerFormContainer .controlManagerForm .phone input,
.controlManagerFormContainer .controlManagerForm .email input,
.controlManagerFormContainer .controlManagerForm .invoiceMarking input,
.controlManagerFormContainer .controlManagerForm .address input,
.controlManagerFormContainer .controlManagerForm .streetAddress input {
   border: 1px solid #344054;
   padding: 12px 16px;
   box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
   border-radius: 0px;
   width: 349px;
   height: 48px;
}

/* Tar bort default styling vid focus på checkboxar, textarea, input och select */
.controlManagerFormContainer .controlManagerForm .frm_checkbox input,
.controlManagerFormContainer .controlManagerForm .description textarea,
.controlManagerFormContainer .controlManagerForm input,
.controlManagerFormContainer .controlManagerForm .select select {
   border: 1px solid #344054 !important;
   box-shadow: none !important;
   outline: none !important;
}

/* Sätter bredd på dom element som blir större när fönstrets bredd ökar */
.controlManagerFormContainer .controlManagerForm .attachFile,
.controlManagerFormContainer .controlManagerForm .contactPerson,
.controlManagerFormContainer .controlManagerForm .attachFile,
.controlManagerFormContainer .controlManagerForm .address,
.controlManagerFormContainer .controlManagerForm .consent {
   width: 349px;
}

/* Bifoga fil och text under */
.controlManagerFormContainer .controlManagerForm .attachFile .frm_dropzone {
   min-height: fit-content;
   line-height: 24px;
   background-color: #fafafa;
}

.controlManagerFormContainer .controlManagerForm .attachFile .needsclick {
   border: none;
   margin: 6px 0px !important;
   padding: 0px;
   background-color: #efefef;
   border-radius: 0px;
   width: 236px;
   height: 48px;
   display: flex;
   align-items: center;
   justify-content: center;
}

.controlManagerFormContainer .controlManagerForm .attachFile .frm_upload_icon,
.controlManagerFormContainer .controlManagerForm .attachFile .frm_small_text {
   display: none;
}

.controlManagerFormContainer .controlManagerForm .attachFile .frm_upload_text button {
   text-transform: uppercase;
   font-family: "Open Sans" !important;
   font-weight: 600 !important;
   font-size: 14px !important;
   line-height: 24px !important;
   letter-spacing: 0.02em !important;
   color: var(--grey) !important;
}

.controlManagerFormContainer .controlManagerForm .textAttachFile p {
   margin: 6px 0px 0px 0px;
   color: #344054;
   font-family: "Open Sans";
   font-size: 14px;
   line-height: 20px;
   letter-spacing: 0.02em;
}

/* Divider */
.controlManagerFormContainer .controlManagerForm .dividerContainer {
   width: 349px;
   border-top: 1px solid #eaecf0;
}

.controlManagerFormContainer .controlManagerForm .dividerContainer .divider {
   margin: 0px;
}

/* Samtycke */
.controlManagerFormContainer .controlManagerForm .checkboxContainer {
   display: flex;
   align-items: center;
}

.controlManagerFormContainer .controlManagerForm .checkboxContainer .frm_checkbox {
   margin: 0px 12px 0px 0px;
}

.controlManagerFormContainer .controlManagerForm .checkboxContainer p {
   margin: 0px;
}

.controlManagerFormContainer .controlManagerForm .checkboxContainer p a {
   font-weight: 600;
   text-decoration: underline;
}

.controlManagerFormContainer .controlManagerForm .checkboxContainer p a:hover {
   font-weight: 600;
   text-decoration: underline;
   color: rgba(52, 64, 84, 0.6);
}

/* Recaptacha */
.controlManagerFormContainer .recaptcha {
   margin-bottom: 20px;
}

.controlManagerFormContainer .recaptcha .frm-g-recaptcha {
   margin: 16px 0px 0px 0px;
}

/* Submit-knappen */
.controlManagerFormContainer .controlManagerForm .frm_submit button {
   margin: 0px;
   width: 349px;
   height: 48px;
   padding: 12px 20px;
   background-color: #014563;
   box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
   border: 1px solid #014563;
   border-radius: 0px;
   color: var(--white);
   text-transform: uppercase;
   font-family: "Open Sans";
   font-weight: 600;
   font-size: 16px;
   line-height: 24px;
}

.controlManagerFormContainer .controlManagerForm .frm_submit button:hover,
.controlManagerFormContainer .controlManagerForm .frm_submit button:focus {
   background-color: var(--lightblue);
   border: 1px solid var(--lightblue);
   color: var(--white);
}

/* Hantering av error- och success-meddelanden */
.controlManagerFormContainer .controlManagerForm .frm_error_style,
.controlManagerFormContainer .controlManagerForm .frm_message,
.controlManagerFormContainer .controlManagerForm .frm_error {
   font-family: "Open Sans" !important;
   font-size: 14px !important;
   line-height: 20px !important;
   letter-spacing: 0.02em !important;
   box-sizing: border-box;
   width: 350px;
}

/* ------------------ SPONTANSÖKAN-FORMULÄR ------------------ */
.spontanansokanForm {
   padding: 47px 20px 50px 20px !important;
}

.spontanansokanForm fieldset {
   padding: 0px !important;
}

.spontanansokanForm .title {
   color: #101828 !important;
   line-height: 47.5px !important;
   text-align: center !important;
   margin: 0px 0px 38px 0px !important;
}

.spontanansokanForm .inputField label,
.spontanansokanForm .attachFile label {
   color: #344054 !important;
   font-family: "Sora" !important;
   font-weight: 700 !important;
   font-size: 16px !important;
   line-height: 20px !important;
   letter-spacing: 0.02em !important;
   margin: 20px 0px 20px 0px;
}

.spontanansokanForm .inputField label,
.attachFile {
   margin: 0px 0px 6px 0px !important;
   padding: 0px !important;
}

.spontanansokanForm .inputField label,
.attachFile {
   margin: 0px 0px 6px 0px !important;
   padding: 0px !important;
}

.spontanansokanForm .inputField input {
   border: 1px solid #344054 !important;
   border-radius: 0px !important;
   padding: 12px 16px !important;
   height: 48px !important;
   color: var(--black) !important;
   font-family: "Open Sans" !important;
   font-size: 14px !important;
   line-height: 24px !important;
   box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05) !important;
}

.spontanansokanForm .inputField input::placeholder {
   color: var(--black) !important;
   font-family: "Open Sans" !important;
   font-size: 14px !important;
   line-height: 24px !important;
}

/* Bifoga handlingar */
.spontanansokanForm .attachFile {
   margin-bottom: 0px !important;
}

.spontanansokanForm .attachFile .frm_dropzone {
   background-color: #fafafa;
}

.spontanansokanForm .needsclick {
   border: none;
   margin: 6px 0px 0px 0px !important;
   padding: 0px;
   background-color: #efefef;
   border-radius: 0px;
   width: 236px;
   height: 48px;
   display: flex !important;
   align-items: center;
   justify-content: center;
}

.spontanansokanForm .needsclick .frm_upload_icon,
.spontanansokanForm .needsclick .frm_small_text {
   display: none;
}

.spontanansokanForm .frm_dropzone .needsclick .frm_upload_text button {
   text-transform: uppercase;
   font-family: "Open Sans" !important;
   font-weight: 600 !important;
   font-size: 14px !important;
   line-height: 24px !important;
   letter-spacing: 0.02em !important;
   color: var(--grey) !important;
}

.spontanansokanForm .spontaneouApplicationSubmitButton {
   background-color: var(--darkblue) !important;
   border: none !important;
   border-radius: 0px !important;
   display: flex !important;
   align-items: center !important;
   justify-content: center !important;
   background-color: var(--darkblue) !important;
   box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05) !important;
   -webkit-box-shadow: none !important;
   width: 350px !important;
   height: 48px !important;
   color: var(--white) !important;
   font-family: "Open Sans" !important;
   font-weight: 600 !important;
   font-size: 16px !important;
   line-height: 24px !important;
   text-transform: uppercase;
   margin: 30px auto 0px auto !important;
}

.spontanansokanForm .spontaneouApplicationSubmitButton:hover {
   background-color: var(--darkblue) !important;
}

/* Hantering av error- och successmeddelandet */
.spontanansokanForm .frm_error_style,
.spontanansokanForm .frm_message {
   font-family: "Open Sans" !important;
   font-size: 14px !important;
   line-height: 20px !important;
   letter-spacing: 0.02em !important;
   box-sizing: border-box;
}

/* ---------------------- ALLA NYHETER-SIDA ---------------------- */
/* INTRO */
.newsIntroSection {
   padding: 29.85px 20px 50px 20px !important;
}

.newsIntroSection .smallHeading {
   color: #858585;
   text-transform: uppercase;
   font-weight: 600;
}

.newsIntroSection .title {
   color: #101828;
   margin-top: 12px !important;
}

.newsIntroSection .text {
   font-family: "Open Sans";
   font-size: 18px;
   line-height: 30.6px;
   letter-spacing: 0.04em;
   color: #101010;
}

/* NYHETS-SLIDER */
.newsSliderMobileContainer {
   padding-bottom: 50px !important;
}

.newsSliderMobileContainer .newsSliderMobileContent h3 {
   font-size: 18px;
   line-height: 36px;
   letter-spacing: 0.02em;
   display: flex;
   justify-content: space-between;
}

.newsSliderMobileContainer .newsSliderMobileContent .el-content {
   color: var(--grey);
   line-height: 23.8px;
   margin-top: 6px !important;
}

.newsSliderMobileContainer .newsSliderMobileContent .uk-dotnav a {
   background-color: #7e9faf !important;
}

.newsSliderMobileContainer .newsSliderMobileContent .uk-dotnav .uk-active a {
   background-color: var(--black) !important;
}

/* ------------------ SINGEL-NYHETS-SIDAN ------------------ */
.newsSingleTopSection .category {
   margin-top: 29.85px;
}

.newsSingleTopSection .category {
   font-family: "Open Sans";
   font-weight: 600;
   font-size: 16px;
   line-height: 24px;
   letter-spacing: 0.02em;
   color: #858585;
}

.newsSingleTopSection .title {
   margin-top: 12px !important;
}

.newsSingleTopSection .featuredImage {
   margin-top: 50px !important;
}

/* Content */
.newsSingleContentContainer {
   margin: 28px 20px 0px 20px !important;
}

.newsSingleContentContainer .content {
   padding-bottom: 30px !important;
   border-bottom: 2px solid var(--darkblue);
}

/* Ingress */
.newsSingleContentContainer pre {
   border: none;
   padding: 0px;
   margin-bottom: 27px;
   font-family: "Open Sans";
   font-style: normal;
   font-weight: 600;
   font-size: 16px;
   line-height: 28px;
   color: var(--black);
}

.newsSingleContentContainer .content h2 {
   font-family: "Sora";
   font-weight: 600;
   font-size: 24px;
   line-height: 40.8px;
   letter-spacing: 0.025em;
   margin-top: 0px !important;
   margin-bottom: 10px;
}

.newsSingleContentContainer .content figure {
   margin: 20px 0px !important;
}

.newsSingleContentContainer .content p {
   margin-top: 10px !important;
}

.newsSingleContentContainer .content h3 {
   margin-top: 0px !important;
   margin-bottom: 10px !important;
   font-family: "Sora";
   font-weight: 600;
   font-size: 20px;
   line-height: 34px;
   letter-spacing: 0.025em;
   color: #101010;
}

.newsSingleContentContainer .content blockquote {
   border-left: 2px solid var(--darkblue);
   padding-left: 20px;
   margin: 30px 0px;
}

.newsSingleContentContainer .content blockquote p {
   font-size: 18px;
   font-weight: 400;
   font-style: italic;
   color: var(--black) !important;
   margin-top: 0px !important;
}
.newsSingleContentContainer .content blockquote cite {
   font-style: normal;
   font-size: 16px;
   font-weight: 400;
   display: block;
   margin-top: 16px !important;
}

/* FÖRFATTARE OCH SHARE-IKONER*/
.newsSingleFooterContainer {
   padding: 24px 20px 50px 20px !important;
}

/* Författare */
.newsSingleFooterContainer .authorContainer {
   font-size: 18px;
   color: var(--black) !important;
}

/* Share-ikoner */
.newsSingleFooterContainer .socialMediaContainer {
   height: 42px;
   margin-top: 30px !important;
}

.newsSingleFooterContainer .socialMediaContainer .shareButton {
   padding: 8px 10px 9px 10px;
   margin-right: 12px;
   border: 1px solid var(--grey);
   border-radius: 8px;
   box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
}

.newsSingleFooterContainer .socialMediaContainer .shareButton:hover {
   text-decoration: none;
   background-color: rgba(1, 69, 99, 0.5);
}

.newsSingleFooterContainer .socialMediaContainer .uk-svg:not(.uk-preserve) [fill*="#"]:not(.uk-preserve) {
   fill: var(--grey) !important;
}

.newsSingleFooterContainer .socialMediaContainer .copyButton {
   background-color: var(--white);
   color: #344054;
   padding: 11px 16px;
   font-family: "Open Sans";
   font-weight: 600;
   font-size: 14px;
   line-height: 20px;
}

.newsSingleFooterContainer .socialMediaContainer .copyButton span {
   margin-left: 9.67px;
}

.newsSingleFooterContainer .socialMediaContainer .copyButton img {
   padding-right: 9.67px;
}
.newsSingleFooterContainer .socialMediaContainer .linkCopiedButton {
   background-color: var(--darkblue);
   color: var(--white);
   transition: background-color 0.3s;
}

.newsSingleFooterContainer .socialMediaContainer .linkCopiedButton svg path {
   stroke: var(--white);
}

/* FLER NYHETER */
.singleNewsMoreNewsContainer {
   padding-top: 0px !important;
   padding-bottom: 50px !important;
}

.singleNewsMoreNewsContainer .uk-container {
   padding: 0px 20px !important;
}

.singleNewsMoreNewsContainer .firstRow .buttonSection {
   margin: 0px !important;
}

.singleNewsMoreNewsContainer .firstRow .textSection h3 {
   line-height: 44px;
   letter-spacing: 0.02em;
}

/* SLIDER */
.singleNewsMoreNewsContainer .moreNewSlider h4 {
   font-size: 18px;
   line-height: 36px;
   letter-spacing: 0.02em;
   display: flex;
   justify-content: space-between;
}

.singleNewsMoreNewsContainer .moreNewSlider .el-content {
   font-size: 14px;
   line-height: 24px;
   letter-spacing: 0.02em;
   color: var(--grey);
   margin-top: 6px !important;
}

.singleNewsMoreNewsContainer .moreNewSlider .uk-dotnav a {
   background-color: #7e9faf !important;
}

.singleNewsMoreNewsContainer .moreNewSlider .uk-dotnav .uk-active a {
   background-color: var(--black) !important;
}

.singleNewsMoreNewsContainer .buttonMobile {
   margin-top: 36px !important;
}

/* ---------------------- 404-SIDA ---------------------- */
.fourOfourSection {
   padding: 99px 0px 0px 0px !important;
}

.fourOFor-text {
   font-size: 144px;
   line-height: 181.44px;
   font-weight: 600 !important;
   letter-spacing: 0.02em;
}

.bottomSectionFourOFour {
   width: 100%;
   margin-top: -41px;
   /* min-height: 100px; */
   padding: 54px 37px 174px 37px !important;
}

.bottomSectionFourOFour .excuseMessageMobile p {
   margin: 0px;
   font-family: "Sora";
   font-weight: 600;
   font-size: 24px;
   line-height: 30.24px;
   letter-spacing: 0.02em;
   color: var(--white);
}
.bottomSectionFourOFour .excuseMessageMobile p:nth-child(2) {
   margin: 13px 0px 46px 0px;
   font-size: 20px;
   line-height: 25.2px;
}

.bottomSectionFourOFour .backBtn {
   width: 310px;
   height: 51px;
   padding: 16px 30px;
   background-color: var(--white);
   box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15);
   text-transform: uppercase;
   font-family: "Open Sans";
   font-weight: 600;
   font-size: 14px;
   line-height: 19.07px;
   letter-spacing: 0.04em;
   margin: 0px auto;
   cursor: pointer;
}

.bottomSectionFourOFour .backBtn a {
   color: var(--darkblue) !important;
}

.bottomSectionFourOFour .backBtn:hover {
   background-color: var(--orange);
}

.bottomSectionFourOFour .backBtn a:hover {
   text-decoration: none;
}

/* ----------------- VILLKOR ---------------------- */
.termsContainer {
   padding: 29.85px 20px 50px 20px !important;
}

/* ----------------- SÖK-RESULTAT ---------------------- */
.resultsIntro h1 {
   font-size: 36px;
   line-height: 48px;
   color: var(--black);
   margin-bottom: 0px !important;
}

.resultsContainer {
   padding-bottom: 50px !important;
}

.resultsContainer h2 {
   font-size: 24px;
   line-height: 32px;
   letter-spacing: 0.02em;
   color: var(--black);
   margin-bottom: 10px !important;
}

.resultsContainer p,
.search-no-results .tm-main p {
   font-family: "Open Sans";
   font-size: 16px;
   line-height: 24px;
   color: var(--grey);
   margin-top: 10px;
   max-width: 500px;
}

.resultsContainer a:hover {
   text-decoration: none;
}

/* INGET SÖK-RESULTAT */
.search-no-results h1 {
   margin-top: 30px;
}

.search-no-results .uk-container {
   padding: 0px 20px 0px 20px;
}

/* PAGINATION */
.search-results .tm-main .uk-container {
   padding-right: 20px !important;
   padding-left: 20px !important;
}

.search-results .uk-pagination {
   margin-top: 0px !important;
   margin-left: 0px !important;
   padding-top: 20px !important;
   border-top: 1px solid #eaecf0;
   position: relative;
}

.search-results .uk-pagination > * {
   position: static;
}

.search-results .uk-pagination li a,
.search-results .uk-pagination .uk-active span,
.search-results .uk-pagination li.dots {
   font-family: "Open Sans";
   font-weight: 500;
   font-size: 14px;
   line-height: 20px;
   color: var(--grey);
   border-bottom: none;
}

.search-results .uk-pagination li {
   padding: 10px 10px !important;
}

.search-results .uk-pagination .uk-active span {
   color: #014563;
}

.search-results .uk-pagination .uk-active {
   background-color: #d1e1e9;
   border-radius: 8px;
}

.search-results .uk-pagination .previousLink {
   display: block;
   position: absolute;
   left: 0px;
   padding-left: 0px !important;
}

.search-results .uk-pagination .paginationPreviousText {
   padding-left: 12.17px;
   text-transform: capitalize;
}

.search-results .uk-pagination .nextLink {
   position: absolute;
   right: 0px;
   padding-right: 0px !important;
}

.search-results .uk-pagination .paginationNextText {
   padding-right: 12.17px;
}

/* ------------------ FOOTER ---------------------- */

.footer {
   background-color: var(--black) !important;
   padding: 0 !important;
}

/* ÖVRE SEKTIONEN */
.upperSection .uk-container .uk-grid,
.lowerSection .uk-container .uk-grid {
   display: flex;
   flex-direction: row;
   flex-wrap: nowrap;
   width: 100%;
   justify-content: space-between;
   padding: 51px 20px 31px 20px;
}

.upperSection .uk-container .uk-grid div:first-child {
   width: 165px;
}

.upperSection .uk-container .uk-grid div:last-child {
   width: 165px;
}

.footer h3 {
   color: var(--white);
   font-family: "Sora";
   font-weight: 700;
   font-size: 18px;
   line-height: 22.68px;
   letter-spacing: 0.06em;
   margin: 0px 0px 20px 0px;
}

.upperSection .uk-container .uk-grid .linksContent ul li a {
   padding: 0;
   margin-top: 20px;
   font-family: "Open Sans";
   font-size: 14px;
   font-weight: 600;
   line-height: 19.07px;
   letter-spacing: 0.06em;
   color: var(--white);
}

.upperSection .uk-container .uk-grid .contactDetails {
   color: var(--white);
   font-family: "Open Sans";
   font-size: 14px;
   line-height: 21px;
   letter-spacing: 0.01em;
   margin: 0;
}

.upperSection .uk-container .uk-grid .contactDetails p {
   margin: 15px 0px 0px 0px;
}

.upperSection .uk-container .uk-grid .contactDetails p:first-child {
   margin-top: 0px;
}

.upperSection .uk-container .uk-grid .contactDetails p a {
   color: var(--white);
   font-family: "Open Sans";
   font-size: 14px;
   line-height: 21px;
   letter-spacing: 0.01em;
}

/* NEDRE SEKTIONEN */
.lowerSection .uk-container .uk-grid {
   padding: 51px 20px 0px 20px;
}

.lowerSection .uk-container .uk-grid .departmentContent ul li a {
   padding: 0px;
   margin-top: 20px;
   font-family: "Open Sans";
   font-weight: 600;
   font-size: 14px;
   line-height: 19.07px;
   letter-spacing: 0.06em;
}

.lowerSection .uk-container .uk-grid .socialMediaContent .uk-grid {
   padding: 0px;
   width: 152px;
}

.lowerSection .uk-container .uk-grid .socialMediaContent .uk-grid div {
   display: flex;
   justify-content: space-between;
}

.copyright {
   text-align: center;
   padding: 18.5px 0px 11px 0px !important;
}

.copyright p {
   margin: 0;
}

.copyrightText {
   text-transform: uppercase;
   margin: 0;
   font-family: "Open Sans";
   font-size: 10px;
   line-height: 13.62px;
   letter-spacing: 0.04em;
   color: var(--white);
}

@media screen and (max-width: 960px) {
   .menuMobile .logoHeader {
      margin-left: 15px;
   }
}

/* ------------------------------------------------------------------------------------------- */
/* --------------------------------------- TABLET -------------------------------------------- */
/* ------------------------------------------------------------------------------------------- */

@media only screen and (min-width: 640px) {
   /* ----------------- OM OSS-SIDA ----------------- */
   /* INTRO */
   .aboutIntro {
      padding: 29.85px 96px 42px 96px !important;
   }
}

/* ------------------------------------------------------------------------------------------- */
/* --------------------------------------- DESKTOP -------------------------------------------- */
/* ------------------------------------------------------------------------------------------- */

@media only screen and (min-width: 960px) {
   /* ------------------ HEADER OCH MENY ---------------------- */

   /* DROPDOWN TILL DE ANDRA SIDORNA */
   #dropDownContainer:hover {
      color: var(--hoverLink);
   }

   #dropDownContainer button {
      background-color: rgba(255, 255, 255, 0);
      color: var(--white);
      font-weight: 600;
      font-size: 14px;
      line-height: 19.07px;
      border: none;
      padding: 0;
      height: 19px;
      letter-spacing: 1.5px;
      display: flex;
      align-items: center;
   }

   #dropDownContainer button:hover {
      border: none;
      width: fit-content;
      color: var(--hoverLink);
   }

   #dropDownContainer button:active {
      border: none;
   }

   #dropDownContainer button .arrow {
      border: solid #ffffff;
      border-width: 0 2px 2px 0;
      display: inline-block;
      padding: 3px;
      margin: 0px 0px 6px 6px;
      transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
   }

   #dropDownContainer button .arrow:hover {
      border: solid var(--hoverLink);
      border-width: 0 2px 2px 0;
   }

   #dropDownContent {
      padding: 0 !important;
      min-width: 150px;
      max-height: 47px;
      box-sizing: border-box;
   }

   #dropDownContent ul {
      background-color: var(--white);
      font-size: 14px;
      line-height: 19.07px;
      font-weight: 600;
   }

   #dropDownContent ul li:hover {
      background-color: #f5f5f5;
      color: #aaaaaa;
   }

   #dropDownContent ul .dropDownLink {
      padding: 14px 20px;
      color: var(--black);
      letter-spacing: 1.5px;
      font-family: "Open Sans";
   }

   #dropDownContent ul .dropDownLinkActive {
      padding: 14px 20px;
      background-color: var(--grey);
      color: #aaaaaa;
      letter-spacing: 0.6px;
   }

   #dropDownContent ul .dropdownDivider {
      margin: 0;
      color: var(--grey);
   }

   .searchField .uk-modal-dialog {
      border-bottom: 1px solid var(--black);
   }

   /* ---------------------- START-SIDA ---------------------- */

   /* HERO */

   .heroContent .heroText .uk-first-column {
      padding: 0px !important;
   }

   /* FÖRFRÅGAN */
   .queryDesktop {
      width: 618px !important;
      box-sizing: border-box;
      box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.1);
   }

   .queryDesktop .queryText {
      font-size: 18px;
      line-height: 22.68px;
      font-family: "Sora";
      font-weight: 600;
      font-size: 18px;
      line-height: 22.68px;
      letter-spacing: 0.02em;
   }

   .queryDesktop .queryButtons div div {
      width: 231px;
   }

   .queryDesktop .queryButtons div div a {
      font-size: 14px;
      letter-spacing: 1.5px;
   }

   /* INTROSEKTIONEN */
   .introSection {
      margin-top: 221px;
   }

   .introSection h3 {
      font-size: 36px;
      line-height: 61.2px;
      margin: 0px 0px 11px 0px;
   }

   .introSection .button {
      width: 180px;
      margin: 46px 0px 166px 0px;
   }

   /* TJÄNSTER OCH KOMPETENSER */
   .servicesAndCompetenciesContainer {
      margin-top: 116px;
   }

   .servicesAndCompetenciesContainer .textContainer .lists {
      margin-bottom: 0px !important;
   }

   .servicesAndCompetenciesContainer .textContainer .title {
      margin-top: 150px;
   }

   .servicesAndCompetenciesContainer .textContainer .title p {
      font-size: 36px;
      line-height: 56.34px;
   }

   .servicesAndCompetenciesContainer .textContainer .andSign {
      top: 31px !important;
      right: -257px !important;
   }

   .servicesAndCompetenciesContainer .textContainer .andSign img {
      width: 265px;
      height: 325px;
   }

   .servicesAndCompetenciesContainer .textContainer .employmentHeading,
   .servicesAndCompetenciesContainer .textContainer .competenciesTitle {
      margin-bottom: 18px;
   }

   .servicesAndCompetenciesContainer .textContainer .uk-margin-xlarge p {
      line-break: normal;
      width: 233px;
   }

   .servicesAndCompetenciesContainer .imageContainer img {
      /* height: 821px; */
      width: 100%;
   }

   .servicesAndCompetenciesContainer .button {
      width: 180px;
   }

   /* PROJEKT-SEKTIONEN */
   .startpageProjectDesktop {
      margin-top: 134px;
      margin-bottom: 52px;
   }

   .startpageProjectDesktop .title {
      font-size: 36px;
      line-height: 44px;
      letter-spacing: 0.02em;
   }

   .startpageProjectDesktop .text {
      font-family: "Open Sans";
      font-size: 18px;
      line-height: 31px;
      letter-spacing: 0.04em;
      color: #101010;
      max-width: 500px;
   }

   .startpageProjectDesktop .buttonDesktop a {
      width: 238px;
   }

   .startpageProjectDesktop .startPageProjectDesktopContent img:hover {
      opacity: 0.5;
   }

   .startpageProjectDesktop .startPageProjectDesktopContent h4 {
      font-size: 20px;
      line-height: 36px;
      letter-spacing: 0.02em;
      display: flex;
      justify-content: space-between;
   }

   .startpageProjectDesktop .startPageProjectDesktopContent h4 span {
      width: fit-content;
   }

   .startpageProjectDesktop .startPageProjectDesktopContent h4 span:hover {
      color: rgba(35, 35, 35, 0.6);
   }

   .startpageProjectDesktop .startPageProjectDesktopContent .el-content {
      font-family: "Open Sans";
      font-size: 14px;
      line-height: 24px;
      letter-spacing: 0.02em;
      color: var(--grey);
      margin-top: 12px !important;
   }

   .startpageProjectDesktop .startPageProjectDesktopContent .el-content:hover {
      color: rgba(95, 95, 95, 0.6);
   }

   .startpageProjectDesktop .startPageProjectDesktopContent .el-meta {
      display: flex;
      flex-wrap: wrap;
   }

   /* NYHETS-SEKTIONEN */
   .newsStartpageContainerDesktop {
      padding: 96px 0px 132px 0px !important;
   }

   .newsStartpageContainerDesktop .newsGrid .uk-grid {
      justify-content: flex-end;
   }

   .newsStartpageContainerDesktop .textAndButtonSection .title {
      margin-bottom: 12px !important;
   }

   .newsStartpageContainerDesktop .textAndButtonSection .subTitle {
      font-family: "Open Sans";
      font-weight: 600;
      font-size: 18px;
      line-height: 28px;
      letter-spacing: 0.02em;
      color: var(--grey);
   }

   .newsStartpageContainerDesktop .textAndButtonSection .button a {
      width: 243px !important;
   }

   .newsStartpageContainerDesktop .newsGrid .uk-grid div {
      max-width: 336px;
   }

   .newsStartpageContainerDesktop .newsGrid img:hover {
      opacity: 0.5;
   }

   .newsStartpageContainerDesktop .newsGrid h4 {
      display: flex;
      justify-content: space-between;
   }

   .newsStartpageContainerDesktop .newsGrid h4:hover {
      color: rgba(35, 35, 35, 0.6) !important;
   }

   .newsStartpageContainerDesktop .newsGrid h3 {
      margin-top: 32px !important;
      font-size: 18px;
      line-height: 32px;
      letter-spacing: 0.02em;
   }

   .newsStartpageContainerDesktop .newsGrid .el-content {
      font-family: "Open Sans";
      font-size: 16px;
      line-height: 24px;
      color: var(--grey);
      margin-top: 12px !important;
   }
   .newsStartpageContainerDesktop .newsGrid .el-content:hover {
      color: rgba(95, 95, 95, 0.7);
   }

   /* ----------------------OM OSS-SIDAN ------------------- */

   /* INTRO */
   .aboutIntro {
      padding: 96px 96px 96px 96px !important;
   }

   /* VÅR VERKSAMHET */
   .occupationContainer {
      margin-bottom: 96px;
   }

   .occupationContainer .textContainer .uk-card {
      padding-left: 100px;
   }

   .occupationContainer h3 {
      font-size: 30px;
      line-height: 47.5px !important;
      color: #101828;
   }

   .occupationContainer .textContainer .occupationText2 {
      margin-top: 20px !important;
   }

   /* KARRIÄR */
   .careerContainer {
      padding-bottom: 96px !important;
   }

   .careerContainer h3 {
      line-height: 47.5px !important;
      font-size: 30px;
      color: #101828 !important;
   }

   .careerContainer .textContainer .el-content p {
      margin-bottom: 16px !important;
   }

   /* Knapp */
   .careerContainer .text .uk-margin-top {
      margin-top: 40px;
      width: 232px;
   }

   /* FILOSOFI */
   .philosophyContainer {
      padding: 96px 0px 96px 0px !important;
   }

   .philosophyContainer h3 {
      font-size: 30px;
      margin-bottom: 50px;
   }

   .philosophyContainer .uk-margin h3 {
      margin-top: 20px !important;
   }

   .philosophyContainer .uk-margin-top p {
      margin: 0px;
   }

   /* VERKSAMHETSPOLICY */
   .businessPolicyContainer {
      padding: 96px 112px !important;
      background-color: #ffffff !important;
   }

   .businessPolicyContainer h3 {
      font-size: 30px;
      text-align: left !important;
      padding: 0px;
   }

   .businessPolicyContainer .businessPolicyText {
      margin-bottom: 50px !important;
   }

   .businessPolicyContainer .businessPolicyText p {
      text-align: left !important;
      padding: 0px !important;
      font-size: 18px;
      line-height: 32.5px;
      /* width: 768px; */
   }

   .businessPolicyContainer .cardsContainer .uk-grid {
      padding: 0px !important;
   }

   /* ---------------------- TJÄNSTER-SIDA ---------------------- */
   /* INTRO */
   .employmentIntroContainer {
      padding: 96px 0px !important;
   }

   /* TJÄNSTER */
   .employmentContainer {
      padding-bottom: 96px !important;
   }

   .employmentContainer .employmentTitle {
      margin: 0px 0px 10px 0px;
      color: #101828;
      font-size: 30px;
      line-height: 47.5px;
   }

   .employmentContainer .employmentPreamble {
      margin: 0px 0px 30px 0px;
   }

   .employmentContainer .employmentList ul {
      width: fit-content;
   }

   .employmentContainer .employmentList ul li {
      font-size: 16px;
      line-height: 28px;
   }

   /* ERBJUDANDEN */
   .offersContainer {
      background-color: #f1f4f5 !important;
      padding: 70px 0px !important;
   }

   .offersContainer .uk-container {
      margin-left: 112px;
   }

   .offersContainer .offersTitle {
      font-size: 30px;
      line-height: 47.5px;
   }

   .offersContainer .offersText {
      max-width: 845px;
      font-size: 18px;
      line-height: 32.5px;
      letter-spacing: 0.02em;
   }

   .offersContainer .offersList {
      margin-top: 0px !important;
   }

   .offersContainer .offersList ul {
      height: 112px;
      width: 798px;
   }

   .offersContainer .offersList ul li {
      width: 215px;
   }

   /* KOMPETENSOMRÅDEN */
   .competenceContainer {
      padding: 98px 0px !important;
   }

   .competenceContainer .competenceTitle {
      color: #101828;
      font-size: 30px;
      line-height: 47.5px;
   }

   .competenceContainer .competenceText {
      max-width: 536px;
   }

   .competenceContainer .competenceList ul li {
      font-size: 16px;
      line-height: 28px;
   }

   /* ------------------- PROJEKT-SIDAN ------------------- */
   /* INTRO */
   .projectsIntroContainer {
      padding: 96px 0px !important;
   }

   /* ÖVERSTA PROJEKTET */
   .firstProjectContainer {
      padding-bottom: 64px !important;
   }

   .firstProjectContainer .firstProjectTitle {
      margin: 32px 0px 0px 0px !important;
      font-size: 30px;
      line-height: 48px;
      color: #101828;
   }

   .firstProjectContainer .firstProjectTitle a span:hover {
      color: rgba(16, 24, 40, 0.6);
   }

   .firstProjectContainer .firstProjectTitle a {
      display: flex;
      justify-content: space-between;
   }

   .firstProjectContainer .text {
      margin: 12px 0px 0px 0px !important;
      font-family: "Open Sans";
      font-size: 18px;
      line-height: 31px;
      letter-spacing: 0.02em;
      color: var(--grey);
   }

   .firstProjectContainer .firstPostCategories {
      display: flex;
      margin: 24px 0px 0px 0px;
   }

   /* GRID */
   .projectGridContent {
      padding-bottom: 64px !important;
   }

   /* ------------------- SINGEL-PROJEKT-SIDAN ------------------- */
   /* TOPP-SEKTIONEN */
   .singelProjectTopSectionContainer {
      padding: 96px 0px 32px 0px !important;
   }

   .singelProjectTopSectionContainer .singelProjectTopSectionContent h1 {
      line-height: 60px;
   }

   .singelProjectTopSectionContainer .singelProjectTopSectionContent .el-content {
      max-width: 768px;
      margin: 24px auto 31px auto !important;
   }

   /* INFO-SEKTION */
   .singleProjectInfo {
      padding-bottom: 96px !important;
   }

   .singleProjectInfo .authorAndPublishedGrid h4 {
      font-family: "Open Sans";
      font-weight: 600;
      font-size: 14px;
      line-height: 20px;
      color: #858585;
   }

   .singleProjectInfo .authorAndPublishedGrid .el-content {
      font-family: "Open Sans";
      font-weight: 600;
      font-size: 18px;
      line-height: 28px;
      color: var(--black);
      margin-top: 12px !important;
   }

   .singleProjectInfo .shareButtons {
      text-align: right;
   }

   .singleProjectInfo .shareButton {
      padding: 8px 10px 9px 10px;
      margin-right: 12px;
      border: 1px solid var(--grey);
      border-radius: 8px;
      box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
   }

   .singleProjectInfo .shareButton:hover {
      text-decoration: none;
      background-color: rgba(1, 69, 99, 0.5);
   }

   .singleProjectInfo .uk-svg:not(.uk-preserve) [fill*="#"]:not(.uk-preserve) {
      fill: var(--grey) !important;
   }

   .singleProjectInfo .copyButton {
      background-color: var(--white);
      color: var(--black);
      padding: 11px 16px;
      font-family: "Open Sans";
      font-weight: 600;
      font-size: 14px;
      line-height: 20px;
   }

   .singleProjectInfo .copyButton svg path {
      stroke: var(--black);
   }

   .singleProjectInfo .copyButton span {
      margin-left: 9.67px;
   }

   .singleProjectInfo .linkCopiedButton {
      background-color: var(--darkblue);
      color: var(--white);
      transition: background-color 0.3s;
   }

   .singleProjectInfo .linkCopiedButton svg path {
      stroke: var(--white);
   }

   /* SLIDESHOW */
   .projectImagesSlideshow {
      padding-bottom: 48px !important;
   }

   .projectImagesSlideshow .projectSlideshow {
      padding-top: 48px !important;
      border-top: 2px solid var(--darkblue);
   }

   .projectImagesSlideshow .projectSlideshow .uk-slidenav-previous,
   .projectImagesSlideshow .projectSlideshow .uk-slidenav-next {
      background-color: rgba(0, 0, 0, 0.9);
      padding: 13px !important;
      border-radius: 18px;
      margin: 0px 16px;
   }

   .projectImagesSlideshow .projectSlideshow .uk-slidenav-previous svg,
   .projectImagesSlideshow .projectSlideshow .uk-slidenav-next svg {
      width: 14px;
      height: 14px;
   }

   .projectImagesSlideshow .projectSlideshow .uk-slidenav-previous svg polyline,
   .projectImagesSlideshow .projectSlideshow .uk-slidenav-next svg polyline {
      stroke: var(--white) !important;
      stroke-width: 3;
   }

   /* CONTENT */
   .singleProjectContentContainer {
      padding-bottom: 187px !important;
   }

   .singleProjectContentContainer h2 {
      font-size: 30px;
      line-height: 48px;
      color: #232323;
      margin-bottom: 24px;
   }

   .singleProjectContentContainer p {
      font-size: 14px;
      line-height: 28px;
      color: #232323;
      margin-bottom: 48px;
   }

   .singleProjectContentContainer h3 {
      line-height: 32px;
      margin-bottom: 16px;
   }

   .singleProjectContentContainer figure {
      margin-bottom: 48px;
   }

   /* FLER PROJEKT */
   .moreProjectContainer .moreProjectButtonDesktop a {
      width: 238px;
   }

   /* Slider */
   .moreProjectContainer .sliderDesktop {
      padding: 0px 20px;
   }

   .moreProjectContainer .uk-slider-container {
      overflow: visible !important;
   }

   .moreProjectContainer .moreProjectsSliderDesktop {
      padding-bottom: 100px;
   }

   .moreProjectContainer .moreProjectsSliderDesktop img:hover {
      opacity: 0.5;
   }

   .moreProjectContainer .moreProjectsSliderDesktop h3 {
      font-size: 20px;
      line-height: 36px;
      letter-spacing: 0.02em;
      display: flex;
      justify-content: space-between;
   }

   .moreProjectContainer .moreProjectsSliderDesktop h3 span:hover {
      color: rgba(35, 35, 35, 0.6);
   }

   .moreProjectContainer .moreProjectsSliderDesktop h3 span {
      width: fit-content;
   }

   .moreProjectContainer .moreProjectsSliderDesktop .el-meta {
      display: flex;
      flex-wrap: wrap;
   }

   .moreProjectContainer .moreProjectsSliderDesktop .el-content {
      font-family: "Open Sans";
      font-size: 14px;
      line-height: 24px;
      letter-spacing: 0.02em;
      color: var(--grey);
      margin-top: 6px !important;
   }

   .moreProjectContainer .moreProjectsSliderDesktop .el-content:hover {
      color: rgba(95, 95, 95, 0.6);
   }

   /* Pilar */
   .moreProjectContainer .moreProjectsSliderDesktop .uk-slidenav-container {
      top: 100%;
   }

   .moreProjectContainer .moreProjectsSliderDesktop .uk-slidenav-container .uk-slidenav {
      padding: 0px;
      margin-top: 32px !important;
   }

   .moreProjectContainer .moreProjectsSliderDesktop .uk-slidenav-container .navigationArrow {
      width: 50px;
      height: 50px;
      border: 1px solid #eaecf0;
      border-radius: 28px;
      backdrop-filter: blur(8px);
      display: flex;
      justify-content: center;
      background-color: rgba(255, 255, 255, 0.9);
   }

   .moreProjectContainer .moreProjectsSliderDesktop .uk-slidenav-container .navigationArrowLeft {
      margin-right: 32px;
   }

   .moreProjectContainer .moreProjectsSliderDesktop .uk-slidenav-container .navigationArrow svg {
      width: 30px;
   }

   .moreProjectContainer .moreProjectsSliderDesktop .uk-slidenav-container .navigationArrow svg polyline,
   .moreProjectContainer .moreProjectsSliderDesktop .uk-slidenav-container .navigationArrow svg line {
      stroke: #667085;
   }

   /* ------------------- KARRIÄR-SIDAN ------------------- */
   /* INTRO */
   .careerIntroContainer {
      padding: 100px 0px 64px 0px !important;
   }

   .careerIntroContainer .careerIntroSmallHeading {
      line-height: 20px;
   }

   .careerIntroContainer .careerIntroTitle {
      line-height: 44px;
      margin: 20px 0px !important;
   }

   /* ANSTÄLLNINGSFÖRMÅNER (BARA PÅ DESKTOP) */
   .employmentBenefitsContainer h3 {
      line-height: 47.5px;
      letter-spacing: 0.02em;
      color: #101828;
   }

   .employmentBenefitsContainer .el-content {
      margin-top: 30px !important;
   }

   .employmentBenefitsContainer ul {
      list-style-image: url("/wp-content/uploads/2022/05/checkmark-mobile.svg");
   }

   .employmentBenefitsContainer ul li {
      color: var(--grey) !important;
      letter-spacing: 0.02em;
      margin-bottom: 20px !important;
      /* width: 490px; */
   }

   .employmentBenefitsContainer .employmentBenefitsImage {
      width: 100% !important;
   }

   /* .employmentBenefitsContainer .employmentBenefitsList ul li span {
        margin-left: 2px;
    } */

   /* LEDIGA TJÄNSTER */
   .availablePositionsContainer {
      padding: 0px !important;
      width: 768px;
      margin: 84px auto 0px auto;
   }

   .availablePositionsContainer .availablePositionsTitle {
      color: var(--black);
      font-size: 24px;
      line-height: 47.5px;
      letter-spacing: 0.02em;
   }

   /* Läs mer-länk */
   .availablePositionsContainer .uk-container .availablePositionsRow .uk-first-column .uk-panel div {
      order: 2;
      margin-left: 0px;
      margin-right: 13.83px;
   }

   /* Pil-länk */
   .availablePositionsContainer .uk-container .availablePositionsRow .uk-first-column .uk-panel a {
      order: 3;
   }

   .availablePositionsContainer .uk-container .availablePositionsRow .uk-first-column .uk-panel a:hover {
      text-decoration: none;
   }

   /* Pil-bild */
   .availablePositionsContainer .uk-container .availablePositionsRow .uk-first-column .uk-panel a img {
      width: 20px;
   }

   /* Rubrik */
   .availablePositionsContainer .uk-container .availablePositionsRow .uk-first-column .uk-panel h3 {
      order: 1;
      flex-basis: 530px;
   }

   /* Text */
   .availablePositionsContainer .uk-container .availablePositionsRow .uk-first-column .uk-panel .el-content {
      order: 4;
      margin: 16px 0px 0px 0px;
   }

   /* SPONTANSNSÖKAN-RUTA */

   .spontaneouApplicationContainer {
      padding: 64px 0px !important;
      margin: 96px 112px;
   }

   .spontaneouApplicationContainer .spontaneouApplicationTitle {
      font-size: 36px;
      line-height: 44px;
      /* width: ; */
   }

   .spontaneouApplicationContainer .spontaneousApplicationText {
      font-size: 20px;
      line-height: 30px;
      margin: 20px auto 30px auto !important;
      max-width: 768px;
   }

   /* CITAT */
   .careerQuotesContainer {
      padding: 0px 208px 96px 208px !important;
   }

   /* Citat */
   .careerQuotesContainer .quoteSlider .uk-slider-container ul li div .el-content {
      font-weight: 600;
      font-style: normal;
      font-size: 24px;
      line-height: 41px;
      letter-spacing: 0.02em;
      margin: 0px 0px 32px 0px !important;
   }

   /* Namn */
   .careerQuotesContainer .quoteSlider .uk-slider-container ul li div .el-meta {
      margin: 0px 0px 4px 0px;
   }

   /* DotNav */
   .careerQuotesContainer .quoteSlider .uk-dotnav {
      margin: 40px 0px 0px 0px !important;
   }

   /* ---------------------- KONTAKT-SIDAN ---------------------- */
   /* INTRO */
   .contactIntroContainer {
      padding: 96px 0px 78px 0px !important;
   }

   .contactIntroContainer .smallHeading {
      color: #828282;
      line-height: 20px;
   }

   .contactIntroContainer .heading {
      color: var(--black);
      line-height: 44px;
   }

   .contactIntroContainer .text a:hover {
      text-decoration: none;
      color: rgba(95, 95, 95, 0.6);
   }

   /* KONTAKT ANDRA LUCO-SIDOR */
   .otherLucoSitesContainer {
      margin: 0px 0px 96px 0px;
   }

   .otherLucoSitesContainer .otherLucoSitesGrid div h3 {
      font-size: 20px;
      line-height: 30px;
      margin-top: 16px !important;
   }

   .otherLucoSitesContainer .otherLucoSitesGrid div .el-content {
      margin: 0px 0px 8px 0px !important;
   }

   .otherLucoSitesContainer .otherLucoSitesGrid div .el-content a {
      font-size: 16px;
      line-height: 24px;
      letter-spacing: 0.015em;
   }

   .otherLucoSitesContainer .otherLucoSitesGrid div .el-content a:hover {
      text-decoration: none;
      color: rgba(95, 95, 95, 0.6);
   }

   /* FORMULÄR-SEKTIONEN */
   .formAndMapContainer {
      padding: 0px !important;
      box-sizing: border-box;
   }

   .formAndMapContainer .contactFormContainer {
      background-color: #f4f4f4;
      padding: 126px 60px 126px 60px !important;
   }

   /* FORMULÄR */
   .formAndMapContainer .formTitle {
      font-size: 36px;
      margin-bottom: 48px !important;
      box-sizing: border-box;
   }

   .formAndMapContainer .contactForm input,
   .formAndMapContainer .contactForm textarea {
      margin-bottom: 24px;
      background-color: #f4f4f4;
   }

   .formAndMapContainer .contactForm input,
   .formAndMapContainer .contactForm textarea {
      width: 100%;
   }

   .formAndMapContainer .contactForm .checkboxContainer .frm_opt_container input {
      background-color: #f4f4f4;
      width: 20px !important;
      height: 20px !important;
   }

   .formAndMapContainer .contactForm .checkboxContainer p {
      font-size: 16px;
      width: 480px;
   }

   /* Érrorhantering */
   .formAndMapContainer .contactForm .frm_error_style,
   .formAndMapContainer .contactForm .frm_message {
      width: 480px;
      box-sizing: border-box;
   }

   /* KARTA */
   .formAndMapContainer .mapContainer > div {
      height: 960px;
      min-height: 100%;
   }

   /* MEDARBETARE */
   .coworkersIntroContainer {
      padding: 96px 0px !important;
   }

   .coworkersIntroContainer .coworkersTitle {
      color: var(--black);
      line-height: 60px;
   }

   .coworkersIntroContainer .coworkersText {
      margin-top: 24px !important;
   }

   /* MEDARBETARE GRIDS */
   .coworkersContainer {
      padding: 0px 0px 96px 0px !important;
   }

   .coworkersContainer .uk-container {
      margin-left: 112px;
   }

   .coworkersContainer .areaManagersGrid .uk-grid div h3 {
      font-size: 20px;
      line-height: 30px;
      letter-spacing: 0.02em;
      margin-top: 24px !important;
   }

   .coworkersContainer .areaManagersGrid .firstTitle,
   .coworkersContainer .areaManagersGrid .lastTitle {
      font-size: 18px;
      line-height: 28px;
      margin: 4px 0px 16px 0px !important;
   }

   .coworkersContainer .areaManagersGrid .uk-grid div .el-content p {
      margin: 0px !important;
   }

   .coworkersContainer .areaManagersGrid .uk-grid div .el-content a {
      font-size: 16px;
      line-height: 24px;
   }

   .coworkersContainer .areaManagersGrid .uk-grid div .el-content a:hover {
      text-decoration: none;
      color: rgba(95, 95, 95, 0.6);
   }

   /* MEDARBETARE ACCORDIONS */
   .coworkersContainer .accordionContactPage {
      margin-bottom: 30px !important;
   }

   .coworkersContainer .accordionContactPage .accordionTitle {
      font-size: 16px !important;
   }

   .coworkersContainer .accordionContactPage .accordionContent {
      font-size: 16px !important;
   }

   /*----------------------- FÖRFRÅGAN BESIKTNINGSMAN -------------------------- */

   .inspectionIntro {
      padding: 126px 100px 72px 100px !important;
   }

   .inspectionIntro .inspectionIntroTitle {
      font-size: 36px;
      line-height: 44px;
      text-align: left !important;
   }

   .inspectionIntro .inspectionIntroPreamble {
      margin: 36px 0px 24px 0px !important;
      font-size: 20px;
      line-height: 30px;
      color: #667085 !important;
   }

   .inspectionIntro .inspectionIntroText {
      color: #667085 !important;
      font-size: 20px;
      line-height: 30px;
   }

   /* FORMULÄR */
   .inspectionFormContainer {
      padding: 0px 229px 144px 229px !important;
   }

   .inspectionFormContainer .frm_fields_container {
      grid-template-columns: none;
   }

   /* Hela frågan */
   .inspectionFormContainer .inspectionForm .form-field {
      margin-bottom: 36px;
   }

   /* Label överlag */
   .inspectionFormContainer .inspectionForm .form-field .frm_primary_label {
      font-family: "Open Sans";
   }

   /* Text checkbox-label överlag */
   .inspectionFormContainer .inspectionForm .form-field .frm_checkbox label {
      font-size: 16px;
      margin-top: 16px;
   }

   /* Checkboxar överlag */
   .inspectionFormContainer .inspectionForm .form-field .frm_checkbox input {
      border: 1px solid #667085;
   }

   /* Styling för text i textarea, select och inputfält plus deras placeholders*/
   .inspectionFormContainer .inspectionForm textarea,
   .inspectionFormContainer .inspectionForm textarea::placeholder,
   .inspectionFormContainer .inspectionForm .access select,
   .inspectionFormContainer .inspectionForm input,
   .inspectionFormContainer .inspectionForm input::placeholder {
      font-size: 16px;
      color: #667085;
   }

   /* Textarea */
   .inspectionFormContainer .inspectionForm .descriptionEntreprenad {
      margin-bottom: 36px;
   }

   .inspectionFormContainer .inspectionForm textarea {
      border: 1px solid #667085;
      width: 512px;
      height: 128px;
   }

   /* Select och inputfält */
   .inspectionFormContainer .inspectionForm .access select,
   .inspectionFormContainer .inspectionForm .date input,
   .inspectionFormContainer .inspectionForm .company input,
   .inspectionFormContainer .inspectionForm .contactPerson input,
   .inspectionFormContainer .inspectionForm .email input,
   .inspectionFormContainer .inspectionForm .phoneNumber input,
   .inspectionFormContainer .inspectionForm .invoiceMarking input,
   .inspectionFormContainer .inspectionForm .invoiceAddress input,
   .inspectionFormContainer .inspectionForm .peopleCalling input,
   .inspectionFormContainer .inspectionForm .address input {
      width: 512px;
      border: 1px solid #667085;
      box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
   }

   /* Mail-ikon i inputfält */
   .inspectionFormContainer .inspectionForm .envelopeIcon svg {
      color: #667085;
   }

   /* Där det är dubbla inputfält på raden (Kontaktperson och fakturaadress */
   .inspectionFormContainer .inspectionForm .contactPerson fieldset .frm_combo_inputs_container,
   .inspectionFormContainer .inspectionForm .address fieldset .frm_combo_inputs_container,
   .inspectionFormContainer .inspectionForm .attachFiles,
   .inspectionFormContainer .inspectionForm .consent {
      width: 512px;
   }

   /* Bifoga handlingar */
   .attachFiles .frm_dropzone .needsclick .frm_upload_text button {
      font-size: 16px !important;
   }

   /* Divider */
   .inspectionFormContainer .inspectionForm .dividerContainer {
      width: 512px;
      margin-bottom: 36px;
   }

   /* Recaptcha */
   .inspectionFormContainer .inspectionForm .recaptcha .frm-g-recaptcha {
      margin: 16px 0px 32px 0px;
   }

   /* Submit-knapp */
   .inspectionFormContainer .inspectionForm .frm_submit button {
      width: 512px;
   }

   /* Hantering av error- och success-meddelanden */
   .inspectionFormContainer .inspectionForm .frm_error,
   .inspectionFormContainer .inspectionForm .frm_error_style,
   .inspectionFormContainer .inspectionForm .frm_message {
      width: 512px;
   }

   /* Specifika frågor */
   .inspectionFormContainer .inspectionForm .needs,
   .inspectionFormContainer .inspectionForm .typeOfInspection {
      max-width: 512px;
   }

   /* ------------------ FÖRFRÅGAN KONTROLLANSVARIG-FORMULÄR ------------------ */

   .controlManagerIntro {
      padding: 125px 100px 70px 100px !important;
   }

   .controlManagerIntro .title {
      line-height: 44px;
      text-align: left !important;
   }

   .controlManagerIntro .preamble {
      font-size: 20px;
      line-height: 30px;
      color: #667085 !important;
   }

   .controlManagerIntro .text {
      font-size: 20px;
      line-height: 30px;
      color: #667085;
   }

   /* FORMULÄR */
   .controlManagerFormContainer {
      margin-bottom: 148px;
   }

   /* Labels överlag */
   .controlManagerFormContainer .controlManagerForm .frm_primary_label,
   .controlManagerFormContainer .recaptcha .recaptchaTitle {
      font-family: "Open Sans";
   }

   /* Text/Label under bifoga handlingar */
   .controlManagerFormContainer .controlManagerForm .select .frm_primary_label {
      font-size: 16px;
      margin-bottom: 6px;
      width: 463px;
   }

   /* Text vid checkboxar */
   .controlManagerFormContainer .controlManagerForm .frm_checkbox label {
      font-size: 16px;
   }

   /* Textarea */
   .controlManagerFormContainer .controlManagerForm .description textarea {
      width: 512px;
      height: 128px;
      border: 1px solid #d0d5dd;
   }

   /* Styling för text i textarea, select och inputfält plus deras placeholders samt samtyckes-texten */
   .controlManagerFormContainer .controlManagerForm textarea,
   .controlManagerFormContainer .controlManagerForm textarea::placeholder,
   .controlManagerFormContainer .controlManagerForm .select select,
   .controlManagerFormContainer .controlManagerForm input,
   .controlManagerFormContainer .controlManagerForm input::placeholder,
   .controlManagerFormContainer .controlManagerForm .checkboxContainer p {
      font-size: 16px;
   }

   /* Box-styling i alla inputfält */
   .controlManagerFormContainer .controlManagerForm .select select,
   .controlManagerFormContainer .controlManagerForm .attachFile input,
   .controlManagerFormContainer .controlManagerForm .company input,
   .controlManagerFormContainer .controlManagerForm .contactPerson input,
   .controlManagerFormContainer .controlManagerForm .phone input,
   .controlManagerFormContainer .controlManagerForm .email input,
   .controlManagerFormContainer .controlManagerForm .invoiceMarking input,
   .controlManagerFormContainer .controlManagerForm .address input,
   .controlManagerFormContainer .controlManagerForm .streetAddress input {
      border: 1px solid #d0d5dd;
      width: 512px;
   }

   /* Sätter bredd på dom element som blir större när fönstrets bredd ökar */
   .controlManagerFormContainer .controlManagerForm .attachFile,
   .controlManagerFormContainer .controlManagerForm .contactPerson,
   .controlManagerFormContainer .controlManagerForm .attachFile,
   .controlManagerFormContainer .controlManagerForm .address,
   .controlManagerFormContainer .controlManagerForm .consent {
      width: 512px;
   }
   /* Bifoga fil och text under */

   .controlManagerFormContainer .controlManagerForm .frm_dropzone .needsclick .frm_upload_text button {
      font-size: 16px !important;
   }

   .controlManagerFormContainer .controlManagerForm .textAttachFile {
      margin-bottom: 36px;
   }

   .controlManagerFormContainer .controlManagerForm .textAttachFile p {
      color: #667085;
   }

   /* Divider */
   .controlManagerFormContainer .controlManagerForm .dividerContainer {
      width: 512px;
      margin-bottom: 36px;
   }

   .controlManagerFormContainer .controlManagerForm .streetAddress {
      margin: 36px 0px;
   }

   /* Recaptacha */
   .controlManagerFormContainer .recaptcha {
      margin-bottom: 32px !important;
   }

   /* Submit-knappen */
   .controlManagerFormContainer .controlManagerForm .frm_submit button {
      width: 512px;
   }

   /* Hantering av error- och success-meddelanden */
   .controlManagerFormContainer .controlManagerForm .frm_error_style,
   .controlManagerFormContainer .controlManagerForm .frm_message,
   .controlManagerFormContainer .controlManagerForm .frm_error {
      width: 512px;
   }

   /* SIDEBAR, finns endast på desktop */
   .controlManagerFormContainer .sidebarContent {
      max-width: 378px;
      height: fit-content;
      background-color: #f4f4f4;
      box-sizing: border-box;
   }

   .controlManagerFormContainer .sidebarContent .sidebar .uk-grid {
      flex-direction: column;
      padding: 60px 40px;
      box-sizing: border-box;
   }

   .controlManagerFormContainer .sidebarContent .sidebar .uk-grid div {
      padding: 0px !important;
      width: 298px;
      box-sizing: border-box;
   }
   .controlManagerFormContainer .sidebarContent .sidebar .uk-grid .uk-grid-margin {
      margin-top: 60px !important;
   }

   .controlManagerFormContainer .sidebarContent .sidebar .uk-grid div img {
      width: 201px;
   }

   .controlManagerFormContainer .sidebarContent .sidebar .uk-grid div:nth-child(2) img,
   .controlManagerFormContainer .sidebarContent .sidebar .uk-grid div:nth-child(3) img {
      width: 277px;
   }

   .controlManagerFormContainer .sidebarContent .sidebar .uk-grid .el-content {
      margin-top: 20px !important;
   }

   .controlManagerFormContainer .sidebarContent .sidebar .uk-grid .el-content p {
      margin: 0px;
      color: #344054;
      font-family: "Open Sans";
      font-size: 16px;
      line-height: 25px;
      letter-spacing: 0.02em;
   }

   .controlManagerFormContainer .sidebarContent .sidebar .uk-grid .el-content p a {
      text-decoration: underline;
   }

   .controlManagerFormContainer .sidebarContent .sidebar .uk-grid .el-content p a:hover {
      color: rgba(52, 64, 84, 0.6);
   }

   .controlManagerFormContainer .sidebarContent .sidebar .uk-grid .el-content p:nth-child(2) {
      margin-top: 16px;
   }

   /* ---------------------- SPONTANSÖKAN-FORMULÄR ---------------------- */

   .spontanansokanForm {
      padding: 126px 343px 144px 229px !important;
   }

   .spontanansokanForm .title {
      line-height: 44px !important;
      margin: 0px 0px 36px 0px !important;
      text-align: left !important;
   }

   .inputField label,
   .attachFile label {
      margin: 36px 0px 6px 0px !important;
   }

   .inputField input {
      border: 1px solid #344054 !important;
      border-radius: 0px !important;
      padding: 12px 16px !important;
      height: 48px !important;
      color: var(--black) !important;
      font-family: "Open Sans" !important;
      font-size: 14px !important;
      line-height: 24px !important;
      width: 512px !important;
   }

   .spontanansokanForm .attachFile {
      width: 512px !important;
   }

   .spontanansokanForm .frm_submit {
      width: 512px;
   }

   .spontanansokanForm .spontaneouApplicationSubmitButton {
      width: 512px !important;
      margin: 32px 0px 0px 0px !important;
   }

   /* Hantering av error- och successmeddelandet */
   .spontanansokanForm .frm_error_style,
   .spontanansokanForm .frm_message {
      width: 512px;
   }

   /* ---------------------- ALLA NYHETER-SIDA ---------------------- */
   /* INTRO */
   .newsIntroSection {
      padding: 96px 0px !important;
   }

   /* ÖVERSTA POSTEN */
   .newsUpperSectionContainer .firstNewsTitle {
      font-size: 30px;
      line-height: 48px;
      color: #101828;
      display: flex;
      justify-content: space-between;
      margin-top: 32px !important;
   }

   .newsUpperSectionContainer .firstNewsTitle a {
      display: flex;
      justify-content: space-between;
      width: 100%;
   }

   .newsUpperSectionContainer .firstNewsTitle a:hover {
      color: rgba(45, 46, 51, 0.6);
   }

   .newsUpperSectionContainer .firstNewsTitle a span {
      width: fit-content;
   }

   .newsUpperSectionContainer .firstNewsText {
      margin-top: 12px !important;
      font-family: "Open Sans";
      font-size: 18px;
      line-height: 31px;
      letter-spacing: 0.02em;
      color: var(--grey);
   }

   .newsUpperSectionContainer .firstNewsCategories {
      display: flex;
   }

   /* GRID */
   .newsGridContainer {
      padding: 64px 0px !important;
   }
   /* Styling för gridsystemet finns i pluginets stylesheet */

   /* ------------------ SINGEL-NYHETS-SIDAN ------------------ */
   /* INTRO */
   .newsSingleTopSection .category {
      margin-top: 96px;
   }

   .newsSingleTopSection .title {
      line-height: 60px !important;
   }

   /* Content */
   .newsSingleContentContainer {
      margin: 96px 0px 0px 0px !important;
      padding-bottom: 40px !important;
   }

   /* Ingress */
   .newsSingleContentContainer pre {
      margin-bottom: 48px;
      font-weight: 400;
      font-size: 20px;
      line-height: 30px;
      padding-bottom: 32px;
      border-bottom: 2px solid var(--darkblue);
   }

   .newsSingleContentContainer .content h2 {
      font-size: 30px;
      line-height: 38px;
      letter-spacing: 0.02em;
      margin-bottom: 24px;
   }

   .newsSingleContentContainer .content p {
      font-size: 18px;
      margin-top: 16px !important;
   }

   .newsSingleContentContainer .content blockquote {
      margin: 48px 0px;
   }

   .newsSingleContentContainer .content figure {
      margin: 48px 0px !important;
   }

   .newsSingleContentContainer .content blockquote p {
      font-size: 24px;
      line-height: 36px;
   }
   .newsSingleContentContainer .content blockquote cite {
      font-size: 16px;
      line-height: 24px;
      margin-top: 32px !important;
   }

   /* FÖRFATTARE OCH SHARE-IKONER*/
   .newsSingleFooterContainer {
      padding: 24px 0px 96px 0px !important;
   }

   .newsSingleFooterContainer .socialMediaContainer {
      margin-top: 0px !important;
      height: 60px;
      text-align: right !important;
   }

   .newsSingleFooterContainer .socialMediaContainer .shareButtonContainer a:last-child {
      margin-right: 0px;
   }

   /* FLER NYHETER */
   .singleNewsMoreNewsContainer {
      padding-top: 116px !important;
      padding-bottom: 116px !important;
   }

   .singleNewsMoreNewsContainer .firstRow .textSection h3 {
      color: #101828 !important;
   }

   .singleNewsMoreNewsContainer .firstRow .textSection .subTitle {
      margin-top: 20px !important;
   }

   .singleNewsMoreNewsContainer .buttonSection .buttonDesktop a {
      width: 243px !important;
   }

   .singleNewsMoreNewsContainer .sliderMobileSection {
      margin: 0px !important;
   }

   /* SLIDER */
   .singleNewsMoreNewsContainer .sliderSectionDesktop {
      margin-top: 64px !important;
   }

   .singleNewsMoreNewsContainer .uk-slider-container {
      overflow: visible;
   }

   .singleNewsMoreNewsContainer .sliderSectionDesktop img:hover {
      opacity: 0.6;
   }

   .singleNewsMoreNewsContainer .sliderSectionDesktop h3 {
      font-size: 20px;
      line-height: 36px;
      letter-spacing: 0.02em;
      color: var(--black);
      display: flex;
      justify-content: space-between;
   }

   .singleNewsMoreNewsContainer .sliderSectionDesktop h3:hover {
      color: rgba(35, 35, 35, 0.6);
   }

   .singleNewsMoreNewsContainer .sliderSectionDesktop .el-content {
      font-family: "Open Sans";
      font-size: 14px;
      line-height: 24px;
      letter-spacing: 0.02em;
      color: var(--grey);
      margin-top: 6px !important;
   }

   .singleNewsMoreNewsContainer .sliderSectionDesktop .el-content:hover {
      color: rgba(95, 95, 95, 0.6);
   }

   .singleNewsMoreNewsContainer .sliderSectionDesktop .uk-dotnav li a {
      background-color: var(--lightblue) !important;
   }

   .singleNewsMoreNewsContainer .sliderSectionDesktop .uk-dotnav .uk-active a {
      background-color: var(--black) !important;
   }

   .singleNewsMoreNewsContainer .moreNewSliderDesktop .uk-position-relative .uk-position-center-left-out {
      padding-right: 0px;
   }

   .singleNewsMoreNewsContainer .moreNewSliderDesktop .uk-position-relative .uk-position-center-right-out {
      padding-left: 0px;
   }

   /* Pilar */
   .singleNewsMoreNewsContainer .moreNewSliderDesktop .uk-slidenav-container {
      margin: 32px 0px 0px 0px !important;
   }

   .singleNewsMoreNewsContainer .moreNewSliderDesktop .uk-slidenav-container a {
      padding: 0px !important;
   }

   .singleNewsMoreNewsContainer .moreNewSliderDesktop .uk-slidenav-container .navigationArrow {
      width: 50px;
      height: 50px;
      border: 1px solid #eaecf0;
      border-radius: 28px;
      backdrop-filter: blur(8px);
      display: flex;
      justify-content: center;
      background-color: rgba(255, 255, 255, 0.9);
   }

   .singleNewsMoreNewsContainer .moreNewSliderDesktop .uk-slidenav-container .navigationArrowLeft {
      margin-right: 32px;
   }

   .singleNewsMoreNewsContainer .moreNewSliderDesktop .uk-slidenav-container .navigationArrow svg {
      width: 30px;
   }

   .singleNewsMoreNewsContainer .moreNewSliderDesktop .uk-slidenav-container .navigationArrow svg polyline,
   .singleNewsMoreNewsContainer .moreNewSliderDesktop .uk-slidenav-container .navigationArrow svg line {
      stroke: #667085;
   }

   .moreProjectContainer .moreProjectsSliderDesktop .uk-slidenav-container {
      top: 100%;
   }

   /* ---------------------- 404-SIDA ---------------------- */

   .fourOfourSection {
      padding-top: 139px !important;
   }

   .fourOFor-text {
      font-size: 288px;
      line-height: 362.88px;
      /* font-weight: 600 !important; */
   }

   .bottomSectionFourOFour {
      width: 100%;
      margin-top: -81px;
      min-height: 100px;
      padding: 114px 0px 303px 0px !important;
   }

   .excuseMessage {
      font-family: "Sora";
      font-size: 30px;
      line-height: 37.8px;
      font-weight: 600;
      margin: 0px !important;
   }

   .bottomSectionFourOFour .backBtn {
      margin: 61px auto !important;
   }

   /* ----------------- VILLKOR ---------------------- */
   .termsContainer {
      padding: 96px 100px 96px 20px !important;
   }

   /* ----------------- SÖK-RESULTAT ---------------------- */
   .resultsIntro {
      margin-top: 96px !important;
   }

   .resultsContainer img {
      max-width: 500px;
   }

   .search-no-results .tm-main .uk-container {
      padding: 96px 100px;
   }

   /* PAGINATION */
   .search-results .uk-pagination {
      padding-top: 30px !important;
      padding-bottom: 64px !important;
   }

   .search-results .uk-pagination li {
      padding: 10px 17.5px !important;
   }

   /* ---------------------- FOOTER ---------------------- */

   .footerDesktop .uk-container {
      /* padding: 108px 170px 0px 172px; */
      padding-top: 108px;
   }

   /* LOGGA OCH TEXT - FÖRSTA KOLUMNEN*/
   /* Text */
   .footerDesktop .uk-container .uk-grid div:first-child .uk-margin p {
      font-family: "Open Sans";
      color: var(--white);
      font-size: 12px;
      line-height: 18px;
      letter-spacing: 0.02em;
      width: 200px;
      margin: 0px auto;
   }

   /* ANDRA KOLUMNEN */
   .footerDesktop .uk-container .uk-grid h3 {
      font-family: "Sora";
      font-size: 18px;
      font-weight: 700;
      line-height: 33.68px;
      letter-spacing: 0.06em;
      margin-bottom: 20px;
   }

   .footerDesktop .uk-container .uk-grid .secondColumn .linksContentDesktop a {
      padding: 0;
      margin-top: 14px;
      font-family: "Open Sans";
      font-size: 14px;
      line-height: 19.07px;
      font-weight: 600;
      letter-spacing: 0.06em;
   }

   .footerDesktop .uk-container .uk-grid .secondColumn .linksContentDesktop a:hover {
      color: var(--hoverLink);
   }

   /* TREDJE KOLUMNEN */
   .footerDesktop .uk-container .uk-grid .thirdSection .departmentContentDesktop {
      margin-bottom: 29px;
   }

   .footerDesktop .uk-container .uk-grid .thirdSection .departmentContentDesktop a {
      padding: 0;
      margin-top: 14px;
      font-family: "Open Sans";
      font-size: 14px;
      line-height: 19.07px;
      font-weight: 600;
      letter-spacing: 0.06em;
   }

   .footerDesktop .uk-container .uk-grid .thirdSection .departmentContentDesktop a:hover {
      color: var(--hoverLink);
   }

   .footerDesktop .uk-container .uk-grid .thirdSection .socialMediaContentDesktop .uk-grid div {
      padding-left: 0px !important;
      padding-right: 24px;
   }

   .footerDesktop .uk-container .uk-grid .thirdSection .socialMediaContentDesktop .uk-grid .uk-first-column {
      padding-left: 10px !important;
   }

   .footerDesktop .thirdSection .socialMediaContentDesktop svg path:hover {
      fill: var(--hoverLink);
   }

   /* FJÄRDE KOLUMNEN */
   .footerDesktop .uk-container .uk-grid .fourthSection .contactDetails p {
      margin-bottom: 16px;
      margin-top: 0px !important;
   }

   .footerDesktop .uk-container .uk-grid .fourthSection .contactDetails p span {
      font-family: "Open Sans";
      font-size: 14px;
      line-height: 21px;
      font-family: "Open Sans";
      color: var(--white);
   }

   .footerDesktop .uk-container .uk-grid .fourthSection .contactDetails p span a {
      font-family: "Open Sans";
      font-size: 14px;
      line-height: 21px;
      font-family: "Open Sans";
      color: var(--white);
   }

   .footerDesktop .uk-container .uk-grid .fourthSection .contactDetails p span a:hover {
      text-decoration: none;
      color: var(--hoverLink);
   }

   .footerDesktop .uk-container .uk-grid .fourthSection .contactDetails p:last-child {
      margin-bottom: 0px;
   }

   /* COPYRIGHT */

   .copyright {
      padding: 48px 0px 16px 0px !important;
   }
}

@media only screen and (min-width: 1200px) {
   /* ----------------- OM OSS-SIDA ----------------- */
   /* INTRO */
   /* ------------------ KONTAKT-SIDA------------------ */
   /* KONTAKTFORMULÄR */
   .formAndMapContainer .contactFormContainer {
      padding: 126px 120px 126px 120px !important;
   }

   /*----------------------- FÖRFRÅGAN BESIKTNINGSMAN -------------------------- */
   .inspectionIntro {
      padding: 126px 343px 72px 227px !important;
   }

   /* ------------------ FÖRFRÅGAN KONTROLLANSVARIG-FORMULÄR ------------------ */
   .controlManagerIntro {
      padding: 125px 347px 70px 219px !important;
   }

   .controlManagerFormContainer {
      padding: 0px !important;
   }

   .controlManagerFormContainer .uk-container {
      margin-left: 219px;
      margin-right: 50px;
   }
}

@media only screen and (min-width: 1310px) {
   /* ------------------ KONTAKT-SIDA------------------ */

   /* MEDARBETARE */
   .coworkersContainer .areaManagersGrid .uk-grid div img {
      width: 280px !important;
      height: 296px !important;
   }

   /* ------------------ FÖRFRÅGAN KONTROLLANSVARIG-FORMULÄR ------------------ */
   .controlManagerFormContainer .uk-container {
      margin-left: 219px;
      margin-right: 152px;
   }
}