/*   
Theme Name: Presona Theme
Theme URI: https://presona.se
Description: The official Presona Wordpress Theme
Author: Ola Eborn
Author URI: https://eborninteractive.se
Version: 1.0
*/

/* CSS Document */

/* 

Färger:



*/



@font-face {
    font-family: 'AlbertSans Bold';
    src: url('fonts/AlbertSans-Bold.woff2') format('woff');
    font-weight: 100 900;
    font-stretch: 25% 150%;
}

@font-face {
    font-family: 'Roboto Regular';
    src: url('fonts/Roboto-Regular.woff2') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto Bold';
    src: url('fonts/Roboto-Bold.woff2') format('woff');
    font-weight: normal;
    font-style: normal;
}


* {
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}

:root {
	--svart: #08131c;
	--vit: #fff;
	--morkbla: #1c4363;
	--footerbla: #001529;
	--gul: #FDDE15;
	--ljusgra: #f5f5f5;
	--ljusgra2: #d6d6d6;
	--ljusgra3: #ededed;
	--ljusbla: #8fccfd;
	--ljusbla2: #e5f4ff;
	--footercolor: rgba(255,255,255,0.7);
}

main p:last-of-type:empty {
  display: none;
}

.grayback {
	background: var(--ljusgra);
}

.blueback {
	background: var(--morkbla);
	color: var(--vit);
}

.lightblueback {
	background: var(--ljusbla2);
	color:var(--morkbla);
}

.whiteback {
	background: var(--vit);
}

body .blueback :is(h1,h2,h3,h4,h5,h6) {
	color: var(--vit);
}

a:not(#main-nav a, .btn, #wpadminbar a) {
	color: inherit;
	text-decoration: underline;
	text-underline-offset:3px;
}

.asterixtext {
	margin: 30px 0 0;
	font-size: 14px;
}

.entry figcaption {
	font-size: 15px;
	line-height: 1.4;
	display: block;
	margin-bottom: 30px;
}

.text-block .entry :is(h1,h2,h3,h4,h5,h6) {
	font-family: 'Roboto Bold';
}

.text-block .entry h2 {
	margin-top: 28px !important;
}

.text-block .entry h3 {
	margin-top: 24px !important;
}

.text-block .entry h4 {
	margin-top: 20px !important;
}


.text-block .entry figure {
	margin-top: 30px;
}

.entry h2 {
	font-size:36px;
}

.text-block .entry h2 {
	font-size: 32px;
}

.text-block .entry h3 {
	font-size:28px;
	margin-top:30px;
}

.text-block .entry h4 {
	font-size:24px;
	margin-top:30px;
}

.col.text h3 {
	margin-bottom: 10px !important;
}

.no-top-static {
	padding-top: 0 !important;
}

.menurow {
	display: flex;
}


.no_menu {
	display: none !important;
}

/* mega menu */
header .mega-menu {
	position: absolute;
	top: 98px;
	background: var(--vit);
	min-height: 300px;
	left: 0;
	width: 100%;
	border-top: 1px solid var(--ljusgra2);
	box-shadow: 0 3px 7px rgba(0,0,0,0.1);
	display:none;
}

header .mega-menu .inner-content {
	overflow-y: auto;
	max-height: 100vh;
	scrollbar-width: none;   /* Firefox */
}

header .mega-menu .inner-content::-webkit-scrollbar {
  display: none; /* Chrome, Safari, newer Edge */
}

.nohero-space {
	height: 80px;
	display: none;
}

.nohero-visible + main .nohero-space {
	display: block;
}

.columns-2-1 {
	display: none;
	width: 100%;
}

.mega-menu .submenu-title {
	font-family: 'Roboto Bold';
}

.col-1 {
	flex: 0 0 33.3333333%;
	padding-left: 50px;
	border-left: 1px solid var(--ljusgra2);
}

.col-2 {
	flex: 0 0 66.6666666%;
	padding-right: 50px;
	
}

.extra-topmargin {
	margin-top: 100px;
}

.mega-menu .columns {
	gap:8vw;
	margin:10px 0 30px 0;
	display: none;
}

.mega-menu :is(.columns, .columns-2-1) .col ul, .mega-menu :is(.columns, .columns-2-1) .col ul li, .mega-menu :is(.columns, .columns-2-1) .col ul li a {
	list-style: none;
	margin: 0;
	padding:	0;
	left: 0;
	text-decoration: none !important;
	font-size: 16px;
}

.mega-menu :is(.columns, .columns-2-1) .col>ul>li>a {
	margin-bottom: 15px;
	display: block;
	 font-family: 'Roboto Bold';
	 -webkit-font-smoothing: antialiased;
	 -moz-osx-font-smoothing: grayscale;
}

header .mega-menu .inner-content {
	margin: 30px auto;
}

/* kampanjruta */
header .mega-menu .kampanjruta {
	border-radius: 3px;
	overflow: hidden;
	position: relative;
}

header .mega-menu .kampanjruta .text {
	background: var(--morkbla);
	padding: 10px 20px;
	line-height: 1.3;
	font-size: 14px;
	color: var(--vit);
}

header .mega-menu .kampanjruta .text h2 {
	margin-bottom: 5px;
}

header .mega-menu .kampanjruta .text p:last-child {
	margin-bottom: 0;
}
/* end kampanjruta */

.mega-menu .menu-heading {
	text-transform: uppercase;
	font-size: 12px;
	line-height:1;
	font-family:"Roboto Bold", Helvetica ,Arial,  sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	letter-spacing: 1px;
}

header .search {
	width: 15px;
	margin: 2px 0 0 15px;
}

header .search svg path, header .search svg circle {
	stroke:var(--vit) !important;
}

header.opac .search svg path, header.opac .search svg circle {
	stroke:var(--svart) !important;
}


.mega-menu .menu-heading span {
	/*background: var(--ljusbla2);*/
	padding: 0;
	display: inline-block;
	border-radius: 15px;
}

ul.mega-menu-submenu {
	margin: 25px 0 20px;
	padding: 0;
}

ul.mega-menu-submenu li {
	margin: 9px 0;
	padding: 0;
	list-style: none;
	position: relative;
	transform: translate(-7px,0);
} 

ul.mega-menu-submenu li a {
	text-decoration: none !important;
	transition:0.3s all ease;
	padding: 7px 12px 5px 10px;
} 

ul.mega-menu-submenu li.listicon a {
	text-decoration: none !important;
	
	padding: 0;
} 

ul.mega-menu-submenu li.listicon {
	padding: 3px 12px 3px 47px;
	transition:0.3s all ease;
} 


ul.mega-menu-submenu li:hover {
	color: var(--morkbla) !important;
	background: var(--ljusbla2);
	border-radius: 80px;
} 

ul.mega-menu-submenu li.listicon:before {
   	content: "";
   	background-image: var(--icon-line);
    position: absolute;
    width: 35px;
    height: 35px;
    margin-right: 12px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
    top: 0px;
    left: 4px;
}

/*ul.mega-menu-submenu li.listicon.icon-wellpapp:before {
    background-image: url(images/icon-wellpapp.svg);
}

ul.mega-menu-submenu li.listicon.icon-plastflaska:before {
    background-image: url(images/icon-plastflaska.svg);
}

ul.mega-menu-submenu li.listicon.icon-tidningspapper:before {
    background-image: url(images/icon-tidning.svg);
}

ul.mega-menu-submenu li.listicon.icon-plastfilm:before {
    background-image: url(images/icon-plastfilm.svg);
}

ul.mega-menu-submenu li.listicon.icon-burkar:before {
    background-image: url(images/icon-burkar.svg);
}*/


.models {
	display: flex;
	flex-wrap:wrap;
	gap:15px;
	margin-top: 20px;
	margin-bottom: 20px;
}

.models .model {
	flex: 0 0 calc(33.333333% - 30px);
	padding: 8px 10px 5px 10px;
	position: relative;
}

.models .model .title {
	text-align: center;
	font-size: 14px;
	font-family: 'Roboto Bold';
	color: var(--marinbla);
	margin-top: 8px;

}

.models .model.deselected .image {
		filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
	filter: gray; /* IE6-9 */
	-webkit-filter: grayscale(100%);
	-webkit-backface-visibility: hidden;
	opacity: 0.3;
}



.models .model .image {
	transition:0.5s all ease;
	transform: scale(1);
}

.models .model:hover .image {
	/*transform: scale(1.1);*/
}
/* end mega menu */

body {
	background:var(--vit);
	color:var(--svart);
	margin:0;
	padding:0;
	font-family:"Roboto Regular", Helvetica ,Arial,  sans-serif;
	line-height:1.7;
	font-size:18px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

h1.big,h2.big {
	font-family:"AlbertSans Bold",Helvetica ,Arial,  sans-serif;
	letter-spacing: -3px;
	color: var(--morkbla);
	line-height: 1.1 !important;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

h2,h3,h4,h5,h6 {
	font-family:"Roboto Bold",Helvetica ,Arial,  sans-serif;
	color: var(--marinbla);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong, h1 b, h2 b, h3 b, h4 b, h5 b, h6 b {
	font-weight:normal;
}

h1.big, h2.big {
	font-size: 60px;
	margin-bottom: 35px;
}

h1.medium, h2.medium {
	font-size: 50px;
	letter-spacing: -2px;
	font-family:"AlbertSans Bold",Helvetica ,Arial,  sans-serif;
}

.strong, b {
	font-family:"Roboto Bold",Helvetica ,Arial,  sans-serif;
	font-weight: normal;
}

.entry {
	max-width: 750px;
	margin: 0 auto;
}

#page-wrap {
	width:100%;
	position:relative;
	overflow: hidden;
}

.inner-content {
	margin:0 auto;
	max-width:1200px;
	width:90%;
	position:relative;
}

.columns {
	display: flex;
}

.s-between {;
	justify-content: space-between;
	display: flex;
}

.f-end {
	justify-content:flex-end;
}

.valign {;
	align-items: center;
}

.columns-2-1 .col {
	flex: 0 0 33.33333%;
}

.mega-menu .columns .col {
	flex: unset;
}

.mega-menu .mega-meny {
	margin-bottom: 40px;
}

.mega-menu .mega-meny:last-child {
	margin-bottom: 0;
}


.columns .col {
	flex: 1;
	min-width: 240px;
}

.backgrad {
	background: #00162A;
	background: linear-gradient(180deg,rgba(0, 22, 42, 1) 0%, rgba(0, 50, 95, 0.1) 54%, rgba(0, 75, 144, 0.06) 100%);
}

.backgrad-product {
	background: #00162A;
	background: linear-gradient(180deg,rgba(0, 22, 42, 1) 0%, rgba(0, 50, 95, 0.1) 54%, rgba(255,255,255,1) 100%);
}

header {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding: 30px 0;
	z-index: 10;
	height: 98px;
	background-color: transparent;
}

header.opac {
	background-color: var(--vit);
	box-shadow: 0 3px 7px rgba(0,0,0,0.1);
}

.fixedheader {
	position: fixed;
	width: 100%;
	top: -110px;
	left: 0;
	transition: top 0.25s ease, background-color .6s ease;
}

.showheader {
	top: 0 !important;
}

header.opac #logo svg path {
	fill:var(--morkbla) !important;
}

header.opac #main-nav ul li {
	color: var(--morkbla);
	position: relative;
}


header #main-nav ul li:before {
	content:"";
	bottom:-45px;
	left: 0;
	width: 100%;
	height: 45px;
	background: transparent;
	position: absolute;
	z-index: 10;
}

header .inner-content {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

#main-nav ul li {
	font-family: 'Roboto Bold';
	padding: 0 0 0 40px;
	color: var(--vit);
	font-size: 16px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: relative;
}

#logo {
	width: 140px;
	position: relative;
	z-index: 110;
}

#main-nav ul li.lang:before {
	content:"";
	width: 18px;
	height: 18px;
	border: 1.5px solid #ccc;
	border-radius: 50%;
	background:url(images/icon-flag-sv.webp);
	background-size: cover;
	position: absolute;
	left: 30px;
	top:3px;
	padding:0;	
}



header.opac #main-nav ul li.lang:before {
	border-color: #666;
}

img {
	
	width: 100%;
}

#main-nav ul li.lang:after {
	content:url(images/icon-downarrow-lang.svg);
	width: 12px;
	position: absolute;
	right: -19px;
	top:0px;
}

header.opac #main-nav ul li.lang:after {
	content:url(images/icon-downarrow-lang-dark.svg);
}

#main-nav ul li.lang {
	padding-left: 60px;
}

#main-content {
	
}


footer {
	background: var(--footerbla);
}

footer .main.columns {
	gap: 15vw;

}


/* Göm språkfält i nyhetsbrevformulär */
footer  #frm_field_26_container {
	display: none;
}

.frm_opt_container .frm_checkbox label {
	color: var(--vit) !important;
}

footer .darktheme.inner-content {
	padding: 50px 0 50px 0;
}

footer h2 {
	font-size: 36px;
	font-family: 'AlbertSans Bold';
	letter-spacing: -1px;
	line-height: 1.1;
}

footer :is(h1,h2,h3,h4,h5,h6) {
	color: var(--vit);
}

footer .social-icons {
	gap: 10px;
	justify-content: flex-start;
	flex: 0 0 200px;
	margin-bottom: 20px;
}

footer .subscribe-section {
	padding-bottom: 40px;
	border-bottom: 1px solid rgba(255,255,255,0.3);
	margin-bottom: 50px;
}

footer .btn-row {
	margin-top: 8px;
}

footer address {
	font-style: normal;
}

footer .footercols {
	gap:40px;
	font-size: 16px;
}

footer .footercols>.col {
	flex: unset;
}

footer .footercols h2 {
	font-size: 28px;
}

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

footer .main.columns {
	gap:80px;
}

footer .footerbottom {
	margin: 30px auto 0 auto;
	max-width	1200px;
	text-align: center;
	font-size: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.inducore {
	max-width: 300px;
	font-size: 12px;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-direction: column;	
}

.inducore-logo {
	width: 150px;
}

.inducore-text {
	width: 90%;
	max-width: 400px;
	margin-top: 10px;
	opacity: 0.7;
	line-height: 1.2;
} 

.inline-block {
	display: inline-block;
}

.btn.inline-block {
	margin-bottom: 5px;
	margin-right: 8px;
}

.block {
	position: relative;
	padding: 70px 0;
}

/* hero block */
.hero-block {
	height: auto;      /* fyller skärmen */
}

.hero-block.sideimage {
	height: 100vh;      /* fyller skärmen */
	max-height: 600px;
}


.hero-block h1 {
	font-size:76px;
	margin-bottom: 20px !important;
	line-height: 1 !important;
}

.hero-block :is(h1,h2,h3,h4,h5,h6) {

}

.gradientback {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.textgrad {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(
	  to right,
	  rgba(255,255,255, 1) 0%,
	  rgba(255,255,255, 1) 60%,
	  rgba(255,255,255, 0) 80%,
	  rgba(255,255,255, 0) 100%
	);
}

.darktheme .textgrad {
	background: linear-gradient(
	  to right,
	  rgba(0, 22, 42, 1) 0%,
	  rgba(0, 22, 42, 1) 50%,
	  rgba(0, 22, 42, 0) 70%,
	  rgba(0, 22, 42, 0) 100%
	);
}

.darktheme :is(.frm_primary_label, .frm_description) {
	color: var(--vit) !important;
}


.hero-block .entry {
	padding-top: 80px;
}

.darktheme :is(h1,h2,h3,h3,h5,h6), .darktheme {
	color: var(--vit);
}

.hero-backimage {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.hero-backimage img {
	width: 100%;
	height: 100%;
	object-fit:cover;
}

.hero-block .columns {
    display: flex;
    padding-top: 120px;
    height: 100%;
}

.hero-block.sideimage .columns {
    padding-top: 80px;
}


.hero-block .inner-content {
	height: 100%;
}

.hero-block .column {
	flex:0 0 50%;
	position: relative;
	z-index: 1;
}

.hero-block .columns.onecolumn .column {
	flex:0 0 100%;
	max-width: 850px;
}

.hero-block .column.text {
	padding-right: 60px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-end;
}

.hero-block .column .colimage {
	position: absolute;
	top: 0;
	left: 0;
	flex: 0 0 50%;
	transform: translate(-30px,0);
	z-index: 2;
}

.hero-block .column .colimage img {
	width: calc(50vw + 150px);
	max-width: 835px;
	min-width: 835px;
}
/* end hero block */


/* product hero block */
.hero-block .product-image {
	position: relative;
	z-index: 5;
	filter: drop-shadow(0 12px 10px rgba(0, 0, 0, 0.2));
	width: 100%;
}

.hero-block .product-image img {
	transform-origin: bottom right;
}

.hero-block.hero-product .inner-content {
	display: flex;
	align-items: flex-start;
	justify-content: flex-end;
	flex-direction: column;
}

.hero-block.hero-product .toptext {
	position: absolute;;
	z-index: 5;
	max-width: 390px;
	font-size: 21px;
	top: 0;
}

.hero-block.hero-product h1 {
	font-size: 60px;
}

/* end product block */


/* knapp block */
.btn-container, .malinky-load-more {
	display: flex;
	gap:10px;
	padding-top: 20px;
}

.btn-container.center-align {
	justify-content: center;
}

.btn-container.extra-top {
	padding-top: 40px;
}

.btn.extra-top {
	margin-top: 30px;
}

.centertext-block .btn-container {
	align-items: center;
	justify-content: center;
}


#frm_form_7_container.with_frm_style .frm_message, #frm_form_7_container.frm_style_formidables-stilmall.with_frm_style .frm_error_style {
	background: transparent;
	border-color: var(--vit);
	margin-top: 60px;
	padding: 25px 30px;
	font-size: 18px;
	color: var(--white);
}

.gated-files {
    border: 1px solid var(--vit);
    margin-top: 60px;
    border-radius: 6px;
    font-size: 16px;
    padding: 20px 30px 10px;
    text-align: left;
}

#frm_form_7_container.with_frm_style .frm_message h3, .gated-files h3 {
	margin-top: 0;
}

#frm_form_7_container.with_frm_style .frm_message a {
	color: var(--vit);
	font-size: 17px;
}

.centertext-block .tvakolumn-block .cols .col.text,
.centertext-block .tvakolumn-block .cols .col.text * {
    text-align: left !important;
}	

.centertext-block .filformular {
	display: none;
}

.centertext-block .filformular.show {
	display: block;
}

#frm_form_7_container.with_frm_style .frm_message {
	display: none !important;
}

.btn, .frm_button_submit, .malinky-load-more__button {
	padding: 10px 35px;
	border: 1px solid var(--svart);
	color: var(--svart);
	font-size: 18px;
	font-family: 'Roboto Bold';
	border-radius: 40px !important;
	background: transparent;
	display: inline-block;
	transition:0.3s all ease;
	cursor: pointer;
}

.btn.small {
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1;
	border: 1px solid #777;
}

.btn.medium {
	padding: 7px 20px;
	font-size: 16px;
	line-height: 1;
	border: 1px solid #777;
}

.btn.bla {
	background: var(--ljusbla2);
	color: var(--morkbla);
	border: 1px solid var(--ljusbla2);
}

.headingrow {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.darktheme .btn, .darktheme .btn:not(.gul, .bla) {
	border-color: var(--vit);
	color: var(--vit);
}

.btn:not(.gul, .bla):hover {
	background: rgba(255,255,255,0.65);
}

.darktheme .btn:not(.gul, .bla):hover {
	background: rgba(255,255,255,0.2);
}

a.malinky-load-more__button:hover, .gray-back .btn:not(.gul, .bla):hover {
	background: rgba(255,255,255,1);
}


.btn.gul {
	background:var(--gul);
	box-shadow: none;
	color: var(--morkbla);
	border-color: var(--gul);
	transition:0.3s all ease;
}

.btn.gul:hover {
	transform: scale(1.04);
}

.malinky-load-more.loading .malinky-load-more__button {
  visibility: hidden;
}

/*.btn.gul:hover, .btn.bla:hover {
	border-color: var(--morkbla);
}*/


a.style-link {
	display: block;
	font-family: 'Roboto Bold';
	text-decoration: none !important;
	font-size: 15px;
	margin-top: 10px;
	color: inherit;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transition:0.3s all ease;
}

.style-link:hover {
	text-decoration: underline !important;
}

.style-link.btn-margin {
	margin-left: 10px;
}

.style-link.reverse:before {
	content:url(images/icon-reverse.svg);
	width: 12px;
	display: inline-block;
	margin-right: 6px;
}

/* end knapp block */


.tvapuff-block .inner-content {
}

/*  tvapuff block */
.tvapuff-block .inner-content .puffar {
	display: flex;
	gap:40px;
}

.tvapuff-block .puffar .puff {
	flex: 1;
	position: relative;
	background: var(--morkbla);
}

.tvapuff-block .puffar .puff .descbar {
	padding: 14px 30px;
	color: var(--vit);
	background: var(--morkbla);
}

.tvapuff-block .puffar .puff .descbar h2, .tvapuff-block .puffar .puff .descbar p {
    margin-bottom: 0;
    line-height: 1.3;
}



.tvapuff-block .puffar .puff .descbar :is(h1,h2,h3,h4,h5,h6) {
	color: var(--vit);
}
/* end tvapuff block */

/* bulletlist block */
.bulletlist {
	padding:0 0 0 50px;
}

.bulletlist ul {
	margin-top: 0;
}

.bulletlist li {
	position: relative;
	padding-left: 40px;
	list-style:none !important;
	font-size: 20px;
	margin-bottom: 40px !important;
	font-family: 'Roboto Bold';
	padding-top: 8px;
}

.bulletlist li:before {
	content:url(images/icon-checkmark.svg);
	position: absolute;
	top: 0;
	left: -40px;
	width: 45px;
}

.darktheme .bulletlist li:before {
	content:url(images/icon-checkmark-white.svg);
	width: 55px;
}


.bulletlist li.time:before {
    content: url(images/icon-time.svg);
    width: 55px;
}

.darktheme .bulletlist li.time:before {
	content:url(images/icon-time-white.svg);
	width: 50px;
}


.bulletlist li.coins:before {
	content:url(images/icon-coins.svg);
	width: 50px;
}

.darktheme .bulletlist li.coins:before {
	content:url(images/icon-coins-white.svg);
	width: 55px;
}

.bulletlist li.leaf:before {
	content:url(images/icon-leaf.svg);
	width: 55px;
}

.darktheme .bulletlist li.leaf:before {
	content:url(images/icon-leaf-white.svg);
	width: 55px;
}


.bulletlist li.wrench:before {
	content:url(images/icon-wrench.svg);
	width: 53px;
}

.darktheme .bulletlist li.wrench:before {
	content:url(images/icon-wrench-white.svg);
	width: 53px;
}

.bulletlist li.support:before {
	content:url(images/icon-support.svg);
	width: 53px;
}

.darktheme .bulletlist li.support:before {
	content:url(images/icon-support-white.svg);
	width: 53px;
}
/* end bulletlist block */

/*  tvakolumn block */
.tvakolumn-block {
	overflow: hidden;
}

.tvakolumn-block .inner-content .cols {
	display: flex;
	gap:40px;
}

.tvakolumn-block .cols .col  {
	flex: 1;
}

.tvakolumn-block.setup60-40 .cols .col:first-child {
	flex: 0 0 calc(60% - 20px);
}

.tvakolumn-block.setup60-40 .cols .col:last-child {
	flex: 0 0 calc(40% - 20px);
}

.tvakolumn-block form {
	padding: 0 0 0 0;
}

.tvakolumn-block :is(.bild, .film iframe) {
	padding-left: 50px;
}

.tvakolumn-block .col.text {
	padding-right: 30px;
	padding-left: 0;
}

.tvakolumn-block.reverse .col.text {
	padding-right: 0;
	padding-left: 30px;
}

.reverse .cols {
	flex-direction: row-reverse;
}

.tvakolumn-block.reverse :is(.bild, .film iframe) {
	padding-left: 0;
	padding-right: 50px;
}

.zoomout {
	transform: scale(1.2);
}

.film {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 0;
	height: 0;
}

.film iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.backimage {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.backimage img {
	width: 100%;
	height: 100%;
	object-fit:cover;
}

.invertedtext .col, .invertedtext .col :is(h1,h2,h3,h4,h5,h6) {
	color: var(--vit);
}

.cover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: var(--svart);
}

.frm_style_formidables-stilmall.with_frm_style .form-field {
    margin-bottom: 10px;
}



/* casecolumn */
.tvakolumn-block .casecolumn {
    display: flex;
    background: rgba(255, 255, 255, 0.2);
    padding: 10px;
    margin-bottom: 10px;
    align-items: center;
}

.tvakolumn-block .casecolumn .thumbnail {
	width: 50px;
	margin-right: 15px;
}

.tvakolumn-block .casecolumn .text {
	font-family: 'Roboto Bold';
	font-size: 21px;
}

.tvakolumn-block .cols.kundcase {
	margin-top: 40px;
	border-top: 1px solid var(--ljusgra2);
	padding-top: 30px;
	flex-wrap: wrap;
	gap:50px;
} 


body .tvakolumn-block .cols.kundcase .col {
    flex: 0 0 calc(33.333333% - 33.3333333px);
}


/* end tvakolumn block */


/* SPECS-BLOCK */

.specs-block .inner-content {
	max-width: 1000px;
}


/* Materiallistning */
.materiallistning {
	margin-top: 80px;
	color: var(--svart;)
}

.materialtext {
	flex: 1;
}

.specs-block :is(h1,h2,h3,h4,h5,h6) {
	color: var(--svart);
}

.materiallistning  .materiallista {
    display: grid;
grid-template-columns: repeat(3, 1fr);
justify-items: start; /* eller center – du väljer */
    column-gap: 80px;                       /* avstånd mellan kolumner */
    row-gap: 20px;                          /* rad- och kolumn-gap */
}

.materiallistning .material {
    position: relative;
    display: flex;
    align-items: center;  
    transition:0.3s all ease; 
    padding: 0 15px 0 5px; 
}

.materiallistning .material:not(.nohover):hover {
    background: var(--ljusbla2);
    border-radius: 30px;  
}

.materiallistning .material .icon {
	width: 50px;
	margin-right: 15px;
}

.specs-block .listgrupp {
    margin: 0 auto 60px;
   transform: translateX(0); /* flytta hela boxen åt höger */   
}


.specs-block .listgrupp h3 {
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 50px;
	padding-bottom: 6px;
}



.materiallistning .listgrupp h4 {
	margin-bottom: 0;
}
/* end materiallistning */


/* tillbehör */
.tillbehor {

}

.tillbehor .primara, .tillbehor .sekundara-inner, .tillbehorslista {
	display: flex;
	align-items:flex-start;
	justify-content: center;
	flex-wrap: wrap;
}

.tillb .tillb-icon {
	height: 140px;
	width: 140px;
	margin: 0 auto 40px auto;
	overflow: hidden;
}

.tillb .tillb-icon.cirkel {
	border-radius: 50%;
}

.tillb .tillb-icon img {
	width: 100%;
	height: 100%;
	object-fit:contain;
} 

.tillb {
    text-align: center;
    flex: 0 0 calc(33.333333% - 27px);
    margin-left: 40px;
}

.tillb:nth-child(3n + 1) {
    margin-left: 0;
}


.materiallistning .listgrupp .tillb-text h4 {
	margin: -20px 0 10px 0;
}

.tillbehor .sekundara {
	display: none;
}

/* end tillbehör


/* end SPECS-BLOCK */


/* logos */
.logos {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	margin: 0;
}

.logos .logo {
    flex: 0 0 16.6666666%;
    height: 40px;
    padding: 0 40px;
    margin-bottom: 40px;
    align-items: center;
    justify-content: center;
} 

.logos .logo img { 
	width: 100%;
	height: 100%;
	object-fit: contain;
	display: flex;
}

/* end logos */


/* formulär */
form label {
	display: block;
	margin-bottom: 1px;
}

input[type=text], input[type=email], textarea, select {
	background: var(--vit);
	height: 50px;
	padding: 0 15px;
	font-family: 'Roboto Regular';
	font-size: 18px;
	border:none;
	border-radius: 3px !important;
	width: 100%;
	margin-bottom: 15px;
}

#searchform input[type=text] {
	border: 1px solid #ccc
}

.searchform-section {
	margin: -60px auto 120px auto;
}

.searchform-section .searchfield {
	flex: 1;
}

.searchform-section .searchsubmit {
	width: 120px;
}

.inputform {
	display: flex;
	flex-direction: column;
}

select {
  appearance: none !important;
  -webkit-appearance: none !important;
  background-color: #fff;
  background-image: url('images/icon-downarrow.svg');
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 15px auto;
  border: 1px solid #ccc;
}

.searchform-section input[type=submit].btn {
	padding: 10px 35px;
} 

input[type=submit].btn {
	padding-top: 15px;
	padding-bottom: 15px; 
}

.search .results {
	margin-top: 80px;
}

.search .results h2 {
	font-size: 36px;
}

:is(input[type=text], input[type=email], textarea):focus, select:focus {
	outline: 4px solid var(--gul);
}

textarea {
	padding: 15px 15px;
	min-height: 130px;
}

.checkboxlabel {
	font-size: 15px;
	color: rgba(255,255,255,0.7);
}
/* end formulär */

.blueback ::placeholder { /* WebKit browsers */
    color:    var(--morkbla);
}


/* checkbox */



/* Dölj den riktiga checkboxen */
.custom-checkbox {
  display: none !important;
}

.checkbox-wrapper {
  display: inline-block;
  cursor: pointer;
  font-size: 16px;
  vertical-align: top;
}

.checkbox-wrapper svg {
	width: 20px;
	padding-right: 4px;
	vertical-align: top;
	margin-top: 5px;
}


.box-open,
.check {
  opacity: 0;
  transition: opacity 0s ease;
}

/* När ikryssad – visa öppen ram och bock */
.custom-checkbox:checked + svg .box {
  opacity: 0; /* dölj hela rutan */
}
.custom-checkbox:checked + svg .box-open,
.custom-checkbox:checked + svg .check {
  opacity: 1; /* visa den öppna varianten + bocken */
}
/* end checkbox */



/* product select block */

.filtercards {
	display: flex;
	gap:40px;
	flex-wrap: wrap;
}

.filtercards.hide_cards {
	display: none;
}

.filtercard {
	flex: 0 0 calc(50% - 20px);
	min-height: 300px;
	overflow: hidden;
	border-radius: 4px;
	position: relative;
	background: var(--vit);
	z-index: 1;
}

.filtercard .linkblock {
	z-index: 2;
}


.filtercard .text {
	padding: 30px 40px 60px;
	font-size: 16px;
	line-height: 1.3;
	position: relative;
	z-index: 1;
}

.filtercard .text h2 {
	font-size: 28px;
	margin-bottom: 10px;
}

.filtercard .bild {
    position: relative;
    bottom: 0;
    right: 0;
    transform: translate(45px, 50px);
    width: 115%;
    margin-top: -160px;
}

.filtercard .icons {
    display: flex;
    gap: 5px;
    margin-top: 15px;
    margin-bottom: 20px;
}

.filtercard .icons, .filtercard .icons .icon {
    position: relative;
    z-index: 5;
}

.filtercard .icons .icon {
	width: 42px;
}

.filtercard .btn-container {
    margin-top: -15px;
    margin-bottom: 20px;
}

.filtercard.disabled  {
		filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
	filter: gray; /* IE6-9 */
	-webkit-filter: grayscale(100%);
	-webkit-backface-visibility: hidden;
	opacity: 0.4;	
}

.filtercard.swiper-slide {
	height: unset;
}

.grayscale img {
	filter: grayscale(100%);
}

.filtercard p {
	margin-bottom: 12px !important;
}

.anchor {
	position: absolute;
	left:0;
	top: -40px;
}
/* end produkt select block */

/* specs grid block */
.specscontainer {
    width: 100%;
    margin: 40px 0;
    font-family: inherit;
}

.specs {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    border-collapse: collapse;
    width: 100%;
    text-align: left;
    background: #fff;
    font-size: 16px;
    min-width: 900px;
        
}

/* Header-rad */
.specs .headline.cell {
    font-weight: 600;
    background: #fff;
    padding: 14px 12px;
    border-bottom: 1px solid var(--svart);
    display: flex;
    align-items: center;

}

/* Celler */
.specs .cell {
    padding: 14px 12px;
    border-bottom: 1px solid #e5e5e5;
    display: flex;
    align-items: center;
}

/* Rader */
.specs .cell:nth-of-type(6n+1) { border-left: none; }

/* Typsnitt justeringar */
.specs .capacity span {
    display: inline-block;
    line-height: 1.2;
}
/* end spes grid block */

/* bildslider block */
.bildslider-block .inner-content {
	max-width: 1600px;
	width: 100%;
	position: relative;
}

.bildslider-block .swiper-slide {
    width: 60%;
    transition: opacity 0.8s ease, filter 0.8s ease;
    overflow: hidden;
    border-radius: 3px;
}

.bildslider-block.testimonial .swiper-slide {
    width: 30%;
}

.bildslider-block .swiper-slide-prev, .bildslider-block .swiper-slide-next {
	opacity: 0.20;
	filter:grayscale(100%);
}

.bildslider-block:not(.testimonial) .inner-content:before {
	content:"";
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: calc(20% - 50px);
	background: #ffffff;
	background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
	z-index: 10;
	display: none;
}

.bildslider-block:not(.testimonial) .inner-content:after {
	content:"";
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: calc(20% - 50px);
	background: #ffffff;
	background: linear-gradient(-90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
	z-index: 10;
	display: none;
}

.bildslider-block.grayback .inner-content:before {
	background: linear-gradient(90deg, rgba(245,245,245, 1) 0%, rgba(245, 245, 245, 0) 100%);
}

.bildslider-block.grayback .inner-content:after {
	background: linear-gradient(-90deg, rgba(245, 245, 245, 1) 0%, rgba(245, 245, 245, 0) 100%);
}

.bildslider-block.blueback .inner-content:before {
	background: linear-gradient(90deg, rgba(28,67,99, 1) 0%, rgba(28,67,99, 0) 100%);
}

.bildslider-block.blueback .inner-content:after {
	background: linear-gradient(-90deg, rgba(28,67,99, 1) 0%, rgba(28,67,99, 0) 100%);
}


.swiper-container {
  overflow: visible;
}

.swiper-wrapper {
  overflow: visible;
}

.bildslider-block :is(.swiper-button-next, .swiper-button-prev) {
    position: relative;
    top: unset;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin-top: 0;
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    background:var(--ljusgra3);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0;
    line-height: 0;
    transition:0.3s all ease;
}

.bildslider-block :is(.swiper-button-next, .swiper-button-prev):hover {
	background-color: var(--ljusbla2) !important;
}

.bildslider-block:not(.whiteback) :is(.swiper-button-next, .swiper-button-prev) {
    background:var(--vit);
}

.bildslider-block.grayback :is(.swiper-slide-prev, .swiper-slide-next) {
	opacity: 0.5;
}

.bildslider-block .swiper-button-next {
	transform: rotate(-90deg);
}

.bildslider-block .swiper-button-prev {
	transform: rotate(90deg);
	padding-bottom: 4px;
}

.bildslider-block :is(.swiper-button-next, .swiper-button-prev):after {
	content:url(images/downarrow.svg);
	width: 20px;
	
}

.bildslider-block .nav-buttons {
	display: flex;
	width: 150px;
	align-items: center;
	justify-content: space-between;
	margin: 0 auto;
	margin-top: 40px;
}

.blockrubrik {
	text-align: center;
	margin-bottom: 60px;
	max-width: 800px;
	margin:0 auto 60px auto;
}

.blockrubrik h2.big {
	margin-bottom: 25px;
} 
/* end bildslider block */


/* matr ikons */
.matr-ikoner {
	display: flex;
	align-items: center;
	justify-content: center;
	gap:30px;
}

.matr-ikon {
	width: 140px;
}

/* end matr ikoner */

/* ankarmeny */
.ankarmeny-block {
	background: var(--footerbla);
	color: var(--ljusgra2);
	padding: 13px 0 15px 0;
}

.ankarmeny-block .menyitems {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.ankarmeny-block .menyitems .itemgroup {
	display: flex;
	gap: 30px;
}

.ankarmeny-block .menyitems a {
	text-decoration: none !important;
	font-size: 16px;
	font-family: 'Roboto Bold';
	display: block;
	transition:0.3s all ease;
}

.ankarmeny-block .menyitems a:hover {
	color: var(--vit) !important;
}

/* end ankarmeny */

/* singlesida */

.single .topimage {
    margin: 50px auto -80px auto;
    position: relative;
    z-index: 1;
}

.single .old .topimage {
    margin-bottom: -20px;
}

/* end singelsida */

/* faq block */
.faq-block {
	margin: 40px 0;
}

.faq-block .faq {
	border-top: 1px solid rgba(0,0,0,0.2);
	padding: 20px 20px 12px;
	position: relative;
	cursor: pointer;
	transition:0.3s all ease;
}

.faq-block .faq:hover {
	background: rgba(0,0,0,0.05);
}

.darktheme .faq-block .faq:hover {
	background: rgba(255,255,255,0.1);
}				

.darktheme .faq-block .faq {
	border-top: 1px solid rgba(255,255,255,0.1);
}

.faq-block .faq:last-child {
	border-bottom: 1px solid rgba(0,0,0,0.2);
}

.darktheme .faq-block .faq:last-child {
	border-bottom: 1px solid rgba(255,255,255,0.2);
}

.faq-block .faq .fraga {
	font-family: 'Roboto Bold';
	margin-bottom: 14px;
	font-size: 21px;
	position: relative;
	line-height: 1.35;
	padding-right: 40px;
}

.faq-block .faq .fraga:after {
	content:url(images/downarrow.svg);
	width: 25px;
	position: absolute;
	right: 0;
	top: 0;
	transition:0.3s all ease;
}

.darktheme .faq-block .faq .fraga:after {
	content:url(images/downarrow-white.svg);
}


.faq-block .faq.active .fraga:after {
	transform:rotate(180deg);
}


.faq-block .faq .svar {
	display: none;
	padding-bottom: 8px;
	line-height: 1.5;
}	

.faq-block .faq .svar p {
	margin-bottom: 10px !important;
}

.faq-block .faq .svar p:last-child {
	margin-bottom: 5px;
}		
/* end faq block */

/* testimonial block */

.testimonial .bubbla {
	background: var(--ljusgra);
	padding: 50px 50px 50px 60px;
	position: relative;
	box-shadow: 10px 10px 0 rgba(0,0,0,0.2);
}

.testimonial .bubbla:after {
	content:url(images/bubblearrow.svg);
	width: 60px;
	bottom: -50px;
	left: 40px;
	position: absolute;
	filter:drop-shadow(10px 10px 0 #cdcdcd);
}

.testimonial .bubbla:before {
	content:url(images/icon-quote.svg);
	width: 60px;
	top: 20px;
	left: 30px;
	position: absolute;
	/*filter:drop-shadow(1px 1px 1px rgba(0,0,0,0.03));*/
}

.bildslider-block.testimonial .inner-content {
	max-width: 1200px;
	/*overflow: hidden;*/
}

.bildslider-block.testimonial .swiper-slide {
	overflow: visible;
	margin-bottom: 30px;
}

.bildslider-block.testimonial blockquote {
	position: relative;
	z-index: 1;
	padding: 0;
	margin: 0;
}

blockquote {
	font-size: 19px;
}

cite {
	font-family: 'Roboto Bold';
	font-style: normal;
	color: var(--morkbla);
	font-size: 18px;
}

cite .titel {
	font-family: 'Roboto Regular';
	font-size: 17px;
	line-height: 1.3;
}

.bildslider-block.testimonial .swiper-slide-prev, .bildslider-block.testimonial .swiper-slide-next {
    opacity: 1;
    filter: grayscale(0%);
}

.swiper-container-testimonial .swiper-wrapper {
    align-items: center;
}
/* end testimonial block */


/* taxonomy material */
.tax-material .term-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	margin:0 0 140px 0;
	padding: 20px 0 60px 0;
	position: relative;
	background: var(--morkbla);
}

h1.small-center-heading {
    text-align: center;
    margin: 0 0 40px;
    text-transform: uppercase;
    font-size: 28px;
    letter-spacing: 1px;
    font-family: 'AlbertSans Bold';
    color: var(--morkbla);
}

.tax-material .term-icon .topimage {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0.1;
	filter:grayscale(100%);
}

.tax-material .term-icon .topimage img {
	width: 100%;
	height: 100%;
	object-fit:cover;
}

.tax-material .term-icon .icon {
	width:180px; 
	transform: translate(0,calc(50% + 80px));
}

.tax-material .filterkort-section {
	padding: 0 0 70px 0;
}

.tax-material .filterkort-section .filtercard {
	background: var(--ljusgra);
}


/* språkväljare */

.lang-switcher {
    position: relative;
    display: inline-block;
    
    margin: 8px 0 0 30px;
}

.lang-code {
	font-family: 'Roboto Bold';
	font-size: 14px;
}

.lang-current {
    background: none;
    border: none;
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
    color: var(--vit);
    padding: 0;
    position: relative;
}

.lang-current .flag {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 1.5px solid #ccc;
    background-size: cover;
}

header.opac .lang-current {
	color: var(--svart);
}

.lang-current:after {
	content:"";
	position: absolute;
	bottom: -30px;
	height: 30px;
	width: 100%;
	background: transparent;
}

.lang-dropdown .flag {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 1.5px solid #ccc;

    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    flex-shrink: 0;
}

.lang-dropdown li a {
    display: flex;
    align-items: center;
    gap: 8px;
}

header.opac .lang-current .flag {
	border-color: #666;
}

.flag-sv { background-image: url(images/icon-flag-sv.webp); }
.flag-en { background-image: url(images/icon-flag-en.webp); }
.flag-de { background-image: url(images/icon-flag-de.png); }

.lang-arrow {
    width: 12px;
    height: 12px;
    background: url(images/icon-downarrow-lang.svg) no-repeat center;
    background-size: contain;
}

header.opac .lang-arrow  {
	content:url(images/icon-downarrow-lang-dark.svg);
}


#main-nav ul li.lang:after {
	content:url(images/icon-downarrow-lang.svg);
	width: 12px;
	position: absolute;
	right: -19px;
	top:0px;
}



/* Dropdown */
.lang-dropdown {
    position: absolute;
    top: 130%;
    right: 0;
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 5px 10px rgba(0,0,0,.15);
    list-style: none;
    padding: 0;
    margin: 0;
    display: none;
    min-width: 120px;
    overflow: hidden;
}

.lang-dropdown li a {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 10px;
    color: #000;
    text-decoration: none !important;
    font-size: 14px;
}

.lang-dropdown li a:hover {
    background: var(--ljusgra)
}

/* Hover / open state */
.lang-switcher:hover .lang-dropdown {
    display: block;
}

/* end språkväljare */

/* tillbehörlistnings block */
h2.tillbehor-category {
    font-size: 45px;
    margin: 60px 0 50px 0;
}

h2.tillbehor-category:first-child {
	margin-top: 0;
}
/* end tillbehörs listningsblock */

/* Återförsäljare block */
.resellers-block .reseller-list {
	margin-top: 40px;
}

.resellers-block .reseller-list .adresser {
	display: flex;
	flex-wrap:wrap;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 30px 90px;
}

.resellers-block .regionselect {
	display: none;
}

.resellers-block .reseller-list .region {
	margin-bottom: 50px;
}

.resellers-block h2.big {
	margin-bottom: 20px;
}

.resellers-block .reseller-list .region {
	display:none;
}

.resellers-block .reseller-list .region:is(.europa, .europe, .europa-de) {
	display:block;
}

.resellers-block .reseller-list .region h2 {
	font-size: 36px;
	margin-bottom:30px;
	letter-spacing:-2px;
	color: var(--morkbla);
	font-family: 'AlbertSans Bold';
}

.resellers-block .reseller-list .adresser .reseller {
	flex:0 0 calc(33.333333% - 60px);
	margin-bottom: 0;
	font-size: 16px;
	line-height: 1.4;
}

.resellers-block .reseller-list .adresser .reseller p {
	margin-bottom: 13px;
}

.flik-regioner {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
}

.flik-region {
	padding: 15px 50px 8px 50px;
	cursor: pointer;
}

.regionsflikar-container .bar {
	width: 100%;
	height: 6px;
	position: relative;
	background: var(--ljusgra);
}

.regionsflikar-container .bar .bar-marker {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 0;
	background: var(--gul);
	transform-origin: top left;
	transition:0.5s all ease;
}
/* end Återförsäljare block /
	
	
/* medarbetarblock */
.medarbetare-block .kontakter {
	display: flex;
	flex-wrap:wrap;
	gap: 30px 30px;
	
}

.medarbetare-block .kontaktkort {
	display: flex;
	padding: 0;
	background: var(--vit);
	flex:0 0 calc(33.3333333% - 20px);
	font-size: 15px;
	border-radius: 3px;
	min-height: 190px;
}

.medarbetare-block h3 {
    font-size: 36px;
    margin-bottom: 30px;
    letter-spacing: -2px;
    color: var(--morkbla);
    font-family: 'AlbertSans Bold';
}

.medarbetare-block .kontaktkort h4 {
	font-size: 19px;
}

.medarbetare-block .avdelningsgrupp {
	margin-top: 50px;
}

.medarbetare-block .kontaktkort .titel {
    margin-top: -14px;
    margin-bottom: 5px;
    line-height: 1.2;
    font-size: 14px;
}

.medarbetare-block .kontaktkort .bild {
	width: 130px;
	height: 173px;
	padding: 15px;
}

.medarbetare-block .kontaktkort .bild img {
	width: 100%;
	height: 100%;
	object-fit:cover;
}


.medarbetare-block .kontaktkort .text {
	flex: 1;
	padding: 20px 30px 20px 5px;
}

.medarbetare-block h2.big {
    margin-bottom: 20px;
}

.telefon .nummer {
	display: flex;
	align-items: flex-end;
	justify-content: flex-start;
}

.telefon .nummer .label {
	font-size: 13px;
	width: 60px;
}

.telefon .nummer .nr {
	margin-bottom: -2px;
}

.medarbetare-block .kontaktkort .epost {
	margin-top: 5px;
}
/* end medarbetarblock */

/* postlista */
.postlista {
	display: flex;
	flex-wrap:wrap;
	gap:40px;
	margin-top: 60px;
}

.postlista .post {
	flex:0 0 calc(33.33333333% - 26.66666666px);
	background: var(--vit);
	border-radius: 4px;
	overflow: hidden;
	position: relative;
	display: flex;
	flex-direction: column;
}

.postlista .post .text {
  padding: 25px 30px 30px;
  flex: 1;             /* ← VIKTIG */
  display: flex;         /* ← VIKTIG */
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
}

.postlista .post .bild {
	height: 200px;
	position: relative;
	overflow: hidden;
}

.postlista .post .bild img {
	object-fit: cover;
	height: 100%;
}

.postlista-block :is(h1.big,h2.big) {
	margin-bottom: 15px;
}

.postlista-block .malinky-load-more {
	align-items: center;
	justify-content: center;
	display: flex;
	width: 100%;
	margin-top: 65px;
}

a.malinky-load-more__button {
	text-decoration: none !important;
}

.hideButton {
	transition:0.8s all ease;
	opacity: 0;
}

.malinky-ajax-pagination-loading {
	margin: -30px 0 -80px 0 !important;
	width: 100% !important;
	text-align: center;
	position: absolute;
	bottom: 155px;
}

.malinky-ajax-pagination-loading img {
  animation: malinky-spin 0.7s linear infinite;
  transform-origin: 50% 50%;
  width: 40px !important;
  display: inline-block !important;
  margin-left: 0 !important;
}

.postlista-block .status {
    margin: 60px 0 -70px 0;
    text-align: center;
    font-size: 15px;
}

@keyframes malinky-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
/* end postlista */

.top-404 {
	margin: 180px auto 80px;
}


/* Responsiv meny */
#menuicon {
    position: absolute;
    top: 7px;
    right: 30px;
    z-index: 100;
    width: 35px;
    cursor: pointer;
}

.fixedheader.opac #menuicon svg path {
	stroke:var(--morkbla) !important;
}

#responsive-menu-section {
	display:none;
}

#responsive-menu {
	width:100%;
	height:100%;
	background:var(--vit);
	color:var(--svart);
	position:fixed;
	top:0;
	left:0;
	font-size:21px;
	line-height:110%;
	display:none;
	z-index:100;
	overflow:auto;
	text-align:center;
	padding-top:40px;
}

#responsive-menu .closebtn {
    position: fixed;
    top: 40px;
    right: 5%;
    width: 23px;
    height: auto;
    cursor: pointer;
    z-index: 1;
}


#responsive-menu .inner {
	padding:2px 0;
}

.rmenu-section {
	width:100%;
	margin:0 auto;
	text-align: left;
	margin-top:60px;
}

#responsive-menu ul {
	padding-left:0px;
}

#responsive-menu ul li {
	display:block;
}

#responsive-menu ul li a {
	text-decoration: none;
}

li.rmenu-level-1 {
	position: relative;
}

li.rmenu-level-1>a, li.mega-extrameny>a {
	display: block;
	margin-bottom: 15px;
}


.rmenu-level-3 {
	display: none;
}


li.rmenu-level-1.has-children button:after {
	content:url(images/downarrow.svg);
	width: 18px;
	right: 0;
	top: 0;
	position: absolute;
	transition:0.3s all ease;
}


li.rmenu-level-1.has-children button {
	background: transparent;
	right: 0;
	top: 0;
	height: 20px;
	width: 20px;
	cursor:pointer;
	position: absolute;
	border:transparent;
}

li.rmenu-level-1.expand button:after {
	transform: rotate(180deg);
}


.rmenu-level-3 li {
	font-size: 19px;
}

.rmenu-level-3 {
	padding-bottom: 20px;
}


#responsive-menu ul>li {
	padding:5px 10px 5px 0;
}

#responsive-menu ul>li:first-child {
	border-top:none;
}

#responsive-menu ul ul {
	margin-left:20px;
}

#responsive-menu ul ul li {
	margin-bottom:0px;
	margin-bottom:5px;
}

#responsive-menu ul ul li:last-child {
	margin-bottom:0px;
}

#responsive-menu ul ul li:first-child {
	/*margin-top:-6px;*/
}

.responsive_menuback {
	background: white;
	top: 0;
	left: 0;
	position: fixed;
	width: 100%;
	height: 98px;
	z-index:	1;
}
/* End Responsiv meny */