/* hor sthlm */

/* objektiv - typsnitt enligt grafisk profil */
@import url("https://use.typekit.net/cyn5yli.css");

/* ==========================================================================
Generellt 
========================================================================== */
*,
*::before,
*::after {
	box-sizing: border-box;
	background-repeat: no-repeat;
}

body,
body.isMobile .body-background {
	-webkit-font-smoothing: antialiased;
	background-position: center center;
	background-size: cover;
	overflow-x: hidden !important;
	font-family: objektiv-mk2, sans-serif;
}

html {
	font-size: 62.5%;
}

/* Video background */
.fullscreen-bg-video {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow: hidden;
	z-index: -100;
}

#bg-video {
	position: absolute;
	top: 50%;
	left: 50%;
	width: auto;
	height: auto;
	min-width: 100%;
	min-height: 100%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

/* Layout
========================================================================== */
.container {
	max-width: 100%;
}

.LayoutPage .section-wrapper {
	background-color: #fff;
}

.LayoutPage .section-block,
.SubPage .LayoutPage .section-block {
	padding: 11rem 6rem;
}

.LayoutPage .section-block-wrapper {
	max-width: 150rem;
}

/* Specifika bredder */
.LayoutPage .mw-140 .section-block-wrapper {
	max-width: 140rem;
}

.LayoutPage .mw-130 .section-block-wrapper {
	max-width: 130rem;
}

.LayoutPage .mw-120 .section-block-wrapper {
	max-width: 120rem;
}

.mw-300 {
	width: 30rem !important;
}


/* Specifika paddings */
.p-0{
	padding: 0 !important;
}
.LayoutPage .pt-0 .section-block {
	padding-top: 0 !important;
}

.LayoutPage .pl-0 .section-block,
.SubPage .pl-0 .section-block {
	padding-left: 0;
}

.LayoutPage .pr-0 .section-block {
	padding-right: 0;
}

.LayoutPage .pb-0 .section-block,
.SubPage .pb-0 .section-block,
.pb-0 {
	padding-bottom: 0 !important;
}

.LayoutPage .pt-3 .section-block {
	padding-top: 3rem;
}

.p-2:not(.section-wrapper) {
	padding: 2rem;
}

.pt-2:not(.section-wrapper) {
	padding-top: 2rem;
}

.LayoutPage .pt-5 .section-block {
	padding-top: 5rem !important;
}

.pb-2 {
	padding-bottom: 2rem;
}

.pb-0 {
	padding-bottom: 0;
}
/* Specifika bredder */
.mw-none .section-block-wrapper {
	max-width: none;
}

.mw-120 .section-block-wrapper {
	max-width: 120rem;
}

@media only screen and (max-width: 1024px) {

	.LayoutPage .section-block,
	.SubPage .LayoutPage .section-block {
		padding: 10rem 4rem;
	}
}

@media only screen and (max-width: 580px) {

	.LayoutPage .section-block,
	.SubPage .LayoutPage .section-block {
		padding: 5rem 2rem !important;
	}
}

/* Cookies
========================================================================== */
.cookies-notis {
	z-index: 9;
	position: fixed;
	bottom: 10px;
	left: 50%;
	transform: translateX(-50%);
	max-width: 70rem;
	width: 100%;
	background: #111;
	padding: 3rem 4rem;
	border-radius: 4rem;
	text-align: center;
}

.cookies-notis p {
	color: #fff;
	text-align: center;
	max-width: 90%;
	margin: 0 auto;
}

.cookies-notis .cookie-btn {
	display: flex;
	justify-content: center;
	padding-top: 1.5rem;
}

.cookies-notis a {
	text-decoration: none;
	width: 20rem;
	margin: 0 1rem;
}

@media only screen and (max-width: 580px) {
	.cookies-notis {
		text-align: left;
	}
}

/* ==========================================================================
Knappar & speciella lankar
========================================================================== */
.btn {
	max-width: 25rem;
	width: auto;
	box-sizing: border-box;
	padding: 1.9rem 2rem;
	border-radius: 3rem;
	text-align: center;
	text-transform: none;
	font-weight: 600;
	font-size: 1.35rem;
	letter-spacing: normal;
	line-height: 1em;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
	display: inline-block;
	color: #fff !important;
	display: block;
}

.btn:hover {
	border: 1px solid;
}

.btn-primary {
	background: #0d2d32;
	border: 1px solid #0d2d32;
}

.btn-primary:hover,
.btn-secondary:hover,
.btn-border:hover {
	color: #000 !important;
	border: 1px solid #f9c2a7;
	background: #f9c2a7;
}

.btn-secondary {
	background: #f9c2a7;
	border: 1px solid #f9c2a7;
	color: #000 !important;
}

.btn-border {
	border: 1px solid #fff;
	color: #fff;
	background: transparent;
}

.btn-white {
	background-color: #fff;
	color: #000 !important;
	border: 1px solid #fff;
}

.btn-white:hover {
	color: #fff !important;
}

@media only screen and (max-width: 480px) {
	.btn {
		display: block;
		width: 100%;
	}
}

/* Lank med pil */

.arrow-link {
	font-weight: 700;
	font-size: 1.4rem;
}

.arrow-link::after {
	content: ' \f178';
	opacity: 1;
	transition: all .3s ease;
	font-family: 'Font Awesome 5 Pro';
	margin-left: 3px;
	font-weight: 400;
}

.arrow-link:hover::after {
	content: ' \f178';
	opacity: 1;
	margin-left: 10px;
}

/* knapp med cirkel */

.btn-wrapper {
	margin-top: 1rem;
}

.btn-wrapper a {
	color: #fff;
}

.btn-wrapper a:hover {
	color: #fff;
}

/* Cirkelikon */
.circle-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 4rem;
	height: 4rem;
	padding: 0;
	margin: .5rem;
	font-size: 0;
	color: rgb(var(--white));
	text-decoration: none;
	border-radius: 50%;
	background-color: rgb(var(--primary-color));
	transition: .3s ease;
}

.circle-icon:hover {
	color: rgb(var(--white));
	background-color: rgb(var(--secondary-color));
}

.circle-icon i:before,
.circle-icon em:before {
	font-size: 1.4rem;
}

/* Popup-notis
========================================================================== */
.EditMode .popup-wrapper {
    display: none;
}

.popup-wrapper {
    z-index: 101;
    position: fixed;
    bottom: 3rem;
    right: 3rem;
} 

/* Knappar */
.popup-button {
    position: relative;
    width: 5rem;
    height: 5rem;
    background: #f7f2ef;
    border-radius: 50%;
    box-shadow: 0 0 3rem rgba(15, 36, 47, .3);
    cursor: pointer;
}

.popup-button i {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 2.8rem;
    transform: translate(-50%,-50%);
    transition: .3s ease;
} 

.popup-wrapper .popup-button .icon-open,
.popup-wrapper.opened .popup-button .icon-close {
    transform: translate(-50%,-50%) scale(1);
}

.popup-wrapper.opened .popup-button .icon-open,
.popup-wrapper .popup-button .icon-close {
    transform: translate(-50%,-50%) scale(0);
}

/* Innehåll */
.popup-window {
    opacity: 0;
    visibility: hidden;
    position: fixed;
    right: 0;
    bottom: 6rem;
    max-width: 55rem;
    max-height: calc(100vh - 23rem);  
    padding: 4rem;
    margin: 0 2rem;
    background: #f7f2ef;
    border-radius: 2rem;
    box-shadow: 0 0 3rem rgba(15, 36, 47, .3);
    overflow: auto;
    transition: opacity .3s ease, bottom .3s ease;
} 

.popup-wrapper.opened .popup-window {
    opacity: 1;
    visibility: visible;
    display: block;
    bottom: 10rem;
}

.icon-close-popup {
    position: absolute;
    top: 2rem;
    right: 2rem;
    font-size: 2.5rem;
    cursor: pointer;
}

@media only screen and (max-width: 450px) {
    .popup-window {
        padding: 2rem 3rem 2rem 2rem;
    }

    .icon-close-popup {
        top: 1rem;
    }
}

/* ==========================================================================
Text och typsnitt
========================================================================== */

.heading-type h1,
.heading-type h2,
.heading-type h3,
p,
a,
ul,
li {
	text-align: left;
}

p,
ul,
li {
	color: #222;
	font-family: inherit;
	font-weight: 400;
	font-style: normal;
	text-decoration: none;
	font-size: 1.6rem;
	line-height: 1.9;
	letter-spacing: normal;
	text-transform: none;
}

ul {
	padding-inline-start: 0;
}

li {
	list-style-type: none;
}

ol li {
	list-style-type: normal;
	padding-bottom: 1rem;
}

.list-circle {
	list-style-type: circle;
}

a,
.link-text {
	font-family: inherit;
	font-weight: 400;
	font-style: normal;
	font-size: 1.7rem;
	text-decoration: none;
	line-height: 1.7;
	display: inline-block;
	text-transform: none;
	letter-spacing: normal;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
}


a:hover {
	text-decoration: none;
	color: #207177;
}

.bold-text,
.text-bold {
	font-weight: 600;
}

.text-italic {
	font-style: italic;
}

.ingress {
	font-size: 1.9rem;
	font-family: inherit;
	font-weight: 400;
	font-family: inherit;
	line-height: 1.7;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: inherit;
}

h3,
.section-title {
	font-style: normal;
	padding-bottom: 2rem;
	text-align: left;
	font-weight: 600;
	font-size: 4rem;
	line-height: 1.3;
	text-transform: none;
	letter-spacing: normal;
}

.text-label {
	font-family: inherit;
	text-transform: uppercase;
	line-height: 1.3;
	letter-spacing: 5px;
	font-size: 1.4rem;
	text-align: left;
	padding-bottom: 1.5rem;
	text-shadow: none;
	font-weight: 500;
	font-style: normal;
}

.small-title {
	text-transform: none;
	font-size: 2.9rem;
	font-weight: 700;
	letter-spacing: normal;
	color: #111;
	line-height: 1.5;
	padding-bottom: 1rem;
	letter-spacing: normal;
	font-family: inherit;
}

.smaller-title {
	text-transform: none;
	font-size: 2.2rem;
	font-weight: 700;
	letter-spacing: normal;
	color: #111;
	line-height: 1.5;
	padding-bottom: 1rem;
	letter-spacing: normal
}

.smallest-title {
	text-transform: none;
	font-size: 1.6rem;
	font-weight: 700;
	letter-spacing: normal;
	color: #111;
	line-height: 1.5;
	padding-bottom: 1rem;
	letter-spacing: normal;
}

.italic {
	font-style: italic;
	font-weight: 300;
}

.underline {
	text-decoration: underline;
	font-size: 1.6rem;
}
a{
	text-decoration: underline;
}
.notis-line {
	text-decoration: underline;
}

.ingress-title {
	font-size: 4.8rem;
	font-weight: 300;
	line-height: 1.5;
}

.smalltext-type {
	max-width: none;
}

.normaltext-type {
	max-width: none;
	margin: 0 auto;
	text-align: center;
}

.text-block {
	max-width: 85rem;
}

.text-block.center {
	margin: 0 auto;
}

.text-block.center * {
	text-align: center;
}

.text-block-center {
	text-align: center;
}

.text-center{
	text-align: center;
}
@media only screen and (max-width: 1100px) {

	h2,
	h3,
	.section-title {
		font-size: 3rem;
	}
}

@media only screen and (max-width: 630px) {
	.section-title {
		font-size: 3rem !important;
	}

	.small-title {
		font-size: 2.2rem;
	}

	.ingress {
		font-size: 1.7rem;
	}
}

@media only screen and (max-width: 330px) {
	.section-title {
		font-size: 2.5rem !important;
	}
}

/* ==========================================================================
Farger
========================================================================== */
.bg-primary,
.bg-primary .section-block {
	background-color: #0d2d32;
}

.bg-secondary,
.bg-secondary .section-block {
	background-color: #f7f2ef;
}

.bg-primarylight,
.bg-primarylight .section-block {
	background-color: #38646b;
}

.bg-pink,
.bg-pink .section-block {
	background-color: #f9c2a7;
}

.bg-primary * {
	color: #fff;
}

.primary-color, .text-primary {
	color: #0d2d32;
}

.secondary-color {
	color: #f9c2a7;
}

.light-blue-color {
	color: #7ba2c7;
}

.newspost-section a {
	text-decoration: underline;
}

/* ==========================================================================
Header / Navigation
========================================================================== */
header {
	-webkit-transition: all 500ms linear;
	-moz-transition: all 500ms linear;
	-o-transition: all 500ms linear;
	-ms-transition: all 500ms linear;
	transition: all 500ms linear;
	background-color: #fff;
	box-shadow: none;
	margin-top: 0;
}

header .container {
	max-width: none;
	padding: 0 0 0 2rem;
}

header .container::after {
	content: '';
	display: table;
	clear: both;
}

header .header-logo {
	width: 14rem;
	padding-top: .5rem;
	padding-left: 1rem;
	box-sizing: border-box;
	position: absolute;
	left: 0;
	opacity: 1;
	-moz-transition: 0.4s ease-in-out;
	-webkit-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
}

nav.mainmenu {
	text-align: left;
}

nav.mainmenu ul {
	text-align: left;
	left: 16rem;
	position: absolute;
}

nav.mainmenu ul.TemplateMenu>li {
	line-height: normal;
	height: auto;
}

nav.mainmenu ul.TemplateMenu>li:first-child {
	display: none;
}

.EditMode nav.mainmenu ul.TemplateMenu>li:first-child {
	display: inline-block;
}

.EditMode nav.mainmenu li:hover > ul {
	max-height: 80rem;
	overflow-x: scroll;
}

.EditMode nav.mainmenu ul>li>ul>li:active>a,
.EditMode nav.mainmenu ul>li>ul>li:hover>a {
	background-color: rgb(var(--primary-color)) !important;
}

nav.mainmenu a[href='/17/28/boka-tid/'] {
	border: 1px solid #000;
	display: flex;
	height: 4.5rem;
	line-height: 8rem;
	align-items: center;
	border-radius: 3rem;
	padding: 0 2rem;
}

.TemplateMenu>li:last-child>ul {
	margin-top: 1.3rem;
	padding-top: .7rem;
}

.EditMode .TemplateMenu>li:last-child>ul {
	margin-top: 0;
}

nav.mainmenu a {
	font-family: objektiv-mk2, sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 1.3rem;
	color: #222;
	text-transform: none;
	padding: 0 1rem;
	letter-spacing: normal;
	display: block;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
	height: 7.2rem;
	line-height: 7.2rem;
}

nav.mainmenu .btn {
	background-color: transparent;
	border: 1px solid #0d2d32;
	height: 5rem;
	line-height: 5rem;
	max-width: 20rem;
	width: 13rem;
	color: #0d2d32 !important;
}

header.scrolled nav.mainmenu a {
	color: #333;
}

header nav.mainmenu a {
	display: inline-block;
}

nav.mainmenu li:hover,
nav.mainmenu li.active {
	background-color: transparent;
}

nav.mainmenu li:nth-child(7):hover,
nav.mainmenu li:nth-child(7):active {
	background-color: transparent;
}

nav.mainmenu .btn-li:hover {
	background-color: transparent;
}

nav.mainmenu li:hover a,
nav.mainmenu li.active a,
nav.mainmenu ul>li.expandable-li:hover>a {
	color: #0d2c32;
}

/* Dropdown */
nav.mainmenu ul>li>ul {
	width: auto;
	left: 0;
	width: auto;
	background-color: #0d2c32;
	margin: unset;
	padding: 2rem 1rem;
}

nav.mainmenu ul>li>ul>li:hover>a {
	color: #f6dac6 !important;
}

nav.mainmenu ul>li>ul>li>a {
	padding: 0 1rem;
	line-height: 3.5;
	color: #fff !important;
	text-transform: unset !important;
	letter-spacing: 0.05em;
	font-weight: 600;
	height: 2.3rem;
}

nav.mainmenu ul>li>ul>li:hover,
nav.mainmenu ul>li>ul>li.active {
	background-image: none;
	background-color: transparent;
	cursor: pointer;
}

/* CTA Button */

.cta-menu {
	float: right;
	display: flex;
	align-items: center;
	height: 7.2rem;
	line-height: 7.2rem;
	transition: all 300ms linear;
}

.cta-menu img {
	padding: 2rem;
	max-width: 23rem;
}

.btn-cta {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0;
	width: 4rem;
	height: 4rem;
	margin-right: 1.2rem;
	letter-spacing: unset;
	padding: 0;
	border: 1px solid #0d2d32;
	border-radius: 2rem;
	background-color: transparent;
	color: #0d2d32 !important;
}

.btn-cta::before {
	font-family: 'Font Awesome 5 Pro';
	font-weight: 700;
	font-size: 1.6rem;
	display: inline-block;
	position: relative;
	top: 1px;
}

.btn-cta::after {
	display: none;
}

.btn-social::before {
	font-family: 'Font Awesome 5 Brands';
	font-weight: 400;
}

.btn-social::after {
	display: none;
}

.icon-facebook::before {
	content: '\f39e';
}

.icon-map::before {
	content: '\f276';
}

.icon-instagram::before {
	content: '\f16d';
}

.icon-phone::before {
	content: '\f879';
}


@media only screen and (max-width: 980px) {

	.cta-menu {
		position: relative;
		right: 2rem;
		height: 7rem;
		line-height: 7rem;
	}

	.cta-menu .btn {
		font-size: 1.2rem;
		padding: 1rem 2rem;
	}
}

@media only screen and (min-width: 1201px) {
	.hamburger {
		display: none;
	}

	.expandable:after {
		font-family: 'Font Awesome 5 Pro';
		font-weight: 700;
		content: '\f0d7';
		margin-left: 7px;
		text-decoration: none;
		display: inline-block;
		font-size: .8em;
		vertical-align: middle;
	}
}

@media only screen and (max-width: 1200px) {

	header .job-item {
		right: 7rem;
	}

	.cta-menu {
		margin-right: 7rem;
	}

	/* Navigation */
	nav.mainmenu {
		text-align: left;
		display: none;
		position: fixed;
		height: 100%;
		right: 0;
		left: auto;
		width: 35rem;
		background-color: #fff;
		z-index: 8;
		top: 7rem;
		box-shadow: none;
		overflow-y: scroll;
	}

	nav.mainmenu .Padding {
		margin: 3rem 0 11rem 0 !important;
	}

	nav.mainmenu li {
		text-align: left;
		display: block;
	}

	nav.mainmenu li a {
		margin: unset;
		padding: unset;
		padding-left: 4rem;
		font-size: 1.6rem;
		line-height: 4rem;
		height: 4rem;
		opacity: 1;
		color: #111;
	}

	nav.mainmenu a[href='/17/28/boka-tid/'] {
		line-height: 4rem;
		height: 4rem;
	}

	nav.mainmenu ul {
		left: 2rem;
	}

	nav.mainmenu .header-btn {
		left: 4rem;
		margin-top: 2rem;
	}

	header nav.mainmenu li.header-btn a {
		padding: inherit !important;
		color: #fff !important;
	}

	header nav.mainmenu li.header-btn:hover a {
		color: #333 !important;
	}

	#overlay {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.75);
		z-index: 7;
	}

	/* Hamburger */
	.hamburger {
		position: absolute;
		z-index: 99;
		left: auto;
		right: 1rem;
		top: .7rem;
	}

	.hamburger-inner,
	.hamburger-inner::after,
	.hamburger-inner::before {
		color: #000;
		background-color: #000;
	}

	/* Dropdown */

	nav.mainmenu a[href='/17/28/boka-tid/'] {
		border: none;
		padding-left: 4rem;
	}

	nav.mainmenu ul>li>ul {
		background-color: #fff !important;
		width: auto !important;
		border: none;
	}

	nav.mainmenu ul>li>ul {
		display: contents !important;
	}

	nav.mainmenu ul>li>ul>li a {
		color: #333 !important;
	}

	nav.mainmenu ul>li>ul>li>a {
		width: auto;
		padding: 0 0 0 6rem;
		font-size: 1.3rem;
		line-height: 1;
	}

	nav.mainmenu ul>li.expandable-li:hover>a {
		padding-bottom: 0;
	}

	nav.mainmenu ul.TemplateMenu>li,
	.scrolled nav.mainmenu ul.TemplateMenu>li {
		line-height: unset;
		height: unset;
	}

}

@media only screen and (max-width: 768px) {

	header .header-logo {
		width: 14rem;
		padding-top: 1.1rem;
	}

	header .container {
		padding-left: 1rem;
	}
}

@media only screen and (max-width: 630px) {
	header .header-logo a {
		margin-left: 0;
	}

	.cta-menu {
		margin-right: 3rem;
	}

	.cta-menu img {
		max-width: 18rem;
	}

	header .header-logo {
		width: 10rem;
		padding-top: .5rem;
	}

	header.scrolled .header-logo {
		width: 7rem;
		padding-left: .5rem;
		padding-top: .3rem;
	}
}

@media only screen and (max-width: 510px) {

	nav.mainmenu {
		width: 100%;
	}
}

@media only screen and (max-width: 340px) {
	.cta-menu img {
		max-width: 16rem;
	}
}

/* ==========================================================================
Top-section
========================================================================== */
.top-section {
	display: none;
}

.LayoutPage .topsection {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	padding-top: 0;
	height: auto;
	background-color: rgba(0, 0, 0, 0.4);
	min-height: 100vh;
	border: 3rem solid #fff;
	border-top: 7.2rem solid #fff;
	overflow: hidden;
}

.LayoutPage .topsection:after {
	content: "";
	display: block;
	position: absolute;
	width: 100vw;
	height: 14vh;
	background: url(/assets/images/wave-2-vit.svg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center top;
	left: 0;
	bottom: 0;
	z-index: 0;
}

.page-title-wrap {
	background-color: transparent;
	transform: none;
	position: static;
	max-width: none;
	text-align: left;
	padding: 0 0 10rem;
	z-index: 3;
}

.page-title-wrap h1 {
	font-size: 5.2rem;
	color: #fff;
	font-weight: 800;
	line-height: 1.2;
	font-family: objektiv-mk2, sans-serif;
	padding-bottom: 1rem;
	max-width: 111rem;
	margin: 0 auto;
	text-align: center;
	text-transform: uppercase;
}

.page-title-wrap p {
	text-align: center;
	color: #fff;
	font-size: 2.3rem;
	font-weight: 400;
	max-width: 80rem;
	margin: 0 auto;
	line-height: 1.7;
}

.page-title-wrap .btn-wrapper {
	margin-top: 2rem;
	display: flex;
	align-items: center;
	justify-content: center;
}
.btn-wrapper.multiple {
	margin-top: 2rem;
	display: flex;
	align-items: center;
	justify-content: center;
}

.page-title-wrap .btn,
.btn-2 {
	margin: 0 3rem 0 0;
	text-transform: none;
	letter-spacing: normal;
	width: 20rem;
}

.page-title-wrap .btn:hover {
	color: #000 !important;
	border: 1px solid #f9c2a7;
}

/* Badge */
.badge {
	width: 25rem;
	height: 25rem;
	position: absolute;
	z-index: 1;
	right: 5vw;
	bottom: 5rem;
}

.text {
	width: 100%;
	height: 100%;
	background-color: #0d2d32;
	border-radius: 50%;
	position: relative;
	margin: 0;
	padding: 2rem;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	transform: rotate(5deg);
}

.text .badge-text {
	font-size: 2rem;
	font-weight: 700;
	line-height: 1.25;
	padding: 3rem 0 2rem;
	text-align: center;
	color: #FFF;
}

.badge .badge-footer {
	width: 70%;
	left: 15%;
	bottom: 25px;
	font-size: 1.3rem;
	line-height: 1.3;
	color: #FFF;
	text-align: center;
}

@media only screen and (max-width:1470px) {

	.page-title-wrap h1 {
		font-size: 4.2rem;
		max-width: none;
	}
}

@media only screen and (max-width: 1080px) {

	.page-title-wrap p {
		font-size: 2rem;
		max-width: 75rem;
	}

	.badge {
		position: relative;
		margin: 3rem 0 0 auto;
		bottom: auto;
		right: auto;
	}
}

@media only screen and (max-width: 700px) {
	.page-title-wrap h1 {
		font-size: 3rem;
	}

	.page-title-wrap .btn-wrapper {
		flex-wrap: wrap;
		justify-content: center;
	}
	.btn-wrapper.multiple {
		flex-wrap: wrap !important;
		justify-content: center !important;
	}

	.page-title-wrap .btn {
		width: 100%;
		margin: 1rem 0;
	} .btn-2 {
		width: 100% !important;
		margin: 1rem 0;
	}
	.page-title-wrap * {
		text-align: center;
		margin: 0 auto;
	}
}

@media only screen and (max-width: 630px) {
	.LayoutPage .topsection {
		border: none;
	}

	.LayoutPage .topsection .section-block {
		padding: 10rem 2rem 2rem !important;
	}

	.topsection:after {
		height: 10vh;
	}

	.page-title-wrap {
		padding: 0;
		text-align: center;
	}

	.page-title-wrap p {
		font-size: 1.5rem;
	}
}


@media only screen and (max-width: 350px) {
	.page-title-wrap h1 {
		font-size: 2.3rem;
	}

	.page-title-wrap p {
		font-size: 1.4rem;
	}
}

/* ==========================================================================
Startsida
========================================================================== */
.parallax {
	max-width: 100% !important;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	height: 50rem;
	background-image: url(/assets/images/lyckligt-par-2000.jpg);
}

/* Halvsektionsparallax */
.parallax-half {
	background-attachment: fixed;
	background-size: cover;
	background-position: center;
}

.parallax-half .section-block {
	padding-top: 25rem;
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, .6), rgba(0, 0, 0, .6)), linear-gradient(to top, white, white);
	background-size: 100% 55rem, 100% auto;
	background-position: center top, center 55rem;
	background-repeat: no-repeat;
}

@media only screen and (max-width: 768px) {
	.parallax-half .section-block {
		padding-top: 15rem;
	}

	.parallax {
		height: 40rem;
	}
}

.reco-box{
	max-width: 150px;
	margin: auto;
}

.reco-box2{
	max-width: 150px;
}

/* ==========================================================================
Split Wrapper
========================================================================== */
.split-section .normaltext-type {
	max-width: none;

}
.split-section  a.btn{
	text-decoration: none !important;
}
.split-section a {
	text-decoration: underline;
}

.split-wrapper {
	display: flex;
	flex-wrap: wrap;
	position: relative;
}

.split-wrapper.reverse {
	flex-direction: row-reverse;
}

.split-wrapper.text-split .split-content {
	padding: 0;
	align-self: flex-start;
}

.split-wrapper.text-split .split-content:nth-child(1) {
	border-right: 1px solid #d7d7d7;
	padding-right: 4rem;
}

.split-wrapper.text-split .split-content:nth-child(2) {
	padding-left: 4rem;
}

/* Centrera content */
.split-wrapper .align-center {
	align-self: center;
}

.split-content {
	width: 50%;
	padding: 7rem;
	text-align: left;
}

.split-image {
	width: 50%;
	position: relative;
	overflow: hidden;
}

.split-image img {
	position: absolute;
	transform: translate(-50%, -50%);
	top: 50%;
	left: 50%;
	height: 100%;
	min-width: 100%;
	min-height: 100%;
	max-width: unset !important;
}

@supports (object-fit: cover) {
	.split-image img {
		position: relative;
		transform: none;
		top: auto;
		left: auto;
		object-fit: cover;
		object-position: center;
		height: 100% !important;
		width: 100% !important;
	}
}

/* Speciella bredder */
.split-wrapper .w-60 {
	width: 60%;
}

.split-wrapper .w-40 {
	width: 40%;
}

/* Speciella paddings */
.split-wrapper .pl-0 {
	padding-left: 0;
}

.split-wrapper .pr-0 {
	padding-right: 0;
}

@media screen and (max-width: 1200px) {
	.split-content {
		width: 50%;
		text-align: left;
		padding: 5rem;
	}
}

@media screen and (max-width: 1000px) {

	.split-wrapper.reverse {
		flex-direction: row;
	}

	.split-content {
		width: 100%;
	}

	.split-image {
		width: 100%;
		padding: 0;
	}

	.split-wrapper.text-split .split-content:nth-child(1) {
		padding-right: 0;
		padding-bottom: 2rem;
	}

	.split-wrapper.text-split .split-content:nth-child(2) {
		padding-left: 0;
	}
}

@media only screen and (max-width: 630px) {
	.split-content {
		padding: 3rem;
	}
}

/* Om oss
========================================================================== */
.about .section-block {
	padding: 5rem;
}

.about .split-content {
	padding-bottom: 0;
}

.about .split-content:nth-child(1) {
	width: 45%;
	padding-right: 4rem;
	padding-left: 0;
}

.about .split-content:nth-child(2) {
	width: 55%;
	padding-right: 0;
}

.about .section-title {
	font-size: 4.2rem;
	font-weight: 600;
	line-height: 1.3;
}

.about p {
	font-size: 2.1rem;
}

@media only screen and (max-width: 1080px) {
	.about .split-content {
		width: 100% !important;
	}

	.about .split-content:nth-child(1) {
		padding-top: 0;
		padding-right: 0;
	}

	.about .split-content:nth-child(2) {
		padding-top: 0;
		padding-left: 0;
	}
}

@media only screen and (max-width: 630px) {
	.about p {
		font-size: 1.6rem;
	}
}

/* Tjanster
========================================================================== */
.services .section-block {
	padding: 6rem;
}

.service-items-wrapper {
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
}

.service-item {
	width: calc(100% / 2 - 2rem);
	margin: 2rem 1rem;
	display: flex;
	flex-wrap: wrap;
	height: 40rem;
	overflow: hidden;
	position: relative;
	box-sizing: border-box;
	background-color: #fff;
	border-radius: 5rem;
	border: 1px solid #0d2d32;
	text-decoration: none !important;
	cursor: pointer;
	-moz-transition: 0.3s ease-in-out;
	-webkit-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}

.service-item .service-image {
	width: 100%;
	height: 100%;
}

.service-item img {
	display: block !important;
	object-fit: cover;
	object-position: center;
	height: 100% !important;
	width: 100% !important;
}

.service-item .service-text {
	text-align: center;
	position: absolute;
	display: flex;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	z-index: 2;
	padding: 5rem;
	background: rgba(0, 0, 0, 0.65);
	cursor: pointer;
	-moz-transition: 0.3s ease-in-out;
	-webkit-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
	border-radius: 5rem;
}

.service-item .service-text:hover {
	background: rgba(0, 0, 0, 0.75);
}

.service-item .service-text .centered-text {
	align-self: center;
	width: 100%;
	text-align: center;
}

.service-item .service-text * {
	color: #fff;
	text-align: center;
}

.service-item .service-text p {
	opacity: 1;
	-moz-transition: 0.3s ease-in-out;
	-webkit-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
	margin: 0 auto;
}

.service-item .btn-primary,
.service-item .btn-white {
	width: fit-content;
	max-width: none;
}

.service-item .btn-primary:hover,
.service-item .btn-white:hover {
	color: #fff;
	border: 1px solid #fff;
}

.service-item:nth-child(2) .service-text .centered-text,
.service-item:nth-child(3) .service-text .centered-text {
	padding: 3rem !important;
	border: 1px solid #fff;
	line-height: 1;
}

.service-item:hover .service-text p {
	opacity: 1;
}


@media only screen and (max-width: 1466px) {
	.service-title-wrapper {
		width: 18%;
	}
}

@media only screen and (max-width: 1080px) {
	.service-title-wrapper {
		width: 100%;
		max-width: 100%;
		padding: 4rem 2rem;
		border-radius: 1rem;
		margin: 0;
	}

	.service-item .service-text {
		padding: 3.5rem;
	}

	.service-title-wrapper h2 {
		transform: none;
		font-size: 4rem;
	}

	.service-items-wrapper {
		width: 100%;
	}

}

@media only screen and (max-width: 868px) {
	.service-item {
		width: 100%;
		margin: 2rem 0;
		height: 40rem;
	}

	.service-item:nth-child(2) .service-text .centered-text,
	.service-item:nth-child(3) .service-text .centered-text {
		border: none;
		padding: 0 !important;
	}
}

@media only screen and (max-width: 630px) {
	.service-item .service-text {
		padding: 2.5rem;
	}
}

/* Startsida > Testimonial
========================================================================== */
.testimonial .section-title {
	text-align: center;
	padding-bottom: 5rem;
}

.testimonial .section-title::before {
	border-bottom: 5px solid #f9c2a7;
	content: "";
	display: inline-block;
	height: .1em;
	position: relative;
	vertical-align: middle;
	width: 5rem;
	margin-bottom: .15em;
	right: 1.3rem;
	margin-left: 1.3rem;
}

.testimonial .split-wrapper {
	margin-bottom: 5rem;
}

.testimonial p {
	font-size: 2.3rem;
	font-weight: 400;
	color: #0d2d32;
}

.testimonial i {
	color: #f9c2a7;
	padding: 0 1rem 0 0;
}

.testimonial .testimonial-title {
	font-size: 1.7rem;
	font-weight: 600;
}

.testimonial .reco-logo-wrapper {
	display: flex;
	justify-content: center;
	padding-bottom: 4rem;
}

.testimonial .reco-logo {
	width: 100%;
	max-height: 15rem;
}

@media only screen and (max-width: 630px) {
	.testimonial p {
		font-size: 1.9rem;
	}

	.testimonial .section-title::before {
		width: 3rem;
	}
}

/* Startsida > Omraden
========================================================================== */
.areas .section-block {
	padding-top: 0;
}

.areas-wrapper {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.areas-wrap {
	width: calc(100% / 3 - 4rem);
	margin: 0 2rem;
	transition: 0.2s ease-in-out;
	padding: 4rem;
	border-radius: 2rem;
	transform: scale(.97);
}

.areas-wrap:hover {
	transform: scale(.99);
}

.areas-icon img {
	width: auto;
	max-height: 12rem;
	padding-bottom: 3rem;
}

.areas-text {
	width: 100%;
	box-sizing: border-box;
	order: 0;
}

.areas-text .small-title::before {
	border-bottom: 4px solid #f9c2a7;
	content: "";
	display: inline-block;
	height: .1rem;
	position: relative;
	vertical-align: middle;
	width: 4rem;
	margin-bottom: .15em;
	right: 1.3rem;
	margin-left: 1.3rem;
}

.areas-text * {
	text-align: left;
}

.areas-text p {
	font-size: 1.45rem;
}

@media only screen and (max-width: 980px) {
	.areas-wrap {
		width: 100%;
	}

	.areas-text {
		padding-left: 0;
	}
}

@media only screen and (max-width: 630px) {

	.areas-text {
		padding-right: 0;
	}
}


/* Startsida > hörselspecialist
========================================================================== */
.LayoutPage .section-hearing-specialist .layout-12 .col-1 {
	padding-right: 3rem;
}

.LayoutPage .section-hearing-specialist .layout-12 .col-2 {
	padding-left: 3rem;
}

.section-hearing-specialist p,
.section-hearing-specialist a {
	font-size: 2.1rem;
}

@media only screen and (max-width: 666px) {

	.LayoutPage .section-hearing-specialist .layout-12 .col-1 {
		width: 100%;
		padding-right: 0;

	}

	.LayoutPage .section-hearing-specialist .layout-12 .col-2 {
		width: 100%;
		padding-right: 0;
		padding-left: 0;

	}
}

/* Startsida > Nyheter
========================================================================== */
.LayoutPage .news {
	overflow: hidden;
	background-image: url('/assets/images/ostermalm-2000.jpg');
}

.news .text-label,
.news .section-title {
	color: #FFF;
}

.scroll-wrapper {
	padding-top: 6rem;
	margin-top: 2rem;
}

.slick-track {
	display: flex !important;
}

.scroll-wrapper .slick-list {
	overflow: visible;
}

.scroll-wrapper .card-item {
	height: auto;
	align-self: stretch !important;
}

/* slick knappar */
.scroll-wrapper .slick-arrow {
	position: absolute;
	top: 0;
	width: 4rem;
	height: 4rem;
	font-size: 0;
	background-color: #0d2d32;
	border: 1px solid #0d2d32;
	border-radius: 50%;
	cursor: pointer;
	transition: .4s;
}

.scroll-wrapper .slick-arrow:not(.slick-disabled):hover,
.scroll-wrapper .slick-arrow:not(.slick-disabled):focus {
	background-color: transparent;
}

.scroll-wrapper .slick-arrow.slick-disabled {
	opacity: .5;
}

.scroll-wrapper .slick-prev {
	left: 0;
}

.scroll-wrapper .slick-next {
	left: 5rem;
}

.scroll-wrapper .slick-prev:before,
.scroll-wrapper .slick-next:before {
	color: #fff;
	font-size: 2rem;
	font-family: 'Font Awesome 5 Pro';
}

.scroll-wrapper .slick-prev::before {
	content: '\f104';
}

.scroll-wrapper .slick-next::before {
	content: '\f105';
}

/* ==========================================================================
Undersidor > Generellt
========================================================================== */
.SubPage .topsection {
	display: none;
}

/* Intro section
========================================================================== */
.SubPage .intro-section p {
	max-width: 75rem;
}

/* iframes
========================================================================== */
.sub-book .book-form-wrapper {
	margin: 0 auto;
	text-align: center;
	background-color: #eee;
	padding: 3rem;
	max-width: 90rem;
	margin-top: 3rem;
}

.sub-book .book-form-wrapper iframe {
	width: 100%;
	max-width: 85rem;
	height: 75rem;
	border: none;
}

@media only screen and (max-width: 700px) {
	.sub-book .book-form-wrapper {
		padding: 1.5rem;
	}
}

/* Hero endast text
========================================================================== */
.SubPage .hero .section-block {
	padding-top: 20rem;
}

/* Hero img
========================================================================== */
.SubPage .hero-img {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
	height: 60vh;
	border: 3rem solid #fff;
	border-bottom: 0;
}

@media only screen and (max-width: 768px) {
	.SubPage .hero-img {
		height: 50vh;
	}
}

@media only screen and (max-width: 630px) {
	.SubPage .hero-img {
		border: 1rem solid #fff;
	}
}

/* Team wrap
========================================================================== */
.team-wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	padding-top: 3rem;
}

.team-wrap .team-box {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: calc(100% / 4 - 2rem);
	margin: 1rem;
	padding: 0;
	position: relative;
}

.team-wrap .team-image {
	height: 30rem;
	overflow: hidden;
	width: 100%;
	text-align: center;
}

.team-wrap .team-image img {
	height: 100% !important;
	object-fit: contain;
}

.team-wrap .team-text {
	padding: 2.5rem 0;
	margin: 0 auto;
}

.team-wrap * {
	text-align: center;
}

.team-wrap .small-title {
	padding-bottom: .3rem;
	line-height: 1;
	font-size: 2rem;
}

.team-wrap .team-title {
	font-size: 1.4rem;
	padding-bottom: .5rem;
}

.team-wrap .team-location {
	text-transform: uppercase;
	font-weight: 500;
	font-size: 1.1rem;
	letter-spacing: 2px;
	padding-bottom: 1.2rem;
	border-bottom: 1px solid#0d2d32;
	margin-bottom: 1.2rem;
	/* width: 70%; */
}

.team-wrap p,
.team-wrap a {
	padding: 0;
	font-size: 1.3rem;
	font-weight: 400;
}

@media only screen and (max-width:1300px) {
	.team-wrap .team-box {
		width: calc(100% / 3 - 2rem);
		margin: 1rem;
		padding: 1rem;
	}

	.team-wrap .team-image {
		height: 30rem;
	}
}

@media only screen and (max-width:868px) {
	.team-wrap .team-box {
		width: calc(100% / 2 - 2rem);
		margin: 1rem;
	}
}

@media only screen and (max-width:580px) {
	.team-wrap .team-box {
		padding: 0;
	}

	.team-wrap .team-text {
		padding: 0;
		padding-top: 2rem;
	}

	.team-wrap .team-image {
		height: auto;
	}

	.team-wrap .team-image img {
		object-fit: contain;
		width: auto !important;
		max-height: 16rem !important;
	}

	.team-wrap .small-title {
		font-size: 1.6rem;
	}
}

/* Transparent sektion med text
========================================================================== */
.transparent-section {
	max-width: 100% !important;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	height: auto;
}

.transparent-section .section-block {
	background-color: rgba(0 0 0 / 70%);
}

.transparent-section *:not(.btn) {
	color: #fff;
}

.transparent-section .centered-border {
	max-width: 90rem;
	text-align: center;
	margin: 0 auto;
	padding: 6rem;
	border: 1px solid #fff;
}

.centered-border p,
.centered-border .btn-wrapper,
.centered-border h2 {
	text-align: center;
	display: flex;
	justify-content: center;
}

/* ==========================================================================
Undersida > Vara tjanster
========================================================================== */
.sub-services .hero-img {
	background-image: url(/assets/images/kvinna-satter-i-horapparat-2000.jpg);
	background-position: center bottom;
}

/* ==========================================================================
Undersida > Vara tjanster > Horselundersokning
========================================================================== */
.sub-horselundersokning .hero-img {
	background-image: url(/assets/images/man-ora-horselundersokning-2000.jpg);
	background-position: center bottom;
}

@media only screen and (max-width: 1080px) {
	.sub-horselundersokning .hero-img {
		background-position: center center;
	}
}

/* ==========================================================================
Undersida > Vara tjanster > Horapparatsutprovning
========================================================================== */
.sub-horapparat .hero-img {
	background-image: url(/assets/images/tjej-provar-ut-horapparat-2000.jpg);
	background-position: center bottom;
}

@media only screen and (max-width: 1080px) {
	.sub-horapparat .hero-img {
		background-position: center center;
	}
}

@media only screen and (max-width: 630px) {
	.sub-horapparat .audiogram .section-block {
		padding: 0 !important;
	}
}

/* ==========================================================================
Undersida > Vara tjanster > Arbetsplatsanpassning
========================================================================== */
.sub-arbetsplatsanpassning .hero-img {
	background-image: url(/assets/images/arbetsplatsanpassning-2000.jpg);
	background-position: center bottom 15%;
}

@media only screen and (max-width: 1080px) {
	.sub-arbetsplatsanpassning .hero-img {
		background-position: center center;
	}
}

@media only screen and (max-width: 630px) {
	.sub-arbetsplatsanpassning .split-section .section-block {
		padding: 0 !important;
	}
}

/* ==========================================================================
Undersida > Vara tjanster > Formgjutna horselskydd
========================================================================== */
.sub-formgjutna .hero-img {
	background-image: url(/assets/images/formgjutna-horselskydd-test-2000.jpg);
}

@media only screen and (max-width: 1200px) {

	.sub-formgjutna .formgjutna .split-content,
	.sub-formgjutna .formgjutna .split-image {
		width: 100%;
	}

	.sub-formgjutna .formgjutna .split-image {
		max-height: 50rem;
	}
}

@media only screen and (max-width: 1080px) {
	.sub-formgjutna .hero-img {
		background-position: center top;
	}
}

@media only screen and (max-width: 630px) {
	.sub-formgjutna .formgjutna .section-block {
		padding: 0 !important;
	}
}

/* ==========================================================================
Undersida > Vara tjanster > Horseltest
========================================================================== */
.sub-horseltest .hero-img {
	background-image: url(/assets/images/kvinna-horlurar-tunnelbana-2000.jpg);
	background-position: center bottom 20%;
}

.sub-horseltest .transparent-section {
	background-image: url(/assets/images/resound-horapparat.jpeg);
}

/* ==========================================================================
Undersida > Audinom Stockholm
========================================================================== */

.sub-audionom .hero-img {
	background-image: url(/assets/images/man-horapparat-skogen-2000.jpg);
	background-position: center bottom 20%;
}

.sub-audionom ul {
	margin-block-start: 0;
}

.sub-audionom ul {
	list-style-type: circle !important;
	margin-inline-start: 2rem;
}
.sub-audionom li {
	list-style-type: circle !important;
	margin-inline-start: 2rem;
}

/* ==========================================================================
Undersida > Om oss
========================================================================== */
.sub-about .hero-img {
	background-image: url(/assets/images/barn-horselundersokning-2000.jpg);
	background-position: center bottom;
}

@media only screen and (max-width: 1200px) {

	.sub-about .split-section .split-content,
	.sub-about .split-section .split-image {
		width: 100%;
	}
}

/* ==========================================================================
Undersida > Horseltest
========================================================================== */
.sub-test .hero-img {
	background-image: url(/assets/images/horselundersokning-instrument-2000.jpg);
	background-position: center bottom;
}

@media only screen and (max-width: 1200px) {

	.sub-test .split-section .split-content,
	.sub-test .split-section .split-image {
		width: 100%;
	}
}

/* ==========================================================================
Undersida > Om oss > Medarbetare
========================================================================== */
.sub-team .hero-img {
	background-image: url(/assets/images/stockholm-2000.jpg);
	background-position: center bottom;
}

.sub-team .team-wrap {
	padding-top: 5rem;
}

.sub-team .team-wrap * {
	text-align: left;
}

.sub-team .team-wrap .team-box {
	justify-content: flex-start;
}

.sub-team .team-wrap .team-image {
	text-align: left;
}

.sub-team .team-wrap .team-text {
	margin: 0;
}

/* ==========================================================================
Undersida > Jobba hos oss
========================================================================== */
.sub-work .hero-img {
	background-image: url(/assets/images/lycklig-aldre-man-2000.jpg);
	background-position: center bottom 30%;
}

/* Jobbinfo
========================================================================== */
.roll-info .work-spec {
	margin-top: 3rem;
	padding: 3rem;
	border: 1px solid #0d2d32;
}

/* ==========================================================================
Undersida > Senaste nytt
========================================================================== */
/* Sök */
.search-wrapper {
	position: relative;
	margin-bottom: 3rem;
}

.search-wrapper em {
	position: absolute;
	left: 2rem;
	top: 50%;
	font-size: 2rem;
	transform: translateY(-50%);
}

.search-wrapper input {
	width: 20rem;
	height: 4rem;
	padding: 0 2rem 0 5rem;
	margin: 0 .6rem;
	border: none;
	border-radius: 5rem;
	box-shadow: 1px 1px 5px rgb(0 0 0 / 20%);
	transition: .5s ease;
}

.search-wrapper input:focus {
	width: calc(100% - 1.2rem);
	outline: unset;
}

/* Taggar */
.tags-heading {
	display: none;
}

.tags-list {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 2rem;
}

.tag {
	padding: .3rem 1.5rem;
	margin: .6rem .5rem;
	font-size: 1.5rem;
	box-shadow: 1px 1px 5px rgb(0 0 0 / 20%);
	border-radius: 2rem;
	cursor: pointer;
	transition: .5s ease;
}

.tag:hover,
.tag.tag-picked {
	color: #FFF;
	background: rgb(var(--primary-color));
}

/* Cards */
.cards-7-wrapper {
	display: flex;
	flex-wrap: wrap;
}

.cards-7-wrapper .card-item {
	width: calc((100% / 3) - 4rem);
	margin: 0 2rem 4rem 2rem;
	border-radius: 2rem;
	box-shadow: 0 1.5rem 3rem rgba(105, 85, 61, .15);
	background: #FFF;
	overflow: hidden;
}

.cards-7-wrapper .image-wrapper {
	height: 24rem;
}

.cards-7-wrapper .image-wrapper img {
	object-fit: cover;
	height: 100%;
	width: 100%;
}

.cards-7-wrapper .text-wrapper {
	padding: 2rem 3rem;
}

.cards-7-wrapper .small-title {
	padding-bottom: 1rem;
	margin-bottom: 1rem;
	font-size: 1.9rem;
	border-bottom: 1px solid #0d2d32;
}

.cards-7-wrapper .date {
	font-size: 1.3rem;
}

.cards-7-wrapper p {
	font-size: 1.5rem;
}
.cards-7-wrapper a{
	text-decoration: none;
}
.cards-7-wrapper a:hover{
	text-decoration: underline;
}
@media only screen and (max-width:1080px) {
	.sub-news .scroll-wrapper {
		padding-top: 0;
	}

	.cards-7-wrapper .card-item {
		width: calc(100% / 2 - 4rem);
		margin: 2rem;
	}
}

@media only screen and (max-width: 980px) {
	.cards-7-wrapper .card-item {
		width: 100%;
		margin: 2rem 0;
	}

	.sub-news .hero .section-block {
		padding-top: 15rem !important;
		padding-bottom: 0 !important;
	}
}


/* Dölj card */
.card-item.hidden-search-item,
.card-item.hidden-tag-item {
	display: none;
}

@media only screen and (max-width:580px) {

	/* Sök */
	.search-wrapper input {
		width: 100%;
	}

	/* Taggar */
	.tags-wrapper {
		position: relative;
		max-width: 25rem;
		padding: 1rem 2rem;
		background: rgb(var(--primary-color));
		cursor: pointer;
	}

	.tags-heading {
		display: block;
		width: 100%;
	}

	.tags-heading p {
		display: flex;
		justify-content: space-between;
		padding-bottom: 0;
		color: #FFF;
	}

	.tags-heading i {
		margin-left: 2rem;
	}

	.tags-list {
		display: none;
		z-index: 1;
		position: absolute;
		top: 100%;
		left: 0;
		width: 100%;
		text-align: left;
		background: #FFF;
		box-shadow: 1px 1px 10px rgba(0, 0, 0, .1);
	}

	.tags-wrapper.opened .tags-list {
		display: block;
	}

	.tags-wrapper .tag {
		display: block;
		padding: 1rem 2rem;
		margin: 0;
		letter-spacing: normal;
		text-transform: initial;
		box-shadow: none;
		border-radius: 0;
	}

	/* Cards */
	.cards-7-wrapper .card-item {
		width: 100%;
		margin: 1rem 0;
	}
}

/* ==========================================================================
Undersida > Nyheter > Nyhetsinlagg
========================================================================== */
/* Header */
.sub-newspost .news-hero {
	background-repeat: no-repeat;
	background-size: cover !important;
	background-position: center center !important;
	height: 60vh;
}

.sub-newspost .news-hero .section-block {
	height: 60vh;
	position: relative;
}

.EditMode.sub-newspost .news-hero {
	padding-top: 20rem !important;
}

.sub-newspost .news-hero .section-block {
	display: flex;
	align-items: flex-end;
	padding-bottom: 7rem;
}

.sub-newspost .news-hero .section-block-wrapper {
	width: 140rem;
	max-width: unset;
	padding: 0;
}

.sub-newspost .news-hero .block-object {
	display: flex;
	justify-content: flex-start;
	align-items: flex-end;
}

.SubPage .title-wrap {
	z-index: 2;
}

.SubPage .title-wrap h1 {
	padding-bottom: 0;
}

.SubPage .title-wrap p {
	text-align: left;
	color: #fff;
	padding-top: 0;
	font-size: 2rem;
	padding-bottom: 2rem;
}

.title-wrap p.news-page-date {
	font-size: 1.45rem;
}

.sub-newspost .news-hero .title-wrap * {
	color: #fff;
	text-align: left;
}

.sub-newspost .news-hero .title-wrap h1 {
	color: #fff;
	font-size: 3.5rem;
	text-align: left;
	padding-bottom: 1rem;
	max-width: 75rem;
}

.sub-newspost .news-hero .background-image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.sub-newspost .news-hero .background-image::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.55);
}

.sub-newspost .news-hero .background-image img {
	position: absolute;
	transform: translate(-50%, -50%);
	top: 50%;
	left: 50%;
	height: 100%;
	min-width: 100%;
	min-height: 100%;
	max-width: unset !important;
}

@supports (object-fit: cover) {
	.sub-newspost .news-hero .background-image img {
		position: relative;
		transform: none;
		top: unset;
		left: unset;
		object-fit: cover;
		object-position: center;
		height: 100% !important;
		width: 100% !important;
	}
}

.return-link {
	font-weight: 500;
	padding-top: 1rem;
	font-size: 1.4rem !important;
	text-decoration: none !important;
}

.return-link:before {
	font-family: 'Font Awesome 5 Pro';
	font-weight: 700;
	content: '\f0a5';
	margin-right: 7px;
	text-decoration: none;
	display: inline-block;
	transform: translateX(0px);
	transition: transform .3s ease;
}

.return-link:hover::before {
	transform: translateX(-15px);
	transition: transform .3s ease;
}

.LayoutPage .newspost-section .col-1 {
	width: 40rem;
	padding: 0;
	position: sticky;
	top: 10rem;
}

.LayoutPage .newspost-section .col-0 {
	width: calc(100% - 40rem);
	padding-left: 2rem;
	padding-right: 10rem;
}

.newspost-section .normaltext-type {
	margin: 0;
}

.newspost-section .case-split-info {
	padding-right: 10rem;
}

.newspost-section .case-split-info h2 {
	padding-top: 3rem;
}

.case-split-info p {
	font-size: 1.8rem;
}

.section-block-wrapper::after {
	content: '';
	display: table;
	clear: both;
}

@media only screen and (max-width: 1024px) {
	.LayoutPage .newspost-section .col-1 {
		width: 100% !important;
		position: relative;
		top: auto;
		margin-bottom: 3rem;
	}

	.LayoutPage .newspost-section .col-0 {
		width: 100%;
		max-width: 90rem;
		padding: 0;
	}

	.newspost-section .case-split-info {
		padding-right: 0;
	}
}

@media only screen and (max-width: 630px) {
	.sub-newspost .news-hero .title-wrap h1 {
		font-size: 2.4rem !important;
	}
}

.EditMode #editBtns {
	position: relative;
	z-index: 1;
}
	
/* Page Navigation */

.page-navigation {
	width: 100%;
	background-color: #0d2d32;
	padding: 5rem 3rem;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	margin-bottom: 4rem;
}

.sub-case-specific .page-navigation img {
	max-width: 20rem !important;
	text-align: center;
}

.page-navigation-header {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	height: 8rem;
}

.page-navigation-title {
	font-size: 2.5rem;
	font-weight: 900;
	line-height: 1rem;
	padding-bottom: 2rem;
	color: #fff;
	text-align: left;
}

.page-navigation ul {
	list-style: none;
	padding: 0;
}

.page-navigation-header * {
	color: #fff;
}

.page-navigation .pagemenu-item {
	position: relative;
	padding: 0;
	line-height: 1.9;
	font-size: 1.6rem;
}

.page-navigation .page-navigation-small-title {
	font-size: 2rem;
	padding-bottom: 0;
}

.page-navigation .smaller-text {
	font-size: 1.6rem;
}

.pagemenu-link {
	display: block;
	padding: 1rem 2rem;
	font-size: 1.3rem;
	height: 3rem;
	line-height: 1;
}

.pagemenu-link:hover {
	background-color: #c5e6aa;
	text-decoration: none;
}

.pagemenu p {
	font-size: 1.45rem;
}

.pagemenu-link.active {
	color: #70a743;
}

.pagemenu-toggle {
	position: absolute;
	top: 0;
	right: 0;
	-webkit-appearance: none;
	appearance: none;
	background-color: transparent;
	width: 4rem;
	height: 4rem;
	border: none;
	cursor: pointer;
	font-size: 0;
}

.pagemenu-toggle:hover {
	background-color: #cfcfcf;
}

.pagemenu-toggle::after {
	display: inline-block;
	position: absolute;
	content: '\f078';
	font-family: 'Font Awesome 5 Pro';
	font-weight: 400;
	font-size: 1.4rem;
	transform: translate(-50%, -50%);
	top: 50%;
	left: 50%;
}

.pagemenu-toggle.button-clicked::after {
	transform: translate(-50%, -50%) rotate(180deg);
}

.page-navigation .pagemenu-submenu {
	background-color: #F2F2F2;
	padding: 1rem 0;
}

.pagemenu-submenu {
	display: none;
}

.page-navigation .pagemenu-subpage-item {
	padding: 0;
	line-height: 1;
}

.pagemenu-submenu-link {
	padding: 1rem 2rem 1rem 5rem;
	display: block;
	font-size: 1.4rem;
	line-height: 1.4;
}

.pagemenu-subpage-item.active .pagemenu-submenu-link {
	color: #70a743;
}

/* innehållsförteckning */
.table-of-content {
	padding: 2rem;
	background-color: #f7f2ef;
}

/* table of content ovanför texten vid 100% */
.table-of-content-mobile {
	display: none;
	margin-bottom: 4rem;
}

.EditMode .table-of-content-mobile {
	display: block;
}

.js-blog-nav {
	margin-bottom: 0;
}

.js-blog-nav li a {
	text-decoration: none;
    padding-bottom: 1.5rem;
    font-size: 15px;
    font-weight: 700;
}

.js-blog-nav li:last-of-type a {
	padding-bottom: 0;
}

@media only screen and (min-width: 1201px) {
	.pagemenu-toggle {
		display: none;
	}

	.page-navigation ul {
		display: block;
	}
}

@media only screen and (max-width: 1024px) {
	.page-navigation {
		margin-top: 3rem;
		margin-bottom: 0;
	}

	.page-navigation .page-navigation-small-title {
		padding-top: 2rem;
		display: block;
	}

	.page-navigation .smaller-text {
		display: block;
	}

	.table-of-content {
		display: none;
	}

	.table-of-content-mobile,
	.EditMode .table-of-content {
		display: block;
	}
}

/* Share buttons */
.share-wrapper {
	padding-top: 5rem;
	display: flex;
}

.share-inner-wrapper {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
}

.share-wrapper a {
	margin: 0 3.5rem 0 0;
	font-weight: 400;
	width: 100%;
}

.share-wrapper a:hover {
	color: #4481b2;
}

.share-wrapper i {
	margin-right: 1rem;
	font-size: 2.8rem;
}

.share-wrapper i.fa-twitter {
	color: #28A9E0;
}

.share-wrapper i.fa-facebook-f {
	color: #4867AA;
}

.share-wrapper i.fa-linkedin-in {
	color: #0377B5;
}

@media only screen and (max-width: 680px) {

	.share-wrapper {
		width: 100%;
		flex-wrap: wrap;
	}

	.share-wrapper a {
		width: calc(100% / 3 - 2rem);
		margin: 1rem;
	}

	.share-inner-wrapper {
		flex-wrap: wrap;
		justify-content: flex-start;
	}

	.share-wrapper i {
		width: 3.1rem;
	}

	.page-navigation-title {
		font-size: 2rem;
	}

}

.indent {
	margin-left: 2rem;
}
/* ==========================================================================
Undersida > Nyheter > Mottagningen i...
========================================================================== */
.sub-news-sodertalje .news-hero .background-image img {
	object-position: bottom;
}

/* ==========================================================================
Undersida > Boka tid
========================================================================== */
.sub-book .hero-img {
	background-image: url(/assets/images/kvinna-pratar-i-telefon-2000.jpg);
	background-position: center bottom 20%;
}

.mottagning-section .service-item .centered-text {
	border: none !important;
	padding: 0 !important;
}

.mottagning-section .service-item:nth-child(2) .service-text .centered-text,
.mottagning-section .service-item:nth-child(3) .service-text .centered-text {
	padding: 0 !important;
}

.mottagning-section .service-item {
	border: none;
}

.mottagning-section .service-item .service-text {
	background: transparent;
}

.mottagning-section .service-item.ostermalm {
	background-color: #0d2d32;
}

.mottagning-section .service-item.nacka {
	background-color: #38646b;
}

.mottagning-section .service-item.akersberga {
	background-color: #f9c2a7;
}

.mottagning-section .service-item.vallingby {
	background-color: #f7f2ef;
}

.mottagning-section .service-item.vallingby *,
.mottagning-section .service-item.akersberga * {
	color: #000;
}

.SubPage .mottagning-section .btn {
	margin-top: 2rem;
}

@media only screen and (max-width: 680px) {
	.SubPage .mottagning-section .section-block {
		padding-top: 0 !important;
	}
}

/* ==========================================================================
Undersida > Boka tid > Specifik undersida
========================================================================== */
/* Intro section med bild + overlappande
========================================================================== */
.SubPage .hero-box {
	position: relative;
}

.intro-section-cta {
	background-color: #0d2d32;
	padding: 7rem;
	max-width: 110rem;
	width: 100%;
	position: relative;
	margin-top: -22rem !important;
	margin: 0 auto;
	border-radius: 5rem;
}

.intro-section-cta * {
	color: #fff;
}

.intro-section-cta .text-label {
	padding-bottom: 2rem;
}

.intro-section-cta i {
	color: #000;
	font-size: 1.3rem;
	margin-left: .5rem;
}

.intro-section-cta .btn-white {
	max-width: 18rem;
	margin-top: 3rem;
}

.intro-section-cta .btn-white:hover i {
	color: #fff;
}

.intro-section-cta p {
	max-width: 85rem;
	margin: 0;
}

@media screen and (max-width: 980px) {

	.SubPage .cta-section .section-block {
		padding: 0 0 5rem 0;
	}

	.intro-section-cta {
		flex-direction: column;
		margin-top: -18rem !important;
	}

	.intro-section-cta .lead {
		padding: 0 0 2rem 0;
		text-align: center;
	}
}

@media screen and (max-width: 768px) {
	.intro-image-wrapper {
		padding-top: 6rem;
		height: auto;
	}

	.intro-section-cta {
		padding: 4rem;
		width: 95%;
	}

	.intro-image-wrapper img {
		object-fit: cover;
	}
}

@media screen and (max-width: 630px) {
	.intro-section-cta {
		padding: 4rem 2.5rem;
		width: 98%;
		margin-top: -15rem !important;
	}

	.intro-section-cta .btn {
		padding: 1.6rem;
		text-align: center;
	}

	.intro-section-cta .section-title {
		font-size: 2rem !important;
		line-height: 1.6;
	}
}

/* Medarbetare
========================================================================== */
.sub-book .team-section .team-wrap {
	justify-content: center;
}

.sub-book .team-section .section-title {
	padding-bottom: 1.5rem;
}

/* ==========================================================================
Undersida > Boka tid > Stockholm
========================================================================== */
.sub-stockholm .hero-img {
	background-image: url(/assets/images/ostermalm-djurgarden-2000.jpg);
}

/* ==========================================================================
Undersida > Boka tid > Nacka
========================================================================== */
.sub-nacka .hero-img {
	background-image: url(/assets/images/nacka-sickla-2000.jpg);
}

/* ==========================================================================
Undersida > Boka tid > Akersberga
========================================================================== */
.sub-akersberga .hero-img {
	background-image: url(/assets/images/natur-blommor-2000.jpg);
}

/* ==========================================================================
Undersida > Boka tid > Vallingby
========================================================================== */
.sub-vallingby .hero-img {
	background-image: url(/assets/images/natur-blommor-closeup-2000.jpg);
}

/* ==========================================================================
Undersida > Kontakt
========================================================================== */
.sub-contact .hero-img {
	background-image: url(/assets/images/kvinna-med-sin-hund-2000.jpg);
}

.LayoutPage .contact-form .section-block {
	padding-top: 0;
}

.LayoutPage .contact-form .section-block-wrapper {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
}

.LayoutPage .contact-form .col-0 {
	width: 55%;
	background-color: transparent;
	order: 0;
	padding: 8rem 2rem 0 2rem;
	display: flex;
	z-index: 5;
	position: relative;
	padding-left: 5rem;
}

.LayoutPage .contact-form .col-1 {
	padding: 3rem 1.5rem;
	width: 45%;
	background: #fff;
	height: 100%;
	min-height: 45rem;
	margin-top: -15rem;
	z-index: 1;
	border-radius: 3rem;
}

.LayoutPage .contact-form .col-0 a {
	display: inline-block;
	color: #222;
	font-family: inherit;
	font-weight: 400;
	font-style: normal;
	text-decoration: none;
	font-size: 1.7rem;
	line-height: 1.9;
	letter-spacing: normal;
	text-transform: none;
}

@media only screen and (max-width: 1200px) {
	.LayoutPage .contact-form .col-0 {
		padding-left: 0;
	}
}

@media only screen and (max-width: 980px) {
	.LayoutPage .contact-form .section-block-wrapper {
		display: block;
	}

	.LayoutPage .contact-form .col-1 {
		margin-top: 2rem;
	}
}

/* ==========================================================================
Undersida > Cookie policy
========================================================================== */
.SubPage .cookie-section .section-block {
	padding-top: 20rem;
}

@media only screen and (max-width: 630px) {
	.SubPage .cookie-section .section-block {
		padding-top: 14rem !important;
	}
}

/* ==========================================================================
Footer
========================================================================== */
.footer {
	background-color: #0d2d32;
}

.footer .container {
	max-width: 160rem;
	padding: 0 2rem;
	margin: 0 auto;
}

/* Footer top */
.footer-top {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 8rem 2rem 4rem 2rem;
	border-bottom: 1px solid #F8C2A7;
}

.footer-menu {
	width: 20%;
	margin: 1.5rem 0;
}

.footer-menu-large {
	width: 30%;
}

.footer .small-title {
	font-size: 2.4rem;
	letter-spacing: normal;
	text-align: left;
}

.footer p {
	font-size: 1.5rem;
	text-align: left;
	line-height: 1.7;
}

.footer-menu-large p {
	font-size: 1.9rem;
}

.footer ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

.footer a {
	font-weight: 400;
	font-size: 1.5rem;
}

.footer a:hover {
	text-decoration: underline;
	color: #F8C2A7;
}

.footer .site-links {
	display: flex;
	flex-wrap: wrap;
	text-align: left;
}

.footer .site-links>*:nth-child(1) {
	margin-left: 0;
}

.footer .site-links>* {
	margin: 0 1rem;
	padding: 0;
	line-height: 1.7;
}

.footer-cert {
	width: 13rem;
}

/* Footer bottom */
.footer-bottom {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 2rem;
}

.footer-bottom p,
.footer-bottom .site-links a {
	font-size: 1.3rem;
}

.footer .container .fab {
	font-size: 0;
	margin-top: 0;
	padding: 0;
	text-decoration: none;
}

.footer .container .fab:hover {
	text-decoration: none;
}

.footer-bottom .circle-icon {
	width: 3rem;
	height: 3rem;
	color: #000;
	background-color: #fff;
}

.footer-bottom .circle-icon:hover {
	background-color: transparent;
	color: #fff;
	text-decoration: none !important;
}

.footer-bottom em::before {
	font-size: 1.4rem;
}

/* WebbEss Stamp  */
.footer .webbess-stamp {
	display: flex;
	align-items: center;
	padding: 0;
	font-size: 1.3rem;
	font-weight: normal;
}

.webbess-stamp img {
	width: 3rem;
	margin-left: 1rem;
	filter: invert(1);
}

@media only screen and (max-width: 1024px) {

	/* Footer top */
	.footer-menu {
		width: 33%;
	}

	.footer-menu-large {
		width: 100%;
	}

	.footer-menu-large p {
		max-width: 55rem;
	}
}

@media only screen and (max-width: 850px) {
	.footer {
		text-align: left;
	}

	.footer-menu {
		width: 100%;
	}
	
	/* Footer bottom */
	.footer-bottom {
		flex-direction: column;
		align-items: flex-start;
		padding: 2rem 0;
	}

	.footer-bottom .socials {
		margin-bottom: 1.5rem;
	}

	.footer .webbess-stamp {
		padding-top: 1rem;
	}
	
}

@media only screen and (max-width: 750px) {

	/* Footer top */
	.footer-menu,
	.footer-menu-large {
		width: 100%;
	}


}

@media only screen and (max-width: 630px) {

	/* Footer top */
	.footer-top {
		padding: 4rem 0 4rem 0;
	}

	/* Footer bottom */
	.footer-bottom {
		padding: 2rem 0;
	}

	.footer .small-title {
		font-size: 1.8rem;
	}

	.footer-menu-large p {
		font-size: 1.7rem;
	}
}