body {margin:0;font-family:'Montserrat', Arial, sans-serif; background-color: #FFFFFF;}
*{box-sizing: border-box;}
[class*="col-"] {width: 100%; float: left;}
.row{width:100%;}
.row::after {content: ""; clear: both; display: block;}

html {
    -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
}

/* @supports(padding:max(0px)) { */
    main{
        padding-left: env(safe-area-inset-left) !important;
        padding-right: env(safe-area-inset-right) !important;
    }
	.foot_cent {
        padding-left: env(safe-area-inset-left) !important;
        padding-right: env(safe-area-inset-right) !important;
    }
	
	/* .sidhuvud input, .Hamburger{padding-right: env(safe-area-inset-left) !important;} */

:root {
--black: #000000;
--logo_black: #1d1d1b;
--logo_red: #e40428;
--logo_white: #FFFFFF;
--modal_black: rgba(1, 10, 13, 0.95); /* Obsidian modal */
--t_black: rgba(1, 10, 13, 0.9); /* Obsidian Topmenu */
--tm_black: rgba(0, 0, 0, 0.7);
--tl_black: rgba(0, 0, 0, 0.3);
--tul_black: rgba(0, 0, 0, 0.1);
--t_white: rgba(255, 255, 255, 0.9);
--tm_white: rgba(255, 255, 255, 0.7);
--tl_white: rgba(255, 255, 255, 0.3);
--transparent: rgba(0, 0, 0, 0);
--menu_grey: #babdbe; /* Ljusgrå */
--menu_white: #FFFFFF;
--menu_line: #6b6f71; /* lite mörkare grå */
--foot_white: #FFFFFF; 
--foot_t_white: rgba(255, 255, 255, 0.9); 
--foot_bgl: #ae0c1e;
--foot_bgd: #700813;
--white: #FFFFFF;
--red: #e40428;
--d_red: #ae0c1e;
--ul_grey: #f0f0f0;
--l_grey: #e6e6e6;
--m_grey: #666666;
--d_grey: #444444;
--epd_green: #008000;
--but_green: #6aaa6a;
--but_hgreen: #56be56;
--but_gda: #7b997b;
--but_gbord: #386338;
}
.cookie_pal{
width:2rem; 
height:2rem;
position: fixed !important;
position: sticky !important;
position: -webkit-sticky !important;
bottom: 1.5rem !important;
left: max(1.5rem, env(safe-area-inset-left)) !important;
z-index:10;
transition: transform 0.3s ease, opacity 0.3s ease;
}
.cookie_pal input
{
 margin:0;
 padding:0;
 position: absolute;
 top:0;
 left:0;
 width: 2rem;
 height: 2rem;
 cursor: pointer;
 opacity: 0;
 z-index:11;
}
.cookie_pal img
{
 position: absolute;
 top:0;
 left:0;
 width: 2rem;
 height: 2rem;
}
.cookie_form{display: flex; flex-direction:column; position: relative;  background-color:var(--white); border-radius:1rem; padding:1rem; margin:1rem; max-width:54rem; width:calc(100% - 2rem); box-shadow: 0px 0px 8px 5px rgba(0,0,0,0.2); overflow-wrap: break-word;}
/* .cookie_form{position:absolute; left:calc(50% - 1rem); top:calc(min(50%, 50vw) - 1rem); transform: translate(-50%, max(-50% + 1rem, -50vw + 1rem));} */
.cookie_form{position:absolute; left:calc(50% - 1rem); top:50%; transform: translate(-50%, max(-50%, -50svh));}
.cookie_form svg{position: absolute;  bottom:0; right:0; margin:1rem; width:5rem;}
.cookie_form svg #L{fill:var(--logo_red);}
.cookie_form svg #S{fill:var(--logo_black);}
.CoButBlk{display: flex; flex-direction:column; gap:1rem; margin-top:1rem;}
.CoButRow{display: flex; flex-flow:row-reverse wrap; gap:1rem; justify-content: space-between; align-items:flex-end;}
.CoButRow button{font-size:1.25rem;  font: inherit; min-width:calc(50% - 0.5rem); width:1fr; background-color:var(--l_grey); color:var(--black); padding: 0.25rem; border-radius: 0.25rem; border: 1px solid var(--m_grey); /* Green */ }
.CoButRow button:nth-last-child(2){background-color:var(--but_green); color:var(--black); border: 1px solid var(--but_gbord);}

.CoCheckRow{width:100%; display:flex; flex-flow:column nowrap; gap:1rem; align-items:flex-start;}

.CoCheckRow div{display: flex; flex-basis:row nowrap; gap:1rem; align-items: center;}
.CoCheckRow button{font-size:1rem; font: inherit; background-color:var(--l_grey); color:var(--black); padding: 0.25rem; border-radius: 0.25rem; border: 1px solid var(--m_grey);}

.CoButBlk Button:hover{background-color:var(--ul_grey);}
.CoButRow button:nth-last-child(2):hover{background-color:var(--but_hgreen);}
.CoCheckRow input{width:1rem; height:1rem; background-color:var(--white); border-radius: 0.25rem; border: 1px solid var(--m_grey);}
.CoCheckRow input:checked {color: red;}
.CoCheckRow div{display:flex; flex-flow:row nowrap; gap:1rem; align-items:center;}
.CoCheckRow input[type="checkbox"] {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;
  margin: 0;
  cursor: pointer;
  font: inherit;
  width: 1rem;
  height: 1rem;
  border: 1px solid var(--m_grey);
  border-radius: 0.15em;
  display: grid;
  align-items: center;
  justify-content:center;
}
.CoCheckRow input[type="checkbox"]::before {
  content: "";
  width: 0.5rem;
  height: 0.5rem;
  background-color: var(--but_green);
  border: 1px solid var(--but_gbord);
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  box-shadow: inset 1em 1em var(--form-control-color);
}
.CoCheckRow input[type="checkbox"]:checked {
  border: 1px solid var(--but_gbord);
}
.CoCheckRow input[type="checkbox"]:checked::before {
  transform: scale(1); 
}
.CoCheckRow input[type="checkbox"]:disabled {
  border: 1px solid var(--m_grey);
  cursor: default;
}
.CoCheckRow input[type="checkbox"]:disabled::before {
  background-color: var(--m_grey);
}

.CoCheckRow label{margin-right:1rem;}
.Cointro span{float: right; width:3rem; height:2.6rem;}

.cookie_consent{Position:fixed; top:0; left:0; z-index:12; width:100%; height:100%; background-color:var(--transparent); display:none; overflow: auto; backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px);}
.cookie_consent a{color: var(--red); text-decoration: none;}
.CoDetails{margin-top:1rem; overflow: auto;}
.CoDetails table{min-width:100%; border-collapse: collapse; overflow-wrap: break-word;}
.CoDetails th, .CoDetails td{text-align: left; padding:0.5rem; font-size:0.8rem;}
.CoDetails th{background-color: var(--d_red); color: var(--white); border: 1px solid var(--d_red);}
.CoDetails td{border: 1px solid black;}
.CoDetails h3{margin-top:0.5rem;}
.CoDetails li{margin-left:0.5rem; list-style-type: disc; list-style-position: inside;}

.CosDetails table{min-width:100%; border-collapse: collapse; overflow-wrap: break-word;}
.CosDetails th, .CoDetails td{text-align: left; padding:0.5rem; font-size:0.8rem;}
.CosDetails th{background-color: var(--d_red); color: var(--white); border: 1px solid var(--d_red);}
.CosDetails td{border: 1px solid black;}
.CosDetails h3{margin-top:0.5rem;}
.CosDetails li{margin-left:0.5rem; list-style-type: disc; list-style-position: inside;}
.Coburger
{
 display: flex;
 flex-direction: column;
cursor: pointer;
 width: 2.6rem;
 height: 2rem;
 position: absolute;
 z-index: 13; 
 top:0;
 right:0;
 margin:1rem;
 padding:0;
}
.Coburger span
{
 width: 2.6rem;
 height: 0.1875rem;
 margin-bottom: 0.71875rem;
 position: relative;
 background: var(--black);
 border-radius: 0.125rem;
 transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
 background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
 opacity 0.55s ease;
}
.Coburger span{opacity: 1; transform: translate(0, 0.90625rem) rotate(-45deg) scale(0.7, 0.7);}
.Coburger span:nth-last-child(2){opacity: 0; transform: rotate(0deg) scale(0.2, 0.2);}
.Coburger span:nth-last-child(1){margin-bottom: 0rem; transform: translate(0, -0.90625rem) rotate(45deg) scale(0.7, 0.7);}
#CoForm.show {display: block;}

.main{max-width:84rem; margin:auto;}
.main_content{max-width:84rem; display:flex; flex-flow: column nowrap; justify-content:center; align-items: center; margin:auto;}
.brick{margin-block-end:3rem;}
.brick:nth-last-child(1){margin-block-end:0;}
h1 {font-size:1.75rem; font-weight: 500; margin-block-start: 0; margin-block-end: 0.83rem; overflow-wrap: break-word;}
h2 {font-size:1.5rem; font-weight: 500; margin-block-start: 0; margin-block-end: 0.5rem; overflow-wrap: break-word;}
h3 {font-size:1.17rem; font-weight: 500; margin-block-start: 0; margin-block-end: 0.5rem; overflow-wrap: break-word;}
p {font-size:1.1rem; margin-block-start: 0; margin-block-end: 0.75rem;}
q{font-size:1rem; color: var(--d_red);}
q::after {content: "” (" attr(cite) ") "; }
.inline{display: inline-block; margin-block-end: 0;}
.margintop{ margin-block-start: 5rem;}
.sub_heading{font-size: 1.2rem; font-weight: 500; margin-block-end: 0.5rem;}
.soft_heading{display: inline-block; font-size: 1rem; font-weight: 300; margin-block-end: 0.83rem; margin-left:0.5rem; }
.mobilenw{flex-wrap: wrap;}

/* meny */
.sidhuvud
{
position: fixed !important;
position: sticky !important;
position: -webkit-sticky !important;
top: 0 !important;
min-width: 100%;
display: block; 
z-index:2; 
-webkit-user-select: none; 
user-select: none;
}
.sidhuvud .sbg
{
min-width: 100%;
transition: background 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.2);
display: block; 
background-color:var(--t_black);  
backdrop-filter: blur(2px);
-webkit-backdrop-filter: blur(2px);
-webkit-user-select: none; 
user-select: none;
min-height: 5rem;
transition: 0.3s ease; 
}
#MenuT, #ModalT {position: absolute; top:0; right:0; width: 2.6rem; height: 2rem; cursor: pointer; opacity: 0; z-index: 6; margin:1.5rem max(1.2rem, env(safe-area-inset-right)) 1.5rem 1.2rem; padding:0;}
/* .sidhuvud input {position: absolute; top:0; right:0; width: 2.6rem; height: 2rem; cursor: pointer; opacity: 0; z-index: 6; margin:1.5rem max(1.2rem, env(safe-area-inset-right)) 1.5rem 1.2rem; padding:0;} */
.sidhuvud .Hamburger
{
 display: flex;
 flex-direction: column;
 width: 2.6rem;
 height: 2rem;
 position: absolute;
 z-index: 5; 
 top:0;
 right:0;
 margin:1.5rem max(1.2rem, env(safe-area-inset-right)) 1.5rem 1.2rem;
 padding:0;
 /* padding-right: max(5rem, env(safe-area-inset-right)) !important; */
}
.Hamburger span
{
 width: 2.6rem;
 height: 0.1875rem;
 margin-bottom: 0.71875rem;
 position: relative;
 background: var(--menu_grey);
 border-radius: 0.125rem;
 transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
 background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
 opacity 0.55s ease;
}
.HaBG
{
 display: flex;
 flex-direction: row;
 gap: 0.8rem;
 /* width: 6.1rem; */
 /* height: 2.6rem; */
 position: absolute;
 z-index: 4; 
 top:0;
 right:0;
 margin:1.1rem max(1.1rem, env(safe-area-inset-right)) 1.1rem 1.1rem;
 padding:0;
 
 /* background: red; */
 /* padding-right: max(5rem, env(safe-area-inset-right)) !important; */
}
.HaBG span
{
 width: 2.8rem;
 height: 2.8rem;
 opacity:0;
 /* position: relative; */
 
 /* background: rgba(0,0,255,0.5); */
 border-radius: 0.5rem;
 /* border: 1px solid var(--menu_white); */
 transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
 background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
 opacity 0.55s ease;
}
#MoEx {position: absolute; top:0; right;right:max(3.5rem, calc(env(safe-area-inset-right) + 2.3rem)); width: 2rem; height: 2rem; display:none; margin:1.5rem; cursor: pointer; opacity: 0; z-index: 6; padding:0;}
.MoEx {position: absolute;  z-index: 5; top:0rem; right:max(3.5rem, calc(env(safe-area-inset-right) + 2.3rem)); width:5rem; height:5rem; transition: 0.3s;  opacity: 0;}
/* .sidhuvud #MoEx:checked ~ .sbg {background-color:yellow;} */
.sidhuvud #MoEx:checked ~ .MoEx svg *{transform-box: fill-box;  transform-origin: center;  transform: rotate(180deg); transition: 0.3s;}

/* #MoEx {position: absolute; top:0; right:3.8rem; width: 2rem; height: 2rem; cursor: pointer; opacity: 1;} */

/* .MoEx {width: 2rem; height: 2rem; position: absolute; z-index: 1; top:1.5rem; right:5rem;} */
.MoEx svg{width: 5rem; height: 5rem; position: absolute; top:0; right:0;  fill:var(--tm_white);}
/* filter: drop-shadow(3px 3px 5px rgb(0 0 0 / 0.3)); */
/* right:max(3.5rem, calc(env(safe-area-inset-right) + 2.3rem)); */
.MoEx svg *{transform-box: fill-box;  transform-origin: center;  transform: rotate(0deg); transition: 0.3s;}


.Hamburger span:nth-last-child(1){margin-bottom: 0rem;}
.sidhuvud #MenuT:checked ~ .Hamburger span, .sidhuvud #ModalT:checked ~ .Hamburger span{opacity: 1; transform: translate(0, 0.90625rem) rotate(-45deg); background: var(--menu_white);}
.sidhuvud #MenuT:checked ~ .Hamburger span:nth-last-child(2), .sidhuvud #ModalT:checked ~ .Hamburger span:nth-last-child(2){opacity: 0; transform: rotate(0deg) scale(0.2, 0.2);}
.sidhuvud #MenuT:checked ~ .Hamburger span:nth-last-child(1), .sidhuvud #ModalT:checked ~ .Hamburger span:nth-last-child(1){transform: translate(0, -0.90625rem) rotate(45deg); background: var(--menu_white);}
.sidhuvud #MenuT:checked ~ .sbg .nav .dropdown{transform: none; overflow-y:auto;}
.sidhuvud #MenuT:checked ~ .sbg .nav .dropdown li{transform: none; opacity: 1;}
.sidhuvud #MenuT:checked ~ .sbg{background-color:black;}
.sidhuvud #ModalT:checked ~ #MenuT{display: none;}
.sidhuvud #ModalT{display: none;}
.sidhuvud #ModalT:checked{display: inline-block;}
/* .sidhuvud #ModalT:checked ~ .sbg{min-height: 100vh; background-color:var(--modal_black);} */
/* .sidhuvud #ModalT:checked ~ .sbg{background-color:var(--transparent); box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.0); backdrop-filter: none; -webkit-backdrop-filter: none;} */
.sidhuvud #ModalT:checked ~ .sbg{min-height: 100vh;}
.sidhuvud #ModalT:checked ~ #MoEx{display:block;}
.sidhuvud #ModalT:checked ~ .MoEx{opacity: 1;}

.sidhuvud #ModalT:checked ~ .Hamburger span{background: var(--tm_white) !important;}
/* .sidhuvud #ModalT:checked ~ .Hamburger span{box-shadow: -3px 3px 5px 0px rgba(0,0,0,0.3); background: var(--tm_white) !important;} */
/* .sidhuvud #ModalT:checked ~ .Hamburger span:nth-last-child(1){box-shadow: 5px 3px 5px 0px rgba(0,0,0,0.3);} */

.sidhuvud #ModalT:checked ~ .HaBG span{opacity:1; box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.3); background: var(--tl_black)}

/* .sidhuvud #ModalT:checked ~ .Hamburger::before {content:"";  z-index: 4;  width:50px; height:20px; background:blue;} */



.sidhuvud #ModalT:checked ~ .sbg .nav .logo svg {filter: drop-shadow(3px 3px 5px rgb(0 0 0 / 0.3));}
.sidhuvud #ModalT:checked ~ .sbg .nav .logo svg *{fill:var(--tm_white);}
/* .sidhuvud #MoEx:checked ~ .MoEx svg #B{fill:var(--white);  transform: rotate(180deg); transition: 3s ease;  transform-origin: 50% 50%;} */
/* .sidhuvud #MoEx:checked ~ .MoEx svg #A{fill:var(--white);  transform: rotate(180deg); transition: 3s ease;  transform-origin: 50% 50%;} */

/* .sidhuvud #MoEx:checked ~ .MoEx svg #B{fill:var(--white);  transform: rotate(180deg) translate(50%, -50%); transition: 3s ease;  transform-origin: 50% 50%;} */
/* .sidhuvud #MoEx:checked ~ .MoEx svg #A{fill:var(--white);  transform: rotate(180deg) translate(-50%, 50%); transition: 3s ease;  transform-origin: 50% 50%;} */

/* .sidhuvud #MoEx:checked ~ .MoEx svg #B{fill:var(--white);  transform: rotate(180deg) translate(100%, -100%); transition: 3s ease;  transform-origin: 75% 25%;} */
/* .sidhuvud #MoEx:checked ~ .MoEx svg #A{fill:var(--white);  transform: rotate(180deg) translate(-100%, 100%); transition: 3s ease;  transform-origin: 25% 75%;} */

/* .sidhuvud #MoEx:checked ~ .MoEx svg #B{fill:var(--white);  transform: rotate(180deg);  transition: 3s ease;  transform-origin: 40% 60%;} */
/* .sidhuvud #MoEx:checked ~ .MoEx svg *{transform-box: fill-box;  transform-origin: center;  transform: rotate(180deg);} */


/* .sidhuvud #MoEx:checked #Modal .timber_img img {object-fit: cover;} */

.sidhuvud #ModalT:checked ~ .sbg .nav {max-width: 100%;}

/* .sidhuvud #MoEx:checked ~ .MoEx svg #B{fill:var(--white); transform-box: fill-box;  transform-origin: center;  transform: rotate(-180deg); transition: 3s;} */
/* transform-origin: "2.2985 0.7505"; */

.sidhuvud #ModalT:checked ~ .sbg .nav .dropdown{opacity:0;}
.sidhuvud #ModalT:checked ~ .whiteModal{background-color:var(--white); transition: background 0.3s ease;}
.sidhuvud #ModalT:checked ~ .whiteModal .nav .logo svg #L{fill:var(--logo_red);}
.sidhuvud #ModalT:checked ~ .whiteModal .nav .logo svg #S{fill:var(--logo_black);}
.sidhuvud #ModalT:checked ~ .Whiteburger span{background: var(--black);}
/* .sidhuvud input:checked ~ .cookie_pal{background:purple;} */

nav{position:relative; width:100%; display: flex; flex-flow: column wrap; max-width: 84rem; margin: auto; z-index:4; padding-left: max(env(safe-area-inset-left), 1.2rem); transition: 3s ease;  -webkit-transition: 0.3s ease ;}
.logo{align-self: flex-start;}
.logo svg{height:5rem; padding:1.2rem; width:auto; max-width:calc(100dvw - 6.2rem); padding:1.2rem 1.2rem 1.2rem 0;}
.logo a{display: block; max-height:5rem;}
.logo svg #L{fill:var(--logo_white)} 
.logo svg #S{fill:var(--logo_white)} 
.dropdown{display: flex; flex-flow: column nowrap; position: fixed; top: 5rem; left: 0; right: 0; bottom: 0; background-color:var(--t_black); width:100%; min-height:calc(100vh - 5rem); transform: translate(-100%, 0); transition: 0.3s ease;}
.dropdown li{opacity: 0; transform: translate(-2rem, 0); transition: transform 0.5s ease, background 0.5s cubic-bezier(0.77,0.2,0.05,1.0), opacity 0.55s ease; border-top: 1px solid var(--menu_line);}
.m_last{margin-block-end: 8rem;}
.dropdown a{display: flex; flex-flow: column nowrap;}
.dropdown input
{
	position: absolute; 
	top:0;
	left:0;
	z-index: 6;
 width: 100%;
 height: 3.5rem;
 cursor: pointer;
 opacity: 0;
 margin:0 1.2rem;
 padding:0;
}
.dropdown label .fa-angle-down{display: none;}

.dropdown input:checked ~ .child{display: flex; flex-flow: column nowrap;}
.dropdown input:checked ~ label .fa-angle-down{display: flex;}
.dropdown input:checked ~ label .fa-angle-right{display: none;}
.dropdown label
{
	padding:0 1rem;
	color: var(--menu_grey);
	display: inline-flex; 
	align-items:center; 
	justify-content:space-between;
	width:100%;
}
.parent {position: relative; line-height: 3.5rem;}
.parent a{padding:0 1rem; color: var(--menu_grey);text-decoration: none;}
.child {display: none;} 
.child li {line-height: 3.5rem; z-index:5;}
.child li a{color: var(--menu_grey); padding-left:1rem; width:100%}
.child li div{color: var(--menu_grey); padding-left:1rem; width:100%;}

ul{list-style: none;margin: 0;padding: 0px;}
li li{left: 0;top: 0;margin-left:1.5rem;}
.dropdown a:hover{color: var(--menu_white);}
.dropdown input:hover ~ label{color: var(--menu_white);}
.dropdown a:active {background-color:var(--red);}
.inl_meny{display: inline-flex; align-items:center; justify-content:space-between;}
.active {color: var(--menu_white) !important; margin-right:1rem;}
.active::before {color:var(--red); content: "●"; margin-right:0.5rem;}
.culang {color: var(--menu_white) !important;}
.culang::before {color:var(--red); content: "●"; margin-right:0.5rem;}
.olang{cursor:pointer; display:flex; flex-flow: row nowrap !important;}
.olang:hover{color: var(--menu_white) !important;}
.olang::before {opacity:0; content: "●"; margin-right:0.5rem;}
.olang:hover::before {opacity:1;}
.dang::after{content: attr(data-text); margin-left:0.5rem;}
.fang{display:inline-flex; align-items:center;}
.m-icon{line-height: 3.5rem;}
.expand{float:right;margin-right:0.5rem;font-size:1.25rem;}
.dropdown > li{display: block; white-space: nowrap;font-size:1.25rem;} 
/* ---- från meny ---- */
.c_icons{display: flex; flex-flow:row wrap; gap:1rem; align-items:center; justify-content:center; margin: 0 0.5rem;}
/* Footer */
.footer{display: flex; flex-flow:column nowrap; align-items:center; min-width:100%; background:var(--foot_bgl); background: url("https://linscan.se/media/svg/Hintergrund_Rot.svg") no-repeat; background-size: cover; color:var(--foot_t_white); margin-block-start: 5rem;}
.foot_cent{display: flex; flex-flow:column wrap; justify-content:flex-end; width:100%;}
.foot{display:flex; flex-flow:row nowrap; margin: 2rem; gap:2rem; align-self:flex-start;}
.fotcon{align-self: flex-start;}
.FootCompBl{line-height: 150%;}
.FootComp{font-size: 1.5rem;}
.foot.slogan{justify-self:center; align-self: center; margin:2rem; font-size: 2rem; }
.slogan p{margin:2rem; font-size: 1.25rem; max-width:38rem;}
.slogan{display:none;}
.foot hr.rounded {
 border-top: 3px solid var(--foot_t_white);
 border-radius: 3px;
 margin-block-start: 0.5rem; 
 margin-block-end: 0.5rem;
}
.fot_small{font-size: 0.75rem;}
.fot_small svg{margin-block-end: 0.5rem;}
.foot_cent a {text-decoration:none; color: var(--foot_t_white); word-break: keep-all; white-space: wrap;}
.foot_cent a:hover {color: var(--foot_white);}
.foot2{display:flex; flex-flow:row wrap; justify-content:space-between; width:calc(100% - 4rem); align-items:flex-end; color: var(--foot_t_white); font-size:0.75rem; margin-right:2rem; margin-left:2rem; margin-bottom:1rem; align-self:flex-start; max-width:84rem;}
.social i{font-size:1.5rem; margin-left:0.5rem;}
/* Footer */
/* News */
.carousel  *::-webkit-scrollbar, .newscarousel *::-webkit-scrollbar, .timbaff  *::-webkit-scrollbar {width: 0; height: 0;}
.carousel *::-webkit-scrollbar-track, .newscarousel *::-webkit-scrollbar-track, .timbaff  *::-webkit-scrollbar-track {background: transparent;}
.carousel *::-webkit-scrollbar-thumb, .newscarousel *::-webkit-scrollbar-thumb, .timbaff  *::-webkit-scrollbar-thumb {background: transparent; border: none;}
.carousel *, .newscarousel *, .timbaff * {-ms-overflow-style: none; scrollbar-color: transparent transparent; scrollbar-width: 0px; scrollbar-height: 0px;}
.carousel ol, li, .newscarousel ol, li, .timbaff ol, li {list-style: none; margin: 0; padding: 0; margin-block-end:0; margin-block-start: 0; margin-inline-start: 0; margin-inline-end: 0; padding-inline-start: 0; padding-inline-end: 0;}
.carousel li, .newscarousel li, .timbaff li {margin-right:1rem;}
.carousel{width: 100%; aspect-ratio: 1.3333 / 1;}
.timbaff{height: 100%;}
.timbaff:hover .car_snap,
.timbaff:focus-within .car_snap {animation-name: none;}
.anchor {scroll-margin-top: 10rem; scroll-snap-align: center; overflow:visible;}
.xxyy {padding-top: 6em;  margin-top: -6em;}
.newscarousel{width: 100%;  min-width:100%; position: relative; }
.car_view {position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; overflow-x: scroll; overflow-y: visible; counter-reset: item; scroll-behavior: smooth; scroll-snap-type: x mandatory; scrollbar-width:none;}
.car_view::-webkit-scrollbar {display: none;}
.car_slide, .news_slide {position: relative; flex: 0 0 100%; width: 100%; counter-increment: item; }
.news_slide{scroll-snap-align: center;}
.news_img img{object-fit: cover; position: absolute; top: 0; left: 0; min-width: 100%; height: 100%!important;}
.car_slide img{object-fit: cover; position: absolute; top: 0; left: 0; width: 100%; height: 100% !important;}
.timber_slide {position: relative; flex: 0 0 100%; width: 100%; counter-increment: item; }
.timber_slide img{object-fit: cover; position: absolute; top: 0; left: 0; height: 100% !important;}
.no_cover img{object-fit: contain;}
.wi100 {width: 100%;}
.mw64 {min-width:52rem;}
.cover img{object-fit: cover; position: relative; top: 0; left: 0; width: 100%; height: 100%;}
.mh20 img{max-height:20rem; min-height:5rem;}
.car_snap {position: absolute; top: 0; left: 0; width: 100%; height: 100%; scroll-snap-align: center;}
.news_view {display: flex; gap:2rem; overflow-x: scroll; overflow-y: visible; counter-reset: item; scroll-behavior: smooth; scroll-snap-type: x mandatory;}
.news_view.drag{scroll-snap-type: none;}
.car_view.drag{scroll-snap-type: none;}
.cnews_nav {display:flex; flex-flow: row nowrap; justify-content:flex-end; gap:1rem; margin-top:1rem;}
.cnews_nav input[type="radio"] {-webkit-appearance: none; appearance: none; background-color: var(--tm_black); margin: 0; cursor: pointer; font: inherit; width: 1rem; height: 1rem; border-radius: 25%; transition: transform 0.3s ease, background-color 1s ease, opacity 0.3s ease;}
.cnews_nav input[type="radio"]:checked {background-color: var(--red); transform: scale(1.5) translateY(0.15rem);}
.cnews_nav input[type="radio"]:hover {background-color: var(--d_red);}
.cnews_nav button{font-size:1.25rem;  font: inherit; background-color:var(--tm_black); color:var(--white); padding: 0.5rem; border: 0px solid var(--m_grey); cursor:pointer; /* Green */ }
.cnews_nav button:hover{background-color:var(--t_black);}
@media (prefers-reduced-motion: reduce) {
  .car_snap {animation-name: none;}
}
.carousel:hover .car_snap,
.carousel:focus-within .car_snap {animation-name: none;}
.car_nav {position: absolute; bottom: 1.5rem; left:50%; transform: translateX(-50%); display: flex; align-items:center;}
.car_nav input[type="radio"] {-webkit-appearance: none; appearance: none; background-color: rgba(255, 255, 255, 0.5); margin: 0; cursor: pointer; font: inherit; margin: 0 0.5rem; width: 0.5rem; height: 0.5rem; border-radius: 50%; transition: 0.3s ease}

.ni.hide{margin: 0 0.1rem !important; width:0.3rem !important; height:0.3rem !important;}


/* .car_nav input:nth-child(n+8) { */
	/* background-color: green; */
 /* display: none; */
/* } */
/* :nth-last-child(-n+1) */
.car_nav input[type="radio"]:checked {background-color: rgba(255, 255, 255, 0.8); transform: scale(1.2);}
.car_nav input[type="radio"]:hover {background-color: white;}
.carousel button, .timbaff button{position: absolute; right: 0; top: 50%; cursor: pointer; text-align: center; width:2rem; height:4rem; font-size:1.25rem; font: inherit; background-color:rgba(0, 0, 0, 0.8); color:white; border-radius: 0.5rem 0 0 0.5rem; border: 0; opacity:0.7; padding: 0; padding-block: 0; padding-inline: 0;}
.carousel button i, .timbaff button i{margin: 0.625rem}
.carousel button:hover, .timbaff button:hover{opacity:1;}
.carousel .car_lb, .timbaff .car_lb{transform: translateY(0.5rem);}
.carousel .car_rb, .timbaff .car_rb{transform: translateY(calc(-100% - 1rem));}
.Crnt_News{width:calc(100% - 2rem); max-width:77.5rem; display:flex; flex-flow: column nowrap; margin-block-start:5rem;}
.All_News{width:calc(100% - 2rem); max-width:77.5rem; display:flex; flex-direction:column; align-items:center; gap:3rem;}
.Newsarticle{display:flex; flex-flow:column-reverse nowrap; width:100%;}
.news_img{flex-basis:40%; position: relative; overflow-x: hidden; overflow-y: visible; min-height:50px; aspect-ratio: 600 / 450;}
.news_img picture{aspect-ratio: auto 600 / 450;} 
.timber_img{flex-basis:100%; position: relative; overflow-x: hidden; overflow-y: visible;}
.mocka_img{flex-basis:100%; overflow-x: hidden; overflow-y: visible;}
.timber_cont{flex-basis:100%; background: var(--l_grey); padding:1rem; display: flex; flex-flow: column nowrap; justify-content:space-between;}
.min_h16{min-height:16rem;}
.min_h20{min-height:20rem;}
.min_h25{min-height:25rem;}
.min_h30{min-height:30rem;}
.fb20{flex-basis:100%;}
.fb30{flex-basis:100%;}
.fb40{flex-basis:100%;}
.fb50{flex-basis:100%;}
.fb60{flex-basis:100%;}
.fb70{flex-basis:100%;}
.fb80{flex-basis:100%;}
.fpxy_0_0 img{object-position: 0% 0%;}
.fpxy_100_100 img{object-position: 100% 100%;}
.fpxy_100_0 img{object-position: 100% 0%;}
.fpxy_0_100 img{object-position: 0% 100%;}
.fpxy_0_10 img{object-position: 0% 10%;}
.fpxy_10_10 img{object-position: 10% 10%;}
.fpxy_20_10 img{object-position: 20% 10%;}
.fpxy_30_10 img{object-position: 30% 10%;}
.fpxy_40_10 img{object-position: 40% 10%;}
.fpxy_50_10 img{object-position: 50% 10%;}
.fpxy_60_10 img{object-position: 60% 10%;}
.fpxy_70_10 img{object-position: 70% 10%;}
.fpxy_80_10 img{object-position: 80% 10%;}
.fpxy_90_10 img{object-position: 90% 10%;}
.fpxy_100_10 img{object-position: 100% 10%;}
.fpxy_0_20 img{object-position: 0% 20%;}
.fpxy_10_20 img{object-position: 10% 20%;}
.fpxy_20_20 img{object-position: 20% 20%;}
.fpxy_30_20 img{object-position: 30% 20%;}
.fpxy_40_20 img{object-position: 40% 20%;}
.fpxy_50_20 img{object-position: 50% 20%;}
.fpxy_60_20 img{object-position: 60% 20%;}
.fpxy_70_20 img{object-position: 70% 20%;}
.fpxy_80_20 img{object-position: 80% 20%;}
.fpxy_90_20 img{object-position: 90% 20%;}
.fpxy_100_20 img{object-position: 100% 20%;}
.fpxy_0_30 img{object-position: 0% 30%;}
.fpxy_10_30 img{object-position: 10% 30%;}
.fpxy_20_30 img{object-position: 20% 30%;}
.fpxy_30_30 img{object-position: 30% 30%;}
.fpxy_40_30 img{object-position: 40% 30%;}
.fpxy_50_30 img{object-position: 50% 30%;}
.fpxy_60_30 img{object-position: 60% 30%;}
.fpxy_70_30 img{object-position: 70% 30%;}
.fpxy_80_30 img{object-position: 80% 30%;}
.fpxy_90_30 img{object-position: 90% 30%;}
.fpxy_100_30 img{object-position: 100% 30%;}
.fpxy_0_40 img{object-position: 0% 40%;}
.fpxy_10_40 img{object-position: 10% 40%;}
.fpxy_20_40 img{object-position: 20% 40%;}
.fpxy_30_40 img{object-position: 30% 40%;}
.fpxy_40_40 img{object-position: 40% 40%;}
.fpxy_50_40 img{object-position: 50% 40%;}
.fpxy_60_40 img{object-position: 60% 40%;}
.fpxy_70_40 img{object-position: 70% 40%;}
.fpxy_80_40 img{object-position: 80% 40%;}
.fpxy_90_40 img{object-position: 90% 40%;}
.fpxy_100_40 img{object-position: 100% 40%;}
.fpxy_0_50 img{object-position: 0% 50%;}
.fpxy_10_50 img{object-position: 10% 50%;}
.fpxy_20_50 img{object-position: 20% 50%;}
.fpxy_30_50 img{object-position: 30% 50%;}
.fpxy_40_50 img{object-position: 40% 50%;}
.fpxy_60_50 img{object-position: 60% 50%;}
.fpxy_70_50 img{object-position: 70% 50%;}
.fpxy_80_50 img{object-position: 80% 50%;}
.fpxy_90_50 img{object-position: 90% 50%;}
.fpxy_100_50 img{object-position: 100% 50%;}
.fpxy_0_60 img{object-position: 0% 60%;}
.fpxy_10_60 img{object-position: 10% 60%;}
.fpxy_20_60 img{object-position: 20% 60%;}
.fpxy_30_60 img{object-position: 30% 60%;}
.fpxy_40_60 img{object-position: 40% 60%;}
.fpxy_50_60 img{object-position: 50% 60%;}
.fpxy_60_60 img{object-position: 60% 60%;}
.fpxy_70_60 img{object-position: 70% 60%;}
.fpxy_80_60 img{object-position: 80% 60%;}
.fpxy_90_60 img{object-position: 90% 60%;}
.fpxy_100_60 img{object-position: 100% 60%;}
.fpxy_0_70 img{object-position: 0% 70%;}
.fpxy_10_70 img{object-position: 10% 70%;}
.fpxy_20_70 img{object-position: 20% 70%;}
.fpxy_30_70 img{object-position: 30% 70%;}
.fpxy_40_70 img{object-position: 40% 70%;}
.fpxy_50_70 img{object-position: 50% 70%;}
.fpxy_60_70 img{object-position: 60% 70%;}
.fpxy_70_70 img{object-position: 70% 70%;}
.fpxy_80_70 img{object-position: 80% 70%;}
.fpxy_90_70 img{object-position: 90% 70%;}
.fpxy_100_70 img{object-position: 100% 70%;}
.fpxy_0_80 img{object-position: 0% 80%;}
.fpxy_10_80 img{object-position: 10% 80%;}
.fpxy_20_80 img{object-position: 20% 80%;}
.fpxy_30_80 img{object-position: 30% 80%;}
.fpxy_40_80 img{object-position: 40% 80%;}
.fpxy_50_80 img{object-position: 50% 80%;}
.fpxy_60_80 img{object-position: 60% 80%;}
.fpxy_70_80 img{object-position: 70% 80%;}
.fpxy_80_80 img{object-position: 80% 80%;}
.fpxy_90_80 img{object-position: 90% 80%;}
.fpxy_100_80 img{object-position: 100% 80%;}

.news_cont{flex-basis:60%; background: var(--l_grey); padding:1rem; display: flex; flex-flow: column nowrap; justify-content:space-between;}
.news_date{font-weight: 500; margin-right:0.5rem; font-size:1.3rem;}
.news_txt h2{font-size:1.75rem}
.news_cont a{color:var(--d_red); text-decoration:underline;}
.news_cont a:hover{text-decoration:underline;}
.news_link {align-self:flex-end; margin-top:1rem; cursor:pointer;}
.news_link {float:right;}
.news_link i{margin-left:0.5rem;}
.NewsDate{font-size:0.8rem; color:var(--d_grey)}
/* News */
.top_pic{position: relative; margin:auto; max-width:84rem; margin-bottom:3rem;}
.top_pic picture, .top_pic img{width:100%; height: auto; aspect-ratio: auto 420 / 275;}
.top_pic a{
	/* .top_pic a{padding-left: env(safe-area-inset-left) !important;} */
	padding:max(1rem, env(safe-area-inset-left));
	font-size:1.25em;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-decoration:none;
	color:white;
	background-color:rgba(0, 0, 0, 0); 
	position:absolute; 
	top:0px; 
	left:0px; 
	transition: .3s ease; 
	display: flex; 
	justify-content: space-between;
	align-items: center;
}
.top_pic a i {margin-right:1rem;}
.top_pic h1{position:absolute; left:50%; top:50%; transform: translate(-50%, -50%); font-size:3rem; font-weight:600; color: var(--white); text-shadow: 0.2rem 0.2rem 0.5rem var(--black);}
.top_pic a:hover {background-color:rgba(0, 0, 0, 0.7); }
.soc_pic{position: relative; display:inline-block; width:300px; height:200px; overflow:hidden;}
.soc_pic img{
 position: absolute;
 top:50%;
 left:50%;
 height:auto;
 width:auto;
 min-width:100%;
 min-height:100%;
 transform:translate(-50%, -50%);
}
.soc_bg{opacity:0.3;}
.soc_pic h1{position:absolute; left:50%; top:50%; transform: translate(-50%, -50%); font-size:2.2rem; font-weight:600; color: var(--white); text-shadow: 3px 3px 5px var(--black); text-align: center;}
.soc_pic svg{position:absolute; right:10px; bottom:10px; text-shadow: 0.2rem 0.2rem 0.5rem var(--black); height:30px; filter: drop-shadow(3px 3px 3px var(--black));}
.soc_pic svg #L{fill:var(--logo_white)} 
.soc_pic svg #S{fill:var(--logo_white)} 
.blacksvg svg #L{fill:var(--logo_black)} 
.blacksvg svg #S{fill:var(--logo_black)} 
/* Referensgalleri */
.ref_gall{display: block; margin-left: 1rem; margin-right: 1rem; width:calc(100% - 2rem);}
.ref_gall video{max-height:100%; max-width:100%;}
.cards {
 columns: 10px 1;
 -webkit-columns: 10px 1; 
 -moz-columns: 10px 1; 
 gap: 1rem;
 display:block;
 width:100%;
}
.card {
 all: unset;
 cursor: pointer;
 break-inside: avoid;
 margin-block-end: 1rem;
 white-space: nowrap;
 position: relative; 
 display:block;
 font-size:0;
}
.card img {
 max-width: 100%;
 width:100%;
 height:auto;
}
.card picture {
 max-width: 100%;
 width:100%;
 height:auto;
}
.card .figcaption{
	font-size:1rem;
	width:100%;
	color:white;
	background-color:rgba(0, 0, 0, 0.7); 
	position:absolute; 
	top:0px; 
	left:0px; 
	padding:1rem;
	display: flex; 
	flex-flow:column nowrap;
	align-items: center;
	text-overflow: ellipsis;
}
.card div{max-width: 100%; width: 100%;	float:right; background-color:var(--tm_black); position:absolute; bottom:0px; left:0px; transition: .3s ease; display: flex; justify-content: space-between; align-items: center;}
.card div i {display: block; float:right; break-inside: avoid; color: var(--white);	margin:0.5rem; font-size:0.8rem;}
.card div p {font-size:0.8rem; margin:0.5rem; overflow: hidden;	white-space: nowrap; color: var(--white); text-overflow: ellipsis; margin-right:0px;}


.x_lnks{display: flex; flex-flow: column nowrap; align-items: center;}
.c_lnks{display: flex; flex-flow: row wrap; gap:1rem; justify-content: space-evenly; align-items: flex-start; width:100%;}
.c_lnk {aspect-ratio: 4 / 3; height:5rem; width:6.67rem}
.c_lnk a{display: flex; gap:1rem; flex-flow: row wrap; align-items: center; justify-content: center; font-size:1.5rem; text-decoration: none !important; text-align: center; position:relative;}
.c_lnk img{object-fit: cover; height:5rem !important; aspect-ratio: 4 / 3 !important;  border-radius:0.5rem;}
.c_lnk a div{position:absolute; width:100%; height:100%; background-color:var(--transparent); border-radius:0.5rem;  color:var(--t_white); transition: all 0.3s ease;  display: flex; align-items:center; justify-content:center; cursor: pointer;}
.c_lnk a div *{}
.contentmenu{display: flex; font-size:0.8rem; flex-flow: column nowrap; background-color:var(--d_grey); float: right; margin-left: 1rem;}
.contentmenuH{ color:white; white-space: nowrap; margin: auto; padding:0.3rem; font-size:1rem; font-weight: 500;}
/* .contentmenu td{padding:0;} */
/* .contentmenu td a{display:table; width:100%; color: var(--black) !important; white-space: nowrap !important; padding:0.5rem;} */
/* .contentmenu table{border-spacing: 0; width:100%;} */
/* .contentmenu tr:nth-child(even) a {background-color: var(--ul_grey);} */
/* .contentmenu tr:nth-child(odd) a {background-color: var(--l_grey);} */
/* .contentmenu th {background-color: #f2f2f2; padding:0.5rem;} */
/* .contentmenu th {writing-mode: vertical-rl;} */

.contentmenu a{display:table; width:100%; color: var(--black) !important; white-space: nowrap !important; padding:0.4rem 0.6rem;}
.contentmenu li:nth-child(even) a {background-color: var(--ul_grey);}
.contentmenu li:nth-child(odd) a {background-color: var(--l_grey);}

.highlights{display: flex; font-size:1rem; flex-flow: column nowrap; float: right; margin-left: 1rem; max-width:50%;}
.highlightsH{ color:black; white-space: nowrap; margin: auto; padding:0.3rem; font-size:1rem; font-weight: 500;}
.highlights td{padding:0.3rem;} */
.highlights table{border-spacing: 0 !important; width:100%;}
.highlights tr:nth-child(even) {background-color: var(--ul_grey);}
.highlights tr:nth-child(odd) {background-color: var(--l_grey);}
.highlights img {width:3rem; height:auto;}
 
.hl{display: flex; flex-flow:column nowrap; float: right; max-width:50%;}
.hl a{text-decoration: none !important; color: black; Position:relative;}
.hl a:Hover {background-color: var(--ul_grey);}
.hl a:Hover:after {content: attr(data-text); background-color: var(--ul_grey); Position:absolute; bottom:0; right: 0; transform: translateY(100%);color:var(--black); font-size:0.8rem; white-space: wrap; padding:0.2rem 0.8rem;}
.hl h3{font-size:1.6rem; margin-block-end: 0; margin:0; align-self:center;}
.hl_r{display: flex; flex-flow:row nowrap; align-items: center;}
.hl_r img{margin: 0.3rem 0.5rem; width: 3rem; height: auto; }
.hl_t{color:var(--black); font-size:0.8rem; white-space: wrap;}
.hl_n{color:var(--red); font-weight: 200; font-size:1.6rem; white-space: wrap;}

.modal2 {position: absolute; left: 0; top: -100vh;  transition: 0.3s ease; z-index: 2;  width: 100dvw; height: 100vh; opacity:0;}
/* .modal2 input {opacity:1;} */
/* .MoEx:Hover svg{fill:var(menu_white);} */


/* .MoEx input{width: 2rem; height: 2rem; position: absolute; cursor: pointer; opacity: 1; z-index: 50; top:1.5rem; right:5rem; padding:0;} */

/* .coverimg {width:100%; height:100%;} */
/* .coverimg img, .coverimg picture{object-fit: cover !important; width:auto; height:100%;} */


 /* background-color:var(--tl_black); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); transform: translate(0, 100%); transition-delay: .2s;*/
#Modal.show {top: 0; opacity:1;}
/* #Modal.show img{opacity: 1;} */
#Modal .car_rb{transform: translateY(-2rem); width:calc(2rem + env(safe-area-inset-right)); padding-right:env(safe-area-inset-left);}

#Modal .car_lb{transform: translateY(-2rem) rotate(180deg);  width:calc(2rem + env(safe-area-inset-left)); left:0; padding-right:env(safe-area-inset-left);}

/* #Modal .car_rb *, #Modal .car_lb *{margin:0 6rem;} */

#Modal .car_lb *{transform: rotate(180deg);}
#Modal.contain .timber_img img {object-fit: contain !important; object-position: 50% 50% !important;}
.modal2 section{width:100%; min-height:100%;}
.modal2 .timber_img{position:relative; left:0; top:0; height:100%; width:100%; margin:auto;}
/* z-index: 1; */
.modal2 .timber_img img {position: absolute; object-fit: cover; top: 0; left: 0; width: 100% !important; height: 100% !important; opacity: 1; transition: 2s ease;}
.modal2 small{color:var(--menu_grey); font-size:0.8rem; text-shadow:1px 1px 1px rgb(0 0 0); position:absolute; left:50%; bottom:2rem; text-align:center; transform: translateX(-50%); padding:0.5rem; border-radius:0.5rem; transition: .3s ease;}

/* .modal2 .car_slide :before {content: attr(data-cr); position:absolute; display:block; bottom:1rem; right:1rem; color:var(--menu_grey); width:auto; min-height:auto; text-align:right; transform-origin: bottom right; transform: rotate(-90deg) translateX(100%);} */
/* .modal2 .car_slide :Hover:before {background-color:black;} */
/* -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); */
/* .modal2 .car_slide :after {content: attr(data-cr); position:absolute; display:block; bottom:5rem; right:5rem; color:white; width:auto; min-height:auto; text-align:right;} */
/* transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); */
.modal2 small:Hover {background-color:var(--tl_black) !important; backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px);}
@media (hover: hover) and (pointer: fine)  {
.c_lnk div {color:var(--transparent)  !important;}
.c_lnk:hover div {color:var(--t_white) !important; background-color:var(--tl_black)!important;}
.card:hover div {background-color: var(--t_black);}
.contentmenu a:hover {background-color: var(--red)!important; color: var(--white) !important;}

/* .contentmenu tr:hover {background-color: var(--red); color: var(--white);} */
}

/* @media (pointer: fine)  { */
	/* .c_lnk:hover div{color:orange;} */
	/* .c_lnk div{color:purple !important;} */
	/* .c_lnk div {color:var(--tl_white) !important} */
/* .c_lnk:hover div {color:var(--t_white); background-color:var(--tl_black);} */
/* } */
.ref_button{
	--wdt: calc(50% - 3.5rem);
	display:block;
	font-size:1.5em;
	background-color:rgba(0, 0, 0, 0.7); 
	transition: .3s ease; 
	text-decoration: none;
	padding: 1rem;
	color:white;
	text-align: center;
	text-overflow: ellipsis;
	max-width:100%;
	overflow: hidden;
}
.ref {
	margin-top: 1.5rem;
	columns: 10px 1;
	-webkit-columns: 10px 1; 
	-moz-columns: 10px 1;
	gap: 1rem;
	display:block;
	width:100%;
}
.ref .line{
	width:100%;
	height:1px;
	background-color:white; 
}
.ref_button:hover {background-color:rgba(0, 0, 0, 0.9); }

/* Produktväljare */
.prts{display:flex; flex-wrap: wrap; justify-content: center; gap:1rem; position:relative; margin-left:1rem; margin-right:1rem;}
.prt{position: relative; display:inline-block;}
.prt img {max-width: 100%; width:100%; display: block;  aspect-ratio: 427 / 320;}
.prt div{
	width: 100%;
	float:right; 
	background-color:rgba(0, 0, 0, 0.7); 
	position:absolute; 
	bottom:0px; 
	left:0px; 
	transition: .3s ease; 
	display: flex; 
	justify-content: space-between;
	align-items: center;
}
.prt div i {
	display: block;
	float:right; 
	break-inside: avoid;
	color: var(--white);
	margin:1rem;
}
.prt div p {
text-size:1.25em;
	overflow: hidden;
	white-space: nowrap;
	color: var(--white);
	text-overflow: ellipsis;
	margin:1rem;
	margin-right:0px;
}
.prt:hover div {background-color:rgba(0, 0, 0, 0.9);}
/* Produktväljare */

/* Produktväljare system */
.sysprts{display:flex; flex-wrap: wrap; justify-content: center; gap:1rem; margin:1; position:relative; }
.sysprt{position: relative; display:inline-block;}
.sysprt img { max-width: 100%;}
.sysprt div{
	width: 100%;
	float:right; 
	background-color:rgba(0, 0, 0, 0.7); 
	position:absolute; 
	bottom:0px; 
	left:0px; 
	transition: .3s ease; 
	display: flex; 
	justify-content: space-between;
	align-items: center;
}
.sysprt div i {
	display: block;
	float:right; 
	break-inside: avoid;
	color: var(--white);
	margin:1rem;
}
.sysprt div p {
text-size:1.25em;
	overflow: hidden;
	white-space: nowrap;
	color: var(--white);
	text-overflow: ellipsis;
	margin:1rem;
	margin-right:0px;
}
.sysprt:hover div {background-color:rgba(0, 0, 0, 0.9);}

.floatAB img{float:right; width:40%;}
.ABQ{float:right; display:grid; justify-content:center; grid-template-columns: 1fr 1fr; column-gap: 1rem; margin-left:1rem; margin-right:1rem; max-width:54rem;}
.ABQ p{font-size:0.9rem;}
.ABQ i{font-size:1.2rem;}
.ABQ img{width:100%; height:auto;}
.ABQ_QF{display:flex; flex-flow:column nowrap; gap: 1rem; max-width:54rem; margin-left:1rem; margin-right:1rem;}
.ABQ_QF img{width:100%; height:auto;}
.ABQ_SB img{max-width:100%; max-height:100%; width:100%; height:auto;}
.ABQ_QF li{list-style-type: circle; list-style-position: inside;}
.ABQ_SB{display: flex; flex-flow: column nowrap; max-width:54rem; margin-left:1rem; margin-right:1rem; gap: 1rem;}

.CO_G{display:grid;	grid-template-columns: 1fr; grid-template-rows: auto auto auto auto; gap: 1rem; margin-left:1rem; margin-right:1rem; max-width:54rem;}
.CO_G img{height:auto; width:100%;}
.CO_G video{max-height:100%; max-width:100%;}
.CO_G #G1{grid-area: 1 / 1 / 2 / 2;}
.CO_G #G2{grid-area: 2 / 1 / 3 / 2;}
.CO_G #G3{grid-area: 3 / 1 / 4 / 2;}
.CO_G #G4{grid-area: 4 / 1 / 5 / 2; justify-self:right; background-color:rgba(0, 0, 0, 0.7); color:white; text-decoration:none; padding:1rem; transition: .3s ease;}
.CO_G #G4:hover{background-color:rgba(0, 0, 0, 0.9);}

.TI_G{
	display:grid;
	grid-template-columns: 1fr; 
	grid-template-rows: auto auto auto auto auto; 
	gap: 1rem; 
	margin-left:1rem; 
	margin-right:1rem; 
	max-width:54rem;
}
.TI_G img{max-height:100%; max-width:100%;}
.TI_G video{max-height:100%; max-width:100%;}
.TI_G #G1{grid-area: 1 / 1 / 2 / 2;}
.TI_G #G2{grid-area: 2 / 1 / 3 / 2;}
.TI_G #G3{grid-area: 3 / 1 / 4 / 2;}
.TI_G #G4{grid-area: 4 / 1 / 5 / 2;}
.TI_G #G5{grid-area: 5 / 1 / 6 / 2; justify-self:right; background-color:rgba(0, 0, 0, 0.7); color:white; text-decoration:none; padding:1rem; transition: .3s ease;}
.TI_G #G5:hover{background-color:rgba(0, 0, 0, 0.9);}



.LI_G{
	display:grid;
	grid-template-columns: 1fr 1fr; 
	grid-template-rows: auto auto auto auto; 
	gap: 1rem; 
	margin-left:1rem; 
	margin-right:1rem; 
}
.LI_G #G1{grid-area: 1 / 1 / 2 / 2;}
.LI_G #G2{grid-area: 1 / 2 / 2 / 3;}
.LI_G #G3{grid-area: 2 / 1 / 3 / 2;}
.LI_G #G4{grid-area: 2 / 2 / 3 / 3;}
.LI_G #G5{grid-area: 3 / 1 / 4 / 2;}
.LI_G #G6{grid-area: 3 / 2 / 4 / 3;}
.LI_G #G7{grid-area: 4 / 1 / 5 / 2;}
.LI_G #G8{grid-area: 4 / 2 / 5 / 3;}
.LI_G img{max-height:100%; max-width:100%;}

.LI_P{display:flex; flex-flow:row wrap; gap: 1rem; justify-content: space-evenly; margin-left:1rem; margin-right:1rem;}
.LI_P a{background-color:rgba(0, 0, 0, 0.7); color:white; text-decoration:none; padding:1rem; transition: .3s ease;}
.LI_P a:hover{background-color:rgba(0, 0, 0, 0.9);}

.MS_G{
	display:grid;
	grid-template-columns: 1fr 1fr; 
	grid-template-rows: auto auto auto; 
	gap: 1rem; 
	margin-left:1rem; 
	margin-right:1rem; 
	max-width:68rem;
}
.MS_G h4 {
 margin-block-start: 0px;
 margin-block-end: 0.5rem;
 margin-inline-start: 0px;
 margin-inline-end: 0px;
 font-weight: 600;
}
.MS_G li{list-style-type: disc; margin-inline-start:1rem; }
.MS_G div{background-color:var(--l_grey); padding:2rem; border-radius: 1rem; color:black;}
.MS_G #G1{grid-area: 1 / 1 / 2 / 3;}
.MS_G #G2{grid-area: 2 / 1 / 3 / 3;}
.MS_G #G3{grid-area: 3 / 1 / 4 / 3;}
.BaseGrid{display:grid; grid-template-columns: repeat(12, 1fr); grid-gap:1rem;}
.ref_fun{float:right; top:0; margin-left:0.75rem;margin-bottom:0.75rem;}
.ref_num{color:var(--red); font-weight: 200; font-size:1.4rem; white-space: wrap;}
.ref_exp{font-size:0.75rem; white-space: wrap;}
.ref_block{display:flex; flex-flow:row wrap; gap:2rem; align-self:flex-start; margin-left:1rem;  margin-right:1rem;}
.ref_block a{color: var(--red); text-decoration:none;}
.ref_block a:hover{text-decoration:underline;}

.ref_tbl{white-space: wrap; line-height: 150%; overflow-wrap: break-word; min-width:33%;}
.ref_tbl a{text-decoration:none; color:var(--red)}

.hist_item{color:var(--red); font-weight: 200; font-size:1.3rem; white-space: nowrap; padding-left:0.5rem; padding-right:0.5rem;}
.hist_inv{background-color:var(--red); color:white; font-weight: 200; font-size:1.3rem; white-space: nowrap; display:flex; align-items:center; justify-content: space-between; padding-left:0.5rem; padding-right:0.5rem;}

.hist_item:hover{background-color:var(--red); color:white;} 
.hist_item a:hover{color:white;} 
.histroad{float:right; top:0; margin-left:0.75rem;}

/* Centrerad textruta */
.top_block{max-width:66rem; margin-left:2.5rem; margin-right:2.5rem; overflow-wrap: break-word; max-width:100%;}
.top_block p{line-height: 1.5rem; font-size:1.1rem; margin-top:0px;}
.top_block h2{margin-bottom:0.5rem}
.top_block a{white-space: wrap; color: var(--d_red); text-decoration:underline;}

.policy_block{max-width:66rem; margin-left:2.5rem; margin-right:2.5rem; overflow-wrap: break-word; width:calc(100% - 4rem); align-self:flex-start; overflow: auto;}
.policy_block button{font-size:1rem; font: inherit; background-color:var(--l_grey); color:var(--black); padding: 0.25rem; border-radius: 0.25rem; border: 1px solid var(--m_grey);}
.policy_block Button:hover{background-color:var(--ul_grey);}
.policy_block p{line-height: 1.5rem; font-size:1.1rem; margin-top:0px;}
.policy_block h2{margin-bottom:0.5rem; margin-top:1.5rem}
.policy_block a{white-space: wrap; color: var(--red); text-decoration:none;}
.EPD_Wrapper{display: flex;}
.EPD{float:right; height:100%; shape-outside: inset(calc(100% - min(30dvw + 3.25rem, 13.25rem)) 0 0); margin-left:0.75rem; display:flex; flex-flow: column nowrap; justify-content: flex-end; width:30dvw; max-width:10rem; align-items:center;}
.EPD a{padding:0.75rem; margin-top:0.25rem; transition: .3s ease; color:#008000; text-decoration:none; border-radius: 0.5rem; white-space: nowrap; }
.EPD i{margin-left:0.5rem;}
.EPD img{width:100%; height: auto;}
.EPD a:hover {box-shadow: 4px 4px 16px 0px rgba(0,0,0,0.2);}
.red_button{align-self:center; background-color:var(--red); border-radius: 1rem; color:white; margin-left:3rem; margin-right:3rem; margin-block-end:5rem; margin-block-start:2rem; padding:2rem; max-width:max(54rem, 100%); text-align: center; display:flex; flex-flow: column nowrap; justify-content: center; transition: .3s ease; text-decoration:none;}
.red_button .con_small{font-size: 1.25rem; font-weight: 200; margin-left:3rem; margin-right:3rem;}
.red_button .con_big{font-size: 3rem; margin:auto; font-weight: 200;}
.red_button a {text-decoration:none; color:white;}
.red_button:hover {background-color:var(--d_red); }
.red_banner{align-self:center; background-color:var(--red); border-radius: 1rem; color:white; margin:1rem; margin-bottom:4rem; padding:2rem;  max-width:54rem; text-align: center; display:flex; flex-flow: column nowrap; justify-content: center; transition: .3s ease; text-decoration:none;}
.red_banner .con_head{font-size: 2rem; font-weight: 400; margin-top:-1rem; margin-bottom:1rem;}
.red_banner .con_det{font-size: 1rem; font-weight: 400; text-align: left; }
.red_banner .con_det b{font-size: 1.25rem; font-weight: 600;}
.red_banner .con_det a{color:white; text-decoration:none; overflow-wrap: anywhere;}
.red_banner .con_det span{white-space: nowrap; text-overflow: ellipsis; overflow:hidden;}
.w_auto{width:auto;}
.con_det a:hover{text-decoration:underline;}
.red_banner .con_det > li{display: flex; flex-flow: row nowrap; }
.con_det ul li i{margin-right:0.5rem;}
.red_banner .con_con {display: flex; flex-flow: column nowrap; }
.red_banner .con_can {display: flex; flex-flow: column nowrap;}
.red_banner .con_con div:not(:first-child):before {
 content: "";
 border: 1px solid white;
 align-self: stretch;
 display:flex;
 margin:1rem;
}
.con_box{width:calc(100% - 2rem); align-self:center; margin-left:1rem;margin-right:1rem;}
.con_box > ul{display:grid; grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr)); grid-gap:1rem;}
.con_banner{background-color:var(--l_grey); border-radius: 1rem; color:black; padding:2rem; max-width:54rem; text-align: left; display:flex; flex-flow: column wrap; align-items:flex-start; justify-content: flex-start; transition: .3s ease; text-decoration:none; overflow-wrap: break-word;}
.con_banner .con_head{font-size: 2rem; font-weight: 400; margin-top:-1rem; margin-bottom:1rem; width:calc(100% - 2rem); overflow-wrap: anywhere;}
.con_banner .con_det{font-size: 1rem; font-weight: 400; text-align: left;width:calc(100%);}
.con_banner .con_det b{font-size: 1.25rem; font-weight: 600;}
.con_banner .con_det a{color:black; text-decoration:none; overflow-wrap: break-word; }
.con_banner .con_det span{white-space: nowrap; text-overflow: ellipsis; overflow:hidden;}
.con_banner .con_det > li{display: flex; flex-flow: column nowrap; overflow-wrap: break-word;}
.con_banner .con_con {display: flex; flex-flow: column nowrap; width:100%;}
.con_banner .con_can {display: flex; flex-flow: column wrap;}
.con_det ul li{margin-left:0;}
.con_banner .con_con div:not(:first-child):before {
 content: "";
 border: 1px solid black;
 align-self: stretch;
 display:flex;
 margin:1rem;
}
.main_contacts{width:100%;}
.main_contacts > ul {
 display: flex;
 flex-flow:row wrap;
 list-style: none;
 gap: 1rem;
 padding:0;
 justify-content: space-evenly;
}
.main_contacts > ul > li {
 display:flex;
 align-items:center;
}
.main_contacts > ul > li > div {
 display:flex;
 background-color:var(--red);
 border-radius: 1rem 0px 0px 1rem;
 align-items:center;
 align-self:stretch;
 padding:1rem;
}
.main_contacts > ul > li > article {
 display:flex;
 background-color:e6e6e6;
 border-radius: 0px 1rem 1rem 0px;
 align-items:center;
 align-self:stretch;
 padding:1rem;
 font-size: 1rem;
 color: var(--black);
}
.main_contacts > ul > li > div > i {
 font-size: 2rem;
 padding: 1rem;
 color: #FFFFFF;
 margin:0;
 align-self:center;
}
.main_contacts > ul > li > article > a {
 margin: 0;
 text-decoration:none;
 color: var(--black);
}
.main_contacts2{width:100%;}
.main_contacts2 > ul {
 display: flex;
 flex-flow:row wrap;
 list-style: none;
 gap: 1rem;
 padding:0;
 justify-content: space-evenly;
}
.main_contacts2 > ul > li {
 display:flex;
 flex-flow:column nowrap;
 align-items:center;
}
.main_contacts2 > ul > li > div {
 display:flex;
 border-radius: 1rem 0px 0px 1rem;
 align-items:center;
}
.main_contacts2 > ul > li > article {
 display:flex;
 align-items:center;
 padding:1rem;
 font-size: 1rem;
 color: var(--black);
}
.ffcol {flex-flow:column nowrap;}
.main_contacts2 > ul > li > div > i {
 font-size: 3rem;
 color: var(--red);
 margin:0;
 align-self:center;
}
.main_contacts2 > ul > li > article > a {
 margin: 0;
 text-decoration:none;
 color: var(--black);
}
.main_contacts2 > ul > li > article > #g_maps {
 align-self:flex-end;
 color:var(--m_grey);
}
.main_contacts2 > ul > li > article > #g_maps:hover {
 color:var(--red);
}



.cont_grid{
 display: grid;
 gap:1rem;
 align-items: center;
 grid-template-columns: auto auto auto;
}
.cont_grid article span{color:black; align-self:center;}
.cont_grid article i{color:white;background-color:var(--red); font-size:2rem; padding: 1rem; align-self:center;}
.cont_grid article{display: grid; gap:1rem; align-items: center; border-radius: 2rem; grid-template-columns: auto auto;;}
.yy{display: flex; height:100%; background-color:var(--red);}
.con_Cards{display:flex; align-items: flex-start; justify-content: space-between;}
.red_conbox{ background-color:var(--red); border-radius: 1rem; color:white; padding:1rem; display:flex; flex-flow: column nowrap; justify-content: flex-start; white-space: nowrap;}
.red_conbox i{font-size:2rem; margin-bottom:0.5rem; align-self:center;}
.red_conbox a {text-decoration:none; color:white;}
.grey{background-color:var(--d_grey); color:white; padding:1rem; line-height: 1.5rem; font-size:1.1rem;}
.white{background-color:var(--l_grey); color:black; padding:1rem; line-height: 1.5rem; font-size:1.1rem;}
.grey a{color:white; text-decoration:underline;}
.white a{color:black; text-decoration:underline;}
.grey a:hover {color: var(--red);}
.white a:hover {color: var(--red);}
.EPD_Link{text-align:right;}
.EPD_Link a{padding:0.75rem; margin-top:0.25rem; transition: .3s ease; color:#008000; text-decoration:none; border-radius: 0.5rem; white-space: nowrap; }
.EPD_Link i{margin-left:0.5rem;}
.stack_box{display: flex; flex-flow: column nowrap;}
.flex_box{display: flex; gap:1rem; max-width:100%}
.flexrow{flex-flow: row wrap;}
.flexrowrev{flex-flow: row wrap;}
.flexcol{flex-flow: column nowrap;}
.flexnw{flex-wrap: nowrap;}
.st.vard_mrgn{margin:1rem;}
.f_33 {flex-basis:100%;}
.f_40 {flex-basis:100%;}
.f_45 {flex-basis:100%;}
.f_50 {flex-basis:100%;}
.f_55 {flex-basis:100%;}
.f_60 {flex-basis:100%;}
.f_67 {flex-basis:100%;}
.BefAft{display: flex; flex-flow:row nowrap; max-width:54rem; margin:0 1rem; gap:1rem;}
.BefAftItem{display: flex; flex-flow:column nowrap;  align-items: center;}
.imageClip {overflow: hidden;}
.text_media{margin-left: 1rem; margin-right: 1rem;}/* overflow: hidden; */
.text_media picture{max-width:100%; height:auto;}
.text_media img {max-width:100%; height:auto;}
.object-fit {max-width:100%; position:relative;}
.object-fit picture{max-width:100%;}
.object-fit img {max-width:100%;}
.EPDX::after{content: ""; display:block !important; float:right; position: absolute; top:0; right:0; min-width:3rem; min-height:3rem; width:30%; height:30%; background: url("https://linscan.se/media/svg/epdf.svg") no-repeat; background-size: contain; background-position: top right;}
.aTable {min-width:100%;}
.aTable table{min-width:100%; width:100%; border-collapse: collapse; overflow-wrap: anywhere;}
.aTable th,.aTable td {text-align: center; padding:0.5rem; font-size:0.7rem;}
.aTable th{background-color: var(--t_black); vertical-align:center; color: var(--white); border: 1px solid var(--black);}
.aTable td{background-color: var(--white);}
.aTable td{border: 1px solid black;}
.iframe-container {
 overflow: hidden;
 width:100%;
 aspect-ratio: 16 / 9;
 min-height:1px;
 position: relative;
}

.iframe-container iframe {
 border: 0;
 height: 100%;
 left: 0;
 position: absolute;
 top: 0;
 width: 100%;
}
.iframe-link{margin-left:1rem; margin-right:1rem;}
.iframe-link a{font-size:2rem; color:var(--red); text-decoration:none;}
.v_cred{font-size:0.75rem; align-self:flex-end; margin:1rem; margin-right:1rem;}
.modal {
 display: none;
 position: fixed;
 z-index: 5;
 left: 0;
 top: 5rem;
 width: 100%;
 height: calc(100% - 5rem);
 overflow:hidden;
}
.sc_sp {width:17px; height:1px;}
#Modal.show {
  display: flex;
  flex-direction: column;
  transform: none; 
 opacity: 1;
}
.modal-content {
 position: relative;
 margin: auto;
 padding: 0;
 width: 100%;
}
.mySlides {
 display: none;
}
.mySlides img{
 width:100%;
 height:calc(100vh - 8.25rem);
 object-fit: contain;
}
.cursor {
 cursor: pointer;
}
.prev,
.next {
 cursor: pointer;
 position: absolute;
 top: 50%;
 width: auto;
 padding: 16px;
 margin-top: -50px;
 color: var(--white);
 font-weight: bold;
 font-size: 1.5rem;
 transition: 0.6s ease;
 border-radius: 0 3px 3px 0;
 user-select: none;
 -webkit-user-select: none;
}
.mo_light .prev,
.mo_light .next{color: var(--black); background-color: var(--tl_white)}
.mo_light .prev:hover,
.mo_light .next:hover{color: var(--white);}
.next {right: 0; border-radius: 3px 0 0 3px;}
.prev:hover, .next:hover {background-color: var(--tm_black);}
.numbertext {
 color: #f2f2f2;
 font-size: 12px;
 padding: 8px 12px;
 position: absolute;
 top: 0;
}
.modalinfotext {
 color: var(--black);
 position: absolute;
 top: 0;
 text-align:center;
 width:100%;
 padding-bottom:0.5rem;
 background-color: rgba(255, 255, 255, 0.95);
}
.caption-container {
 text-align: center;
 font-size: 0.75rem;
 padding: 0.5rem;
 color: var(--white);
}
.mo_light .caption-container{color: var(--black);}
.caption-container p{
	 margin-block-start: 0em;
}
.x4_2{display:grid; align-items:center; justify-content:center; grid-template-columns: 1fr; grid-template-rows: auto auto auto auto auto auto auto auto; column-gap: 1rem; margin-left:1rem; margin-right:1rem;}
.x4_2 #T1{grid-area: 1 / 1 / 2 / 2;}
.x4_2 #B1{grid-area: 2 / 1 / 3 / 2;}
.x4_2 #B2{grid-area: 3 / 1 / 4 / 2;}
.x4_2 #B3{grid-area: 4 / 1 / 5 / 2;}
.x4_2 #B4{grid-area: 5 / 1 / 6 / 2;}
.x4_2 #B5{grid-area: 6 / 1 / 7 / 2;}
.x4_2 #B6{grid-area: 7 / 1 / 8 / 2;}
.x4_2 #B7{grid-area: 8 / 1 / 9 / 2;}
.listview li{list-style-type: disc; margin-inline-start:1rem; margin-block-end: 1em; margin-block-start: 1em;}
.w100{max-width:84rem;}
.w78{max-width:66rem;}
.w64{max-width:54rem;}

/* Media Gräns för mini telefon till bättre telefon ~360px */
@media (min-width:22.5rem) {

.red_banner .con_det a{overflow-wrap: break-word;}
.cards {columns: 2; -webkit-columns: 2; -moz-columns: 2;}
.big_cards{columns: 1; -webkit-columns: 1; -moz-columns: 1;}
.mobilenw{flex-wrap: nowrap;}
.x4_2{grid-template-columns: 1fr 1fr; grid-template-rows: auto auto auto auto auto;}
.x4_2 #T1{grid-area: 1 / 1 / 2 / 3;}
.x4_2 #B1{grid-area: 2 / 1 / 3 / 2;}
.x4_2 #B2{grid-area: 2 / 2 / 3 / 3;}
.x4_2 #B3{grid-area: 3 / 1 / 4 / 2;}
.x4_2 #B4{grid-area: 3 / 2 / 4 / 3;}
.x4_2 #B5{grid-area: 4 / 1 / 5 / 2;}
.x4_2 #B6{grid-area: 4 / 2 / 5 / 3;}
.x4_2 #B7{grid-area: 5 / 1 / 6 / 2;}
.con_box > ul{grid-template-columns: repeat(auto-fit, minmax(17rem, 1fr));}
.cookie_form svg{width:6rem;}
}
/* Media Gräns för mini telefon till padda ~480px */
@media (min-width:30rem) {
.cntr {display:flex; align-items:center;}
.CoCheckRow button{margin-left: auto; margin-right:8rem;}
.CoCheckRow{flex-flow:row wrap;}
.hist_item{font-size:2rem;}
.hist_inv{font-size:2rem;}
.big_cards{columns: 2; -webkit-columns: 2; -moz-columns: 2;}	
.prt {width:calc(50% - 1.5rem)}	
.sysprt {width:calc(50% - 1.5rem)}
.prts{margin-left:0; margin-right:0;}
.ref_fun{margin-left:1.25rem;margin-bottom:1.25rem;}
.ref_num{font-size:2rem; white-space: nowrap;}
.ref_exp{white-space: nowrap;}
.ABQ_QF{flex-flow:row nowrap; align-items:center; justify-content:center;}
.ABQ_QF div{min-width:40%;}
.TI_G{grid-template-columns: 1fr 1fr 1fr; grid-template-rows: auto auto auto;}
.TI_G #G1{grid-area: 1 / 1 / 2 / 2;}
.TI_G #G2{grid-area: 1 / 2 / 2 / 3;}
.TI_G #G3{grid-area: 1 / 3 / 2 / 4;}
.TI_G #G4{grid-area: 2 / 1 / 3 / 4;}
.TI_G #G5{grid-area: 3 / 1 / 4 / 4;}
.CO_G{grid-template-columns: 1fr 1fr; grid-template-rows: auto auto auto;}
.CO_G #G1{grid-area: 1 / 1 / 2 / 2;}
.CO_G #G2{grid-area: 1 / 2 / 2 / 3;}
.CO_G #G3{grid-area: 2 / 1 / 3 / 3;}
.CO_G #G4{grid-area: 3 / 1 / 4 / 3;}
.con_box > ul{grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));}
.card div i {font-size:1rem; margin:1rem;}
.card div p {font-size:1rem; margin:1rem;}
}
 /* ~625px  */
@media (min-width:39rem) {	

.MS_G #G1{grid-area: 1 / 1 / 2 / 2;}
.MS_G #G2{grid-area: 1 / 2 / 2 / 3;}
.MS_G #G3{grid-area: 2 / 1 / 3 / 3;}
.ABQ i{font-size:2rem;}
}
/* Media Gräns för mini padda till desktop ~720px */
@media (min-width:45rem) and (min-height:30rem) {
/* .contentmenu{flex-flow: row nowrap; margin-left: 2rem;} */
/* .contentmenuH{writing-mode: vertical-rl; transform: rotate(-180deg);} */
/* .x_lnks{flex-flow:row nowrap;} */
/* .c_lnks{gap:2rem; justify-content: flex-end; align-self:flex-end;} */
/* .top_pic picture, .top_pic img{aspect-ratio: auto 1344 / 644;} */
/* .aTable th, .aTable td {font-size:1rem;} */
/* .c_icons{gap:2rem;} */
/* .Newsarticle{flex-flow:row nowrap;} */
/* .fb20{flex-basis:20%;} */
/* .fb30{flex-basis:30%;} */
/* .fb40{flex-basis:40%;} */
/* .fb50{flex-basis:50%;} */
/* .fb60{flex-basis:60%;} */
/* .fb70{flex-basis:70%;} */
/* .fb80{flex-basis:80%;} */
/* .All_News .Newsarticle:nth-child(even) {flex-flow:row-reverse nowrap;} */
/* .x4_2{grid-template-columns: 1fr 1fr 1fr 1fr; grid-template-rows: auto auto auto auto;} */
/* .x4_2 #T1{grid-area: 1 / 1 / 2 / 5;} */
/* .x4_2 #B1{grid-area: 2 / 1 / 3 / 2;} */
/* .x4_2 #B2{grid-area: 2 / 2 / 3 / 3;} */
/* .x4_2 #B3{grid-area: 2 / 3 / 3 / 4;} */
/* .x4_2 #B4{grid-area: 2 / 4 / 3 / 5;} */
/* .x4_2 #B5{grid-area: 3 / 1 / 4 / 2;} */
/* .x4_2 #B6{grid-area: 3 / 2 / 4 / 3;} */
/* .x4_2 #B7{grid-area: 3 / 3 / 4 / 4;} */
/* .ref_block{flex-wrap: nowrap; gap:4rem;} */
.sidhuvud #MenuT{display:none;}
.sidhuvud .Hamburger span{opacity:0;}
.logo{min-width:5rem; min-height:3.8rem;}
.logo svg{max-width:100%; margin-right:2rem;} 
.dropdown > li {font-size: 1rem;}
.nav{flex-flow: row wrap;}
/* .top_pic h1{font-size:4rem;} */
/* .FootCompBl{white-space: nowrap;} */
.dropdown label{cursor: pointer;}
.parent{max-height:3.5rem;}
.parent:hover > ul {display:block ; position:absolute;}
.dropdown label:hover {color: var(--menu_white);}
.dropdown ul {box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.4); background-color:var(--tm_black);}
.dropdown input {display: none;}
.dropdown ul label {padding: 0 1rem; min-width:100%;}
.child li a{margin-left:0; padding-right: 1rem;}
ul ul ul{left: 100%; top: 0; margin-left:0;}
li li {margin-left: 0;}
.dropdown li{display: block; opacity:1; transform: none; border-top: none;}
.dropdown{position: static; flex-flow: row nowrap; min-width:0; min-height:0; width:auto; align-self: flex-end; background-color:var(--transparent); transform: translate(0, 0);}
.dropdown label .fa-angle-right{display: none;}
.dropdown li li label .fa-angle-right{display: flex;}
.m_last {margin-block-end: 0; display:flex !important;}
.m_last ul{position: absolute; top:3.5rem; min-width:5rem;}
.dang::after{content: ""; margin-left:0;}	 
.child li {background-color: var(--tm_black);}
.h_bol {align-items:center;}
/* .card div{opacity: 0;} */
/* .card:hover div {opacity: 1; background-color: var(--tm_black);} */
/* .slogan{display:flex;} */
/* .f_33 {flex-basis:33%;} */
/* .f_40 {flex-basis:40%;} */
/* .f_45 {flex-basis:45%;} */
/* .f_50 {flex-basis:50%;} */
/* .f_55 {flex-basis:55%;} */
/* .f_60 {flex-basis:60%;} */
/* .f_67 {flex-basis:67%;} */
/* .LI_G{grid-template-columns: 1fr 1fr; grid-template-columns: auto auto auto auto;} */
/* .LI_G #G1{grid-area: 1 / 1 / 2 / 2;} */
/* .LI_G #G2{grid-area: 2 / 1 / 3 / 2;} */
/* .LI_G #G3{grid-area: 1 / 2 / 2 / 3;} */
/* .LI_G #G4{grid-area: 2 / 2 / 3 / 3;} */
/* .LI_G #G5{grid-area: 1 / 3 / 2 / 4;} */
/* .LI_G #G6{grid-area: 2 / 3 / 3 / 4;} */
/* .LI_G #G7{grid-area: 1 / 4 / 2 / 5;} */
/* .LI_G #G8{grid-area: 2 / 4 / 3 / 5;} */
/* .col-1 {width: 8.33%;} */
/* .col-2 {width: 16.66%;} */
/* .col-3 {width: 25%;} */
/* .col-4 {width: 33.33%;} */
/* .col-5 {width: 41.66%;} */
/* .col-6 {width: 50%;} */
/* .col-7 {width: 58.33%;} */
/* .col-8 {width: 66.66%;} */
/* .col-9 {width: 75%;} */
/* .col-10 {width: 83.33%;} */
/* .col-11 {width: 91.66%;} */
/* .col-12 {width: 100%;} */
/* .pl-1 {padding-left: 8.33%;} */
/* .pl-2 {padding-left: 16.66%;} */
/* .pl-3 {padding-left: 25%;} */
/* .pl-4 {padding-left: 33.33%;} */
/* .pl-5 {padding-left: 41.66%;} */
/* .pl-6 {padding-left: 50%;} */
/* .pl-7 {padding-left: 58.33%;} */
/* .pl-8 {padding-left: 66.66%;} */
/* .pl-9 {padding-left: 75%;} */
/* .pl-10 {padding-left: 83.33%;} */
/* .pl-11 {padding-left: 91.66%;} */
/* .pr-1 {padding-right: 8.33%;} */
/* .pr-2 {padding-right: 16.66%;} */
/* .pr-3 {padding-right: 25%;} */
/* .pr-4 {padding-right: 33.33%;} */
/* .pr-5 {padding-right: 41.66%;} */
/* .pr-6 {padding-right: 50%;} */
/* .pr-7 {padding-right: 58.33%;} */
/* .pr-8 {padding-right: 66.66%;} */
/* .pr-9 {padding-right: 75%;} */
/* .pr-10 {padding-right: 83.33%;} */
/* .pr-11 {padding-right: 91.66%;}	 */
/* .flex_wrap{display: flex; flex-flow: row wrap; align-items:flex-start;} */
/* .flexrow{flex-flow: row nowrap;} */
/* .flexrowrev{flex-flow: row-reverse nowrap;} */
/* .ref {columns: 3; -webkit-columns: 3; -moz-columns: 3;} */
/* .cards {columns: 3; -webkit-columns: 3; -moz-columns: 3;} */
/* .prt {width:calc(33.33% - 0.75rem)} */
/* .prts{margin-left:1rem; margin-right:1rem;} */
/* .icon{display: none;} */
/* .object-fit{overflow:hidden; position:relative; min-height:13rem;} */
/* .object-fit img{ */
 /* position: absolute; */
 /* top:50%; */
 /* left:50%; */
 /* height:auto; */
 /* width:auto; */
 /* min-width:100%; */
 /* min-height:100%; */
 /* transform:translate(-50%, -50%); */
/* } */
/* @supports (object-fit: cover) { */
 /* .object-fit img { */
 /* position: absolute; */
 /* left:0; */
 /* top:0; */
 /* height: 100%; */
 /* width: 100%; */
 /* transform: none; */
 /* object-fit: cover; */
 /* } */
/* } */
	
}
@media (min-width:45rem) {
.contentmenu{flex-flow: row nowrap; margin-left: 2rem;}
.contentmenuH{writing-mode: vertical-rl; transform: rotate(-180deg);}
.x_lnks{flex-flow:row nowrap;}
.c_lnks{gap:2rem; justify-content: flex-end; align-self:flex-end;}
.top_pic picture, .top_pic img{aspect-ratio: auto 1344 / 644;}
.aTable th, .aTable td {font-size:1rem;}
.c_icons{gap:2rem;}
.Newsarticle{flex-flow:row nowrap;}
.fb20{flex-basis:20%;}
.fb30{flex-basis:30%;}
.fb40{flex-basis:40%;}
.fb50{flex-basis:50%;}
.fb60{flex-basis:60%;}
.fb70{flex-basis:70%;}
.fb80{flex-basis:80%;}
.All_News .Newsarticle:nth-child(even) {flex-flow:row-reverse nowrap;}
.x4_2{grid-template-columns: 1fr 1fr 1fr 1fr; grid-template-rows: auto auto auto auto;}
.x4_2 #T1{grid-area: 1 / 1 / 2 / 5;}
.x4_2 #B1{grid-area: 2 / 1 / 3 / 2;}
.x4_2 #B2{grid-area: 2 / 2 / 3 / 3;}
.x4_2 #B3{grid-area: 2 / 3 / 3 / 4;}
.x4_2 #B4{grid-area: 2 / 4 / 3 / 5;}
.x4_2 #B5{grid-area: 3 / 1 / 4 / 2;}
.x4_2 #B6{grid-area: 3 / 2 / 4 / 3;}
.x4_2 #B7{grid-area: 3 / 3 / 4 / 4;}
.ref_block{flex-wrap: nowrap; gap:4rem;}
/* .sidhuvud #MenuT{display:none;} */
/* .sidhuvud .Hamburger span{opacity:0;} */
/* .logo{min-width:5rem; min-height:3.8rem;} */
/* .logo svg{max-width:100%; margin-right:2rem;}  */
/* .dropdown > li {font-size: 1rem;} */
/* .nav{flex-flow: row wrap;} */
.top_pic h1{font-size:4rem;}
.FootCompBl{white-space: nowrap;}
/* .dropdown label{cursor: pointer;} */
/* .parent{max-height:3.5rem;} */
/* .parent:hover > ul {display:block ; position:absolute;} */
/* .dropdown label:hover {color: var(--menu_white);} */
/* .dropdown ul {box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.4); background-color:var(--tm_black);} */
/* .dropdown input {display: none;} */
/* .dropdown ul label {padding: 0 1rem; min-width:100%;} */
/* .child li a{margin-left:0; padding-right: 1rem;} */
/* ul ul ul{left: 100%; top: 0; margin-left:0;} */
/* li li {margin-left: 0;} */
/* .dropdown li{display: block; opacity:1; transform: none; border-top: none;} */
/* .dropdown{position: static; flex-flow: row nowrap; min-width:0; min-height:0; width:auto; align-self: flex-end; background-color:var(--transparent); transform: translate(0, 0);} */
/* .dropdown label .fa-angle-right{display: none;} */
/* .dropdown li li label .fa-angle-right{display: flex;} */
/* .m_last {margin-block-end: 0; display:flex !important;} */
/* .m_last ul{position: absolute; top:3.5rem; min-width:5rem;} */
/* .dang::after{content: ""; margin-left:0;}	  */
/* .child li {background-color: var(--tm_black);} */
/* .h_bol {align-items:center;} */
.card div{opacity: 0;}
.card:hover div {opacity: 1; background-color: var(--tm_black);}
.slogan{display:flex;}
.f_33 {flex-basis:33%;}
.f_40 {flex-basis:40%;}
.f_45 {flex-basis:45%;}
.f_50 {flex-basis:50%;}
.f_55 {flex-basis:55%;}
.f_60 {flex-basis:60%;}
.f_67 {flex-basis:67%;}
.LI_G{grid-template-columns: 1fr 1fr; grid-template-columns: auto auto auto auto;}
.LI_G #G1{grid-area: 1 / 1 / 2 / 2;}
.LI_G #G2{grid-area: 2 / 1 / 3 / 2;}
.LI_G #G3{grid-area: 1 / 2 / 2 / 3;}
.LI_G #G4{grid-area: 2 / 2 / 3 / 3;}
.LI_G #G5{grid-area: 1 / 3 / 2 / 4;}
.LI_G #G6{grid-area: 2 / 3 / 3 / 4;}
.LI_G #G7{grid-area: 1 / 4 / 2 / 5;}
.LI_G #G8{grid-area: 2 / 4 / 3 / 5;}
.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}
.pl-1 {padding-left: 8.33%;}
.pl-2 {padding-left: 16.66%;}
.pl-3 {padding-left: 25%;}
.pl-4 {padding-left: 33.33%;}
.pl-5 {padding-left: 41.66%;}
.pl-6 {padding-left: 50%;}
.pl-7 {padding-left: 58.33%;}
.pl-8 {padding-left: 66.66%;}
.pl-9 {padding-left: 75%;}
.pl-10 {padding-left: 83.33%;}
.pl-11 {padding-left: 91.66%;}
.pr-1 {padding-right: 8.33%;}
.pr-2 {padding-right: 16.66%;}
.pr-3 {padding-right: 25%;}
.pr-4 {padding-right: 33.33%;}
.pr-5 {padding-right: 41.66%;}
.pr-6 {padding-right: 50%;}
.pr-7 {padding-right: 58.33%;}
.pr-8 {padding-right: 66.66%;}
.pr-9 {padding-right: 75%;}
.pr-10 {padding-right: 83.33%;}
.pr-11 {padding-right: 91.66%;}	
.flex_wrap{display: flex; flex-flow: row wrap; align-items:flex-start;}
.flexrow{flex-flow: row nowrap;}
.flexrowrev{flex-flow: row-reverse nowrap;}
.ref {columns: 3; -webkit-columns: 3; -moz-columns: 3;}
.cards {columns: 3; -webkit-columns: 3; -moz-columns: 3;}
.prt {width:calc(33.33% - 0.75rem)}
.prts{margin-left:1rem; margin-right:1rem;}
.icon{display: none;}
.object-fit{overflow:hidden; position:relative; min-height:13rem;}
.object-fit img{
 position: absolute;
 top:50%;
 left:50%;
 height:auto;
 width:auto;
 min-width:100%;
 min-height:100%;
 transform:translate(-50%, -50%);
}
@supports (object-fit: cover) {
 .object-fit img {
 position: absolute;
 left:0;
 top:0;
 height: 100%;
 width: 100%;
 transform: none;
 object-fit: cover;
 }
}
}
@media (min-width:50rem) {
	.dropdown > li {font-size: 1.25rem;}
}
@media (min-width:56rem) {
.red_banner	.con_con {display: flex; flex-flow: row nowrap; }
.red_banner .con_can {display: flex; flex-flow: row nowrap;}
.red_banner{width:calc(100% - 6rem); max-width:54rem;}
}