:root {
	--greenLogo: #74af81;
	--greenDark: #334D3D;
	--black5P: rgb(0 0 0 / 5%);
	--black12P: rgb(0 0 0 / 12%);
	--black50P: #000000;
	--greenAccent: #43a15b;
	--blueAccent: #4faadb;
	--redAccent: #d15252;
	--yellowAccent: #d9a655;
	--emailLink: #000000;
	--menuColor: rgba(67, 161, 91, 0.75);
	--btnColorBGcolor: rgb(67 161 91 / 75%);
	--iconOrange: #D9A655;
}

body .primeColorFontDarkGreen {
	color: var(--greenDark);
}

body .primeColorBgDarkGreen {
	background-color: var(--greenDark);
}

body .primeColorBgLightGreen {
	background-color: var(--greenLogo);
}

body .primeColorBgYellowAccent {
	background-color: var(--yellowAccent);
	border-radius: 16px;
	margin: 0 0 4.5rem 0;
	padding: 5.5rem;
}

body .primeColorBgGreenAccent {
	background-color: var(--greenAccent);
	border-radius: 16px;
	margin: 0 0 4.5rem 0;
	padding: 5.5rem;
}

body .primeColorBgBlueAccent {
	background-color: var(--blueAccent);
	border-radius: 16px;
	margin: 0 0 4.5rem 0;
	padding: 5.5rem;
}

body .primeColorBgRedAccent {
	background-color: var(--redAccent);
	border-radius: 16px;
	margin: 0 0 4.5rem 0;
	padding: 5.5rem;
}

body .primeColorBgNoneAccent {
	padding: 0 5.5rem 4.5rem 5.5rem;
    margin: 0;
}

.col-no-12, .col-no-11, .col-no-10, .col-no-9, .col-no-8, .col-no-7, .col-no-6, .col-no-5, .col-no-4, .col-no-3, .col-no-2, .col-no-1 {
	position: relative;
}
.col-no-12 {
	flex: 0 0 100%;
	max-width: 100%;
}
.col-no-11 {
   flex: 0 0 91.66667%;
   max-width: 91.66667%;
}
.col-no-10 {
   flex: 0 0 83.33333%;
   max-width: 83.33333%;
}
.col-no-9 {
   flex: 0 0 75%;
   max-width: 75%;
}
.col-no-8 {
   flex: 0 0 66.66667%;
   max-width: 66.66667%;
}
.col-no-7 {
   flex: 0 0 58.33333%;
   max-width: 58.33333%;
}
.col-no-6 {
   flex: 0 0 50%;
   max-width: 50%;
}
.col-no-5 {
   flex: 0 0 41.66667%;
   max-width: 41.66667%; 
}
.col-no-4 {
   flex: 0 0 33.33333%;
   max-width: 33.33333%;
}
.col-no-3 {
   flex: 0 0 25%;
   max-width: 25%;
}
.col-no-2 {
   flex: 0 0 16.66667%;
   max-width: 16.66667%;
}
.col-no-1 {
   flex: 0 0 8.33333%;
   max-width: 8.33333%;
}

.no-padding{
	padding:0;
}

img {
    vertical-align: middle;
    border-style: none;
    max-width: 100%;
	width: auto;
}

body p {
	color: #000000;
	font-family: "Roboto", Sans-serif;
	font-size: 1.8rem;
	font-weight: 300;
	margin-bottom: 1.5rem;
}

body a {
	color: var(--greenLogo);
	font-family: "Roboto", Sans-serif;
	font-size: 1.8rem;
	font-weight: 300;
	margin-right: 1rem; 
}

body .post-edit-link {
	color:red;
}

 span.page-numbers.current {
	color: var(--greenLogo);
	font-family: "Roboto", Sans-serif;
	font-size: 1.8rem;
   	margin-right: 1rem; 
}


body p:last-of-type {
    margin: 0;
	padding: 0;
}

body p:first-of-type {
    padding: 0;
	margin-top:0;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 1.5rem;
	
}

body .large {
	color: #000000;
	font-family: "Roboto", Sans-serif;
	font-size: 22px;
	font-weight:300;
	overflow: auto;
}

body .colorBlack {
	color: #000000;
}


body li {
    margin-left: 1.9rem;
    font-family: "Roboto", Sans-serif;
    font-size: 1.6rem;
    font-weight: 300;
}

body .colorWhite, body .colorWhite p {
	color: #ffffff;
}
body #sub_hero_text_large p {
	font-family: "Roboto", Sans-serif;
	font-size: 22px;
	font-weight:300;
}

body #sub_hero_text h1 {
	font-size: 32px;
}

body .colorGreen{
	color: #43a15b;
}

body h1, body h2, body h3, body h4, body h5 {
	color: #000000;
	font-family: "Roboto", Sans-serif;
	font-weight:300;
}

body .colorWhite h1, body .colorWhite h2, body .colorWhite h3, body .colorWhite h4, body .colorWhite h5 {
	color: #ffffff;
}

.colorWhite {
	color:#ffffff;
}
body h1 {
	font-size: 5rem;
	padding-bottom: 2rem;
	margin:0;
}

body h2 {
	font-size: 4rem;
	padding-bottom: 2rem;
	margin:0;
}

body h3 {
	font-size: 3rem;
	padding-bottom: 2rem;
	margin:0;
}

body h4 {
	font-size: 2rem;
	padding-bottom: 2rem;
	margin:0;
}

body h5 {
	font-size: 1.8rem;
	font-weight: bold;
	padding-bottom: 2rem;
	margin:0;
}

body h6 {
	font-size: 1.8rem;
	padding: 0;
	margin:0;
	color: var(--greenLogo);
}


body h7 {
	font-size: 1.8rem;
	padding-bottom: 2rem;
	margin:0;
	font-weight: 600;
	color: var(--greenLogo);
}
.sectionHeader {
	position: relative;
	justify-content: space-around;
}

.flexMax1980 {
    display: flex;
    justify-content: space-around;
}

.sectionFooter {
    position: relative;
}

body .primeColorFontDarkGreen {
	color: var(--greenDark);
}

body .primeColorBgDarkGreen {
	background-color: var(--greenDark);
}

body .primeColorBgLightGreen {
	background-color: var(--greenLogo);
}

body .primeColorBgYellowAccent {
	background-color: var(--yellowAccent);
	border-radius: 16px;
}

.colMarginPadding {
	padding: 48px;
    margin: 24px;
}

.PaddingAll {
	padding: 5.5rem;
    margin: 0;
}

.marginPaddingNoTop {
	padding: 0 5.5rem 4.5rem 5.5rem;
    margin: 0;
}

.marginPaddingNoTopLeft {
    padding: 0 0 4.5rem 0;
    margin: 0
}

.marginPadding {
    padding: 5.5rem 0 4.5rem 5.5rem;
    margin: 0;
}

.marginPaddingNoBottom {
    padding: 4.5rem 5.5rem 0 5.5rem;
    margin: 0;
}

.marginPaddingNoBottomNoTop {
    padding: 0 5.5rem 0 5.5rem;
    margin: 0;
}

.marginPaddingOnlyBottom {
    padding: 0 0 5.5rem 0;
    margin: 0;
}

.marginPaddingOnlyTop {
    padding: 5.5rem 0 0 0;
    margin: 0;
}

.marginTop {
    margin-top: 5.5rem;
}

.marginPaddingOnlyRight {
    padding: 0 0 0 5.5rem;
    margin: 0;
}



.marginPaddingNoBottomNoRight {
    padding: 5.5rem 0 0 5.5rem;
    margin: 0;
}

.marginPaddingNoRightNoLeft {
    padding: 5.5rem 0 5.5rem 0;
}

.marginPaddingNoRightNoLeftMarginBottom {
    padding: 5.5rem 0 5.5rem 0;
    margin: 0 0 4.5rem 0;
}

.marginPaddingBottom{
    padding: 0 0 36px 0;
    margin: 0 0 81px 0;
}

body .readMoreBtn {
	color: #ffffff;
    font-family: "Roboto", Sans-serif;
    font-weight: 300;
    font-size: 1.8rem;
    background-color: var(--greenAccent);
    margin: 0;
    border-radius: 8px;
    border: 0;
    cursor: pointer;
    display: inline-flex;
    padding: 7px 32px;
    margin-top: auto;
}


body .readMoreBtn span:hover {
    color: #000000;
}

body .readMoreBtn:hover {
    color: #000000;
    background-color: var(--btnColorBGcolor);
}

body .readMoreBtnWhite {
	color: #43a15b;
    font-family: "Roboto", Sans-serif;
    font-weight: 500;
    font-size: 1.8rem;
    background-color: #ffffff;
    border-radius: 16px;
    border: 0;
    cursor: pointer;
    display: inline-flex;
    padding: 7px 20px;
    margin-top: auto;
}


body .readMoreBtnWhite span:hover {
    color: #000000;
}

body .readMoreBtnWhite:hover {
    color: #000000;
    background-color: var(--btnColorBGcolor);
}

body .lastP {
	padding-bottom: 2rem;
    margin-bottom: 0.5rem;
}

body .hMarginPadding {
	padding-bottom: 2rem;
    margin-bottom: 0.5rem;
}



/******************* NAVIGATION *****************/
.cleanTop {
    display: block;
    height: 160px;
}

.navbar-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    flex-direction: column;
    align-items: center;
    width: 100%;
    z-index: 102;
    position: fixed;
    padding: 0;
    margin: 0;
    -webkit-box-shadow: 0 5px 12px 0 rgb(0 0 0 / 15%);
    box-shadow: 0 5px 12px 0 rgb(0 0 0 / 40%);
    background-color: rgb(0 0 0 / 21%);
    top: 0;
}


.navbar-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 55px;
    padding: 0 7.5%;
    margin: 0;
    background: #f5f5f5;
}

.logo-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    width: 100%;
    justify-content: flex-end;
}

#languages {
    text-decoration: none;
    cursor: pointer;
    font-weight: 500;
    position: relative;
    font-size: 1.5rem;
    color: var(--white);
    padding: 0 24px;
    position: relative;
	z-index:11;
}

.language-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: none;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-bottom: 0rem;
    position: absolute;
    top: 76px;
	z-index: 12000;
    right: 0;
    margin-right: 0;
    padding: 15px 30px 15px 15px;
    border-radius: 0 0 6px 6px;
    background-color: rgb(255 255 255);
    -webkit-box-shadow: 0 5px 12px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 12px 0 rgba(0, 0, 0, 0.15);
}

.navigation__button {
    height: 40px;
    width: 40px;
    position: absolute;
    border-radius: 50%;
    z-index: 2000;
    text-align: center;
    cursor: pointer;
    margin: 0;
    display: inline-block;
}

.navigation__icon, .navigation__icon::before, .navigation__icon::after {
    width: 25px;
    height: 4px;
    background-color: var(--greenLogo);
    display: inline-block;
}

.navigation__icon {
    margin-top: 1.8rem;
    position: relative;
}

.navigation__icon::before, .navigation__icon::after {
    content: "";
    position: absolute;
    left: 0;
    -webkit-transition: all .2s;
    transition: all .2s;
}

.navigation__icon::before {
    top: -10px;
}

.navigation__icon::after {
    top: 10px;
}

.navigation__background {
    height: 40px;
    width: 40px;
    border-radius: 50%;
    z-index: 1000;
}

.navigationBurger {
    position: relative;
	display: none;
}

.logo-links .btn-login, .topNavbar .btn-login {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 3rem;
    background-color: var(--greenLogo);
    color: #fff;
    height: 3rem;
    font-size: 1.5rem;
    font-weight: 400;
    text-transform: uppercase;
    border-radius: 50px;
    border: 0;
    padding: 0 20px;
    cursor: pointer;
    position: relative;
    z-index: 11111;
}

.topNavbar {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
    background: var(--greenDark);
    justify-content: flex-end;
    align-items: center;
    height: 55px;
    position: relative;
    top: 0;
}

.navigation__nav {
    height: 100vh;
    position: fixed;
    top: 85px;
    left: -100%;
    z-index: -1;
    opacity: 0;
    width: 0;
    -webkit-transition: all 0.8s cubic-bezier(0.86, 0, 0.07, 1);
    transition: all 0.8s cubic-bezier(0.86, 0, 0.07, 1);
}

i.fa-magnifying-glass {
	color: var(--greenDark);
    font-size: 22px;
    margin: 0 20px;
    border-radius: 50%;
    padding: 1.2rem;
    background: var(--black12P);
}

.nav-logo {
    width: auto;
    max-height: 44px;
    position: relative;
    top: 50%;
	padding: 0;
    transform: translate(0, -50%);
}

.navigation {
    background-color: var(--greenDark);
    -webkit-box-shadow: none;
    box-shadow: none;
}


.btnClicked {
    left: 0;
    z-index: 1500;
    opacity: 1;
    width: 100%;
    background: #ffffff;
}

.btnClicked3 {
    background-color: transparent;
}

.btnClicked3::after {
    top: 0;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.btnClicked3::before {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    top: 0;
}

i.fas.fa-angle-down {
	top: 2px;
    position: relative;
    font-size: 1.5rem;
    color: var(--white);
}

/*
body #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-flyout ul.mega-sub-menu {
    position: fixed;
    left: 0;
    width: 100%;
}
*/

/******************* LOGIN FORM *****************/

#login-form .login-form-overlay-bg .login-form-bg .login-form-container .login-form-logo .nav-logo-modal {
    margin: 2rem 0 5rem 0;
    position: relative;
    max-width: 135px;
    height: auto;
}

#password-reset-form .password-reset-form-overlay-bg .password-reset-form-bg .password-reset-form-container .password-reset-form-logo .nav-logo-modal {
    margin: 2rem 0 5rem 0;
    position: relative;
    max-width: 135px;
    height: auto;
}


/******************* FORSIDEN *****************/



/******************* FORSIDEN - products 1 *****************/
#products .section-containers-flexRow {
	justify-content: center;
}

.productsSpace {
    margin: 0 11rem;
	width:100%;
	justify-content: space-between;
}

.productBox {
	display: flex;
	position: relative;
	width: -webkit-fill-available;
	padding-right: 2rem;
	justify-content: center;
}

#products .productBoxMain {
	background-color: #ffffff;
    flex: 1;
    text-align: center;
    border-top: 6px solid var(--greenLogo);
	align-content: flex-end;
	padding-top: 30px;
	padding-bottom:20px;
	
}


.productBoxSec img {
    max-width: 100px;
    position: absolute;
    left: calc(50% - 1rem);
    top: -20px;
    transform: translate(-50%, 0);
    background: #ffffff;
    border-radius: 50%;
	border: 1px solid var(--greenLogo);
	padding: 5px;
}



/******************* FORSIDEN - why digirehab *****************/


#whyDigirehab {
    padding-bottom: 5.5rem;
}

#whyDigirehab .whyDigirehabBox {
	display: flex;
	position: relative;
	width: -webkit-fill-available;
}

#whyDigirehab .whyDigirehabBoxMain {
    flex: 1;
    border: 1px solid #ffffff;
	border-radius: 10px;
	padding:2rem;
}

#whyDigirehab .whyDigirehabBoxSec {
    display: flex;
	flex-direction: column;
}

#whyDigirehab .whyDigirehabBoxSec img {
    max-width: 75px;
}

body #whyDigirehab .whyDigirehabBottom {
    text-align: center;
    padding: 5.5rem 0 0 0;
}

body #whyDigirehab .whyDigirehabHead h5 {
	color: var(--greenLogo);
	text-align: center;
}

body #whyDigirehab .whyDigirehabHead h2, body #whyDigirehab .whyDigirehabHead p {
	color: #ffffff;
	text-align: center;
}

body #whyDigirehab .whyDigirehabBox h3, body #whyDigirehab .whyDigirehabBox p, body #whyDigirehab .whyDigirehabBox img {
	text-align: left;
}

body #whyDigirehab .whyDigirehabBox h3, body #whyDigirehab .whyDigirehabBox p {
	color: #ffffff;
}

body #whyDigirehab .whyDigirehabBox h3 {
	color: var(--greenAccent);
	padding-bottom: 2rem;
}

/******************* FORSIDEN - products 2 *****************/
#products2 .section-containers-flexRow {
    gap: 2rem;
	display: flex;
}

.addSpace {
    justify-content: center;
}

#products2 .products2Box {
	display: flex;
	position: relative;
	width: -webkit-fill-available;
    padding-bottom: 5.5rem;
}

#products2 .products2BoxMain {
    flex: 1;
	border-radius: 10px;
	align-content: flex-end;
	padding:2rem;
	background-color: #ffffff;
	position: relative;
    height: 100%;
}

#products2 .products2BoxMain a {
	display: block;
	margin-top: auto;
	transition: all .2s cubic-bezier(.47,0,.745,.715);
}

.mainProduktBox a.readMoreAction:hover {
    transform: translateX(16px);
}

#products2 .headerproducts2 h2, #products2 .headerproducts2 p {
    text-align: center;
}

body #products2 .headerproducts2 h5 {
    color: var(--greenLogo);
    text-align: center;
}

body #products2 .products2TextBox {
    position: relative;
    height: 100%;
}
#products2 .products2BoxSec {
	position: relative;
    height: 100%;
	display: flex;
    flex-direction: column;
}

body #products2 .products2TextBox img {
    max-width: 75px;
}

i.fa-arrow-right {
    font-size: 3rem;
    font-weight: 600;
    color: var(--black12P);
	position: relative;
    bottom: 0;
}

i.fa-classic.fa-solid.fa-circle-arrow-right {
	font-size: 3rem;
    font-weight: 600;
    color: var(--greenLogo);
	position: relative;
    bottom: 0;
	float: left;
    padding-right: 2rem;
}

.readMoreAction span {
    font-size: 1.8rem;
    margin: auto;
    position: relative;
    display: block;
    float: left;
}

.boxArea {
    background-size: cover;
    padding: 5rem 11rem;
    background-color: #ffffff;
    display: flex;
    position: relative;
    flex-direction: column;
    justify-content: center;
	background-position: center;
}

body .mainBoxArea .readMoreBtn {
    margin-top: 5rem;
}

body .boxArea h5 {
	color: var(--greenAccent);
}



#bodyTest {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    margin: 0;
}
 
.containerTest {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr);
    gap: 10px;
    width: 60%;
    height: 60%;
}
 
.itemTest {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: lightblue;
    border: 1px solid #000;
    font-size: 2em;
}
 
.itemTest img {
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
}
 

/******************* FORSIDEN - Senior liv ************/

body #seniorliv .seniorlivText h5 {
	color: var(--greenLogo);
	text-align: center;
}

body #seniorliv .seniorlivText h2, body #seniorliv .seniorlivText p {
	color: #ffffff;
	text-align: center;
}

body #seniorliv .seniorlivText a {
	text-align: center;
	display: block;
}


body #seniorliv .seniorlivIcons img {
    max-width: 115px;
    display: block;
}

body #seniorliv .seniorlivIcons {
    display: flex;
    justify-content: space-around;
}

.seniorlivBoxBG {
    min-height: 100%;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    background-color: var(--greenDark);
    opacity: 0.7;
	z-index: 2;
}

.seniorlivText {
    position: relative;
    z-index: 3;
}

.seniorlivTop {
	height: 100%;
    background-size: cover;
    background-position: center;
    background-position-y: 33%;
    background-repeat: no-repeat;
	align-content: center;
	position: relative;
}

.seniorlivButton {
    background-color: var(--greenDark);
}

section#seniorliv {
    padding-bottom: 5.5rem;
	position: relative;
}
/******************* FORSIDEN HERO ************/
#headerHero {
    height: 40vh;
    background-size: cover;
    background-position: center;
}

.hero-text-con {
    display: grid;
    height: 100%;
    align-content: space-evenly;
}

div#fullNav {
    display: flex;
    align-items: center;
}

.ipadImage {
    height: auto;
    align-content: center;
    text-align: center;
}


.ipadImage img {
    width: 100%;
    height: auto;
    overflow: auto;
    max-height: 600px;
    max-width: 600px;
}


#hero-image-containers {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    height: auto;
    margin: 0 15% 0 15%;
	gap: 24px;
    overflow: hidden;
}

#section-containers {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    height: auto;
    margin: 0 15% 0 15%;

}

#section-containers15 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    height: auto;
    margin: 0 15% 0 15%;
	max-width: calc(1980px - 30%);
}

.section-containers-flexRow {
	flex-direction: row
}

.section-containers-flexCol {
	flex-direction: column;
}

#hero-image-containers .heroBox {
    padding: 0;
	height: calc(82vh - 160px);
}

#hero-image-containers .heroBox2 {
    padding: 0;
	height: calc(82vh - 160px);
	display: flex;
    justify-content: center;
}

#hero-image-containers .hero-text-sub-con {
    position: relative;
    top: calc(50% - 160px);
    transform: translate(0, calc(-50% + 160px));
    height: unset;
    text-align: center;
    padding: 3rem;
    background: #000000b0;
    border: 2px inset;
    max-width: 600px;
    margin: auto;
    border-radius: 10%;
}

/******************* FORSIDEN CARDS ************/

.WrapCol-3 {
    display: grid;
    grid-template-columns: auto auto auto;
    column-gap: 24px;
    row-gap: 24px;
    width: 100%;
    grid-auto-rows: 1fr;
    align-items: center;
	justify-content: center;
}

.cardBox {
	height: 500px;
    width: 100%;
    margin: auto;
    display: grid;
    align-items: center;
    background: #ffffff;
    padding: 4.5em;
    border-radius: 16px;
}

#cards .cardBox:first-of-type {
    background-position: center;
    padding: 0;
    margin: 0;
    background-size: cover;
    overflow: hidden;
	background-position: 0 12%;
}

.mainCardBox {
    display: grid;
    grid-template-rows: 20% 65% 15%;
    width: 100%;
    height: 412px;
}

.mainCardBox h3 {
    margin-bottom: 2rem;
}

.mainCardBox img {
    border-radius: 16px;
}

/******************* FORSIDEN Produkter ************/

.produkterBox {
    border-radius: 16px;
    background: #ffffff;
}

.mainProduktBox h3 {
   	padding-bottom: 2rem;
    margin-bottom: 0.5rem;
}

.WrapCol-2 {
    display: flex;
    width: 100%;
    justify-content: center;
	position: relative;
}

#subVoresProdukter .voresProduktCards {
	background-color: #ffffff;
    border-radius: 10px;
}

.mainProduktBox {
    width: 100%;
    padding: 0 48px 0 48px;
	margin-bottom: 0;
	display: flex;
    flex-direction: column;
}

.mainProduktBox a {
    margin-top:auto;
	width: fit-content;
	transition: all .2s cubic-bezier(.47,0,.745,.715);
}

a.readMoreAction:hover {
    transform: translateX(16px);
}

.mainProduktBox img {
	margin: auto;
    display: block;
	max-height: 300px;
}



.mainProduktBox .topImageProdukt img {
    border-radius: 25px;
    border: 11px solid var(--greenDark);
    position: absolute;
	bottom: 50px;
    right: 0;
    max-width: 300px;
    height: auto;
}

.topImageProdukt {
    position: relative;
}

/******************* FORSIDEN Offer/NEWSLETTER ************/

#newsletter #mc_embed_signup h2 {
	display: none;
}

#newsletter .newsletterMain {
    height: 100%;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    background-color: var(--greenDark);
    opacity: 0.7;
    z-index: 2;
}

#newsletter .newsletterBoxes {
    display: flex;
    padding: 5.5rem 0;
    justify-content: space-around;
    z-index: 5;
}

#newsletter .newsletterTop {
    background-size: cover;
    background-position: center;
    background-position-y: 33%;
    background-repeat: no-repeat;
}


.mainOfferBox {
    width: 100%;
    padding: 0 48px 0 48px;
	margin-bottom: auto;
}

input.wpcf7-form-control.wpcf7-submit {
    color: #ffffff;
    font-family: "Roboto", Sans-serif;
    font-weight: 500;
    font-size: 1.8rem;
    background-color: #43a15b;
    margin: 0;
    border-radius: 5px;
    border: 0;
    cursor: pointer;
    display: inline-flex;
    padding: 7px 32px;
    width: auto;
}

input.wpcf7-form-control.wpcf7-submit:hover {
    color: #000000;
    background-color: var(--btnColorBGcolor);
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

.newsletterForm p {
    display: flex;
    gap: 5px;
}

body .newsletterBoxes h3 {
    color: #ffffff;
}

div#mc_embed_signup .mc-embedded-subscribe {
	color: #ffffff;
    font-family: "Roboto", Sans-serif;
    font-weight: 300;
    font-size: 1.8rem;
    background-color: #43a15b;
    margin: 0;
    border-radius: 5px;
    border: 0;
    cursor: pointer;
    display: inline-flex;
    padding: 7px 32px;
    width: auto;
}

div#mc_embed_signup .mc-embedded-subscribe:hover {
	color: #000000;
    background-color: var(--btnColorBGcolor);
	opacity: 0.7;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

div#mc_embed_signup .mc-field-group {
    padding-right: 10px;
    width: 50%;
    float: left;
}

div#mc_embed_signup .mc-field-group input {
    height: 4.2rem;
    padding: 1.5rem;
    margin-bottom: 2rem;
    border-radius: 6px;
    border: none;
    font-size: 1.4em;
    width: 100%;
}

/******************* FORSIDEN Kundecitat ************/

.gridTwo {
    display: grid;
    grid-template-columns: 30% 70%;
}

.gridTwoFirst p {
    text-align: right;
    padding-right: 48px;
    margin: 0;
}

body .gridTwoSecond .large {
    margin: 0;
    padding-bottom: 3rem;
}

.sa_hover_container img {
    position: absolute;
    right: 75%;
    top: 50%;
    transform: translate(0, -50%);
}

.mainTextBox .owl-carousel .owl-item img {
    display: inline;
    width: 100%;
    max-width: 120px;
}

.sa_hover_container {
    display: grid;
    grid-template-columns: 70%;
    justify-content: end;
}

.mainTextBox .owl-stage-outer p:last-of-type {
    padding-top: 2rem;
}


body #kundecitat .lineheight0 {
	line-height: 1;
}

span.nameLastName {
    font-size: 1.4rem;
    font-weight: 600;
}

span.positionName {
    font-size: 1.3rem;
    padding: 0;
    margin: 0;
    color: var(--greenLogo);
}

/******************* FORSIDEN - LETS TALK ********************/

section#letsTalk {
    background-color: #ffffff;
	padding-bottom: 5.5rem;
}

#letsTalk .section-containers-flexRow {
    gap: 2rem;
	display: flex;
	justify-content: center;
}

#letsTalk .letsTalkBox {
	display: flex;
	position: relative;
	width: -webkit-fill-available;
	border-top: 3px solid var(--greenDark);
    background-color: var(--black5P);
	padding: 2rem 2rem;
	border-radius: 4px;
}

#letsTalk .letsTalkBoxMain {
    flex: 1;
}

#letsTalk .letsTalkBoxSec {
	display: flex;
    min-height: 150px;
    flex-direction: column;
    text-align: center;
}

#letsTalk .letsTalkBoxSec a{
    margin-top: auto;
}

#letsTalk .letsTalkBoxSec img {
   	max-width: 40px;
    position: relative;
    left: 50%;
    transform: translate(-50%, 0);
}

body #letsTalk .letsTalkBottom {
    text-align: center;
}

body #letsTalk .letsTalkBox h4, body #letsTalk .letsTalkBox p, body #letsTalk .whyletsTalkBox img, body #letsTalk .whyletsTalkBox a {
	text-align: center;
}

body #letsTalk .letsTalkHead {
    text-align: center;
}

body #letsTalk .letsTalkHead h5 {
    color: var(--greenLogo);
}

/******************* Footer ************/

footer {
    background-color: var(--greenDark);
    width: 100%;
    padding: 5.5rem 0 0 0;
	-webkit-box-shadow: 0 5px 12px 0 rgb(0 0 0 / 20%);
    box-shadow: 0 -5px 12px 0 rgb(0 0 0 / 20%);
}

#footerPlace p {
    color: #ffffff;
}

#footerPlace {
    background-color: unset;
}

#footerPlace .footerBoxSec a:hover {
	text-decoration:none;
}

#footerPlace .footer-logo {
	width: auto;
    max-width: 100px;
    position: relative;
    display: block;
    padding-bottom: 2rem;
    margin-bottom: 0.5rem;
}

body .footerBox li {
    color: var(--greenLogo);
}

.footerBox ::marker {
    content: " > ";
    font: menu;
}

#footerPlace .footerTextBox .dashicons:before {

    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
	color: #ffffff;
}

#footerPlace .footerTextBox .dashicons {
    border-radius: 50%;
    padding: 2rem;
    position: relative;
    background-color: var(--greenLogo);
	margin-right: 1rem;
    margin-top: 1rem;
}

#footerPlace h2 {
    color: #ffffff;
}
#footerPlace span.dashicons {
    position: absolute;
    left: -10px;
    padding-top: 2px;
    color: var(--greenLogo);
}
.footerCol {
    column-gap: 48px;
}

#block-6 figure {
    margin: 0;
}

i.fa-brands.fa-linkedin-in {
    font-size: 25px;
    background: #74af81;
    color: #ffffff;
    padding: 10px;
    border-radius: 50%;
    width: 45px;
    height: 45px;
    text-align: center;
}


body .footerFlex {
    gap: 48px;
}

.blockFooter2 p {
    padding-right: 48px;
}

body .footerBlock .wpcf7-text {
	background-color: var(--black5P);;
    border: 1px solid var(--greenAccent);
}

#editAdmin {
    position: relative;
    width: 100%;
}

#section-extra-footer p {
    padding: 0;
    padding-right: 1rem;
    margin: 0;
}

#section-extra-footer {
    display: flex;
    width: 100%;
	align-items: center;
}

.footerExtraLeft {
    display: flex;
    margin-right: auto;
}

.footerExtraRight {
    display: flex;
    margin-left: auto;
}

#section-extra-footer-bar {
    background-color: var(--greenLogo);
    padding: 2rem 0;
}

#section-extra-footer .footerExtraRight p:after {
    content: " | ";
    font-size: 22px;
    padding-left: 1rem;
}

/****************FAQ***************************/

#faq {
	padding-top: 5.5rem;
	padding-bottom: 5.5rem;
	background-color: #ffffff;
}

#accordionExample {
	width: 100%;
    max-width: 700px;
    margin: auto;
}

#accordionExample .card:last-of-type {
    margin-bottom: 0;
}

#faq a, #faq a:hover, #faq a:focus, #faq a:active {
    text-decoration: none;
    outline: none;
}

#faq .accordion .card {
    background: #ffffff;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0;
    border-bottom: 1px solid var(--black12P);
    border-style: dashed;
}

#faq .accordion .card:not(:first-of-type) .card-header:first-child {
    border-radius: 10px;
}

#faq .accordion .card .card-header {
    border: none;
    border-radius: 0;
    padding: 0;
    margin-bottom: 0;
}

#faq .accordion .card .card-header h5 {
    padding: 0;
}

#faq .accordion .card .card-header h5 button {
    text-decoration: none;
    padding: 0 5.5rem 0 5.5rem;
    height: 80px;
    display: block;
    width: 100%;
    color: #000000;
    text-align: left;
    background: #ffffff;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    position: relative;
    border: 0;
}

#faq .accordion .card .card-header h5 button:after {
    color: var(--iconOrange);
    position: absolute;
    left: 15px;
    top: 50%;
    margin-top: -14px;
    width: 25px;
    height: 25px;
    background-color: #ffffff;
    text-align: center;
    border: 2px solid var(--iconOrange);
    border-radius: 50%;
    line-height: 100%;
    content: '\f067';
    font-size: 10px;
    line-height: 21px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

#faq .accordion .card .card-header h5 button.collapsed {
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#faq .accordion .card .card-header h5 button[aria-expanded="true"]:after {
    content: '\f068';
    color: var(--iconOrange);
}

#faq .accordion .card .card-body {
    border-radius: 0;
    padding-top: 0;
    padding-left: 5.5rem;
    padding-right: 5.5rem;
    padding-bottom: 2rem;
    border: 0;
    background: #ffffff;
}

/******************* curious ************/

#curious {
	padding-bottom: 5.5rem;
}

#curious .seniorlivText {
	text-align: center;
}

#curious .seniorlivText h5, #curious .seniorlivText p {
	color: #ffffff;
}

/******************* TIMELINE **********************************/



#timelineYear #accordionExampleTime {
	width: 100%;
    max-width: 700px;
    margin: auto;
}

#timelineYear #accordionExampleTime .cardTime:last-of-type {
    margin-bottom: 0;
}

#timelineYear a, #timelineYear a:hover, #timelineYear a:focus, #timelineYear a:active {
    text-decoration: none;
    outline: none;
}

#timelineYear .accordionTime .cardTime {
    background: #ffffff;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0;
    border-bottom: 1px solid var(--black12P);
    border-style: dashed;
}

#timelineYear .accordionTime .cardTime:not(:first-of-type) .card-headerTime:first-child {
    border-radius: 10px;
}

#timelineYear .accordionTime .cardTime .card-headerTime {
    border: none;
    border-radius: 0;
    padding: 0;
    margin-bottom: 0;
}

#timelineYear .accordionTime .cardTime .card-headerTime h5 {
    padding: 0;
}
#timelineYear .accordionTime .cardTime .card-headerTime h5 button {
    text-decoration: none;
    padding: 0 5.5rem 2rem 5.5rem;
    display: block;
    width: 100%;
    color: #000000;
    background: #ffffff;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    position: relative;
    border: 0;
}

#timelineYear .accordionTime .cardTime .card-headerTime h5 button:after {
	color: var(--iconOrange);
    position: absolute;
    bottom: 1rem;
    left: 50%;
    transform: translate(-50%, 0);
    margin-top: 0px;
    width: 25px;
    height: 25px;
    background-color: transparent;
    text-align: center;
    border-radius: 50%;
    line-height: 100%;
    content: '\f107';
    font-size: 2rem;
    line-height: 21px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

#timelineYear .accordionTime .cardTime .card-headerTime h5 button.collapsedTime {
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#timelineYear .accordionTime .cardTime .card-headerTime h5 button[aria-expanded="true"]:after {
    content: '\f106';
    color: var(--iconOrange);
}

#timelineYear .accordionTime .cardTime .card-bodyTime {
    border-radius: 0;
    padding-top: 0;
    padding-left: 5.5rem;
    padding-right: 5.5rem;
    padding-bottom: 2rem;
    border: 0;
    background: #ffffff;
}


#timelineText, #timelineYear {
	padding-bottom: 5.5rem;
}


.contentTime h4 {
	background: var(--greenLogo);
	padding: 1rem;
    padding-left: 2rem;
    margin: auto;
    margin-bottom: 2rem;
}

body .contentTime p {
	padding: 2rem;
    padding-top: 0;
}

/* The actual timeline (the vertical ruler) */
.timelineTime {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
	width: 100%;
}

body .contentTime p:first-of-type {
    margin: 0;
}

/* The actual timeline (the vertical ruler) */
.timelineTime::after {
  content: '';
  position: absolute;
  width: 6px;
  background-color: white;
  top: 0;
  bottom: 0;
  left: 50%;
  margin-left: -3px;
}

/* Container around content */
.containerTime {
  padding: 14px 40px;
  position: relative;
  background-color: inherit;
  width: 50%;
}

/* The circles on the timeline */
.containerTime::after {
  content: '';
  position: absolute;
  width: 25px;
  height: 25px;
  right: -12px;
  background-color: white;
  border: 4px solid #FF9F55;
  top: 22px;
  border-radius: 50%;
  z-index: 1;
}

/* Place the container to the left */
.leftTime {
  left: 0;
}

/* Place the container to the right */
.rightTime {
  left: 50%;
}

/* Add arrows to the left container (pointing right) */
.leftTime::before {
	content: " ";
    height: 0;
    position: absolute;
    top: 14px;
    width: 0;
    z-index: 1;
    right: 18px;
    border: medium solid white;
    border-width: 22px 0 22px 22px;
    border-color: transparent transparent transparent var(--greenLogo);
}

/* Add arrows to the right container (pointing left) */
.rightTime::before {
	content: " ";
    height: 0;
    position: absolute;
    top: 14px;
    width: 0;
    z-index: 1;
    left: 18px;
    border: medium solid white;
    border-width: 22px 22px 22px 0;
    border-color: transparent var(--greenLogo) transparent transparent;
}

/* Fix the circle for containers on the right side */
.rightTime::after {
  left: -13px;
}

/* The actual content */
.contentTime {
  background-color: white;
  position: relative;
  border-radius: 6px;
}

/* Media queries - Responsive timeline on screens less than 600px wide */
@media screen and (max-width: 992px) {
  /* Place the timelime to the left */
  .timelineTime::after {
  left: 31px;
  }
  
  /* Full-width containers */
  .containerTime {
  width: 100%;
  padding-left: 70px;
  padding-right: 25px;
  }
  
  /* Make sure that all arrows are pointing leftwards */
  .containerTime::before {
		left: 48px;
        border: medium solid white;
        border-width: 2.2rem 22px 2.3rem 0;
        border-color: transparent var(--greenLogo) transparent transparent;
  }

  /* Make sure all circles are at the same spot */
  .leftTime::after, .rightTime::after {
  left: 18px;
  }
	
.containerTime::after {
    top: 19px;
}
  
  /* Make all right containers behave like the left ones */
  .rightTime {
  left: 0%;
  }
}

.timelineText {
    text-align: center;
}

body .timelineText h4{
    color: var(--greenDark);
}

/******************* CONTACT ************/



.contactBox {
    display: flex;
	justify-content: center;
	margin: auto;
	width: 100%;
}

.contactCard {
	padding: 0;
    padding-right: 2rem;
    display: flex;
    flex-direction: column;
}

.contactCardImg {
    display: flex;
    justify-content: center;
    z-index: 2;
}

.contactCard img {
	max-width: 150px;
    border-radius: 100px;
    width: 100%;
	background: #ffffff;
    -webkit-box-shadow: 2px 2px 8px 0px rgb(0 0 0 / 40%);
    box-shadow: 2px 2px 8px 0px rgb(0 0 0 / 40%);
}


.contactCardText h6, .contactCardText p{
	text-align: center;
}

.contactCardText {
    background: #ffffff;
    -webkit-box-shadow: 2px 2px 8px 0px rgb(0 0 0 / 40%);
    box-shadow: 2px 2px 8px 0px rgb(0 0 0 / 40%);
    flex: 1;
    padding: 2rem;
    padding-top: 8rem;
    border-radius: 16px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    top: -5.5rem;
    z-index: 1;
	width: 100%;
    max-width: 300px;
    margin: auto;
}

.contactCardText a {
    font-size: 1.6rem;
    text-align: center;
    display: block;
    margin: 0;
    padding: 0;
}

/******************* NORMAL PAGE ************/

#normalpageContent {
	padding-bottom:5.5rem;
}

#normalPageNoBG {
    padding-top: 5.5rem;
    padding-bottom: 5.5rem;
}
#normalPageNoBG .casesPageBox {
    text-align: center;
    max-width: 650px;
    width: 100%;
    margin: auto;
}

#normalPageNoBG .casesPageBox h4{
	color: var(--greenDark);
}

#normalPageNoBG .casesPageBox {
    text-align: center;
}
/******************* Sub pages ************/

.circleTextBox {
    background-color: #ffffff;
    border-radius: 50%;
    height: 300px;
    width: 300px;
    display: grid;
    text-align: center;
    justify-items: center;
    align-content: center;
}

.circleTextBox p {
    margin: 0;
    width: 100%;
    max-width: 200px;
}

.circleTextBox h1 {
   	font-size: 7rem;
    color: #4faadb;
}

#introduction .mainBoxArea h2 {
	font-size: 35px;
}

.WrapColIntro {
	display: grid;
    grid-template-columns: auto 33%;
    column-gap: 24px;
    row-gap: 24px;
    width: 100%;
    grid-auto-rows: 1fr;
    align-items: center;
    justify-content: center;
}

.WrapColSubCard {
	display: grid;
    grid-template-columns: 32% 32% 32%;
    column-gap: 24px;
    width: 100%;
    grid-auto-rows: 1fr;
    align-items: center;
    justify-content: center;
}

.subCardBox {
	height: 100%;
    width: 100%;
    margin: 0;
    display: grid;
    background: #ffffff;
    padding: 0;
    border-top-right-radius: 16px;
    border-top-left-radius: 16px;
    align-content: space-between;
}

.subMainCardBox {
    display: grid;
    height: 100%;
    width: 100%;
    align-content: space-evenly;
    justify-items: start;
}

.subCardTextBox {
    padding: 0 4.5rem 5rem 4.5rem;
}

.subMainCardBox img {
    border-top-right-radius: 16px;
    border-top-left-radius: 16px;
}

.gridOrder1 {
	order:1;
}

#subValueMaking #section-containers .subValueMakingContainer {
    background-color: var(--blueAccent);
	border-radius: 16px;
}

#subValueMaking hr {
	border: 0;
	border-bottom: 1px solid rgb(242 242 242);
    border-top: 1px solid rgb(242 242 242);
    margin: 2.75rem 4.5rem;
}

#subValueMaking .WrapCol-2 {
	min-height:unset;
}

.mainCaseBox {
    width: 100%;
    padding: 0 48px 0 48px;
    margin-bottom: 0;
	display: grid;
    height: 100%;
    align-content: space-between;
	justify-content: space-around;
}

body .mainCaseBox .readMoreBtn {
    margin: auto;
    margin-left: 0;
}

.subMainContactBox {
    padding: 5.5rem;
    margin: 0;
    background: var(--blueAccent);
    border-radius: 16px;
    margin-bottom: 5.5rem;
	width: 100%;
}

.subContactPersonCol .wp-block-column{
    align-content: space-evenly;
}

.subContactPersonCol .wp-block-column figure {
	text-align: center;
}

.subContactPersonCol .wp-block-column img {
    max-height: 150px;
    width: auto;
}

.subContactPersonCol .wp-block-column a {
	color: var(--emailLink);
    font-weight: 400;
}

.hero-text-sub-con {
    height: 100%;
}

.hero-text-sub-con h1 {
    color: #ffffff;
}

.hero-text-sub-con h3 {
    color: var(--greenAccent);
    margin-bottom: 2.5rem;
    padding-bottom: 0.5rem;
}

.hero-text-sub-con p {
    color: #ffffff;
}

#sub-page-container h4 {
    padding: 3rem 0 2rem 0;
}


/******************* CASES THE CASE ************/

#caseMainText {
	padding-bottom: 5.5rem;
}




#caseMainText #section-containers {
	background: #ffffff;
}

#caseHero {
    height: calc(82vh - 160px);
    background-size: cover;
    padding-top: 5.5rem;
}

#caseHero-container {
    margin: 0;
    overflow: hidden;
    height: 430px;
    background-size: cover;
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
}

.caseTitleText {
    padding: 5.5rem;
}

#caseArticle {
    padding: 0;
}

.caseSidebar {
    background: var(--black12P);
}

#caseArticle:first-of-type {
    background: #ffffff;
	border-top-right-radius: 20px;
    border-top-left-radius: 20px;
}

#caseArticleFull {
    padding: 0;
	margin:auto;
    margin-top: 5.5rem;
    background: #ffffff;
	border-top-right-radius: 20px;
    border-top-left-radius: 20px;
}

#caseArticle {
    padding: 0;
    margin-top: 5.5rem;
}

#caseArticle .caseSidebar {
    padding: 5.5rem;
    border-top-right-radius: 16px;
    border-top-left-radius: 16px;
}


#caseArticle .caseTitleText h3, #caseArticleFull .caseTitleText h3{
    color: var(--greenLogo);
	font-weight:600;
	padding-top: 2rem;
	padding-bottom:0;
}

#caseArticle .caseSidebar h3 {
    color: var(--greenLogo);
	font-weight:600;
}

#caseMainText #section-containers {
	background:transparent;
}

#caseMainText .caseTitleText h1{
	color: var(--greenDark);
}

#caseArticle .caseTitleText h4, #caseArticleFull .caseTitleText h4{
    color: var(--greenLogo);
}

#caseArticle .caseTitleText h5, #caseArticleFull .caseTitleText h5{
	font-weight:400;
}

#caseArticle .caseTitleText h5{
	padding-bottom: 5.5rem;
}

body .heroSingleBox h3 {
    padding-bottom: 4.5rem;
}

body .heroSingleBox h2 {
    margin: 0;
    padding: 0;
}

body .seachFilterBtn {
    color: #000000;
    font-family: "Roboto", Sans-serif;
    font-weight: 500;
    font-size: 1.8rem;
    background-color: #ffffff;
    margin-right: 1rem;
    border-radius: 32px;
    border: 0;
    cursor: pointer;
    display: inline-flex;
    padding: 7px 32px;
    margin-top: auto;
}

body #seachTerm button:active {
	background-color: rgba(0, 0, 0, 0.12)
}

body .AllBtnName {
    background-color: rgba(0, 0, 0, 0.12);
}

#ourCases .subMainContactBox {
    background: var(--yellowAccent);
}

.maxWidthContent {
	width:100%;
}

.mainCaseBox img {
    vertical-align: middle;
    border-style: none;
    max-height: 415px;
}

	.casesBoxImg img {
    	max-width: 600px;
	}


/******************* CASES / NEWS ************/
body #casesPage .casesPageText h5 {
	color: var(--greenLogo);
	text-align: center;
}

body #casesPage .casesPageText h2, body #casesPage .casesPageText p {
	color: #ffffff;
	text-align: center;
}

body #casesPage .casesPageText a {
	text-align: center;
	display: block;
}


.casesPageBoxBG {
    min-height: 430px;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    background-color: var(--greenDark);
    opacity: 0.7;
	z-index: 2;
	display:none;
}

.casesPageText {
    position: relative;
    z-index: 3;
}

.casesPageTop {
	min-height: 430px;
    background-size: cover;
    background-position: center;
    background-position-y: 33%;
    background-repeat: no-repeat;
	-webkit-box-shadow: 2px 2px 8px 0px rgb(0 0 0 / 40%);
    box-shadow: 2px 2px 8px 0px rgb(0 0 0 / 40%);
}

.casesPageContainer {
    min-height: 430px;
    justify-content: center;
}

#casesPage {
    padding-bottom: 5.5rem;
}

.casesPageIntro {
    text-align: center;
}

.casesBoxImg {
    width: 100%;
    height: 250px;
    overflow: hidden;
	border-radius: 10px 10px 0 0;
	background: #ffffff;
	-webkit-box-shadow: 2px 2px 8px 0px rgb(0 0 0 / 40%);
    box-shadow: 2px 2px 8px 0px rgb(0 0 0 / 40%);
}



.casesBoxContainer.col-xl-4 {
    margin-bottom: 5.5rem;
}

.casesBoxContainer {
    border-radius: 10px;
}

.paddingCases {
    padding: 3.5rem;
    margin: 0;
    display: flex;
    height: calc(300px + 3.5rem);
	background: #ffffff;
	flex-direction: column;
	-webkit-box-shadow: 2px 2px 8px 0px rgb(0 0 0 / 40%);
    box-shadow: 2px 2px 8px 0px rgb(0 0 0 / 40%);
}

.casesBoxText {
    overflow: hidden;
}

.casesBoxBtn {
    margin-top: auto;
	transition: all .2s cubic-bezier(.47,0,.745,.715);
}

.casesBoxBtn:hover {
    transform: translateX(16px);
    margin-top: auto;
    width: fit-content;
}

body #casesPage .readMoreBtn {
	margin-top: 0;
}

.greenFull {
	background-color: var(--greenDark);
    margin: 0 -2rem;
}

/******************** EFFECT CALCUCLATOR ***********************/


.effect-close-icon {
    z-index: 1;
    position: absolute;
    top: 0;
	right: 0;
    width: 25px;
    height: 25px;
    filter: invert(1);
	cursor: pointer;
}

#header-effectrapport {
    display: grid;
    grid-template-columns: 50% 50%;
    position: relative;
    top:0;
    height: 600px;
}

#effektrapporter #leftHeader h1 {
    color: #ffffff;
}

.popupContent .popupContentImg {
    position: absolute;
    max-width: 160px;
    height: auto;
    width: 100%;
    top: 40px;
    right: 40px;
    z-index: 10;
}

/******************* SLIDER  ************/

/* Slideshow container */
.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
}

/* Hide the images by default */
.mySlides {
  display: none;
}

.mySlides {
    flex-direction: column;
    align-items: center;
	justify-items: center;
	text-align: center;
}

.mySlides img {
    max-width: 60px;
	padding-bottom: 2rem;
}

/* Next & previous buttons */
.slideshow-main .prev, .slideshow-main .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 1.8rem;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "next button" to the right */
.slideshow-main .next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.slideshow-main .prev:hover, .slideshow-main .next:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
body .slideshow-container .text {
    padding: 8px 12px;
    position: relative;
    width: 100%;
    margin: auto;
}

body .slideshow-container .text em {
	color: #000000;
	font-size: 22px;
	font-weight:300;
	overflow: auto;
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active, .dot:hover {
  background-color: #717171;
}

/* Fading animation */
.fadeThis {
  animation-name: fade;
  animation-duration: 1.5s;
}

@keyframes fade{
  from {opacity: .4}
  to {opacity: 1}
}


/********************************* SUB SITE ***********************************/

/********************************* DIGIREHAB ***********************************/

#headerHeroSub {
    min-height: 500px;
    position: relative;
    width: 100%;
    left: 0;
    top: 0;
    background-color: var(--greenDark);
    z-index: 2;
}

.SubHeaderTextBoxMain img {
    max-width: 132px;
}

#section-containers-Digi {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    height: auto;
    margin: 0 15% 0 15%;
	position: relative;
    margin-top: -178px;
    z-index: 11;
}

.SubHeaderTextBox {
    display: flex;
    flex-direction: column;
    margin: auto;
}



.SubHeaderTextBoxMain {
    background-color: var(--greenDark);
    height: 176px;
	align-content: space-around;
}

.SubHeaderTextBoxMain.SubHeaderTextBoxMain1.row {
    position: relative;
    z-index: 11;
    background-color: #233527c2;
}

#subIntroduction .SubHeaderTextBoxMain p, #subIntroduction .SubHeaderTextBoxMain h3, #subIntroduction .SubHeaderTextBoxMain h2, #subIntroduction .SubHeaderTextBoxMain h1{
	color: #ffffff;
}

/******************* RANDOM FUNTIONS ************/

.back-to-top {
    z-index: 1;
}

/******************* RESPOSIVE ******************/

/******************* Extra Large (1800px) ******************/
@media (max-width: 1800px) 
{

}

/******************* Extra Large (1200px) ******************/
@media (max-width: 1200px) 
{
	

	.mainProduktBoxImg {
		display:none;
	}
	.boxArea2 {
		display: none;
	}
	#fullNav, #seachMenuFullSize, .remove1200 {
		display:none;	
	}
	.navigationBurger {
    	display: block;
	}
	
	.WrapCol-3 {
		grid-template-columns: 50% 50%;
	}
	
	.cardBox {
		padding: 2.2em;
	}
	
	#whyDigirehab .whyDigirehabBoxMain {
		margin-bottom: 2rem;
	}
	#whyDigirehab .whyDigirehabBoxSec {
		display: block;
		min-height: unset;
	}
	
	.boxArea {
		padding: 4rem 3rem;
	}
	.boxArea.boxArea1.col-xl-6 {
		margin-bottom: 5.5rem;
	}
	
	.paddingCases {
		display: flex;
		flex-direction: column;
		height: calc(350px + 3.5rem);
	}
	
	.casesBoxImg {

		max-height: 500px;
	}
	
	#caseHero {
		height: calc(75vh - 160px);
	}
	/*
	.casesBoxImg img {
    	max-width: 100%;
	}*/
	
	.casesBoxContainer.col-xl-4 {
		flex: 0 0 50%;
		max-width: 50%;
	}
	
	div#mc_embed_signup .mc-field-group {
		padding-right: 0;
		width: 100%;
		float: unset;
		max-width: 223px;
		margin: auto;
	}
	#footerPlace div#mc_embed_signup .mc-field-group {
		margin: 0;
	}
	.footerBox {
		padding-bottom: 2rem;
	}
	#footerPlace .contactFooter span.dashicons {
		left: 13px;
	}
	#footerPlace .contactFooter p {
		padding-left: 3rem;
	}
	
	#newsletter .newsletterBoxes {
		text-align: center;
	}
	
	.WrapCol-2 {
		display: grid;
		grid-template-columns: 100%;
		column-gap: 0;
		row-gap: 24px;
		width: 100%;
		grid-auto-rows: 1fr;
		align-items: center;
	}
	
	#products2 .products2Box {
		padding-bottom: 2rem;
	}
	#products2 .products2Box:last-of-type {
		padding-bottom: 5.5rem;
	}
	

}

/******************* Large (992px) ******************/
@media (max-width: 992px) {
	.WrapCol-3 {
		display: grid;
		grid-template-columns: 100%;
		column-gap: 0;
		row-gap: 24px;
		width: 100%;
		grid-auto-rows: 1fr;
		align-items: center;
	}

	
	body h2 {
		font-size: 3.8rem;
	}
	
	.productBox {
		margin-top: 0;
	}
	
	.productBox:first-of-type {
		margin-top: calc(5.5rem + 20px);
	}
	
    #header-effectrapport {
        display: flex;
        grid-template-columns: 100%;
        position: relative;
        top: 0;
        height: 600px;
    }
}

/******************* Medium (768px) ******************/
@media (max-width: 768px) {

	
	.sa_hover_container img {
		position: relative;
		left: 0;
		top: unset;
		transform: unset;
		margin-bottom: 4.5rem;
	}
	
	.sa_hover_container {
		grid-template-columns: 100%;
	}
	

	.footerExtraRight {
		flex-direction: column;

	}
	#caseHero {
		height: calc(50vh - 160px);
	}
	
	body h1 {
		font-size: 4rem;
	}
	body p {
		font-size: 1.8rem;
	}
	
	.productBoxSec img {
		max-width: 75px;
		top: -9px;
	}
	
	.casesBoxContainer.col-xl-4 {
		flex: 0 0 100%;
		max-width: 100%;
	}
	
    .paddingCases {
        height: auto;
        min-height: 300px;
    }
}

/******************* Small (576px) ******************/
@media (max-width: 576px) {

}

/******************* xSmall (480px) ******************/
@media (max-width: 480px) {

}

/******************* Smallest (320px) ******************/
@media (max-width: 320px) {

}


/******************* OVER Extra Large (1200px) ******************/
@media (min-width: 1200px) {
	.mainBoxArea {
		display: flex;
		width: 100%;
		min-height: 600px;
	}
	
	#caseArticle:first-of-type {
		flex: 0 0 calc(66.666666% - 5.5rem);
        max-width: calc(66.66666% - 5.5rem);
        margin-right: 5.5rem;
	}

}
/******************* ADMIN EDIT CUSTOM CODE ******************/

span.edit-link {
    position: absolute;
    left: 2%;
	z-index: 100;
}

span.edit-link a{
	color: red;
}

#caseCitat, #seachTerm, #ourCases, #frontFooter, #sub-page-container #kundecitat, div#seachMenuMobilSize {
	display: none;
}

.dontShow {
	display: none;
}

/************************************* KYNDE PLACE ****************************/

#headerHero .heroButtonSvg {
	position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
}

@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,600);
.snip1336 {
  font-family: 'Roboto', Arial, sans-serif;
  position: relative;
  overflow: hidden;
  margin: 10px;
  min-width: 230px;
  max-width: 315px;
  width: 100%;
  color: #ffffff;
  text-align: left;
  line-height: 1.4em;
  background-color: #141414;
	    -webkit-box-shadow: 5px 5px 19px 0px rgb(7 123 135);
    box-shadow: 5px 5px 19px 0px rgb(7 123 135);
}
.snip1336 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.snip1336 img {
  max-width: 100%;
  vertical-align: top;
  opacity: 0.85;
}
.snip1336 figcaption {
  width: 100%;
  background-color: #141414;
  padding: 25px;
  position: relative;
}
.snip1336 figcaption:before {
  position: absolute;
  content: '';
  bottom: 100%;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 55px 0 0 400px;
  border-color: transparent transparent transparent #141414;
}
.snip1336 figcaption a {
  padding: 5px;
  border: 1px solid #ffffff;
  color: #ffffff;
  font-size: 0.7em;
  text-transform: uppercase;
  margin: 10px 0;
  display: inline-block;
  opacity: 0.65;
  width: 47%;
  text-align: center;
  text-decoration: none;
  font-weight: 600;
  letter-spacing: 1px;
}
.snip1336 figcaption a:hover {
  opacity: 1;
}
.snip1336 .profile {
  border-radius: 50%;
  position: absolute;
  bottom: 100%;
  left: 25px;
  z-index: 1;
  max-width: 90px;
  opacity: 1;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
}
.snip1336 .follow {
  margin-right: 4%;
  border-color: #2980b9;
  color: #2980b9;
}
.snip1336 h2 {
    margin: 0 0 5px;
    font-weight: 300;
    color: #ffffff;
    font-size: 3rem;
}
.snip1336 h2 span {
  display: block;
  font-size: 0.5em;
  color: #2980b9;
}
.snip1336 p {
  margin: 0 0 10px;
  font-size: 0.8em;
  letter-spacing: 1px;
  opacity: 0.8;
	color: #ffffff;
}