:root {
	--greenLogo: #74af81;
	--greenDark: #334D3D;
	--greenLow: #3a5a4c;
	--greenMid: #82ad85;
	--greenHigh: #ccddce;
	--black: #000000;
	--gray: #d6d6d6;
	--grayLight: #f2f2f2;
	--grayLightVery: #F5F5F5;
	--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;
	--brunGrundFarve: #a5956f;
	--creamGrundFarve: #eae7de;
}

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 .h1P p {
	font-size: 6rem;
    color: var(--greenDark);
    font-weight: 400;
}

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


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

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

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

a.prev.page-numbers {
    margin-right: 1rem;
}

a.next.page-numbers {
    margin-left: 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.8rem;
    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: var(--greenAccent);
}

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;
	background-color: var(--grayLight);
	justify-content: space-around;
	/*display: flex;*/
}

.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;
	margin: 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(--greenMid);
    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: var(--greenAccent);
    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(255 255 255);
}


.navbar-wrapper {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 105px;
    padding: 1.5rem 15%;
    margin: 0;
}

.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;
    font-size: 1.5rem;
    color: var(--greenLogo);
    padding: 0 24px;
    position: relative;
    z-index: 11;
    right: 0;
}

.language-container a {
    width: auto;
	height: 30px;
    border-bottom: 1px solid;
    padding: 0 15px;
	padding-top: 2px;
	margin: 0;
}

.language-container a:last-of-type {
    border-bottom: 0;
}

.language-container span {
    color: #000000;
    font-size: 1.6rem;
}

.language-container img {
    box-shadow: 1px 1px 3px 0px #00000080;
    display: inline-block;
    position: relative;
    left: 0;
    top: -1px;
    margin-right: 2rem;
}

.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: 55px;
    z-index: 12000;
    right: 0;
    flex-direction: column;
    margin: 0;
    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 {

    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;
    background-color: var(--greenDark);
    color: var(--greenLogo);
    height: 3rem;
    font-size: 1.5rem;
    font-weight: 400;
    text-transform: uppercase;
    border-radius: 50px;
    border: 0;
    padding: 0 20px 0 5px;
    cursor: pointer;
    position: relative;
    z-index: 11111;
}

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

.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(--gray);
}

.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(--greenLogo);
}

.loginIcon i {
    color: var(--greenLogo);
    font-size: 1.7rem;
	cursor: pointer;
}

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

body #mega-menu-wrap-main-menu #mega-menu-main-menu li.contactMenu {
    background-color: var(--greenDark);
    border-radius: 30px;
}



#mega-menu-wrap-main-menu #mega-menu-main-menu > li.contactMenu > a.mega-menu-link {
    color: #ffffff;
}

#mega-menu-wrap-main-menu #mega-menu-main-menu > li.contactMenu > a.mega-menu-link:hover {
    color: #ffffff;
}

/******************* 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;
}

	body #products .iconProduct1TextBox {
		display: none;
	}

.productsSpace {
	width: 100%;
    margin: 0;
    background: var(--greenDark);
    margin-bottom: 5.5rem;
	border-radius: 10px;
	margin-top: -15px;
}

.productBox {
	display: flex;
    position: relative;
    width: -webkit-fill-available;
    padding: 0;
    margin: 0;
}



#products .productBoxMain {
	flex: 1;
    text-align: center;
    align-content: flex-end;
    padding-top: 40px;
    border-left: 1px solid var(--greenLow);
    margin-top: 20px;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

#products .productBox .productBoxMain0 {
    border-left: 0;
}

body #products .productBoxMain h4 {
    color: #ffffff
}

body #products .productBoxMain .readMoreBtn {
    width: 200px;
    justify-content: center;
	text-transform: uppercase;
}

.productBoxSec img {
    max-width: 100px;
    position: absolute;
    left: 50%;
    top: -50px;
    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;
	    padding-bottom: 0.5rem;
}

#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 .products2BoxMain h4 {
    font-size: 2.2rem;
    padding-bottom: 2rem;
    margin: 0;
    color: var(--greenLogo);
    font-weight: 400;
}

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

i.fa-arrow-right {
    font-size: 3rem;
    font-weight: 600;
    color: var(--gray);
	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 7rem;
    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: calc(70vh - 140px);
    background-size: cover;
	background-position:center;
}

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

.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%;
    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%);
	width: 75%;
}

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

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

#hero-image-containers .heroBox {
    padding: 0;
	height: calc(68vh - 140px);
	max-width: 40%;
}

#hero-image-containers .heroBox2 {
    padding: 0;
	height: calc(68vh - 140px);
	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;
}

.hero-text-sub-con .heroBigTitle h1 {
    padding: 0;
}

.hero-text-sub-con .heroBigTitle {
    padding-bottom: 5rem;
}

body .hero-text-sub-con .readMoreBtn {
    background-color: var(--greenLow);
}

body .hero-text-sub-con h7 {
    color: var(--greenLow);
}

#heroTextBoxRespo{
	display:none;
}

/******************* 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;
	    color: var(--greenLogo);
}

.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;
    justify-content: space-around;
    z-index: 5;
}

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

.newsletterBox1 {
    padding: 5.5rem 0;
}


.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: var(--greenAccent);
    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: var(--greenAccent);
    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);
}

.kundecitatBox {
	background: #ffffff;
    border-radius: 15px;
    padding: 0;
    margin: 0 0 5.5rem 0;
}

body .slideshow-main {
    max-width: 770px;
    margin: auto;
}

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

section#letsTalk {
	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: #ffffff;
	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;
}

body .contactFooter a {
    color: #ffffff;
    margin: 0 3rem 0 1rem;
}

#footerPlace {
    background-color: unset;
	flex-direction: column;
}

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

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

.footerLogoBox {
    display: flex;
    justify-content: center;
}

body .footerBox li {
    color: var(--greenLogo);
	display: block;
    padding-right: 3rem;
    margin-left: 0;
}


#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);
	z-index: 11;
	margin-right: 1rem;
}

#footerPlace h2 {
    color: #ffffff;
}
#footerPlace span.dashicons {
    position: relative;
    color: var(--greenLogo);
}
.footerCol {
    column-gap: 48px;
}

#block-6 figure {
    margin: 0;
}

i.fa-brands.fa-linkedin-in {
    font-size: 25px;
    background: var(--greenLogo);
    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(--grayLight);;
    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;
}

.footerExtraAlone {
    justify-content: 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;
}

#section-extra-footer .footerExtraRight p:last-of-type:after {
    content: " ";
}

.footerExtraAlone a {
    color: #ffffff;
}

.nyhedsBrevHubFooter {
    margin-top: -5.5rem;
}

body #footerPlace .newsLetterHeadlineFooter {
    padding-left: 10px;
    color: var(--greenLogo);
    font-weight: 600;
    padding-bottom: 0;
}

body #menu-footer a {
    color: #ffffff;
    font-weight: 400;
}

#menu-footer {
    display: flex;
    padding: 4rem 0;
    justify-content: center;
	    flex-wrap: wrap;
}

.hrGreen hr {
    margin: 0;
    border-top: 1px solid var(--greenLogo);
    opacity: 0.5;
}

.footerNewsletter1 h4 {
    color: #ffffff;
    font-weight: 400;
    padding-left: 2rem;
}


.footerNewsletter1 img {
	max-width: 30px;
	width: 100%;
}

body #footerPlace .footerNewsletter1 {
    align-items: flex-start;
    padding-top: 1rem;
    display: flex;
}

body .footerBox {
	padding: 0;
}

body .flexOn {
	display:flex;
}

body .contactFooter {
    display: flex;
    margin: auto;
    justify-content: center;
	align-items: center;
}

#footerPlace .contactFooter p {
    color: #ffffff;
    margin: 0;
}

.footersocialANDcontact {
    position: relative;
    width: 100%;
    padding: 4rem 0 0 0;
}

body .footerSocial {
    position: absolute;
    left: 0;
}

.footerAdres {
    display: flex;
    align-items: center;
}

.footerLogoBottom {
	display: none;
}

body .footerBox #menu-footer li:before {
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    -webkit-font-smoothing: antialiased;
    content: '\f00c';
    padding-right: 1rem;
    vertical-align: middle;
    font-size: 1.2rem;
}
/****************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(--gray);
    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 50px 0 50px;
    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;
}

.normalHeaderText {
	text-align: center;
}

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

#curious {
	padding-bottom: 5.5rem;
}

#curious .seniorlivText {
	text-align: center;
	width: 100%;
    max-width: 1100px;
}

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


#curious .seniorlivBox {
    margin: auto;
}
/******************* 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(--gray);
    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;
	color: #fff;
    font-weight: 600;
}

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

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

.timelineTime:last-of-type {
    max-height: max-content;
}

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);
}




.cardTest {
  background: white;
}


body .contentTime .cuttoff-text {
  --max-lines: 3;
  --line-height: 1.4;
  height: calc(var(--max-lines) * 1.8rem * var(--line-height));
  line-height: var(--line-height);
  position: relative;
	overflow: hidden;
    padding: 0;
	margin-bottom: 1rem;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: var(--max-lines);
}


body .contentTime .cuttoff-text::before {
  content: "";
  position: absolute;
  height: calc(2em * var(--line-height));
  width: 100%;
  bottom: 0;
  pointer-events: none;
}

.expand-btn {
  appearance: none;
  cursor: pointer;
}

body .contentTime .cuttoff-text p:has(+ .expand-btn:checked) {
  height: auto;
}

.expand-btn::before {
	color: var(--iconOrange);
    position: absolute;
    bottom: 0;
    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;
	z-index: 1;
}

.expand-btn:checked::before {
      content: '\f106';
    color: var(--iconOrange);
}

body .contentTime .autoHeight {
	height: auto;
	display: block;
    -webkit-box-orient: unset;
    -webkit-line-clamp: unset;
}

body .timelineTimeHeight {
	max-height: max-content;
}

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



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

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

.contactCard {
    padding: 0;
    padding-right: 2rem;
    display: flex;
    flex-direction: column;
}
/*
.contactCardImg {
    display: flex;
    justify-content: center;
    z-index: 2;
}*/

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

/*
.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%);
}*/

.contactCard img {
    width: 100%;
	background: #ffffff;
}


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

.contactCardText h6 {
    color: var(--greenDark);
}


/*
.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 {
    background: #ffffff;
    flex: 1;
    padding: 2rem 4.5rem;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    z-index: 1;
	width: 100%;
    margin: auto;
}

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

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

#normalpageContent {
	padding-bottom:5.5rem;
	padding-top: 110px;
}
/*
#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;
}

.normalTopWithBG .casesPageBox {
    position: relative;
    bottom: -110px;
}

.normalTopWithBG .casesPageText {
    background: var(--greenDark);
}

#section-containers.normalTopWithBG {
    justify-content: flex-end;
}
/******************* Sub pages ************/

.circleTextBox {
    justify-items: center;
}

.whiteBox {
    margin: 0 5rem;
    padding: 2rem;
    background-color: #ffffff;
    text-align: center;
    justify-items: center;
    align-content: center;
    border-radius: 11px;
    border-bottom-right-radius: 70px;
    position: relative;
	    min-width: -webkit-fill-available;
}

.circleTextBox h1 {
    font-size: 7rem;
    color: var(--greenDark);
    font-weight: 400;
}

body .circleTextBox .whiteBox p:first-of-type {
    padding: 0;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
}

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

.allIntroTextBoxes {
    display: flex;
    gap: 2rem;
}

.introTextBoxes {
    flex: 1;
}

.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 .subCardTextBox h4 {
    padding: 3rem 0 2rem 0;
    color: var(--greenDark);
    font-weight: 600;
}


/******************* 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(--gray);
}

#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%);
    background-size: cover;
    background-position: center;
}



.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 {
    --max-lines: 4;
    --line-height: 1.4;
    height: calc(var(--max-lines)* 1.8rem* var(--line-height));
    line-height: var(--line-height);
    position: relative;
    overflow: hidden;
    padding: 0;
    margin-bottom: 1rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: var(--max-lines);
}

body .casesBoxBigTitle h4 {
	color: var(--greenDark);
    font-weight: 400;
}


.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;
}

.wp-block-pullquote {
    margin: 0;
    padding: 0 0 2rem 0;
}

/******************** 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 {
    position: relative;
    width: 100%;
    left: 0;
    top: 0;
    background-color: var(--greenDark);
    z-index: 2;
    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%);
}

.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;
	max-width: calc(1980px - 30%);
}



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


.SubHeaderTextBoxMain {
    background-color: var(--greenDark);
    height: 176px;
	margin: 0;
}

.SubHeaderTextBoxMain.SubHeaderTextBoxMain1.row {
    position: relative;
    z-index: 11;
    background-color: #233527c2;
	border-top-left-radius: 90px;
}

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

.SubHeaderTextBox .shadowText {
    margin: auto;
    text-align: center;
}

.SubHeaderTextBox .shadowText2 {
    margin: auto;
}

/******************************* CLEAN PAGE *******************************/

#cleanContentPage .cleanNewsletter {
    position: relative;
	border-radius: 15px;
	width: auto;
	max-width: 600px;
	margin: auto;
	-webkit-box-shadow: 0 5px 12px 0 rgb(0 0 0 / 15%);
    box-shadow: 0 5px 12px 0 rgb(0 0 0 / 40%);
}

.cleanNewsletter #mc_embed_signup_scroll {
    display: flex;
    flex-direction: column;
}

.cleanLogo {
	margin: auto;
    padding: 5rem;
}

body .cleanNewsletter h3 {
	padding: 40px;
	color: #ffffff;
}

body .cleanNewsletter p {
	color: #ffffff;
	padding: 0 40px;
    margin: 0;
}


/******************************* Skabelon page *******************************/

#thumbnailBanner {
    padding-bottom: 5.5rem;
}

.skabelonPageTop {
    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%);
}

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

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

/******************************* Skabelon-1-page *******************************/





/******************************* Skabelon-2-page *******************************/

.flexMax1000 #section-containers15 {
    max-width: 1000px;
}

@media (min-width: 1500px) {
	.flexMax1000 #section-containers15 {
		min-width: 1000px;
	}
}

@media (min-width: 1700px) {
	.flexMax1200 #section-containers15 {
		min-width: 1200px;
	}
}


/******************************* CONTENT BLOCK FUNCTIONS *******************************/

body .justCenter {
    justify-content: center;
}

body .justEven {
    justify-content: space-evenly;
}

body .justAround {
    justify-content: space-around;
}

body .justBetween {
    justify-content: space-between;
}

body .is-layout-flex {
    display: flex;
    gap: 2rem;
}

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

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

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

/******************* Extra Large (1988px) ******************/
@media (max-width: 1988px) 
{
	
	
	#hero-image-containers .heroBox {
		height: calc(68vh - 140px);
	}
}


/******************* Extra Large (1550px) ******************/
@media (max-width: 1550px) 
{
	.boxArea {
		padding: 3rem 5rem;
	}

	body h1 {
		font-size: 4rem;
	}
	
	.hero-text-sub-con .heroBigTitle {
		padding-bottom: 3rem;
	}

	.productBoxSec img {
		max-width: 90px;
        top: -46px;
	}
}

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

}


/******************* Extra Large (1200px) ******************/
@media (max-width: 1200px) 
{
	
	.logo-links {
		justify-content: flex-start;
		flex-direction: row-reverse;
	}
	
	body #footerPlace .newsLetterHeadlineFooter {
		padding-left: 0;
	}

	#heroTextBoxRespo #section-containers {
		justify-content: center;
	}
	#heroTextBoxRespo{
		display:block;
	}
    #headerHero {
        height: calc(60vh - 160px);
        background-position: right;
    }
	
	#hero-image-containers {
		display:none;
	}
	
	.hero-text-sub-con h1 {
        color: var(--greenLow);
    }
	.productsSpace {
		background: transparent;
		margin: 0;
		margin-bottom: 3rem;
	}

	
	.hero-text-sub-con .heroBigTitle {
    	padding-bottom: 3rem;
        padding-top: 3rem;
	}
	
	.productBox {
		background-color: var(--greenHigh);
		margin-bottom: 2rem;
		border-radius: 5px;
		cursor: pointer;
	}
	
	.productBoxSec img {
		left: 0;
		top: 50%;
		transform: translate(0, -50%);
		margin-left: 2rem;
	}
	
	.productBoxSec {
		display: flex;
		flex-direction: column-reverse;
		width: 250px;
		margin-left: calc(100px + 2rem);
	}

	#products .productBoxMain {
		text-align: left;
		border-left: 0;
		justify-items: center;
		margin: 2rem 0;
	}

	body #products .productBoxMain h4 {
		color: var(--greenLogo);
	}
	
	body #products .productBoxMain .readMoreBtn {
		width: 100%;
		color: var(--greenLow);
		font-family: "Roboto", Sans-serif;
		font-weight: 400;
		text-transform: capitalize;
		font-size: 1.8rem;
		background-color: transparent;
		margin: 0;
		border-radius: 0;
		border: 0;
		cursor: pointer;
		display: block;
		padding: 0;
	}

	body #products .iconProduct1TextBox {
		display: block;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translate(0, -50%);
        font-size: 2rem;
        margin-right: 1rem;
        color: var(--greenDark);
	}

	.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;
		border-radius: 15px;
	}
	.boxArea.boxArea1.col-xl-6 {
		margin-bottom: 5.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;
	}
	.cleanNewsletter div#mc_embed_signup .mc-field-group {
		padding-right: 10px;
		width: 100%;
		float: left;
		max-width: unset;
		margin: 0;
	}
	
	
	#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: 1rem;
	}
	
	#newsletter .newsletterBoxes {
		text-align: center;
	}
	
	.newsletterBox1 {
		padding: 5.5rem 0 0 0;
	}
	
	.WrapCol-2 {
		display: grid;
        grid-template-columns: 100%;
        column-gap: 0;
        row-gap: 24px;
        width: 100%;
        grid-auto-rows: unset;
        align-items: center;
	}
	
	#products2 .products2Box {
		padding-bottom: 2rem;
	}
	#products2 .products2Box:last-of-type {
		padding-bottom: 5.5rem;
	}
	
	.SubHeaderTextBox .placeIcon {
    	display: none;
	}
	
	.SubHeaderTextBox .shadowText2 {
		margin: auto;
	}
	
	.circleTextBox {
		background-color: #ffffff;
		text-align: center;
		justify-items: center;
		align-content: center;
		border-radius: 11px;
		border-bottom-right-radius: 11px;
		position: relative;
		width: fit-content;
		padding: 2rem;
		margin: auto;
	}
	.allIntroTextBoxes {
		display: flex;
		gap: 2rem;
		flex-direction: column;
	}

	.SubHeaderTextBox .shadowText2 h2 {
		text-align: center;
	}
	
	.subCardBox {
		margin: auto;
		background: transparent;
	}
	
	.WrapColSubCard {
		display: grid;
		grid-template-columns: 100%;
		column-gap: 0;
		row-gap: 2rem;
		width: 100%;
		grid-auto-rows: 1fr;
		align-items: center;
		justify-content: center;
	}
	.subCardTextBox {
    	padding: 0;
	}
	
	.gridOrder1 {
    	order: unset;
	}
	
	
	body #footerPlace .newsLetterHeadlineFooter {
		padding-left: 0;
	}
	
	.contactCard {
		max-width: 300px;
	}
	/******FOOTER ********/
	
	body .flexOn {
    	display: none;
	}
	body #footerPlace .footerNewsletter1 {
		justify-content: center;
	}
	.footersocialANDcontact {
		position: relative;
		width: 100%;
		padding: 4rem 0 4rem 0;
		display: flex;
		flex-direction: column-reverse;
	}
	
	body .footerSocial {
		position: relative;
		margin: auto;
		padding: 4rem 0;
	}
	
.contactCard {
    margin-bottom: 2rem;
}

}

/******************* 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;
	}
	
    #header-effectrapport {
        display: flex;
        grid-template-columns: 100%;
        position: relative;
        top: 0;
        height: 600px;
    }
	.timelineTime {
		max-height: unset;
	}
	
	#caseHero-container {
    	height: 300px;
	}

}

/******************* Medium (768px) ******************/
@media (max-width: 768px) {
	
	.wp-block-buttons>.wp-block-button.wp-block-button__width-75 {
		width: calc(50% - var(--wp--style--block-gap, .5em) * .25);
	}
	
	body .is-layout-grid {
		display: flex;
		flex-direction: column;
		row-gap: 2rem;
	}
	#headerHero {
        height: calc(50vh - 160px);
        background-size: cover;
        background-position: 75% center;
}
	
	.sa_hover_container img {
		position: relative;
		left: 0;
		top: unset;
		transform: unset;
		margin-bottom: 4.5rem;
	}
	
	.sa_hover_container {
		grid-template-columns: 100%;
	}
	


	#caseHero {
		height: calc(50vh - 160px);
	}
	
	body h1 {
		font-size: 4rem;
	}
	body p {
		font-size: 1.8rem;
	}
	
	.productBoxSec img {
		max-width: 75px;
	}
	
	.casesBoxContainer.col-xl-4 {
		flex: 0 0 100%;
		max-width: 100%;
	}
	
.navbar-wrapper {
    padding: 1.5rem 7%;
}
	
    .paddingCases {
        height: auto;
    }
	#section-containers15 {
		margin: 0 7% 0 7%;
	}
	#section-containers {
		margin: 0 7% 0 7%;
	}
}

/******************* Small (576px) ******************/
@media (max-width: 576px) {
    .productBoxSec {
        width: 200px;
        margin-left: calc(80px + 2rem);
    }
	
    .productBoxSec img {
        max-width: 70px;
    }
	
	.footerLogoBottom, body .flexOn {
		display: block;
	}
	.footerLogoTop, .footerSiteMap, .hrGreen1, body #footerPlace .footerNewsletter1 {
		display: none;
	}
	
	.back-to-top {
		bottom: 11px;
	}
	
	body .hrGreen {
		padding: 4rem 0;
	}
	.nyhedsBrevHubFooter {
		margin: -40px;
		overflow: visible;
	}
	body .contactFooter {
		display: block;
		margin: 0;
		padding: 0;
	}
    body .footerSocial {
        margin: 0;
    }

	.footerLogoBox {
		justify-content: left;
	}
	body .contactFooter {
		flex-direction: column;
	}
    #footerPlace .contactFooter span.dashicons {
        left: 0;
    }
}

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

}

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

}

/******************* OVER Extra Large (1400px) ******************/




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

	
	.mainBoxArea {
		display: flex;
		width: 100%;
		min-height: 400px;
	}
	
	#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;
}

div#seachMenuFullSize {
    display: none;
}