/* Minification failed. Returning unminified contents.
(914,2): run-time error CSS1019: Unexpected token, found '}'
 */
body, html {
	margin: 0;
	padding: 0;
	width: 100%;
	background:#000;
}

html {
	scroll-behavior: smooth;
}

body {
	overflow-x: hidden;
}

	body * {
		box-sizing: border-box;
	}

	body.mob-open, body.search-open {
		overflow: hidden;
		width: 100%;
		height: 100%;
		position: fixed;
		top: 0;
		left: 0;
	}

	
#BodyBackground {
	height: 100%;
	width: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	text-decoration: none;
	background: #fff !important;
}

/* --- Colors --- */
/*colors {
	color: #Bee9e8;
	color: #62b6cb;
	color: #1b4965;
	color: #cae9ff;
	color: #221c20;
}*/
/* Width setup --------- */
.w-25 {
	width: 25%;
	position: relative;
}

.w-33 {
	width: 33.33%;
	position: relative;
}

.w-50 {
	width: 50%;
	position: relative;
}

.w-100 {
	width: 100%;
	position: relative;
}

/* Height setup ---------- */
.h-33 {
	height: 33vh;
}

.h-40 {
	height: 40vh;
}

.h-50 {
	height: 50vh;
}

.h-100 {
	height: 100vh;
}


/* Flex setup --------- */
.flex {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
}

.wrap {
	flex-wrap: wrap;
}

.nowrap {
	flex-wrap: nowrap;
}

/* --- Head --- */

/* Topmeny -------- */
#MenuIcon, #SearchIcon {
}

#MainHeader {
	z-index: 3002;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	flex-direction: row;
	background-color: #fff;
	box-shadow: 0 0 10px #3d251b;
	z-index: 3;
}

#MainHeader, #HeaderContent {
	max-height: 163px;
}


body.search-open #MainHeader, body.search-open #HeaderContent {
	max-height: unset;
}

#HeaderContent {
	display: flex;
	justify-content: center;
	position: relative;
	width: 100%;
	margin-top: 5px;
}

	#HeaderContent .mobilemenu-contact {
		display: none;
	}

#MainLogo img {
	height: 100px;
}

.mob-open #Menu {
	display: flex;
	position: relative;
	flex-direction: column;
	padding-right: 0 !important;
	top: 20px !important;
	right: 0;
	align-items: flex-end;
	align-content: flex-end;
	height: calc(100% - 116px) !important;
	background: rgba(78, 148, 103, .8);
	overflow-y: auto;
	margin-right: 0 !important;
}

.mob-open #HeaderContent #MenuIcon {
	display: none !important;
}

.mob-open #HeaderContent #CloseMenu {
	display: flex !important;
}


#Menu {
	flex-direction: row;
	height: auto !important;
	top: 2.5em !important;
	right: 0;
	z-index: 10;
	flex-wrap: nowrap;
	margin: auto;
	justify-content: center;
}


	


	/* --- Mobilmeny --- */

		#Menu > a, #Menu > .group-link {
			display: flex;
			justify-content: flex-start;
			width: auto;
			flex-direction: column;
			height: 100%;
		}

		#Menu .selected {
			color: #4e9467 !important;
		}

	#Menu a {
		text-decoration: none;
		text-transform: uppercase;
		color: #fff;
		font-family: 'Open Sans', sans-serif;
		font-weight: 300;
		font-size: .95rem;
		justify-content: center;
	}

		#Menu a .expand-menu {
			display: flex;
			align-self: center;
			align-items: center;
		}

		#Menu a:hover {
			color: #99ddbe !important;
		}

		.fal {
			font-weight: 400;
		}


	#Menu a, #Menu .group-link .parent-menu {
		margin: 1em;
		display: flex;
		cursor: pointer;
		width: auto;
		margin-bottom: 0;
	}

#Menu .page-menu-child {
	background: rgb(109, 188, 158);
	color: #fff !important;
	text-align: left;
	padding: 1em 2em !important;
	text-transform: capitalize;
	font-size: 1rem !important;
	margin: 0;
	width: 100%;
	font-weight: 400;
	border-bottom: dotted 1px rgba(255, 255, 255, .5);
}

#Menu .child-group a:hover {
	color: #fff !important;
	background: #99ddbe;
}


#Menu .parent-menu .exp-down, #Menu .parent-menu.show-child .exp-up {
	display: flex;
	padding: 0 15px;
	font-size: 0.7em;
}


#Menu .parent-menu .exp-up, #Menu .parent-menu.show-child .exp-down {
	display: none;
}

.level-2 {
	display: flex;
	flex-direction: column;
	padding-left:1.5em !important;
	font-size:1.4rem !important;
}

#Menu .child-group {
	display: none;
}

	#Menu .child-group.open {
		display: flex;
		flex-direction: column;
		transition: .5s;
		width: auto;
		justify-content: center;
		margin: auto;
		margin-top: 1px;
	}


.language {
	display: flex;
	align-items: center;
	justify-content: center;
	position: fixed;
	right: 1em;
	top: 7.5em;
}

	.language .site a {
		display: unset !important;
		margin: 0 !important;
	}



#Search {
	display: none;
	max-height: 0;
}

.container-fluid {
	display: block;
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
	-webkit-column-gap: 2em;
	-moz-column-gap: 2em;
	column-gap: 2em;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

	.container-fluid ul li {
		font-family: 'Open Sans', sans-serif;
		margin-bottom: 5px;
		font-size: .9rem;
	}

	.container-fluid ul li strong {
		font-weight: 500;
	}


.content-wrapper {
	width:100%;
	background:#fff;
	display: flex;
	flex-direction: column;
}


body.search-open #Search {
	width: 100%;
	position: relative;
	top: 0;
	z-index: 5;
	align-content: center;
	display:block;
	max-height:10000px;

}

	body.search-open #Search .wrap {
		width: 100%;
		background: #Bee9e8;
		margin: 0 auto;
		text-align: center;
		padding:1em 0;
	}

	

	 body.search-open #Search input {
		height: 43px;
		font-size: 1rem;
	}

		body.search-open #Search input {
			padding-top: 0;
			width: 65%;
			border: none;
			border-radius: 1em;
			text-indent: 1em;
			font-family: 'Open Sans', sans-serif;
		}

		body.search-open #Search .search-button {
			right: .5em;
			top: 0;
			background: none;
			border: none;
		}

		body.search-open #Search .search-icon {
			font-size: 1.8rem;
			font-weight: 600;
			color: #fff;
			margin-top:0.2em;
		}

body.search-open #CloseSearch {
	color: #fff !important;
	position: absolute;
	display: block !important;
	margin-top: .2em;
	margin-left: 0.5em;
	font-size:1.4rem;
}

/* --- Font-setup --- */
h1, h2, h3, h4, h5, h6 {
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	font-style: normal;
	font-size: 2rem;
	line-height: 130%;
	width: 100%;
	column-span: all;
}

h1 {
	width:100%;
	font-size: 2.5rem !important;
}

h2 {
	font-size: 1.2rem !important;
	margin-top: 0;
	margin-bottom: 1em;
}

h3 {

	font-size: 1.5rem;
}

h4 {
	
	font-size: 1.3rem;
}

h5 {
	
	font-size: 1.2rem;
}

h6 {

	font-size: 1rem;
}

p, span {
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	font-style: normal;
	margin: 0 0 1em 0;
	font-size: 1em;
	line-height: 160%;
}

p {
	color: #555;
}

a {
	opacity: .8;
	color: #4e9467 !important;
	text-decoration: none;
	font-weight: 400;
}

a:hover {
	opacity: 1;
}

.breadcrumbs {
	padding: 1.5em 4em;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-style: normal;
	color: #fff !important;
	background: rgba(109, 188, 158, .75);
	text-align: center;
	width: 100%;
}

.breadcrumbs a {
	color: #fff !important;
}

#Blanket {
	transition: 0.5s opacity;
	max-height: 0;
}

body.mob-open #Blanket, body.search-open #Blanket {
	max-height: 100vh;
}

#Blanket {
	background: rgba(28,28,28,.8);
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}


body.search-open.mob-open #CloseMenu {
	margin-top: 200px !important;
}

.header-image {
	display: flex;
	position: relative;
	width: 100%;
	background: #000;
	background-image: url('../../Media/Pages/betong-dark.jpg');
	opacity: .5;
}



/* --- Page --- */
.page-large-img {
	width: 100%;
	max-height: 350px;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	overflow: hidden;
}

	.page-large-img img {
		object-fit: cover;
		overflow: hidden;
		width: 100%;
		height: 100%;
	}

.page-large-img .text {
	display: none;
	/*position: absolute;
	bottom: 0;
	margin-bottom: 3em;
	padding: 1em 0;
	background: rgba(27, 73, 101, 0.6);
	max-width: 80%;*/
}

.page-large-img .text .title {
	width: 100%;
	word-break: break-word;
	padding: 0 1em;
	color: #fff;
}

	.page-large-img .text .title span {
		font-size: 1.5rem;
		line-height: 130%;
		font-family: 'Open Sans', sans-serif;
		font-weight: 900;
	}

.parallax-effect {
	background-image: url('../images/nb_resa.jpg');
	height: 500px;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.info-block {
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}


		.info-block a {
			color: #1b4965 !important;
		}

.textblock {
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: left;
	position: relative;
	width: 100%;
}

.created-div ul  {
	width: 100%;
	margin: 20px 30px;
}

	.created-div ul li {
		font-family: 'Open Sans', sans-serif;
		font-size: .9rem;
		font-weight: 300;
		margin-bottom: 5px;
	}

	.created-div h1 {
		text-transform: uppercase;
	}

	.textblock .created-div {
		flex-direction: row;
	}

	.info-block.start .textblock {
		width: 100%;
		padding: 0;
	}

.info-block.start .editor-content {
	width: 100% !important;
}

.info-block.start .created-div {
	
	/*background: red;*/
	margin: auto;
	padding: 1em;
}

	.info-block.start .created-div img {
		padding: 0;
		max-width: 150px;
		height: auto;
		width: 100%;
	}

.search-result, .no-search-result {
	color: #000;
	font-size: 1.5rem !important;
	font-family: 'Open Sans', sans-serif;
	width:100%;
	padding:1em 0.5em;
}

.search-heading, h2.search-heading {
	color: #000;
	font-size: 2rem !important;
	text-align:left;
}

/* --- Created div --- */
.created-div {
	padding: 0 1em;
	align-items: center;
	display: flex;
	flex-direction: column;
	width: 100%;
}

	.created-div h2 {
		color: #1b5540;
		font-size: 2rem !important;
		font-weight: 500;
	}

	.created-div p {
		line-height: 160%;
		font-size: 1.1rem;
		color: #555;
	}

	.created-div p strong {
		color: #555;
		font-weight: 600;
	}

		.created-div p:last-of-type {
			margin-bottom: 2em !important;
		}


		/* Video visas inte tillsvidare ------------- */

		.created-div p video {
			display: none !important;
		}

		/* ----------------------------------------- */

		.created-div img, .created-div video {
			margin: 0 .25em;
		}

		.created-div p .w-75 {
			max-height: 300px;
			overflow: hidden;
			width: 75%;
			object-fit: cover;
		}

		.created-div p .w-50 {
			max-height: 300px;
			overflow: hidden;
			width: 50%;
			object-fit: cover;
		}

		.created-div p .w-25 {
			max-height: 300px;
			overflow: hidden;
			width: 25%;
			object-fit: cover;
		}


.input-wrapper {
	display: none;
}

.extra-content {
	padding-top: 3em;
	padding-bottom: 3em;
	margin: 0 auto;
}

.editor-content, .search-content {
	position: relative;
	z-index: auto;
	width: 80% !important;
	margin: 0 auto;
}

.editor-content .row {
	display: flex;
	align-items: flex-start;
}


.blockquote {
	width: 85%;
	background: #Bee9e8;
	margin: auto;
	padding: 1em;
	text-align: center;
	font-family: 'Open Sans', sans-serif;
	font-weight: 900;
	font-style: italic;
	font-size: 2.1rem;
	line-height: 130%;
	color: #221c20;
	text-transform: uppercase;
	
}

 /* --- SubNav --- */

#SubNav {
	display: none;
	justify-content: center;
	background: rgba(34, 28, 32, 0.7);
}

	#SubNav .level-2 {
		border-bottom: 2px solid #fff;
		padding: 0 !important;
	}

		#SubNav .level-2:hover {
			background-color: #d90000;
			cursor: pointer;
		}

		#SubNav .level-2 a {
			padding: 1em !important;
			text-decoration: none;
			text-transform: uppercase;
			color: #fff !important;
			font-family: 'Open Sans', sans-serif;
			font-weight: 400;
		}


	/* --- News --- */

	.swiper-slide {
		display: flex;
	}

#News {
	width: 100%;
	background: #eaf4ef;
	padding: 2em 4em;
}

	#News ul, #News ul li {
		list-style: none;
		padding: 0;
		margin: 0;
	}

	#News .news-heading {
		margin: 0 1em;
	}

		#News .news-heading h2 {
			color: #1b5540;
			font-size: 1.5rem !important;
			font-weight: 500;
		}

	#News .news-post {
		margin: 0;
		width: 25%;
		align-items: center;
		position: relative;
		box-sizing: border-box;
		padding: 2em 1em;
		flex-wrap: wrap;
	}

		#News .news-post .image {
			width: 100%;
			height: 100%;
			max-height: 250px;
			object-fit: cover;
			overflow: hidden;
			position: relative;
		}

		#News .news-post .image img {
			width: 100%;
			height: 100%;
			max-height: 300px;
			object-fit: cover;
		}

		#News .news-post a {
			height: 425px;
		}

		#News .news-slider {
			margin: 2em auto;
		}

			#News .news-slider h2 {
				color: #1b5540;
				font-size: 1.5rem !important;
				font-weight: 500;
			}

			#News .news-slider li {
				width: 100%;
				margin-right: -100%;
				margin: 1em 0;
				position: relative;
				opacity: 1;
				display: block;
				z-index: 2;
			}

			#News .news-slider li .news-post {
				width: -moz-calc(25% - 1.2em);
				width: -webkit-calc(25% - 1.2em);
				width: -o-calc(25% - 1.2em);
				width: calc(25% - 1.2em);
				margin: 0 .5em;
				align-content: flex-start;
				position: relative;
			}

	#News .news-post .description {
		color: #fff;
		padding: 2em 2em 2em 2em;
		background: #4e9467;
		width: 100%;
	}

	.swiper-pagination {
		position: relative !important;
	}


/* --- Newspost --- */
#NewsPost {
	width: 100%;
}

		#NewsPost .editor-content {
			width: 70% !important;
			margin: auto !important;
		}

		#NewsPost .breadcrumbs {
			display: inline;
		}

	#NewsPost .textblock {
		display: flex;
		flex-direction: column;
		background: #fff;
	}


	/* --- Footer --- */
#MainFooter {
	position: relative;
	width: 100%;
	height: 207px;
	display: flex;
	justify-content: flex-end;
	box-sizing: border-box;
	color: #000;
}

.over-footer h2 {
	color: #000;
}

#MainFooter p {
	color: #000;
	justify-content: center;
	display: flex;
}
	}

.map {
	padding: 0;
	width: 100%;
}

	.map-container {
		width: 100%;
	}

	.map-container iframe {
		width: 100%;
		height: 20vw;
	}

.map .textblock {
	color: #fff;
	width: 75%;
}


		.over-footer {
			display: flex;
			justify-content: center;
			align-items: center;
			text-align: center;
		}

	.over-footer .footer-row {
		display: flex;
		flex-direction: row;
		width: 100%;
		justify-content: center;
	}

	.over-footer .footer-column {
		display: flex;
		flex-direction: column;
	}

			.created-div .footer-button p {
				margin-bottom: 0 !important;
			}

			.created-div .footer-button, .over-footer .footer-button {
				background: #4e9467;
				align-items: center;
				justify-content: center;
				display: flex;
				border-radius: 1em;
				height: 3.5em;
				width: 20em;
				text-decoration: none;
				max-width: 100%;
				margin-bottom: 2em;
			}

				.created-div .footer-button p, .over-footer .footer-button p {
					color: #fff !important;
					text-align: center;
					font-weight: 700;
					font-size: 1em;
				}

/* --- Footer-info ---  */

.footer-info {
	color: #000;
	padding: 2em 4em 0;
	background: #fff;
	padding-bottom: 4em;
	border-top: solid 1px rgba(5, 5, 5, .1);
}

.footer-info div {
		text-align: left;
		display: flex;
	} 

  .footer-info div p {
			margin: 0.3em 0;
			width: 100%;
		}

	.footer-info a, .textblock a {
		color: #fff !important;
	} 


/* --- Footer social-media ---  */

.social-media {
	display: flex;
	justify-content: flex-end;

}

.social-media a {
	margin-left:1.5em;

}

	.social-media a span {
		color:#fff;
		font-size: 2rem;
	}

	/* --- Footer copy ---  */

.copy {
	background: #1b5540;
	justify-content: center;
	align-items: center;
	display: flex;
	flex-direction: column;
	opacity: 0.8;
	padding: 2em;
}

		.copy p {
			color: #fff !important;
			margin: 0;
			display: flex;
			justify-content: center;
		}

.powered {
	width: 100% !important;
	opacity: 1;
	padding: 1em 0 10px 0;
	display: flex;
	justify-content: center;
}
	.powered img {
		width: auto !important;
		opacity: .8;
		display: flex;
		justify-content: center;
	} 
  .powered img:hover {
			opacity: 1;
		}

#cookie-msg {
	display: none !important;
}


/* Videos -------------------------- */
 .video-container {
	position: relative;
	overflow: hidden;
	height: 100%;
	width: 100%;
	display: block;
	z-index: 1;
}

	 .video-container video {
	
		right: 0;
		left: 0;
		top: 0;
		bottom: 0;
		overflow: hidden;
		margin: auto;
		padding: 0;
		width:100%;
	}

	.video-container .textblock {
		padding: 0;
	}

/* Message -------------- */

.message {
	position: fixed;
	z-index: 100001;
	right: 0;
	text-align: center;
	top: 163px;
	font-weight: bold;
	width: 280px;
	background: #26c456;
}

	.message ul, .message ul.info {
		padding: 1em 2em;
		background: #26c456;
		color: #fff;
		margin-left: auto;
		border-radius: 2px;
		font-size: .8rem;
	}

		.message ul, .message ul li {
			list-style: none;
			margin: 0;
			margin-left: 0px;
			font-family: 'Open Sans', sans-serif;
			font-size: 1.5em;
			font-weight: 500;
		}


    @media only screen and (min-width : 0px) and (max-width : 82rem) {
        /* --- 1312px --- */

        #Menu {
            width: 100%;
        }

            #Menu a, #Menu .page-menu-child {
                font-size: .7em !important;
            }

            #Menu .child-group.open {
                margin-top: 15px;
            }

            .editor-content

        .created-div h2 {
            font-size: 1.5rem !important;
        }

        #News .news-post {
            width: 50%;
        }

        /* Message -------------- */

        .message {
            top: 149px;
        }


    }

    @media only screen and (min-width : 0px) and (max-width : 48rem) {
        /* --- 768 px --- */

        h1 {
            font-size: 1.25rem !important;
            margin-bottom: 0 !important;
        }

        h2 {
            font-size: 1rem !important;
            margin-top: 0
        }

        p, span {
            font-size: 1em;
        }

        .right-col {
            width: 100%;
            order: 3;
        }

        #News .news-slider {
            width: auto;
            margin: 2em 2em;
        }

        .news-post .description h3 {
            font-size: 1.2rem;
        }


        #CloseMenu {
            display: none !important;
        }

        .created-div {
            width: auto !important;
            margin: 0 2em;
        }

            .created-div img {
                width: 75%;
                max-height: 300px;
                height: auto;
                object-fit: cover;
            }

        .extra-content {
            padding: 0;
        }

        .created-div h2 {
            font-size: 1rem !important;
        }

            .created-div p {
                font-size: .9rem;
            }

                .created-div p .w-75, .created-div p .w-50, .created-div p .w-25 {
                    width: 75%;
                }

                .slider-startpage .swiper-slide .text p, .slider-startpage .swiper-slide .text span {
                    font-size: 1.2rem;
                }

        .small-startsliders .swiper-slide .text p {
            margin-bottom: .75em !important;
        }

        #MainHeader, #HeaderContent {
            max-height: 105px;
        }

        #HeaderContent .mobilemenu-contact {
            display: flex;
            align-items: center;
            margin-left: auto;
            font-size: 2rem;
            display: flex;
            width: 80px;
            justify-content: center;
            cursor: pointer;
        }

        #HeaderContent .right-col {
            flex-wrap: nowrap;
            box-shadow: 0 10px 10px -8px #3d251b;
        }

        #MainLogo {
            margin: .5em 2em;
        }

        #MainLogo img {
            height: 60px;
        }

        #Menu {
            display: none;
        }


        #MenuIcon {
            margin: auto;
            font-size: 2rem;
            display: flex;
            width: 80px;
            justify-content: center;
            cursor: pointer;
        }

        #Menu a {
            font-size: .9em;
        }

            #Menu > a, #Menu > .level-1, #Menu > a, #Menu > .group-link {
                height: auto;
                text-align: right;
            }

                #Menu > a, #Menu > .group-link {
                    width: 100%;
                }

                    #Menu > .group-link:last-of-type a {
                        margin-bottom: 1em;
                    }

                    #Menu a, #Menu span {
                        font-size: .9rem !important;
                        margin-bottom: 0;
                    }

                #Menu .child-group.open {
                    width: 100%;
                    padding-top: 0 !important;
                    font-family: 'Open Sans', sans-serif;
                    font-weight: 300;
                }

            #Menu .page-menu-child {
                font-size: .9em !important;
                padding: 1em 1em 1em 5em !important;
                text-align: right;
            }


            #Menu .child-group a:hover, #Menu .group-link .parent-menu:hover {
                color: #fff !important;
            }

            #Menu .selected {
                color: #fff !important;
                opacity: 1;
            }

            #Menu a {
                color: #fff !important;
                justify-content: flex-end;
            }

                #Menu a:hover {
                    color: #fff !important;
                }

        .language {
            position: absolute;
            justify-content: center;
            top: 0 !important;
            right: 50px;
        }

            .language .site {
                margin: 1em;
                justify-content: flex-end;
                display: flex;
                flex-direction: column;
            }

        .language .site a {
            margin: 0 0 0 1em !important;
        }


        .breadcrumbs {
            padding: 1em 0.6em;
            font-size: .8rem;
        }

        body.mob-open #CloseMenu {
            display: none;
        }

        body.sticky .right-col {
            width: 100%;
            height: auto;
            max-height: 0 !important;
            overflow: hidden;
        }

        .page-detail .editor-content .created-div {
            padding: 1em 2em !important;
            margin: 0;
        }

        .editor-content .row {
            flex-direction: column;
        }

        .page-large-img {
            max-height: 150px;
        }


        .page-detail {
            width: 100%;
        }

        body.search-open.mob-open #CloseMenu {
            margin-top: 260px !important;
        }

        #HeaderContent {
            flex-wrap: wrap;
        }

        #SubNav {
            display: none;
        }

        .fb-popper {
            display: none !important;
        }

        .editor-content {
            width: 100% !important;
            margin: 0 !important;
        }

        .search-content {
            width: 100% !important;
        }

        #MainFooter h2 {
            text-align: center;
        }

        #MainFooter p {
            margin: 0 2em 1em;
            width: auto;
        }

        #News .news-heading h2 {
            font-size: 1rem !important;
            margin-bottom: 0;
        }

        #News .news-post {
            padding: .5em;
            width: auto;
        }

        #News .news-post .image {
            height: 100px;
            min-height: 150px;
        }

        #News .news-post .image img {
            max-height: 150px;
        }

            #News .news-post .description {
                padding: 1em !important;
            }

            .carousel-swiper .swiper-slide a {
                height: auto !important;
            }

        .map-container iframe {
            height: 40vw !important;
        }

        .footer-info {
            padding: 4em 0;
        }

            .footer-info div {
                text-align: center;
            }

                .footer-info div p {
                    margin: 0;
                    width: 100%;
                    font-size: .9rem;
                }

        .over-footer {
            padding: 0 !important;
        }

            .created-div .footer-button, .over-footer .footer-button {
                margin: 0;
                width: 12em;
            }

            .over-footer .footer-row {
                flex-direction: column;
            }

            .over-footer .footer-button {
                width: 20em;
            }

            .over-footer .footer-column {
                width: 100%;
                margin-bottom: 1.5rem;
            }

     /* Message ----------- */

        .message {
            top: 85px;
            width: 100%;
        }

            .message ul, .message ul.info {
                font-size: .6rem;
            }
    }

    @media only screen and (min-width : 0px) and (max-width : 35rem) {
        /* --- 560 px ---*/

        .created-div {
            padding: 0.5em;
        }


        .page-large-img .text .title {
            display: none;
        }


        .copy {
            text-align: center;
            width: 100% !important;
            order: 2;
        }

        .social-media {
            justify-content: center;
            width: 100% !important;
            order: 1;
            margin: 2.5em 0;
        }

            .social-media a {
                margin: 0 1.1em
            }

        blockquote {
            width: 100%;
        }

        .page-detail .editor-content h1 {
            font-size: 2.5rem;
        }

        .page-detail .editor-content h2 {
            font-size: 1.9rem;
        }
    }

    @media only screen and (min-width : 0px) and (max-width : 32.5rem) {
        /* --- 520 px ---*/

        .editor-content, .search-content {
            flex-direction: row
        }

        .info-block.start .created-div {
            width: 100% !important;
            padding: 1em 0.2em !important;
        }

        .page-detail .editor-content h1 {
            font-size: 2rem;
        }

        .page-detail .editor-content h2 {
            font-size: 1.8rem;
        }
    }

    @media only screen and (min-width : 0px) and (max-width : 30rem) {
        /* --- 480 px ---*/


    }

    @media only screen and (min-width : 0px) and (max-width : 20rem) {
        /* --- 320 px ---*/



        .page-large-img .text .title {
            font-size: 1.5rem;
        }

        .page-detail .editor-content h1 {
            font-size: 1.8rem;
        }

        .page-detail .editor-content h2 {
            font-size: 1.6rem;
        }
    }

.swiper-container {
	width: 100%;
}

.small-startsliders .category-1 .text,
.small-startsliders .category-2 .text,
.small-startsliders .category-3 .text,
.small-startsliders .category-4 .text {
	height: 100%
}

.slideshow-links img {
	display: flex !important;
	margin: auto;
}

/* Karusell -------------------------- */
.carousel-swiper {
	width: 100%;
	box-sizing: border-box;
	padding: 0;
	margin-bottom: 0;
}

	.carousel-swiper .swiper-wrapper {
		padding-bottom: 0;
	}

.big-startslider .swiper-container {
	min-height: 350px;
	height: 500px;
}

	.big-startslider .swiper-slide {
		max-height: 500px
	}

.big-startslider .carousel-swiper .text {
	height: 100%;
	position: absolute;
}

	.big-startslider .carousel-swiper .text p {
		color: #fff;
	}

	.big-startslider h2 {
		display: none;
	}

.big-startslider .carousel-swiper .swiper-container img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	overflow: hidden;
}

.small-startsliders .swiper-slide {
	display: flex;
	max-height: 400px;
}

	.startsliders .carousel-swiper .swiper-slide {

	}

	.carousel-swiper .text {
		margin: auto;
		font-weight: 900;
		align-items: center;
		align-content: center;
		justify-content: center;
		flex-direction: column;
		text-align: center;
		width: 100%;
		box-sizing: border-box;
		z-index: 100;
		top: 0;
		flex-wrap: wrap;
		color: #fff;
		line-height: 130% !important;
		font-family: 'Magra', sans-serif;
	}

	.carousel-swiper .text em {
		font-size: 2em;
	}

	.carousel-swiper .swiper-slide h1 {
		font-size: 3.5rem !important;
	}

	.carousel-swiper .swiper-slide a {
		width: 100%;
		text-decoration: none;
		opacity: 1;
	}


	.small-startsliders .carousel-swiper .swiper-slide img {
		display: none;
		object-fit: cover;
		overflow: hidden;
		height: 100%;
	}

	.carousel-swiper .swiper-slide .text img {
		width: 20% !important;
	}

/* --- Startslider --- */

.slider-startpage .swiper-slide .text .title span {
	font-size:2.8rem !important;
	line-height: 130%;
}

.slider-startpage .swiper-slide .text h1,
.slider-startpage .swiper-slide .text h2,
.slider-startpage .swiper-slide .text h3,
.slider-startpage .swiper-slide .text h4,
.slider-startpage .swiper-slide .text h5,
.slider-startpage .swiper-slide .text h6 {
	font-size: 2.5rem;
	line-height: 130%;
	text-shadow: 1px 1px 10px #4e9467;
	margin: auto;
	font-weight: 500;
}

.slider-startpage .swiper-slide .text span {
	background: rgba(78, 148, 103, .9);
	margin: .1rem;
}

.slider-startpage .swiper-slide .text p, .slider-startpage .swiper-slide .text span {
	font-size: 1.6rem;
	width: 100%;
}

/*.slider-startpage .swiper-slide .text span {
	padding: 2em;
	background: rgba(0, 0, 0, 0.7);
}*/
/* --- Small Startsliders --- */
.small-startslider {
	margin: 1em 0 0 0;
}

	.small-startsliders .text span p {
		color: #fff !important;
		font-weight: 300;
	}

.small-startsliders {
	justify-content: center;
	background: #fff;
}

	.small-startsliders h2 {
		font-weight: 600 !important;
	}

	.small-startsliders .category-1,
	.small-startsliders .category-2,
	.small-startsliders .category-3,
	.small-startsliders .category-4 {
		width: 25em;
		margin: 2em;
		display: flex;
		align-items: center;
		justify-content: center;
		position: relative;
		color: #fff;
		cursor: default !important;
		background: #4e9467;
	}

	.small-statsliders .text:hover {
		background: #6dbc9e !important;
	}



.small-startsliders div {
	margin-bottom: 0;
}

/* ---- delade bildväxlare 50/50 */

/*.small-startsliders .swiper-slide img, .small-startsliders .swiper-slide .text {
	Position: relative;
		width: 50%;
}
	.small-startsliders .swiper-slide .text span {
		padding: 2em;
		background: rgba(0, 0, 0, 0.7);
		
	}*/



.startsliders .swiper-slide .text .title, .small-startsliders .swiper-slide .text .title {
	display: none;
}

	.small-startsliders .swiper-slide a {
		height: 200px;
		display: inline-flex;
		text-decoration:none;
		width: 100%;
		color: #fff !important;
	}


#HeaderContent .right-col .tel-contact {
	background: #62b6cb;
}

#HeaderContent .right-col .mail-contact {
	background: #1b4965;
}

#HeaderContent .right-col .menu-contact {
	background: #221c20;
}

.slideshow-button {
	background: rgba(0, 0, 0, 0.7);
	color: #fff;
	font-size: 0.9rem !important;
	padding: 1em;
	border-radius: 2px;
	border:1px solid #fff;
	font-family: 'Montserrat', sans-serif;
	font-weight: 800;
	margin: 1em auto;
	width:50%;
}


.swiper-button-next:after, .swiper-button-prev:after {
	color: #fff;
}

.swiper-pagination {
	margin: 1em 0 0 0;
}

.swiper-pagination-bullet {
	background: #fff !important;
	opacity:0.6 !important;
}

.swiper-pagination-bullet-active {
	opacity: 1 !important;
	background: #1b5540 !important;
}


@media only screen and (min-width : 0) and (max-width : 48rem) {

	.carousel-swiper .swiper-slide h1 {
		font-size: 1.2rem !important;
	}

	.big-startslider .swiper-container {
		height: 200px;
		min-height: 200px;
	}

	.big-startslider h1 {
		font-size: 1.5rem !important;
		width: 80% !important;
		font-weight: 500;
	}

	.slider-startpage .swiper-slide .text p, .slider-startpage .swiper-slide .text span {
		font-size: .8rem;
	}

	.swiper-button-next::after, .swiper-button-prev::after {
		font-size: inherit !important;
	}

	.small-startsliders {
		padding-top: 10px;
	}

	.small-startsliders .category-1,
	.small-startsliders .category-2,
	.small-startsliders .category-3,
	.small-startsliders .category-4 {
		width: 15em;
		margin: .5em;
	}


	.small-startsliders div, .small-startsliders .swiper-slide, .small-startsliders .swiper-slide a {
		max-height: 120px;
	}

	.small-startsliders .carousel-swiper, .small-startsliders .carousel-swiper .swiper-slide img {
		max-height: 140px;
	}

	.slider-startpage .swiper-slide img {
		width: 100%;
		min-height: 350px;
	}

	.carousel-swiper .swiper-slide .text img {
		width: 50px !important;
	}

	.big-startslider .carousel-swiper .text {
		height: 100%;
	}

	.slider-startpage .swiper-slide .text .title span {
		font-size: 2.5rem !important;
		line-height: 130%;
	}

	.startsliders .swiper-slide .text, .small-startsliders .swiper-slide .text {
		padding: 1em .5em;
	}


	.small-startsliders .swiper-slide .text .title span {
		font-size: 1.5rem !important;
		line-height: 130%;
	}

		.startsliders .swiper-slide .text h1,
		.small-startsliders .swiper-slide .text h1,
		.startsliders .swiper-slide .text h2,
		.small-startsliders .swiper-slide .text h2,
		.startsliders .swiper-slide .text h3,
		.small-startsliders .swiper-slide .text h3,
		.startsliders .swiper-slide .text h4,
		.small-startsliders .swiper-slide .text h4,
		.startsliders .swiper-slide .text h5,
		.small-startsliders .swiper-slide .text h5,
		.startsliders .swiper-slide .text h6,
		.small-startsliders .swiper-slide .text h6,
		.startsliders .swiper-slide .text p,
		.small-startsliders .swiper-slide .text p,
		.startsliders .swiper-slide .text span,
		.small-startsliders .swiper-slide .text span {
			font-size: .8rem !important;
			line-height: 130%;
			margin: 0;
		}
		
}






.pillar-pages {
	width: 100%;
	margin:0 auto;
	display: flex;
}

.puffar {
	display: flex;
	flex-direction: row;
	flex-wrap:wrap;
	justify-content: center;
	align-items: flex-start;
	width: 100%;
	box-sizing:border-box;

}

	.puffar .puff {
		width: 100%;
		position: relative;
	}


	.puffar .puff-2 {
		width: 50%;
	}

	.puffar .puff-3 {
		width: 33.33%;
	}

	.puffar .puff-4 {
		width: 25%;
	}

	.puffar .puff-3:nth-of-type(2) .layer-div,
	.puffar .puff-3:nth-of-type(4) .layer-div,
	.puffar .puff-3:nth-of-type(6) .layer-div  {
		background-color: rgba(0,0,0,.5);
	}


	.puffar img {
		width: 100%;
		object-fit: cover;
		min-height: 250px;
	}

	.puffar .puff img {
		max-height: 250px;
	}


	/*.puffar .puff-2 img {
		max-height: 250px;
	}

	.puffar .puff-3 img {
		max-height: 300px;
	}

	.puffar .puff-4 img {
		max-height: 400px;
	}
*/
	.puffar .layer-div {
		position: absolute;
		padding: 1em 0;
		background: rgba(234,34,34,.5);
		display: flex;
		justify-content: center;
		align-items: center;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		text-align: center;
	}

	.puffar .text {
		width: 100%;
		word-break:break-word;
		padding: 0 1em;
		color:#fff;
	}

	.puffar .layer-div .text h3 {
		margin: 0 0 0.2em 0;
		font-size: 1.4rem;
	}

	.puffar .layer-div .text p {
		margin:0;
	}

	.puffar a {
		text-decoration:none;
	/*	margin-bottom:0.5em;*/
		
	}

	.puffar a:hover img{
		opacity:0.8;
	}


@media only screen and (min-width : 0) and (max-width : 85rem) {

}

@media only screen and (min-width : 0) and (max-width : 65rem) {

	.puffar .puff-4 {
		width: 50%;
	}
}


@media only screen and (min-width : 0) and (max-width : 50rem) {

	.puffar .puff-3 img {
		max-height: 130px;
	}

	.puffar .puff-3 {
		width: 50%;
		text-align:left;
	}

		.puffar .puff-3:nth-of-type(1) .layer-div,
		.puffar .puff-3:nth-of-type(4) .layer-div,
		.puffar .puff-3:nth-of-type(5) .layer-div {
			background: rgba(234,34,34,.5);
		}

		.puffar .puff-3:nth-of-type(2) .layer-div,
		.puffar .puff-3:nth-of-type(3) .layer-div,
		.puffar .puff-3:nth-of-type(6) .layer-div {
			background-color: rgba(0,0,0,.5);
		}


		.puffar {
			justify-content: flex-start;
			align-items: flex-start;
		}

		.puffar img {
			min-height: 80px;
		}

		.pillar-pages {
			width: 100%;
			margin: 0 auto;
		}
	
}

@media only screen and (min-width : 0) and (max-width : 40rem) {
	

	
}

@media only screen and (min-width : 0) and (max-width : 30rem) {

	.puffar .puff-2, .puffar .puff-4 {
		width: 100%;
	}

	.puffar .puff-3 {
		width: 100%;
		text-align: left;
	}

		.puffar .puff-3:nth-of-type(1) .layer-div,
		.puffar .puff-3:nth-of-type(3) .layer-div,
		.puffar .puff-3:nth-of-type(5) .layer-div {
			background: rgba(234,34,34,.5);
		}

		.puffar .puff-3:nth-of-type(2) .layer-div,
		.puffar .puff-3:nth-of-type(4) .layer-div,
		.puffar .puff-3:nth-of-type(6) .layer-div {
			background-color: rgba(0,0,0,.5);
		}
	
}



.textblock {
	justify-content: center;
	align-items: center;
	text-align: left;
	position: relative;
}

	.textblock .image {
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
		z-index: 1;
		position: absolute;
	}

	.textblock .content {
		position: relative;
		z-index: 2;
		padding:1em;
	}

	.textblock img {
		max-width: 100%;
	}


.page-detail .editor-content{width:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-wrap:wrap}.page-detail .editor-content p,.page-detail .editor-content h1,.page-detail .editor-content h2,.page-detail .editor-content h3,.page-detail .editor-content h4,.page-detail .editor-content h5,.page-detail .editor-content h6{width:100%}.page-detail .editor-content .created-div img{max-width:100%}.page-detail .editor-content .created-div{position:relative;min-height:1em;margin-bottom:.5em;width:100%;box-sizing:border-box;padding:.6em}.page-detail .editor-content .created-div,.page-detail .editor-content .created-div.selected{border:0;padding:.6em}.page-detail .editor-content .editor-input,.page-detail .editor-content .input-wrapper{display:none}.live-editable{background:none !important}.live-editor{width:100%;padding-bottom:2em}.live-editor,.live-editor *{color:#000}.k-window{max-width:90vw!important}@media only screen and (min-width:0) and (max-width:50rem){.page-detail .editor-content .created-div{width:100%!important}}
