/*																								
	Epilogue by TEMPLATED																								
	templated.co @templatedco																								
	Released for free under the Creative Commons Attribution 3.0 license (templated.co/license)																								
	*/																								
																									
	/* Reset */																								
																									
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {																								
	margin: 0;																								
	padding: 0;																								
	border: 0;																								
	font-size: 100%;																								
	font: inherit;																								
	vertical-align: baseline;																								
	}																								
																									
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {																								
	display: block;																								
	}																								
																									
	body {																								
	line-height: 1;																								
	}																								
																									
	ol, ul {																								
	list-style: none;																								
	}																								
																									
	blockquote, q {																								
	quotes: none;																								
	}																								
																									
	blockquote:before, blockquote:after, q:before, q:after {																								
	content: '';																								
	content: none;																								
	}																								
																									
	table {																								
	border-collapse: collapse;																								
	border-spacing: 0;																								
	}																								
																									
	body {																								
	-webkit-text-size-adjust: none;																								
	}																								
																									
																									
	/* Basic */																								
																									
	@-ms-viewport {																								
	width: device-width;																								
	}																								
																									
	body {																								
	-ms-overflow-style: scrollbar;																								
	}																								
																									
	@media screen and (max-width: 480px) {																								
																									
	html, body {																								
	min-width: 320px;																								
	}																								
																									
	}																								
																									
	body {																								
	background: #f4f4f4;																								
	}																								
																									
	body.is-loading *, body.is-loading *:before, body.is-loading *:after {																								
	-moz-animation: none !important;																								
	-webkit-animation: none !important;																								
	-ms-animation: none !important;																								
	animation: none !important;																								
	-moz-transition: none !important;																								
	-webkit-transition: none !important;																								
	-ms-transition: none !important;																								
	transition: none !important;																								
	}																								
																									
																									
	}																								
																									
																									
																									
																									
	/* Type */																								
																									
	body {																								
	background-color: #f4f4f4;																								
	color: #666666;																								
	}																								
																									
	body, input, select, textarea {																								
	font-family: Raleway, Helvetica, sans-serif;																								
	font-size: 21pt;																								
	font-weight: 200;																								
	line-height: 1.65;																								
	}																								
																									
	@media screen and (max-width: 1680px) {																								
																									
	body, input, select, textarea {																								
	font-size: 14pt;																								
	}																								
																									
	}																								
																									
	@media screen and (max-width: 1280px) {																								
																									
	body, input, select, textarea {																								
	font-size: 14pt;																								
	}																								
																									
	}																								
																									
	@media screen and (max-width: 360px) {																								
																									
	body, input, select, textarea {																								
	font-size: 11pt;																								
	}																								
																									
	}																								
																									
	a {																								
	-moz-transition: color 0.2s ease, border-bottom-color 0.2s ease;																								
	-webkit-transition: color 0.2s ease, border-bottom-color 0.2s ease;																								
	-ms-transition: color 0.2s ease, border-bottom-color 0.2s ease;																								
	transition: color 0.2s ease, border-bottom-color 0.2s ease;																								
	text-decoration: none;																								
	border-bottom: dotted 1px;																								
	}																								
																									
	a:hover {																								
	border-bottom-color: transparent;																								
	}																								
																									
	strong, b {																								
	font-weight: 400;																								
	}																								
																									
	em, i {																								
	font-style: italic;																								
	}																								
																									
	p {																								
	margin: 0 0 2em 0;																								
	}																								
																									
	h1, h2, h3, h4, h5, h6 {																								
	font-weight: 700;																								
	line-height: 1.5;																								
	margin: 0 0 1em 0;																								
	text-transform: none;																								
	letter-spacing: 0.175rem;																								
	}																								
																									
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {																								
	color: inherit;																								
	text-decoration: none;																								
	}																								
																									
	h1 {																								
	font-size: 3em;																								
	}																								
																									
	h2 {																								
	font-size: 1.75em;																								
	}																								
																									
	h3 {																								
	font-size: 1.25em;																								
	}																								
																									
	h4 {																								
	font-size: 1em;																								
	}																								
																									
	h5 {																								
	font-size: 0.9em;																								
	}																								
																									
	h6 {																								
	font-size: 0.7em;																								
	}																								
																									
	@media screen and (max-width: 736px) {																								
																									
	h1 {																								
	font-size: 1.5em;																								
	}																								
																									
	h2 {																								
	font-size: 1.25em;																								
	}																								
																									
	h3 {																								
	font-size: 1em;																								
	}																								
																									
	}																								
																									
	sub {																								
	font-size: 0.8em;																								
	position: relative;																								
	top: 0.5em;																								
	}																								
																									
	sup {																								
	font-size: 0.8em;																								
	position: relative;																								
	top: -0.5em;																								
	}																								
																									
	blockquote {																								
	border-left: solid 4px;																								
	font-style: italic;																								
	margin: 0 0 2em 0;																								
	padding: 0.5em 0 0.5em 2em;																								
	}																								
																									
	code {																								
	border-radius: 4px;																								
	border: solid 1px;																								
	font-family: "Courier New", monospace;																								
	font-size: 0.9em;																								
	margin: 0 0.25em;																								
	padding: 0.25em 0.65em;																								
	}																								
																									
	pre {																								
	-webkit-overflow-scrolling: touch;																								
	font-family: "Courier New", monospace;																								
	font-size: 0.9em;																								
	margin: 0 0 2em 0;																								
	}																								
																									
	pre code {																								
	display: block;																								
	line-height: 1.75;																								
	padding: 1em 1.5em;																								
	overflow-x: auto;																								
	}																								
																									
	hr {																								
	border: 0;																								
	border-bottom: solid 1px;																								
	margin: 2em 0;																								
	}																								
																									
	hr.major {																								
	margin: 3em 0;																								
	}																								
																									
	.align-left {																								
	text-align: left;																								
	}																								
																									
	.align-center {																								
	text-align: center;																								
	}																								
																									
	.align-right {																								
	text-align: right;																								
	}																								
																									
	input, select, textarea {																								
	color: #444444;																								
	}																								
																									
	a {																								
	color: inherit;																								
	}																								
																									
	a:hover {																								
	color: #EF6480 !important;																								
	}																								
																									
	strong, b {																								
	color: #444444;																								
	}																								
																									
	h1, h2, h3, h4, h5, h6 {																								
	color: #444444;																								
	}																								
																									
	blockquote {																								
	border-left-color: #666666;																								
	}																								
																									
	code {																								
	background: rgba(144, 144, 144, 0.075);																								
	border-color: #666666;																								
	}																								
																									
	hr {																								
	border-bottom-color: #666666;																								
	}																								
																									
	/*Button gul-orange gradiant'/

       .gradientyellow {
        background-image: linear-gradient(to right, #FFA500, #FFD700, #FFEA00);
        }
         /* Button */																								
																									
	input[type="submit"],																								
	input[type="reset"],																								
	input[type="button"],																								
	button,																								
	.button {																								
	-moz-appearance: none;																								
	-webkit-appearance: none;																								
	-ms-appearance: none;																								
	appearance: none;																								
	-moz-transition: box-shadow 0.2s ease-in-out, background-color 0.2s ease-in-out, color 0.2s ease-in-out;																								
	-webkit-transition: box-shadow 0.2s ease-in-out, background-color 0.2s ease-in-out, color 0.2s ease-in-out;																								
	-ms-transition: box-shadow 0.2s ease-in-out, background-color 0.2s ease-in-out, color 0.2s ease-in-out;																								
	transition: box-shadow 0.2s ease-in-out, background-color 0.2s ease-in-out, color 0.2s ease-in-out;																								
	border-radius: 4px;																								
	border: 0;																								
	cursor: pointer;																								
	display: inline-block;																								
	font-weight: 400;																								
	height: 3.5em;																								
	line-height: 3.5em;																								
	padding: 0 2em 0 2.375em;																								
	text-align: center;																								
	text-decoration: none;																								
	white-space: nowrap;																								
	text-transform: uppercase;																								
	letter-spacing: 0.325em;																								
	font-size: 0.725em;																								
	}																								
																									
	input[type="submit"].icon:before,																								
	input[type="reset"].icon:before,																								
	input[type="button"].icon:before,																								
	button.icon:before,																								
	.button.icon:before {																								
	margin-right: 0.5em;																								
	}																								
																									
	input[type="submit"].fit,																								
	input[type="reset"].fit,																								
	input[type="button"].fit,																								
	button.fit,																								
	.button.fit {																								
	display: block;																								
	margin: 0 0 1em 0;																								
	width: 100%;																								
	}																								
																									
	input[type="submit"].big,																								
	input[type="reset"].big,																								
	input[type="button"].big,																								
	button.big,																								
	.button.big {																								
	font-size: 0.8em;																								
	padding: 0 2.5em 0 2.875em;																								
	height: 3.75em;																								
	line-height: 3.75em;																								
	}																								
																									
	input[type="submit"].disabled, input[type="submit"]:disabled,																								
	input[type="reset"].disabled,																								
	input[type="reset"]:disabled,																								
	input[type="button"].disabled,																								
	input[type="button"]:disabled,																								
	button.disabled,																								
	button:disabled,																								
	.button.disabled,																								
	.button:disabled {																								
	-moz-pointer-events: none;																								
	-webkit-pointer-events: none;																								
	-ms-pointer-events: none;																								
	pointer-events: none;																								
	opacity: 0.25;																								
	}																								
																									
	@media screen and (max-width: 480px) {																								
																									
	input[type="submit"],																								
	input[type="reset"],																								
	input[type="button"],																								
	button,																								
	.button {																								
	padding: 0;																								
	}																								
																									
	}																								
																									
	input[type="submit"],																								
	input[type="reset"],																								
	input[type="button"],																								
	button,																								
	.button {																								
	background-color: white;																								
	box-shadow: inset 0 0 0 2px #666666;																								
	color: #444444 !important;																								
	}																								
																									
	input[type="submit"]:hover,																								
	input[type="reset"]:hover,																								
	input[type="button"]:hover,																								
	button:hover,																								
	.button:hover {																								
	color: #EF6480 !important;																								
	box-shadow: inset 0 0 0 2px #EF6480;																								
	}																								
																									
	input[type="submit"]:active,																								
	input[type="reset"]:active,																								
	input[type="button"]:active,																								
	button:active,																								
	.button:active {																								
	background-color: rgba(239, 100, 128, 0.15);																								
	}																								
																									
	input[type="submit"].icon:before,																								
	input[type="reset"].icon:before,																								
	input[type="button"].icon:before,																								
	button.icon:before,																								
	.button.icon:before {																								
	color: #999999;																								
	}																								
	}																								
																									
	/*w3css färgschema.#a3c1c8*/																								
																									
	.w3-theme-l5 {color:#000 !important; background-color:#f9fbfc !important}																								
	.w3-theme-l4 {color:#000 !important; background-color:#edf3f4 !important}																								
	.w3-theme-l3 {color:#000 !important; background-color:#dae6e9 !important}																								
	.w3-theme-l2 {color:#000 !important; background-color:#c8dade !important}																								
	.w3-theme-l1 {color:#000 !important; background-color:#b5cdd3 !important}																								
	.w3-theme-d1 {color:#000 !important; background-color:#8cb2ba !important}																								
	.w3-theme-d2 {color:#fff !important; background-color:#75a2ac !important}																								
	.w3-theme-d3 {color:#fff !important; background-color:#5f939e !important}																								
	.w3-theme-d4 {color:#fff !important; background-color:#517e88 !important}																								
	.w3-theme-d5 {color:#fff !important; background-color:#446971 !important}																								
																									
	.w3-theme-light {color:#000 !important; background-color:#f9fbfc !important}																								
	.w3-theme-dark {color:#fff !important; background-color:#446971 !important}																								
	.w3-theme-action {color:#fff !important; background-color:#446971 !important}																								
																									
	.w3-theme {color:#000 !important; background-color:#a3c1c8 !important}																								
	.w3-text-theme {color:#a3c1c8 !important}																								
	.w3-border-theme {border-color:#a3c1c8 !important}																								
																									
	.w3-hover-theme:hover {color:#000 !important; background-color:#a3c1c8 !important}																								
	.w3-hover-text-theme:hover {color:#a3c1c8 !important}																								
	.w3-hover-border-theme:hover {border-color:#a3c1c8 !important}																								
																									
	/*Olika bakgrundssektioner med gradiantfärger*/																								
																									
	.gradiant {																								
	background-image: linear-gradient(-20deg, #2b5876 0%, #4e4376 100%);																								
	}																								
	/*Ljuslila gradiant som tonar mot vit*/																								
	.ljusgradiant {																								
	background: rgba(207,191,202,0.01);																								
	background: linear-gradient(179deg,rgba(207,191,202,0.01) 0%, rgba(207,191,202,0.71) 80%);																								
	background: -webkit-linear-gradient(179deg,rgba(207,191,202,0.01) 0%, rgba(207,191,202,0.71) 80%);																								
	background: -moz-linear-gradient(179deg,rgba(207,191,202,0.01) 0%, rgba(207,191,202,0.71) 80%);																								
																									
	}																								
																									
	/*Ljuslila gradiant som tonar mot vit*/																								
	.ljusbeige {																								
	background: rgba(207,191,202,0.01);																								
	background: linear-gradient(179deg,rgba(207,191,202,0.01) 0%, rgba(214,202,190,0.71) 80%);																								
	background: -webkit-linear-gradient(179deg,rgba(207,191,202,0.01) 0%, rgba(214,202,190,0.71) 80%);																								
	background: -moz-linear-gradient(179deg,rgba(207,191,202,0.01) 0%, rgba(214,202,190,0.71) 80%);																								
																									
																									
	}																								
	/*Stark gradiant med fler färger*/																								
																									
	.gradiant4 {																								
	background-color: #4158D0;																								
	background-image: linear-gradient(271deg, #4158D0 0%, #C850C0 46%, #FFCC70 100%);																								
	}																								
	/*rund bild i gradiant div vit ram*/																								
																									
	.rundbild {																								
	margin-top: 5%; /*rund bild i gradiant div*/																								
	margin-left: auto;																								
	margin-right: auto;																								
	display: block;																								
	border-radius: 50%;																								
	border: 10px solid #ffffff;																								
	border-shadow: 5px black;																								
	width: 50%;																								
	}																								
	
        /*rund bild i gradiant div svart ram*/
        .svartrundbild {																								
	margin-top: 5%; /*rund bild i gradiant div*/																								
	margin-left: auto;																								
	margin-right: auto;																								
	display: block;																								
	border-radius: 50%;																								
	border: 10px solid #000000;																								
	border-shadow: 5px black;																								
	width: 50%;																								
	}			

																								
	/*Rubriker och text och bilder till artikelsektionerna*/																								
	.gradianth2 {																								
	font-family: Raleway; /*h2 rubrik*/																								
	font-size: 32px;																								
	font-weight: 900;																								
	color: white;																								
	padding-top: 30px;																								
	padding-bottom: 15px;																								
	}																								
		
/*h2 rubrik med svart text*/
.h2svart {																								
	font-family: Raleway; 																	
	font-size: 32px;																					font-weight: 900;																				
	color: black;																						
	padding-top: 30px;																			
	padding-bottom: 15px;																								
	}										

	.gradianth3 {																								
	font-family: Raleway; /*h3 rubrik*/																								
	font-size: 20px;																								
	font-weight: 700;																								
	color: white;																								
	}	

.h3svart {																								
	font-family: Raleway; /*h3 rubrik med svart text*/																								
	font-size: 23px;																								
	font-weight: 700;																								
	color: black;																								
	}								


	.textgradiant {																								
	font-family: Raleway; /*text*/																								
	font-size: 16px;																								
	font-weight: 400;																								
	color: #333333;																								
	}																								
																									
	.vittext {																								
	font-family: Raleway; /*text vit*/																								
	font-size: 16px;																								
	font-weight: 400;																								
	color: white;																								
	}																								
	/*text med fyra spalter*/																								
	.newspaper {																								
	column-count: 3;																								
	column-gap: 40px;																								
	column-rule: 1px solid lightblue;																								
	}																								
																									
	h2 {																								
	column-span: all;																								
	}																								
																									
	/*Gradiant knapp*/																								
	.btn-grad {background-image: linear-gradient(to right, #E8CBC0 0%, #636FA4 51%, #E8CBC0 100%)}																								
	.btn-grad {																								
	margin: 10px;																								
	padding: 15px 45px;																								
	text-align: center;																								
	text-transform: uppercase;																								
	transition: 0.5s;																								
	background-size: 200% auto;																								
	color: white;																								
	box-shadow: 0 0 20px #eee;																								
	border-radius: 10px;																								
	display: block;																								
	}																								
																									
	.btn-grad:hover {																								
	background-position: right center; /* change the direction of the change here */																								
	color: #fff;																								
	text-decoration: none;																								
	}																								
																									
	}																								
																									
																									
	}																								
																									
	/* Icon */																								
																									
	.icon {																								
	text-decoration: none;																								
	border-bottom: none;																								
	position: relative;																								
	}																								
																									
	.icon:before {																								
	-moz-osx-font-smoothing: greyscale;																								
	-webkit-font-smoothing: antialiased;																								
	font-family: FontAwesome;																								
	font-style: normal;																								
	font-weight: normal;																								
	text-transform: none !important;																								
	}																								
																									
	.icon > .label {																								
	display: none;																								
	}																								
																									
	.icon.major {																								
	display: block;																								
	margin: 0 0 1.5em 0;																								
	}																								
																									
	.icon.major:before {																								
	cursor: default;																								
	font-size: 2.3rem;																								
	box-shadow: inset 0 0 0 3px #FFF ;																								
	width: 2.2em;																								
	height: 2.2em;																								
	line-height: 2.1em;																								
	display: inline-block;																								
	border-radius: 100%;																								
	border-color: #FFF;																								
	color: #FFF;																								
	}																								
																									
	@media screen and (max-width: 736px) {																								
																									
	.icon.major:before {																								
	font-size: 2rem;																								
	}																								
																									
	}																								
																									
																									
																									
																									
	/* Image */																								
																									
	.image {																								
	border-radius: 4px;																								
	border: 0;																								
	display: inline-block;																								
	position: relative;																								
	}																								
																									
	.image img {																								
	border-radius: 4px;																								
	display: block;																								
	}																								
																									
	.image.left, .image.right {																								
	max-width: 40%;																								
	}																								
																									
	.image.left img, .image.right img {																								
	width: 100%;																								
	}																								
																									
	.image.left {																								
	float: left;																								
	margin: 0 1.5em 1em 0;																								
	top: 0.25em;																								
	}																								
																									
	.image.right {																								
	float: right;																								
	margin: 0 0 1em 1.5em;																								
	top: 0.25em;																								
	}																								
																									
	.image.fit {																								
	display: block;																								
	margin: 0 0 2em 0;																								
	width: 100%;																								
	}																								
																									
	.image.fit img {																								
	width: 100%;																								
	}																								
																									
	.image.main {																								
	display: block;																								
	margin: 0 0 3em 0;																								
	width: 100%;																								
	}																								
																									
	.image.main img {																								
	width: 100%;																								
	}																								
																									
	/* List */																								
																									
	ol {																								
	list-style: decimal;																								
	margin: 0 0 2em 0;																								
	padding-left: 1.25em;																								
	}																								
																									
	ol li {																								
	padding-left: 0.25em;																								
	}																								
																									
	ul {																								
	list-style: disc;																								
	margin: 0 0 2em 0;																								
	padding-left: 1em;																								
	}																								
																									
	ul li {																								
	padding-left: 0.5em;																								
	}																								
																									
	ul.alt {																								
	list-style: none;																								
	padding-left: 0;																								
	}																								
																									
	ul.alt li {																								
	border-top: solid 1px;																								
	padding: 0.5em 0;																								
	}																								
																									
	ul.alt li:first-child {																								
	border-top: 0;																								
	padding-top: 0;																								
	}																								
																									
	ul.icons {																								
	cursor: default;																								
	list-style: none;																								
	padding-left: 0;																								
	}																								
																									
	ul.icons li {																								
	display: inline-block;																								
	padding: 0 1em 0 0;																								
	}																								
																									
	ul.icons li:last-child {																								
	padding-right: 0;																								
	}																								
																									
	ul.actions {																								
	cursor: default;																								
	list-style: none;																								
	padding-left: 0;																								
	}																								
																									
	ul.actions li {																								
	display: inline-block;																								
	padding: 0 1em 0 0;																								
	vertical-align: middle;																								
	}																								
																									
	ul.actions li:last-child {																								
	padding-right: 0;																								
	}																								
																									
	ul.actions.small li {																								
	padding: 0 0.5em 0 0;																								
	}																								
																									
	ul.actions.vertical li {																								
	display: block;																								
	padding: 1em 0 0 0;																								
	}																								
																									
	ul.actions.vertical li:first-child {																								
	padding-top: 0;																								
	}																								
																									
	ul.actions.vertical li > * {																								
	margin-bottom: 0;																								
	}																								
																									
	ul.actions.vertical.small li {																								
	padding: 0.5em 0 0 0;																								
	}																								
																									
	ul.actions.vertical.small li:first-child {																								
	padding-top: 0;																								
	}																								
																									
	ul.actions.fit {																								
	display: table;																								
	margin-left: -1em;																								
	padding: 0;																								
	table-layout: fixed;																								
	width: calc(100% + 1em);																								
	}																								
																									
	ul.actions.fit li {																								
	display: table-cell;																								
	padding: 0 0 0 1em;																								
	}																								
																									
	ul.actions.fit li > * {																								
	margin-bottom: 0;																								
	}																								
																									
	ul.actions.fit.small {																								
	margin-left: -0.5em;																								
	width: calc(100% + 0.5em);																								
	}																								
																									
	ul.actions.fit.small li {																								
	padding: 0 0 0 0.5em;																								
	}																								
																									
	@media screen and (max-width: 480px) {																								
																									
	ul.actions {																								
	margin: 0 0 2em 0;																								
	}																								
																									
	ul.actions li {																								
	padding: 1em 0 0 0;																								
	display: block;																								
	text-align: center;																								
	width: 100%;																								
	}																								
																									
	ul.actions li:first-child {																								
	padding-top: 0;																								
	}																								
																									
	ul.actions li > * {																								
	width: 100%;																								
	margin: 0 !important;																								
	}																								
																									
	ul.actions.small li {																								
	padding: 0.5em 0 0 0;																								
	}																								
																									
	ul.actions.small li:first-child {																								
	padding-top: 0;																								
	}																								
																									
	}																								
																									
	dl {																								
	margin: 0 0 2em 0;																								
	}																								
																									
	dl dt {																								
	display: block;																								
	font-weight: 400;																								
	margin: 0 0 1em 0;																								
	}																								
																									
	dl dd {																								
	margin-left: 2em;																								
	}																								
																									
	ul.alt li {																								
	border-top-color: #666666;																								
	}																								
																									
	/* Table */																								
																									
	.table-wrapper {																								
	-webkit-overflow-scrolling: touch;																								
	overflow-x: auto;																								
	}																								
																									
	table {																								
	margin: 0 0 2em 0;																								
	width: 100%;																								
	}																								
																									
	table tbody tr {																								
	border: solid 1px;																								
	border-left: 0;																								
	border-right: 0;																								
	}																								
																									
	table td {																								
	padding: 0.75em 0.75em;																								
	}																								
																									
	table th {																								
	font-size: 0.9em;																								
	font-weight: 400;																								
	padding: 0 0.75em 0.75em 0.75em;																								
	text-align: left;																								
	}																								
																									
	table thead {																								
	border-bottom: solid 2px;																								
	}																								
																									
	table tfoot {																								
	border-top: solid 2px;																								
	}																								
																									
	table.alt {																								
	border-collapse: separate;																								
	}																								
																									
	table.alt tbody tr td {																								
	border: solid 1px;																								
	border-left-width: 0;																								
	border-top-width: 0;																								
	}																								
																									
	table.alt tbody tr td:first-child {																								
	border-left-width: 1px;																								
	}																								
																									
	table.alt tbody tr:first-child td {																								
	border-top-width: 1px;																								
	}																								
																									
	table.alt thead {																								
	border-bottom: 0;																								
	}																								
																									
	table.alt tfoot {																								
	border-top: 0;																								
	}																								
																									
	table tbody tr {																								
	border-color: #666666;																								
	}																								
																									
	table tbody tr:nth-child(2n + 1) {																								
	background-color: rgba(144, 144, 144, 0.075);																								
	}																								
																									
	table th {																								
	color: #444444;																								
	}																								
																									
	table thead {																								
	border-bottom-color: #666666;																								
	}																								
																									
	table tfoot {																								
	border-top-color: #666666;																								
	}																								
																									
	table.alt tbody tr td {																								
	border-color: #666666;																								
	}																								
																									
																									
	/* Item */																								
																									
	.item {																								
	padding: 3em 3em 1em 3em;																								
	background-color: #ffffff;																								
	border-radius: 4px;																								
	text-align: center;																								
	}																								
																									
	.item header {																								
	border-top-left-radius: 4px;																								
	border-top-right-radius: 4px;																								
	margin: -3em 0 3em -3em;																								
	width: calc(100% + 6em);																								
	height: 15em;																								
	display: -moz-flex;																								
	display: -webkit-flex;																								
	display: -ms-flex;																								
	display: flex;																								
	-moz-align-items: center;																								
	-webkit-align-items: center;																								
	-ms-align-items: center;																								
	align-items: center;																								
	-moz-justify-content: center;																								
	-webkit-justify-content: center;																								
	-ms-justify-content: center;																								
	justify-content: center;																								
	background-color: #444;																								
	color: rgba(255, 255, 255, 0.75);																								
	position: relative;																								
	overflow: hidden;																								
	}																								
																									
	.item header input, .item header select, .item header textarea {																								
	color: #ffffff;																								
	}																								
																									
	.item header a {																								
	color: inherit;																								
	}																								
																									
	.item header a:hover {																								
	color: #EF6480 !important;																								
	}																								
																									
	.item header strong, .item header b {																								
	color: #ffffff;																								
	}																								
																									
	.item header h1, .item header h2, .item header h3, .item  header h4, .item header h5, .item header h6 {																								
	color: #ffffff;																								
	}																								
																									
	.item header blockquote {																								
	border-left-color: #ffffff;																								
	}																								
																									
	.item header code {																								
	background: rgba(255, 255, 255, 0.075);																								
	border-color: #ffffff;																								
	}																								
																									
	.item header hr {																								
	border-bottom-color: #ffffff;																								
	}																								
																									
	.item header a {																								
	-moz-transition: -moz-transform 0.2s ease;																								
	-webkit-transition: -webkit-transform 0.2s ease;																								
	-ms-transition: -ms-transform 0.2s ease;																								
	transition: transform 0.2s ease;																								
	background-size: cover;																								
	background-position: center;																								
	background-repeat: no-repeat;																								
	position: absolute;																								
	top: 0;																								
	left: 0;																								
	width: 100%;																								
	height: 100%;																								
	display: block;																								
	}																								
																									
	.item header a:before {																								
	content: '';																								
	display: block;																								
	position: absolute;																								
	top: 0;																								
	left: 0;																								
	width: 100%;																								
	height: 100%;																								
	background-color: rgba(0, 0, 0, 0.25);																								
	background-image: url("https://uploads.staticjw.com/sv/svenskasterbhus/overlay.png");																								
	}																								
																									
	.item header:hover a {																								
	-moz-transform: scale(1.1);																								
	-webkit-transform: scale(1.1);																								
	-ms-transform: scale(1.1);																								
	transform: scale(1.1);																								
	}																								
																									
	.item header > * {																								
	position: relative;																								
	z-index: 1;																								
	}																								
																									
	.item header h3 {																								
	margin: 0;																								
	-moz-pointer-events: none;																								
	-webkit-pointer-events: none;																								
	-ms-pointer-events: none;																								
	pointer-events: none;																								
	}																								
																									
	.items {																								
	display: -moz-flex;																								
	display: -webkit-flex;																								
	display: -ms-flex;																								
	display: flex;																								
	-moz-flex-wrap: wrap;																								
	-webkit-flex-wrap: wrap;																								
	-ms-flex-wrap: wrap;																								
	flex-wrap: wrap;																								
	width: calc(100% + 2em);																								
	margin: -2em 0 0 -2em;																								
	}																								
																									
	.items .item {																								
	margin: 2em 0 0 2em;																								
	width: calc(50% - 2em);																								
	}																								
																									
	@media screen and (max-width: 980px) {																								
																									
	.item header {																								
	height: 25em;																								
	}																								
																									
	.items {																								
	-moz-flex-direction: column;																								
	-webkit-flex-direction: column;																								
	-ms-flex-direction: column;																								
	flex-direction: column;																								
	-moz-flex-wrap: nowrap;																								
	-webkit-flex-wrap: nowrap;																								
	-ms-flex-wrap: nowrap;																								
	flex-wrap: nowrap;																								
	width: 100%;																								
	margin: 0;																								
	}																								
																									
	.items .item {																								
	width: 100%;																								
	margin: 0 0 2em 0;																								
	}																								
																									
	.items .item:last-child {																								
	margin-bottom: 0;																								
	}																								
																									
	}																								
																									
	@media screen and (max-width: 736px) {																								
																									
	.item header {																								
	height: 15em;																								
	}																								
																									
	.items .item {																								
	margin: 0 0 1em 0;																								
	}																								
																									
	}																								
																									
	@media screen and (max-width: 480px) {																								
																									
	.item {																								
	padding: 2em 1em 0.1em 1em;																								
	}																								
																									
	.item header {																								
	height: 12em;																								
	margin: -2em 0 2em -1em;																								
	width: calc(100% + 2em);																								
	}																								
																									
	}																								
																									
																									
	/* Wrapper */																								
																									
	#wrapper {																								
	width: 64em;																								
	margin: 0 auto;																								
	max-width: calc(100% - 4em);																								
	padding: 4em 0 2em 0;																								
	}																								
																									
	#wrapper > .main {																								
	margin-bottom: 4em;																								
	}																								
																									
	@media screen and (max-width: 980px) {																								
																									
	#wrapper {																								
	padding: 2em 0 2em 0;																								
	}																								
																									
	#wrapper > .main {																								
	margin-bottom: 2em;																								
	}																								
																									
	}																								
																									
	@media screen and (max-width: 736px) {																								
																									
	#wrapper {																								
	max-width: calc(100% - 2em);																								
	padding: 1em 0 0.1em 0;																								
	}																								
																									
	#wrapper > .main {																								
	margin-bottom: 1em;																								
	}																								
																									
	}																								
																									
	/* Intro */																								
																									
	#intro {																								
	padding: 4em 4em 2em 4em;																								
	background-color: #ffffff;																								
	border-radius: 4px;																								
	text-align: center;																								
	font-family: Raleway;																								
																									
	}																								
																									
	@media screen and (max-width: 736px) {																								
																									
	#intro {																								
	padding: 2em 2em 0.1em 2em;																								
	}																								
																									
	}																								
																									
	@media screen and (max-width: 480px) {																								
																									
	#intro {																								
	padding: 2em 1em 0.1em 1em;																								
	}																								
																									
	#intro p br {																								
	display: none;																								
	}																								
																									
	}																								
																									
																									
																									
																									
																									
																									
																									
																									
	/* Header */																								
																									
	#header {																								
	background-color: #444;																								
	color: rgba(255, 255, 255, 0.75);																								
	display: -moz-flex;																								
	display: -webkit-flex;																								
	display: -ms-flex;																								
	display: flex;																								
	-moz-align-items: center;																								
	-webkit-align-items: center;																								
	-ms-align-items: center;																								
	align-items: center;																								
	-moz-justify-content: center;																								
	-webkit-justify-content: center;																								
	-ms-justify-content: center;																								
	justify-content: center;																								
	-moz-flex-direction: column;																								
	-webkit-flex-direction: column;																								
	-ms-flex-direction: column;																								
	flex-direction: column;																								
	padding: 8em 0 6em 0;																								
	background-image: url("https://uploads.staticjw.com/sv/svenskasterbhus/city-g5cc16f7d6_1920.jpg");																								
	background-size: cover;																								
	background-position: center;																								
	background-attachment: scroll;																								
	text-align: center;																								
	position: relative;																								
	cursor: default;																								
	}																								
																									
	#header input, #header select, #header textarea {																								
	color: #ffffff;																								
	}																								
																									
	#header a {																								
	color: inherit;																								
	}																								
																									
	#header a:hover {																								
	color: #EF6480 !important;																								
	}																								
																									
	#header strong, #header b {																								
	color: #ffffff;																								
	}																								
																									
	#header h1, #header h2, #header h3, #header h4, #header h5, #header h6 {																								
	color: #ffffff;																								
	}																								
																									
	#header blockquote {																								
	border-left-color: #ffffff;																								
	}																								
																									
	#header code {																								
	background: rgba(255, 255, 255, 0.075);																								
	border-color: #ffffff;																								
	}																								
																									
																									
																									
	#header h1 {																								
	margin-bottom: 0.5em;																								
	}																								
																									
	#header .inner {																								
	position: relative;																								
	z-index: 1;																								
	}																								
																									
	#header.alt {																								
	height: 20em;																								
	min-height: 20em;																								
	min-height: 75vh;																								
	}																								
																									
	#header.alt:before {																								
	-moz-transition: background-color 3s ease;																								
	-webkit-transition: background-color 3s ease;																								
	-ms-transition: background-color 3s ease;																								
	transition: background-color 3s ease;																								
	-moz-transition-delay: 1s;																								
	-webkit-transition-delay: 1s;																								
	-ms-transition-delay: 1s;																								
	transition-delay: 1s;																								
	}																								
																									
	#header.alt h1 {																								
	font-size: 4em;																								
	padding: 0 0.5em 0.25em 0.5em;																								
	font-weight: 700;																								
	font-family: "Raleway";																								
	text-transform: none;																								
	letter-spacing: 0;																								
	}																								
																									
	#header.alt p {																								
	text-transform: uppercase;																								
	letter-spacing: 0.325rem;																								
	font-weight: 400;																								
	font-size: 0.8em;																								
	padding: 0 1.25em;																								
	}																								
																									
	#header.alt .inner {																								
	-moz-transition: opacity 2s ease;																								
	-webkit-transition: opacity 2s ease;																								
	-ms-transition: opacity 2s ease;																								
	transition: opacity 2s ease;																								
	opacity: 1;																								
	}																								
																									
	body.is-loading #header.alt:before {																								
	background-color: black;																								
	}																								
																									
	body.is-loading #header.alt .inner {																								
	opacity: 0;																								
	}																								
																									
	@media screen and (max-width: 1280px) {																								
																									
	#header {																								
	background-attachment: scroll;																								
	}																								
																									
	}																								
																									
	@media screen and (max-width: 736px) {																								
																									
	#header {																								
	padding: 4em 2em 2em 2em;																								
	}																								
																									
	#header.alt h1 {																								
	font-size: 2.5em;																								
	padding-left: 0;																								
	padding-right: 0;																								
	}																								
																									
	#header.alt p {																								
	padding: 0;																								
	}																								
																									
	#header.alt .inner {																								
	max-width: 20em;																								
	}																								
																									
																									
	}																								
																									
																									
																									
	/* Header vardering, tömning, städning ------------------------*/																								
																									
		#vardering {
  background-color: #444;
  color: rgba(255, 255, 255, 0.75);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 8em 0 6em 0;
  background-image: linear-gradient(-20deg, #2b5876 0%, #4e4376 100%);
  background-size: cover;
  background-position: center;
  background-attachment: scroll;
  text-align: center;
  position: relative;
  cursor: default;
}

#vardering:before {
  content: '';
  display: block;
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.20);
}

#vardering .inner {
  position: relative;
  z-index: 1;
  opacity: 1;
}

#vardering.alt {
  min-height: 75vh;
}

#vardering.alt h1 {
  font-size: 4em;
  padding: 0 0.5em 0.25em 0.5em;
  font-weight: 900;
  font-family: Raleway;
  text-shadow: 2px 2px 4px #000000;
  text-transform: none;
  letter-spacing: 0;
}

@media screen and (max-width: 736px) {
  #vardering {
    padding: 4em 2em 2em 2em;
  }

  #vardering.alt h1 {
    font-size: 2.5em;
    padding-left: 0;
    padding-right: 0;
  }

  #vardering.alt .inner {
    max-width: 20em;
  }
}
																	
/* ================================= */
/* Bakgrund - Värdering (klassversion) */
/* ================================= */

.bg-vardering {
  background-color: #444;
  color: rgba(255, 255, 255, 0.75);

  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;

  padding: 8em 0 6em 0;

  background-image: linear-gradient(-20deg, #2b5876 0%, #4e4376 100%);
  background-size: cover;
  background-position: center;

  text-align: center;
  position: relative;
}

/* overlay (mörk ton ovanpå bakgrund) */
.bg-vardering::before {
  content: '';
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.20);
}

/* innehåll ovanpå overlay */
.bg-vardering .inner {
  position: relative;
  z-index: 1;
}

/* variant med större höjd (som .alt) */
.bg-vardering.alt {
  min-height: 75vh;
}

/* rubrikstil */
.bg-vardering.alt h1 {
  font-size: 4em;
  padding: 0 0.5em 0.25em 0.5em;
  font-weight: 900;
  font-family: Raleway;
  text-shadow: 2px 2px 4px #000000;
  text-transform: none;
  letter-spacing: 0;
}

/* mobil */
@media screen and (max-width: 736px) {

  .bg-vardering {
    padding: 4em 2em 2em 2em;
  }

  .bg-vardering.alt h1 {
    font-size: 2.5em;
    padding-left: 0;
    padding-right: 0;
  }

  .bg-vardering.alt .inner {
    max-width: 20em;
  }

}															
																									
	/* Header Eskilstuna---------------------- */																								
																									
	#eskilstuna {																								
	background-color: #444;																								
	color: rgba(255, 255, 255, 0.75);																								
	display: -moz-flex;																								
	display: -webkit-flex;																								
	display: -ms-flex;																								
	display: flex;																								
	-moz-align-items: center;																								
	-webkit-align-items: center;																								
	-ms-align-items: center;																								
	align-items: center;																								
	-moz-justify-content: center;																								
	-webkit-justify-content: center;																								
	-ms-justify-content: center;																								
	justify-content: center;																								
	-moz-flex-direction: column;																								
	-webkit-flex-direction: column;																								
	-ms-flex-direction: column;																								
	flex-direction: column;																								
	padding: 8em 0 6em 0;																								
																									
	background-attachment: scroll;																								
	text-align: center;																								
	position: relative;																								
	cursor: default;																								
	}


/* Hero image (LCP optimering) */
.hero-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}

#eskilstuna {
  overflow: hidden; /* lägg till denna rad om den inte finns */
}

#eskilstuna .inner {
  position: relative;
  z-index: 1;
}

																								
																									
	#eskilstuna input, #eskilstuna select, #eskilstuna textarea {																								
	color: #ffffff;																								
	}																								
																									
	#eskilstuna a {																								
	color: inherit;																								
	}																								
																									
	#eskilstuna a:hover {																								
	color: #EF6480 !important;																								
	}																								
																									
	#eskilstuna strong, #header b {																								
	color: #ffffff;																								
	}																								
																									
	#eskilstuna h1, #eskilstuna h2, #eskilstuna h3, #eskilstuna h4, #eskilstuna h5, #uppsala h6 {																								
	color: #ffffff;																								
	}																								
																									
	#eskilstuna blockquote {																								
	border-left-color: #ffffff;																								
	}																								
																									
	#eskilstuna code {																								
	background: rgba(255, 255, 255, 0.075);																								
	border-color: #ffffff;																								
	}																								
																									
	#eskilstuna hr {																								
	border-bottom-color: #ffffff;																								
	}																								
																									
	#eskilstuna:before {																								
	content: '';																								
	display: block;																								
	position: absolute;																								
	top: 0;																								
	left: 0;																								
	width: 100%;																								
	height: 100%;																								
	background-color: rgba(0, 0, 0, 0.25);																								
	background-image: url("images/overlay.png");																								
	}																								
																									
	#eskilstuna h1 {																								
	margin-bottom: 0.5em;																								
	}																								
																									
																								
																									
	#eskilstuna.alt {
        min-height: 60vh;
        padding: 6em 0 4em 0;
        }																							
																									
	#eskilstuna:before {
        content: '';
        position: absolute;
        inset: 0;
        background: rgba(0,0,0,0.35); /* lite starkare overlay */
        }																								
																									
	#eskilstuna.alt h1 {																								
	font-size: 4em;																								
	padding: 0 0.5em 0.25em 0.5em;																								
	border-bottom: none;																								
	font-weight: 900;																								
	font-family: "Raleway";																								
	text-transform: none;																								
	letter-spacing: 0;																								
	}																								
																									
	#eskilstuna.alt p {																								
	text-transform: uppercase;																								
	letter-spacing: 0.325rem;																								
	font-weight: 400;																								
	font-size: 0.8em;																								
	padding: 0 1.25em;																								
	}																								
																									
	#eskilstuna.alt .inner {																								
	-moz-transition: opacity 2s ease;																								
	-webkit-transition: opacity 2s ease;																								
	-ms-transition: opacity 2s ease;																								
	transition: opacity 2s ease;																								
	opacity: 1;																								
	}																								
																									
	body.is-loading #eskilstuna.alt:before {																								
	background-color: black;																								
	}																								
																									
	body.is-loading #eskilstuna.alt .inner {																								
	opacity: 0;																								
	}																								
																									
	@media screen and (max-width: 1280px) {																								
																									
	#eskilstuna {																								
	background-attachment: scroll;																								
	}																								
																									
	}																								
																									
	@media screen and (max-width: 736px) {																								
																									
	#eskilstuna {																								
	padding: 4em 2em 2em 2em;																								
	}																								
																									
	#eskilstuna.alt h1 {																								
	font-size: 2.5em;																								
	padding-left: 0;																								
	padding-right: 0;																								
	}																								
																									
	#eskilstuna.alt p {																								
	padding: 0;																								
	}																								
																									
	#eskilstuna.alt .inner {																								
	max-width: 20em;																								
	}																								
																									
																									
	}																								
																									
																				
																									
	/* Header Västerås----------------------- */																								
																									
	#vasteras {																								
	background-color: #444;																								
	color: rgba(255, 255, 255, 0.75);																								
	display: -moz-flex;																								
	display: -webkit-flex;																								
	display: -ms-flex;																								
	display: flex;																								
	-moz-align-items: center;																								
	-webkit-align-items: center;																								
	-ms-align-items: center;																								
	align-items: center;																								
	-moz-justify-content: center;																								
	-webkit-justify-content: center;																								
	-ms-justify-content: center;																								
	justify-content: center;																								
	-moz-flex-direction: column;																								
	-webkit-flex-direction: column;																								
	-ms-flex-direction: column;																								
	flex-direction: column;																								
	padding: 8em 0 6em 0;																								
	background-image: url("https://uploads.staticjw.com/sv/svenskasterbhus/dodsbo-kopes-vasteras-header.webp");																								
	background-size: cover;																								
	background-position: center;																								
	background-attachment: scroll;																								
	text-align: center;																								
	position: relative;																								
	cursor: default;																								
	}																								
																									
	#vasteras input, #vasteras select, #vasteras textarea {																								
	color: #ffffff;																								
	}																								
																									
	#vasteras a {																								
	color: inherit;																								
	}																								
																									
	#vasteras a:hover {																								
	color: #EF6480 !important;																								
	}																								
																									
	#vasteras strong, #header b {																								
	color: #ffffff;																								
	}																								
																									
	#vasteras h1, #vasteras h2, #vasteras h3, #vasteras h4, #vasteras h5, #vasteras h6 {																								
	color: #ffffff;																								
	}																								
																									
	#vasteras blockquote {																								
	border-left-color: #ffffff;																								
	}																								
																									
	#vasteras code {																								
	background: rgba(255, 255, 255, 0.075);																								
	border-color: #ffffff;																								
	}																								
																									
	#vasteras hr {																								
	border-bottom-color: #ffffff;																								
	}																								
																									
	#vasteras:before {																								
	content: '';																								
	display: block;																								
	position: absolute;																								
	top: 0;																								
	left: 0;																								
	width: 100%;																								
	height: 100%;																								
	background-color: rgba(0, 0, 0, 0.25);																								
	background-image: url("images/overlay.png");																								
	}																								
																									
	#vasteras h1 {																								
	margin-bottom: 0.5em;																								
	}																								
																									
	#vasteras .inner {																								
	position: relative;																								
	z-index: 1;																								
	}																								
																									
	#vasteras.alt {																								
	height: 20em;																								
	min-height: 20em;																								
	min-height: 75vh;																								
	}																								
																									
	#vasteras.alt:before {																								
	-moz-transition: background-color 3s ease;																								
	-webkit-transition: background-color 3s ease;																								
	-ms-transition: background-color 3s ease;																								
	transition: background-color 3s ease;																								
	-moz-transition-delay: 1s;																								
	-webkit-transition-delay: 1s;																								
	-ms-transition-delay: 1s;																								
	transition-delay: 1s;																								
	}																								
																									
	#vasteras.alt h1 {																								
	font-size: 4em;																								
	padding: 0 0.5em 0.25em 0.5em;																								
	border-bottom: solid 2px #ffffff;																								
	font-weight: 200;																								
	font-family: "Raleway";																								
	text-transform: none;																								
	letter-spacing: 0;																								
	}																								
																									
	#vasteras.alt p {																								
	text-transform: uppercase;																								
	letter-spacing: 0.325rem;																								
	font-weight: 400;																								
	font-size: 0.8em;																								
	padding: 0 1.25em;																								
	}																								
																									
	#vasteras.alt .inner {																								
	-moz-transition: opacity 2s ease;																								
	-webkit-transition: opacity 2s ease;																								
	-ms-transition: opacity 2s ease;																								
	transition: opacity 2s ease;																								
	opacity: 1;																								
	}																								
																									
	body.is-loading #vasteras.alt:before {																								
	background-color: black;																								
	}																								
																									
	body.is-loading #vasteras.alt .inner {																								
	opacity: 0;																								
	}																								
																									
	@media screen and (max-width: 1280px) {																								
																									
	#vasteras {																								
	background-attachment: scroll;																								
	}																								
																									
	}																								
																									
	@media screen and (max-width: 736px) {																								
																									
	#vasteras {																								
	padding: 4em 2em 2em 2em;																								
	}																								
																									
	#vasteras.alt h1 {																								
	font-size: 2.5em;																								
	padding-left: 0;																								
	padding-right: 0;																								
	}																								
																									
	#vasteras.alt p {																								
	padding: 0;																								
	}																								
																									
	#vasteras.alt .inner {																								
	max-width: 20em;																								
	}																								
																									
																									
	}																								
																									
																									
																									
	/* Header Mariefred----------------------- */																								
																									
	#mariefred {																								
	background-color: #444;																								
	color: rgba(255, 255, 255, 0.75);																								
	display: -moz-flex;																								
	display: -webkit-flex;																								
	display: -ms-flex;																								
	display: flex;																								
	-moz-align-items: center;																								
	-webkit-align-items: center;																								
	-ms-align-items: center;																								
	align-items: center;																								
	-moz-justify-content: center;																								
	-webkit-justify-content: center;																								
	-ms-justify-content: center;																								
	justify-content: center;																								
	-moz-flex-direction: column;																								
	-webkit-flex-direction: column;																								
	-ms-flex-direction: column;																								
	flex-direction: column;																								
	padding: 8em 0 6em 0;																								
	background-image: url("https://uploads.staticjw.com/sv/svenskasterbhus/dodsbo-kopes-strangnas-2.jpg");																								
	background-size: cover;																								
	background-position: center;																								
	background-attachment: scroll;																								
	text-align: center;																								
	position: relative;																								
	cursor: default;																								
	}																								
																									
	#mariefred input, #mariefred select, #mariefred textarea {																								
	color: #ffffff;																								
	}																								
																									
	#mariefred a {																								
	color: inherit;																								
	}																								
																									
	#mariefred a:hover {																								
	color: #EF6480 !important;																								
	}																								
																									
	#mariefred strong, #header b {																								
	color: #ffffff;																								
	}																								
																									
	#mariefred h1, #mariefred h2, #mariefred h3, #mariefred h4, #mariefred h5, #mariefred h6 {																								
	color: #ffffff;																								
	}																								
																									
	#mariefred blockquote {																								
	border-left-color: #ffffff;																								
	}																								
																									
	#mariefred code {																								
	background: rgba(255, 255, 255, 0.075);																								
	border-color: #ffffff;																								
	}																								
																									
	#mariefred hr {																								
	border-bottom-color: #ffffff;																								
	}																								
																									
	#mariefred:before {																								
	content: '';																								
	display: block;																								
	position: absolute;																								
	top: 0;																								
	left: 0;																								
	width: 100%;																								
	height: 100%;																								
	background-color: rgba(0, 0, 0, 0.25);																								
	background-image: url("images/overlay.png");																								
	}																								
																									
	#mariefred h1 {																								
	margin-bottom: 0.5em;																								
	}																								
																									
	#mariefred .inner {																								
	position: relative;																								
	z-index: 1;																								
	}																								
																									
	#mariefred.alt {																								
	height: 20em;																								
	min-height: 20em;																								
	min-height: 75vh;																								
	}																								
																									
	#mariefred.alt:before {																								
	-moz-transition: background-color 3s ease;																								
	-webkit-transition: background-color 3s ease;																								
	-ms-transition: background-color 3s ease;																								
	transition: background-color 3s ease;																								
	-moz-transition-delay: 1s;																								
	-webkit-transition-delay: 1s;																								
	-ms-transition-delay: 1s;																								
	transition-delay: 1s;																								
	}																								
																									
	#mariefred.alt h1 {																								
	font-size: 4em;																								
	padding: 0 0.5em 0.25em 0.5em;																								
	border-bottom: solid 2px #ffffff;																								
	font-weight: 200;																								
	font-family: "Raleway";																								
	text-transform: none;																								
	letter-spacing: 0;																								
	}																								
																									
	#vasteras.alt p {																								
	text-transform: uppercase;																								
	letter-spacing: 0.325rem;																								
	font-weight: 400;																								
	font-size: 0.8em;																								
	padding: 0 1.25em;																								
	}																								
																									
	#mariefred.alt .inner {																								
	-moz-transition: opacity 2s ease;																								
	-webkit-transition: opacity 2s ease;																								
	-ms-transition: opacity 2s ease;																								
	transition: opacity 2s ease;																								
	opacity: 1;																								
	}																								
																									
	body.is-loading #mariefred.alt:before {																								
	background-color: black;																								
	}																								
																									
	body.is-loading #mariefred.alt .inner {																								
	opacity: 0;																								
	}																								
																									
	@media screen and (max-width: 1280px) {																								
																									
	#mariefred {																								
	background-attachment: scroll;																								
	}																								
																									
	}																								
																									
	@media screen and (max-width: 736px) {																								
																									
	#mariefred {																								
	padding: 4em 2em 2em 2em;																								
	}																								
																									
	#mariefred.alt h1 {																								
	font-size: 2.5em;																								
	padding-left: 0;																								
	padding-right: 0;																								
	}																								
																									
	#mariefred.alt p {																								
	padding: 0;																								
	}																								
																									
	#mariefred.alt .inner {																								
	max-width: 20em;																								
	}																								
																									
																									
	}																								
																									
																									
																									
																															
			
																						
																									
	/* Header resten */																								
																									
	#resten {																								
	background-color: #444;																								
	color: rgba(255, 255, 255, 0.75);																								
	display: -moz-flex;																								
	display: -webkit-flex;																								
	display: -ms-flex;																								
	display: flex;																								
	-moz-align-items: center;																								
	-webkit-align-items: center;																								
	-ms-align-items: center;																								
	align-items: center;																								
	-moz-justify-content: center;																								
	-webkit-justify-content: center;																								
	-ms-justify-content: center;																								
	justify-content: center;																								
	-moz-flex-direction: column;																								
	-webkit-flex-direction: column;																								
	-ms-flex-direction: column;																								
	flex-direction: column;																								
	padding: 8em 0 6em 0;																								
	background-image: url("https://uploads.staticjw.com/sv/svenskasterbhus/norrtalje-dodsbo.jpg");																								
	background-size: cover;																								
	background-position: center;																								
	background-attachment: scroll;																								
	text-align: center;																								
	position: relative;																								
	cursor: default;																								
	}																								
																									
	#resten input, #resten select, #resten textarea {																								
	color: #ffffff;																								
	}																								
																									
	#resten a {																								
	color: inherit;																								
	}																								
																									
	#resten a:hover {																								
	color: #EF6480 !important;																								
	}																								
																									
	#resten strong, #resten b {																								
	color: #ffffff;																								
	}																								
																									
	#resten h1, #resten h2, #resten h3, #resten h4, #resten h5, #resten h6 {																								
	color: #ffffff;																								
	}																								
																									
	#resten blockquote {																								
	border-left-color: #ffffff;																								
	}																								
																									
	#resten code {																								
	background: rgba(255, 255, 255, 0.075);																								
	border-color: #ffffff;																								
	}																								
																									
	#resten hr {																								
	border-bottom-color: #ffffff;																								
	}																								
																									
	#resten:before {																								
	content: '';																								
	display: block;																								
	position: absolute;																								
	top: 0;																								
	left: 0;																								
	width: 100%;																								
	height: 100%;																								
	background-color: rgba(0, 0, 0, 0.25);																								
	background-image: url("images/overlay.png");																								
	}																								
																									
	#resten h1 {																								
	margin-bottom: 0.5em;																								
	}																								
																									
	#resten .inner {																								
	position: relative;																								
	z-index: 1;																								
	}																								
																									
	#resten.alt {																								
	height: 20em;																								
	min-height: 20em;																								
	min-height: 75vh;																								
	}																								
																									
	#resten.alt:before {																								
	-moz-transition: background-color 3s ease;																								
	-webkit-transition: background-color 3s ease;																								
	-ms-transition: background-color 3s ease;																								
	transition: background-color 3s ease;																								
	-moz-transition-delay: 1s;																								
	-webkit-transition-delay: 1s;																								
	-ms-transition-delay: 1s;																								
	transition-delay: 1s;																								
	}																								
																									
	#resten.alt h1 {																								
	font-size: 4em;																								
	padding: 0 0.5em 0.25em 0.5em;																								
	border-bottom: solid 2px #ffffff;																								
	font-weight: 200;																								
	font-family: "Raleway", cursive;																								
	text-transform: none;																								
	letter-spacing: 0;																								
	}																								
																									
	#resten.alt p {																								
	text-transform: uppercase;																								
	letter-spacing: 0.325rem;																								
	font-weight: 400;																								
	font-size: 0.8em;																								
	padding: 0 1.25em;																								
	}																								
																									
	#resten.alt .inner {																								
	-moz-transition: opacity 2s ease;																								
	-webkit-transition: opacity 2s ease;																								
	-ms-transition: opacity 2s ease;																								
	transition: opacity 2s ease;																								
	opacity: 1;																								
	}																								
																									
	body.is-loading #resten.alt:before {																								
	background-color: black;																								
	}																								
																									
	body.is-loading #resten.alt .inner {																								
	opacity: 0;																								
	}																								
																									
	@media screen and (max-width: 1280px) {																								
																									
	#resten {																								
	background-attachment: scroll;																								
	}																								
																									
	}																								
																									
	@media screen and (max-width: 736px) {																								
																									
	#resten {																								
	padding: 4em 2em 2em 2em;																								
	}																								
																									
	#resten.alt h1 {																								
	font-size: 2.5em;																								
	padding-left: 0;																								
	padding-right: 0;																								
	}																								
																									
	#resten.alt p {																								
	padding: 0;																								
	}																								
																									
	#resten.alt .inner {																								
	max-width: 20em;																								
	}																								
																									
																									
	}																								
																									
																									
	/* Header i vilka områden köper vi */																								
																									
	#kop {																								
	background-color: #444;																								
	color: rgba(255, 255, 255, 0.75);																								
	display: -moz-flex;																								
	display: -webkit-flex;																								
	display: -ms-flex;																								
	display: flex;																								
	-moz-align-items: center;																								
	-webkit-align-items: center;																								
	-ms-align-items: center;																								
	align-items: center;																								
	-moz-justify-content: center;																								
	-webkit-justify-content: center;																								
	-ms-justify-content: center;																								
	justify-content: center;																								
	-moz-flex-direction: column;																								
	-webkit-flex-direction: column;																								
	-ms-flex-direction: column;																								
	flex-direction: column;																								
	padding: 8em 0 6em 0;																								
	background-image: url("https://uploads.staticjw.com/sv/svenskasterbhus/page3-meta.jpg");																								
	background-size: cover;																								
	background-position: center;																								
	background-attachment: scroll;																								
	text-align: center;																								
	position: relative;																								
	cursor: default;																								
	}																								
																									
	#kop input, # select, #kop textarea {																								
	color: #ffffff;																								
	}																								
																									
	#kop a {																								
	color: inherit;																								
	}																								
																									
	#kop a:hover {																								
	color: #EF6480 !important;																								
	}																								
																									
	#kop strong, #resten b {																								
	color: #ffffff;																								
	}																								
																									
	#kop h1, #kop h2, #kop h3, #kop h4, #kop h5, #kop h6 {																								
	color: #ffffff;																								
	}																								
																									
	#kop blockquote {																								
	border-left-color: #ffffff;																								
	}																								
																									
	#kop code {																								
	background: rgba(255, 255, 255, 0.075);																								
	border-color: #ffffff;																								
	}																								
																									
	#kop hr {																								
	border-bottom-color: ;																								
	}																								
																									
	#kop:before {																								
	content: '';																								
	display: block;																								
	position: absolute;																								
	top: 0;																								
	left: 0;																								
	width: 100%;																								
	height: 100%;																								
	background-color: rgba(0, 0, 0, 0.25);																								
	background-image: url("images/overlay.png");																								
	}																								
																									
	#kop h1 {																								
	margin-bottom: 0.5em;																								
	}																								
																									
	#kop .inner {																								
	position: relative;																								
	z-index: 1;																								
	}																								
																									
	#kop.alt {																								
	height: 20em;																								
	min-height: 20em;																								
	min-height: 75vh;																								
	}																								
																									
	#kop.alt:before {																								
	-moz-transition: background-color 3s ease;																								
	-webkit-transition: background-color 3s ease;																								
	-ms-transition: background-color 3s ease;																								
	transition: background-color 3s ease;																								
	-moz-transition-delay: 1s;																								
	-webkit-transition-delay: 1s;																								
	-ms-transition-delay: 1s;																								
	transition-delay: 1s;																								
	}																								
																									
	#kop.alt h1 {																								
	font-size: 4em;																								
	padding: 0 0.5em 0.25em 0.5em;																								
	border-bottom: solid 2px #ffffff;																								
	font-weight: 200;																								
	font-family: "Pacifico", cursive;																								
	text-transform: none;																								
	letter-spacing: 0;																								
	}																								
																									
	#kop.alt p {																								
	text-transform: uppercase;																								
	letter-spacing: 0.325rem;																								
	font-weight: 400;																								
	font-size: 0.8em;																								
	padding: 0 1.25em;																								
	}																								
																									
	#kop.alt .inner {																								
	-moz-transition: opacity 2s ease;																								
	-webkit-transition: opacity 2s ease;																								
	-ms-transition: opacity 2s ease;																								
	transition: opacity 2s ease;																								
	opacity: 1;																								
	}																								
																									
	body.is-loading #kop.alt:before {																								
	background-color: black;																								
	}																								
																									
	body.is-loading #kop.alt .inner {																								
	opacity: 0;																								
	}																								
																									
	@media screen and (max-width: 1280px) {																								
																									
	#kop {																								
	background-attachment: scroll;																								
	}																								
																									
	}																								
																									
	@media screen and (max-width: 736px) {																								
																									
	#kop {																								
	padding: 4em 2em 2em 2em;																								
	}																								
																									
	#kop.alt h1 {																								
	font-size: 2.5em;																								
	padding-left: 0;																								
	padding-right: 0;																								
	}																								
																									
	#kop.alt p {																								
	padding: 0;																								
	}																								
																									
	#kop.alt .inner {																								
	max-width: 20em;																								
	}																								
																									
																									
	}																								
																									
																									
																	
																									
																		
																									
	/* Header Strängnäs */																								
																									
	#strang {																								
	background-color: #444;																								
	color: rgba(255, 255, 255, 0.75);																								
	display: -moz-flex;																								
	display: -webkit-flex;																								
	display: -ms-flex;																								
	display: flex;																								
	-moz-align-items: center;																								
	-webkit-align-items: center;																								
	-ms-align-items: center;																								
	align-items: center;																								
	-moz-justify-content: center;																								
	-webkit-justify-content: center;																								
	-ms-justify-content: center;																								
	justify-content: center;																								
	-moz-flex-direction: column;																								
	-webkit-flex-direction: column;																								
	-ms-flex-direction: column;																								
	flex-direction: column;																								
	padding: 10em 0 10em 0;																								
	background-image: url("https://uploads.staticjw.com/sv/svenskasterbhus/dodsbo-kopes-strangnas-1.jpg");																								
	background-size: cover;																								
	background-position: center;																								
	background-attachment: scroll;																								
	text-align: center;																								
	position: relative;																								
	cursor: default;																								
	}																								
																									
	#strang input, #strang select, #strang textarea {																								
	color: #ffffff;																								
	}																								
																									
	#strang a {																								
	color: inherit;																								
	}																								
																									
	#strang a:hover {																								
	color: #EF6480 !important;																								
	}																								
																									
	#strang strong, #taby b {																								
	color: #ffffff;																								
	}																								
																									
	#strang h1, #strang h2, #strang h3, #strang h4, #strang h5, #strang h6 {																								
	color: #ffffff;																								
	}																								
																									
	#strang blockquote {																								
	border-left-color: #ffffff;																								
	}																								
																									
	#strang code {																								
	background: rgba(255, 255, 255, 0.075);																								
	border-color: #ffffff;																								
	}																								
																									
	#strang hr {																								
																									
	}																								
																									
	#strang:before {																								
	content: '';																								
	display: block;																								
	position: absolute;																								
	top: 0;																								
	left: 0;																								
	width: 100%;																								
	height: 100%;																								
	background-color: rgba();																								
	background-image: url("");																								
	}																								
																									
																									
																									
																									
	}																								
																									
																									
	#strang h1 {																								
	margin-bottom: 0.5em;																								
	}																								
																									
	#strang.inner {																								
	position: relative;																								
	z-index: 1;																								
	}																								
																									
	#strang.alt {																								
	height: 40em;																								
	min-height: 20em;																								
	min-height: 75vh;																								
	}																								
																									
	#strang.alt:before {																								
	-moz-transition: background-color 3s ease;																								
	-webkit-transition: background-color 3s ease;																								
	-ms-transition: background-color 3s ease;																								
	transition: background-color 3s ease;																								
	-moz-transition-delay: 1s;																								
	-webkit-transition-delay: 1s;																								
	-ms-transition-delay: 1s;																								
	transition-delay: 1s;																								
	}																								
																									
	#strang.alt h1 {																								
	font-size: 4em;																								
	padding: 0 0.5em 0.25em 0.5em;																								
	border-bottom: ;																								
	font-weight: 900;																								
	font-family: "Raleway";																								
	text-transform: none;																								
	letter-spacing: 0;																								
	}																								
																									
	#strang.alt p {																								
	text-transform: uppercase;																								
	letter-spacing: 0.325rem;																								
	font-weight: 400;																								
	font-size: 0.8em;																								
	padding: 0 1.25em;																								
	}																								
																									
	#strang.alt .inner {																								
	-moz-transition: opacity 2s ease;																								
	-webkit-transition: opacity 2s ease;																								
	-ms-transition: opacity 2s ease;																								
	transition: opacity 2s ease;																								
	opacity: 1;																								
	}																								
																									
	body.is-loading #strang.alt:before {																								
	background-color: black;																								
	}																								
																									
	body.is-loading #strang.alt .inner {																								
	opacity: 0;																								
	}																								
																									
	@media screen and (max-width: 1280px) {																								
																									
	#strang {																								
	background-attachment: scroll;																								
	}																								
																									
	}																								
																									
	@media screen and (max-width: 736px) {																								
																									
	#strang {																								
	padding: 4em 2em 2em 2em;																								
	}																								
																									
	#strang.alt h1 {																								
	font-size: 2.5em;																								
	padding-left: 0;																								
	padding-right: 0;																								
	}																								
																									
	#strang.alt p {																								
	padding: 0;																								
	}																								
																									
	#strang.alt .inner {																								
	max-width: 20em;																								
	}																								
																									
																									
	}																								
																									
																									
																									
																			
																																					
																									
																									
	/* Header blogg Eskilstuna */																								
																									
	#blogg {																								
	background-color: #444;																								
	color: rgba(255, 255, 255, 0.75);																								
	display: -moz-flex;																								
	display: -webkit-flex;																								
	display: -ms-flex;																								
	display: flex;																								
	-moz-align-items: center;																								
	-webkit-align-items: center;																								
	-ms-align-items: center;																								
	align-items: center;																								
	-moz-justify-content: center;																								
	-webkit-justify-content: center;																								
	-ms-justify-content: center;																								
	justify-content: center;																								
	-moz-flex-direction: column;																								
	-webkit-flex-direction: column;																								
	-ms-flex-direction: column;																								
	flex-direction: column;																								
	padding: 8em 0 6em 0;																								
	background-image: url( "https://uploads.staticjw.com/sv/svenskasterbhus/kopa-dodsbo-eskilstuna.jpg" );																								
	background-size: cover;																								
	background-position: center;																								
	background-attachment: scroll;																								
	text-align: center;																								
	position: relative;																								
	cursor: default;																								
	}																								
																									
	#blogg input, #blogg select, #blogg textarea {																								
	color: #ffffff;																								
	}																								
																									
	#blogg a {																								
	color: inherit;																								
	}																								
																									
	#blogg a:hover {																								
	color: #EF6480 !important;																								
	}																								
																									
	#blogg strong, #header b {																								
	color: #ffffff;																								
	}																								
																									
	#blogg h1, #blogg h2, #blogg h3, #blogg h4, #blogg h5, #blogg h6 {																								
	color: #ffffff;																								
	}																								
																									
	#blogg blockquote {																								
	border-left-color: #ffffff;																								
	}																								
																									
	#blogg code {																								
	background: rgba(255, 255, 255, 0.075);																								
	border-color: #ffffff;																								
	}																								
																									
	#blogg hr {																								
	border-bottom-color: #ffffff;																								
	}																								
																									
	#blogg:before {																								
	content: '';																								
	display: block;																								
	position: absolute;																								
	top: 0;																								
	left: 0;																								
	width: 100%;																								
	height: 100%;																								
	background-color: rgba(0, 0, 0, 0.25);																								
	background-image: url("images/overlay.png");																								
	}																								
																									
	#blogg h1 {																								
	margin-bottom: 0.5em;																								
	}																								
																									
	#blogg .inner {																								
	position: relative;																								
	z-index: 1;																								
	}																								
																									
	#blogg.alt {																								
	height: 20em;																								
	min-height: 20em;																								
	min-height: 75vh;																								
	}																								
																									
	#blogg.alt:before {																								
	-moz-transition: background-color 3s ease;																								
	-webkit-transition: background-color 3s ease;																								
	-ms-transition: background-color 3s ease;																								
	transition: background-color 3s ease;																								
	-moz-transition-delay: 1s;																								
	-webkit-transition-delay: 1s;																								
	-ms-transition-delay: 1s;																								
	transition-delay: 1s;																								
	}																								
																									
	#blogg.alt h1 {																								
	font-size: 4em;																								
	padding: 0 0.5em 0.25em 0.5em;																								
	border-bottom: solid 2px #ffffff;																								
	font-weight: 200;																								
	font-family: "Pacifico", cursive;																								
	text-transform: none;																								
	letter-spacing: 0;																								
	}																								
																									
	#blogg.alt p {																								
	text-transform: uppercase;																								
	letter-spacing: 0.325rem;																								
	font-weight: 400;																								
	font-size: 0.8em;																								
	padding: 0 1.25em;																								
	}																								
																									
	#blogg.alt .inner {																								
	-moz-transition: opacity 2s ease;																								
	-webkit-transition: opacity 2s ease;																								
	-ms-transition: opacity 2s ease;																								
	transition: opacity 2s ease;																								
	opacity: 1;																								
	}																								
																									
	body.is-loading #blogg.alt:before {																								
	background-color: black;																								
	}																								
																									
	body.is-loading #blogg.alt .inner {																								
	opacity: 0;																								
	}																								
																									
	@media screen and (max-width: 1280px) {																								
																									
	#blogg {																								
	background-attachment: scroll;																								
	}																								
																									
	}																								
																									
	@media screen and (max-width: 736px) {																								
																									
	#blogg {																								
	padding: 4em 2em 2em 2em;																								
	}																								
																									
	#blogg.alt h1 {																								
	font-size: 2.5em;																								
	padding-left: 0;																								
	padding-right: 0;																								
	}																								
																									
	#blogg.alt p {																								
	padding: 0;																								
	}																								
																									
	#blogg.alt .inner {																								
	max-width: 20em;																								
	}																								
																									
																									
	}																								
																									
	}																								
																									
																				
																									
																									
	* {																								
	box-sizing: border-box;																								
	}																								
																									
	.cardbox {																								
	background-color: #d1d1d1 ;																								
	padding: 30px;																								
	}																								
	body {																								
	font-family: Helvetica, sans-serif;																								
	}																								
																									
	/* Float tree columns side by side */																								
	.column {																								
	float: left;																								
	width: 33%;																								
	padding: 0 50px;																								
	}																								
																									
	/* Remove extra left and right margins, due to padding in columns */																								
	.row {margin: 0 -5px;}																								
																									
	/* Clear floats after the columns */																								
	.row:after {																								
	content: "";																								
	display: table;																								
	clear: both;																								
	}																								
																									
	/* Style the counter cards */																								
	.card {																								
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); /* this adds the "card" effect */																								
	padding: 16px;																								
	text-align: center;																								
	background-color: white ;																								
	color: black;																								
	border-radius: 5px;																								
	}																								
																									
	/* Responsive columns - one column layout (vertical) on small screens */																								
	@media screen and (max-width: 600px) {																								
	.column {																								
	width: 100%;																								
	display: block;																								
	margin-bottom: 20px;																								
	}																								
																									
																									
	}																								
																									
																									
	/*flip-cards*/																								
																									
	.flip-card {																								
	float: left;																								
	position: relative;																								
	background-color: transparent;																								
	width: 300px;																								
	height: 400px;																								
	perspective: 1000px;																								
	left: 2%;																								
	margin: 10px;																								
	/* Remove this if you don't want the 3D effect */																								
	}																								
																									
	/* This container is needed to position the front and back side */																								
	.flip-card-inner {																								
	float: left;																								
	position: relative;																								
	width: 100%;																								
	height: 100%;																								
	text-align: center;																								
	transition: transform 0.8s;																								
	transform-style: preserve-3d;																								
	left: -2%																								
	}																								
																									
	/* Do an horizontal flip when you move the mouse over the flip box container */																								
	.flip-card:hover .flip-card-inner {																								
	transform: rotateY(180deg);																								
	}																								
																									
	/* Position the front and back side */																								
	.flip-card-front, .flip-card-back {																								
	position: absolute;																								
	float:left;																								
	width: 100%;																								
	height: 100%;																								
	-webkit-backface-visibility: hidden; /* Safari */																								
	backface-visibility: hidden;																								
	}																								
																									
	/* Style the front side (fallback if image is missing) */																								
	.flip-card-front {																								
	background-color: white;																								
	color: black;																								
	}																								
																									
	/* Style the back side */																								
	.flip-card-back {																								
	background-color:#ebeaea;																								
	color: white;																								
	padding: 10px;																								
	transform: rotateY(180deg);																								
	}																								
	}																								
																									
																									
																									
																									
																									
	/* Main */																								
																									
	#main {																								
	padding: 4em 4em 2em 4em;																								
	background-color: #ffffff;																								
	border-radius: 4px;																								
	}																								
																									
	#main > header:first-child {																								
	text-align: center;																								
	}																								
																									
	@media screen and (max-width: 736px) {																								
																									
	#main {																								
	padding: 2em 2em 0.1em 2em;																								
	}																								
																									
	}																								
																									
	@media screen and (max-width: 480px) {																								
																									
	#main {																								
	padding: 2em 1em 0.1em 1em;																								
	}																								
																									
	}																								
																									
	/* Intro */																								
																									
	#intro {																								
	padding: 4em 4em 2em 4em;																								
	background-color: #ffffff;																								
	border-radius: 4px;																								
	text-align: center;																								
	}																								
																									
	@media screen and (max-width: 736px) {																								
																									
	#intro {																								
	padding: 2em 2em 0.1em 2em;																								
	}																								
																									
	}																								
																									
	@media screen and (max-width: 480px) {																								
																									
	#intro {																								
	padding: 2em 1em 0.1em 1em;																								
	}																								
																									
	#intro p br {																								
	display: none;																								
	}																								
																									
	}																								
																									
																									
																									
																									
	/* CTA */																								
																									
	#cta {																								
	padding: 2em 0 0.1em 0;																								
	text-align: center;																								
	}																								
																									
	@media screen and (max-width: 736px) {																								
																									
	#cta {																								
	padding: 2em 2em 0.1em 2em;																								
	}																								
																									
	}																								
																									
	@media screen and (max-width: 480px) {																								
																									
	#cta {																								
	padding: 2em 1em 0.1em 1em;																								
	}																								
																									
	#cta p br {																								
	display: none;																								
	}																								
																									
	}																								
																									
																									
	/*Kontaktsida*/																								
																									
	* {																								
	box-sizing: border-box;																								
	}																								
																									
	.cardbox {																								
	background-color: #d1d1d1 ;																								
	padding: 30px;																								
	}																								
	body {																								
	font-family: Raleway, sans-serif;																								
	}																								
																									
	/* Float tree columns side by side */																								
	.kontakt {																								
	float: left;																								
	width: 30%;																								
	padding: 0 50px;																								
	}																								
																									
	/* Remove extra left and right margins, due to padding in columns */																								
	.row {margin: 0 -5px;}																								
																									
	/* Clear floats after the columns */																								
	.row:after {																								
	content: "";																								
	display: table;																								
	clear: both;																								
	}																								
																									
	/* Style the counter cards */																								
	.kontaktcard {																								
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); /* this adds the "card" effect */																								
	padding: 16px;																								
	text-align: center;																								
	background-color: white ;																								
	color: black;																								
	border-radius: 5px;																								
	}																								
																									
	/* Responsive columns - one column layout (vertical) on small screens */																								
	@media screen and (max-width: 600px) {																								
	.column {																								
	width: 100%;																								
	display: block;																								
	margin-bottom: 20px;																								
	}																								
	}																								
																									
																									
																									
																									
																									
	/*Testimonials*/																								
																									
	.testimonials {																								
	position: relative;																								
	}																								
																									
	.container {																								
	background-image: url("https://uploads.staticjw.com/sv/svenskasterbhus/wood-591631_1920.webp");																								
	position: relative;																								
	background-size: cover;																								
	background-repeat: no-repeat;																								
	background-color: #95b6c0;																								
	text-align: center;																								
	font-size: 50px;																								
	color: white;																								
	padding-top: 100px;																								
	padding-bottom: 100px;																								
	padding-right: 100px;																								
	padding-left: 100px;																								
	margin-right: auto;																								
	margin-left: auto;																								
	width: 100%;																								
																									
	}																								
																									
	/*Testimonials Uppsala*/																								
																									
	.uppsala {																								
	position: relative;																								
	}																								
																									
																									
																									
	.vittnesmal {																								
	background-image: url("https://uploads.staticjw.com/sv/svenskasterbhus/kopa-dodsbo-952x620.jpg");																								
	position: relative;																								
	background-size: cover;																								
	background-repeat: no-repeat;																								
	background-color: #95b6c0;																								
	text-align: center;																								
	font-size: 50px;																								
	color: red;																								
	padding-top: 100px;																								
	padding-bottom: 100px;																								
	padding-right: 100px;																								
	padding-left: 100px;																								
	margin-right: auto;																								
	margin-left: auto;																								
	width: 100%;																								
																									
	}																								
	}																								
																									
																									
	}																								
	


/*----------------------------------*/
Plus-tecken till FAQ Accordion
/*----------------------------------*/


.faq-question {
  position: relative;
  cursor: pointer;
  list-style: none;
  padding: 14px 42px 14px 0;
}

summary::-webkit-details-marker {
  display: none;
}

.faq-question::after {
  content: "+";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: 28px;
  font-weight: 700;
  line-height: 1;
}

details[open] .faq-question::after {
  content: "−";
}

details {
  border-bottom: 1px solid #ddd;
  padding: 8px 0;
}

details p {
  margin-top: 10px;
}





/* ================================= */
/* Om oss-eskilstuna */
/* ================================= */
.contact-premium {
    max-width: 1100px;
    margin: 80px auto;
    padding: 20px;
}

.contact-card {
    background: #ffffff;
    border-radius: 22px;
    padding: 50px;
    box-shadow: 0 20px 60px rgba(0,0,0,0.08);
}

.contact-card h1 {
    font-size: 36px;
    margin-bottom: 20px;
}

.lead {
    font-size: 18px;
    margin-bottom: 40px;
    color: #555;
}

.contact-grid {
    display: flex;
    gap: 50px;
    flex-wrap: wrap;
}

.contact-info {
    flex: 1;
    min-width: 280px;
}

.contact-map {
    flex: 1;
    min-width: 280px;
}

.cta-btn {
    display: inline-block;
    margin-top: 20px;
    padding: 14px 28px;
    background: #000;
    color: #fff;
    border-radius: 30px;
    text-decoration: none;
    transition: 0.3s ease;
}

.cta-btn:hover {
    background: #333;
}

.review-box {
    margin-top: 60px;
    padding: 30px;
    background: #f8f8f8;
    border-radius: 16px;
}

.faq-box {
    margin-top: 60px;
}

details {
    margin-top: 15px;
    padding: 15px;
    background: #fafafa;
    border-radius: 10px;
    cursor: pointer;
}

summary {
    font-weight: 600;
}
/* ================================= */
/* Kontaktformulär Svenska Sterbhus */
/* ================================= */

.form-wrapper {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
  padding: 30px 20px;
  overflow: hidden;
  border-radius: 18px;
}

.form-wrapper::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url("https://uploads.staticjw.com/sv/svenskasterbhus/coffee-5037804_1920.webp");
  background-size: cover;
  background-position: center;
  filter: blur(2px);
  transform: scale(1.03);
  opacity: 0.75;
  z-index: 0;
}

.form-wrapper::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(255, 255, 255, 0.08);
  z-index: 0;
}

.contact-form {
  position: relative;
  z-index: 1;
  max-width: 900px;
  margin: auto;
  padding: 30px;
  background: transparent;
  border-radius: 12px;
  color: white;
}

.ss-contact-form {
  border: 1px solid rgba(255,255,255,0.28);
  background: rgba(255, 255, 255, 0.04);
  padding: 28px;
  border-radius: 12px;
  box-sizing: border-box;
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
}

.ss-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 28px;
}

.ss-field {
  margin-bottom: 18px;
}

.ss-label {
  display: block;
  margin-bottom: 8px;
  color: #ffffff;
  font-size: 15px;
  line-height: 1.4;
  font-weight: 600;
}

.ss-input,
.ss-select,
.ss-textarea {
  width: 100%;
  max-width: 360px;
  background: rgba(255, 255, 255, 0.16) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255,255,255,0.40) !important;
  border-radius: 8px;
  padding: 12px 14px;
  box-sizing: border-box;
  font-size: 15px;
  outline: none;
  box-shadow: none;
}

.ss-input::placeholder,
.ss-textarea::placeholder {
  color: rgba(255,255,255,0.78);
}

.ss-select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.ss-select option {
  background: #2b211c;
  color: #ffffff;
}

.ss-input:focus,
.ss-select:focus,
.ss-textarea:focus {
  border-color: #ffffff !important;
  box-shadow: 0 0 0 1px rgba(255,255,255,0.35);
}

.ss-textarea {
  max-width: 100%;
  min-height: 160px;
  resize: vertical;
}

.ss-options {
  display: grid;
  gap: 10px;
  margin-top: 6px;
}

.ss-option {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #ffffff;
  font-size: 15px;
  line-height: 1.4;
  cursor: pointer;
  width: fit-content;
}

.ss-option input[type="radio"],
.ss-option input[type="checkbox"] {
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  width: 20px !important;
  height: 20px !important;
  min-width: 20px !important;
  min-height: 20px !important;
  margin: 0 !important;
  border: 2px solid #ffffff !important;
  background: rgba(255,255,255,0.08) !important;
  display: inline-block !important;
  vertical-align: middle;
  position: relative;
  cursor: pointer;
  box-shadow: none !important;
  outline: none !important;
  padding: 0 !important;
}

.ss-option input[type="radio"] {
  border-radius: 50% !important;
}

.ss-option input[type="checkbox"] {
  border-radius: 4px !important;
}

.ss-option input[type="radio"]:checked::before {
  content: "";
  position: absolute;
  top: 4px;
  left: 4px;
  width: 8px;
  height: 8px;
  background: #ffffff;
  border-radius: 50%;
}

.ss-option input[type="checkbox"]:checked::before {
  content: "";
  position: absolute;
  left: 6px;
  top: 1px;
  width: 5px;
  height: 11px;
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.ss-full {
  margin-top: 10px;
}

.ss-gdpr-text {
  margin: 18px 0 10px 0;
  color: rgba(255,255,255,0.85);
  font-size: 12px;
  line-height: 1.5;
}

.ss-submit {
  display: inline-block;
  background: rgba(255,255,255,0.14);
  color: #ffffff !important;
  border: 1px solid rgba(255,255,255,0.85);
  border-radius: 999px;
  padding: 13px 28px;
  font-size: 15px;
  font-weight: 700;
  cursor: pointer;
  transition: 0.2s ease;
  text-transform: none;
  letter-spacing: 0;
  line-height: normal;
  height: auto;
  box-shadow: none;
}

.ss-submit:hover {
  background: #ffffff;
  color: #000000 !important;
}

@media (max-width: 900px) {
  .ss-grid {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .ss-input,
  .ss-select {
    max-width: 100%;
  }

  .ss-contact-form {
    padding: 20px;
  }

  .contact-form {
    padding: 20px;
  }
}