/* ==========================================================================
   epletyven.no — stilark gjenoppbygd fra eSite-originalen (#27778).
   GENERERT av Esite2JsonTool/sites/epletyven.no/build-css.mjs — varige tillegg i style-extra.css.
   ========================================================================== */

/* ---- css_styles 15166 ---- */
a  { Color:#444444; }
a:hover  { Text-decoration:none; }
.a  { Color:#444444; }
.itemheader, h1  { Color:#1C1C1C;Font-family:'PT Sans', sans-serif;Font-size:2.5em;Text-decoration:none; }
.itemintroduction {  }
.itembody {  }
.itemdate {  }
.htmlformlabel, .EditorLabel {}
body { Color:#444444;Font-family:'PT Sans', sans-serif;Font-size:17px; }
.itemimagestyle {  }
.FolderItemCell {  }
.imagepreviewstyle {  }
.itempreviewheader, h2  { Color:#1C1C1C;Font-family:'PT Sans', sans-serif;Font-size:1.45em;Text-decoration:none;Line-height:1em;Margin-top:4px; }
.itempreviewintro {  }
.itempricelabel {  }
.itemprice {  }
.itemopenlink, .EsiteActionLink, .ESiteActionLink {  }
.itemopenlink:hover, .EsiteActionLink:hover, .ESiteActionLink:hover {  }
.itemopenlink {  }
.PageSelectorCell {  }
.PageSelectorCell a, .PageSelectorCell span {  }
.PageSelectorCell table { width:100%; }
.PageSelectorCell table td.PagesCell { width:100%; }
.ColorBoxImage {}
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0px; height: 0; overflow: hidden;
  border:10px solid #ffffff;
border-radius:5px;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.col-centered
{
float: none;
margin: 0 auto;
}

a h2:hover
  {

    text-decoration:none !important;
    }

.bildelinkhand
{
cursor:pointer;
}

.footerlink a
{
color:#ffffff;
}

.footerlink a:hover
{
color:#ffffff;
}

.kassetekst
{
color:#fff;	  
  font-size:1.3em;
	  line-height:1.5em;
	font-weight:400;
font-style:italic;
	position: absolute;
	top: 48%;
	left: 50%;
	width: 90%;
	margin: auto;
	text-align: center;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);  
}

.fargestrek
{
width:100px;
height:2px;
background:#999999;
}

.graastrek
{
width:60px;
height:2px;
background:#cccccc;  
}

.iframe-container
{
    position: relative;
  padding-bottom: 58%;
    padding-top: 0px; height: 0; overflow: hidden;
}
 
.iframe-container iframe,
.iframe-container object,
.iframe-container embed
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.slidetekstholder
{
	color:#ffffff !important;
	position: absolute;
	top: 48%;
	left: 50%;
	width: 60%;
	margin: auto;
	text-align: center;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	
}

.mappeintroduction
{
	  font-size:1.3em;
	  line-height:1.5em;
	font-weight:400;
}

#SkjemaDiv iframe
{
	width:90%;
	  height:690px;
	float:none;
	overflow: visible !important;
	overflow-x: visible !important;
	overflow-y: visible !important;
	margin-left:auto;
	margin-right:auto;
	-webkit-overflow-scrolling: none;
	
}

.kontaktheading
{
	font-family:'Montserrat', sans-serif;
	  font-size:2.2em;
	  line-height:1.2em;
	color:#fff;
	text-transform:uppercase;
	margin-bottom:30px;
	  
}

.bildetekst
{
	color:#ffffff;
	font-family:'Montserrat', sans-serif;
	font-size:4vw;
	text-decoration:none;
	
}

	   

.bildeheading
{
	font-family:'Montserrat', sans-serif;
	  font-size:1.6em;
	  line-height:1.4em;
	color:#fff;
	text-transform:uppercase;
 } 

.btn
{
		  font-weight:400;
  font-size:0.8em;
	  text-transform: uppercase;
	color:#333333;
	position:relative;
	margin-top:10px;
	display:inline-block;
	padding-left: 16px;
	padding-right: 16px;
	padding-top: 7px;
	padding-bottom: 7px;
	border:1px;
	border-color:#333333;
	border-style:solid;
  border-radius:4px;
	text-decoration:none;
	  -webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.btn:hover
{
	  color:#ffffff;
	text-decoration:none;
	background-color:#333333;
	
}

a.facebutton
{
	 font-weight:400;
  font-size:1em;
	  text-transform: uppercase;
	color:#15110C;
  background-color:#fff;
	position:relative;
	margin-top:10px;
	display:inline-block;
	padding-left: 16px;
	padding-right: 16px;
	padding-top: 7px;
	padding-bottom: 7px;
	border:1px;
	border-color:#fff;
	border-style:solid;
  border-radius:4px;
	text-decoration:none;
	  -webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

a.facebutton:hover
{
	  color:#fff;
	text-decoration:none;
	background-color:#15110C;
	
}

#FilmDivHolder
{
margin-top:30px;
}
 

@media  (min-width: 768px){

  #FilmDivHolder
{
margin-top:-100px;
}
 
  
  
  .iframe-container
{
    position: relative;
  padding-bottom: 30%;
    padding-top: 0px; height: 0; overflow: hidden;
}
  

 
  
.btn-bilde a
{
	font-family: 'Montserrat', sans-serif;
	  font-weight:400;
  font-size:1em;
	  text-transform: uppercase;
	color:#ffffff ;
	position:relative;
	margin-top:20px;
	display:inline-block;
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 16px;
	padding-bottom: 16px;
	border:1px;
  border-radius:5px;
	border-color:#ffffff;
	border-style:solid;
	text-decoration:none;
	  -webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	
}
  
.btn-bilde a:hover
{
	  color:#5FB0B8;
	text-decoration:none;
	background-color:#fff;
	
}
  
  
  
  
.bildeheading
{
	font-family:'Montserrat', sans-serif;
	  font-size:3em;
	  
	color:#fff;
	text-transform:uppercase;
 }  
  
  

.bildeintroduction
{
	font-size:1.3em;
	  line-height:1.5em;
	font-weight:400;
	color:#ffffff !important;
	margin-bottom:30px;
	  
}

  
 
  

  
}

/* ---- body (eSite skrev dette som inline <style> i <head>) ---- */
body {Min-Height:100%;Background-color:#FFFFFF;Padding-top:0px;Padding-left:0px;Padding-right:0px;Padding-bottom:0px;Margin-top:0px;Margin-left:0;Margin-right:0;Margin-bottom:0px;}

/* ---- styles_xhtml_menu 1249 ---- */
.xm1249 .xi a
{ 
Color:#FFFFFF;Font-size:1.1em;Text-decoration:none;Display:block;Padding-top:2px;Padding-bottom:4px;Margin-left:0px;Margin-right:20px;
}
.xm1249 .xi a:hover, .xm1249 .xi:hover a
{ 
Display:block;Border-bottom-width:1px;Border-bottom-style:Solid;Border-bottom-color:#FFFFFF;
}
.xm1249 .sub a
{ 

}
.xm1249 .sel a
{ 
Display:block;Border-bottom-width:1px;Border-bottom-color:#FFFFFF;
}
.xm1249 .subsel a
{ 
Display:block;Border-bottom-width:1px;Border-bottom-style:Solid;Border-bottom-color:#FFFFFF;
}
.xm1249 .xi
{ 
Float:Left;
}
.xm1249 .sub
{ 

}
.xm1249 .sel
{ 

}
.xm1249 .subsel
{ 

}
.xm1249 .sep
{ 
Display:none;
}
.xm1249
{ 
Float:Right;Padding-top:0px;Padding-left:0px;Padding-right:0px;Padding-bottom:0px;Margin-top:0px;Margin-left:0px;Margin-right:0px;Margin-bottom:0px;
}
.xmindent1249
{ 
Float:Left;Width:16px;
}


/* ---- styles_xhtml_menu 1248 ---- */
.xm1248 .xi a
{ 
Color:#000000;Font-family:Arial;Text-decoration:none;Display:block;Padding-top:8px;Padding-left:16px;Padding-right:16px;Padding-bottom:8px;
}
.xm1248 .xi a:hover, .xm1248 .xi:hover a
{ 
Text-decoration:underline;
}
.xm1248 .sub a
{ 

}
.xm1248 .sel a
{ 
Font-weight:bold;
}
.xm1248 .subsel a
{ 

}
.xm1248 .xi
{ 

}
.xm1248 .sub
{ 

}
.xm1248 .sel
{ 
Background-color:#FFFFFF;
}
.xm1248 .subsel
{ 

}
.xm1248 .sep
{ 
Display:none;
}
.xm1248
{ 
Width:150px;Background-color:#EEEEEE;Margin-top:0px;Margin-left:0px;Margin-right:0px;Margin-bottom:0px;Border-top-width:1px;Border-top-style:Solid;Border-top-color:#000000;Border-left-width:1px;Border-left-style:Solid;Border-left-color:#000000;Border-right-width:1px;Border-right-style:Solid;Border-right-color:#000000;Border-bottom-width:1px;Border-bottom-style:Solid;Border-bottom-color:#000000;
}
.xmindent1248
{ 
Padding-left:16px;
}


/* ---- Css_layout_styles 1227 (scopet til .pt-1227) ---- */
.pt-1227 #Page {Clear:None; Padding-top:0px; Margin-left:auto; Margin-right:auto;}
.pt-1227 #HeaderHolder {Width:100%; Position:Absolute; Padding-top:0px; Margin-top:0px; Margin-bottom:0px;}
.pt-1227 #Header {Clear:Both; Padding-top:20px; Padding-left:0px; Padding-right:0px; Padding-bottom:24px;}
.pt-1227 #LogoDiv {Width:45%; Max-Width:280px; Padding-top:0px; Padding-left:15px;}
.pt-1227 #Menu {Float:None; Clear:None; Width:350px; Margin-left:auto; Margin-right:auto;}
.pt-1227 #MenuClear {Display:none;}
.pt-1227 #DropBtnHolder {Float:Right; Clear:None; Text-align:Center; Padding-right:30px; Margin-left:auto; Margin-right:auto;}
.pt-1227 #DropBtn {Margin-top:30px; Margin-left:20px;}
.pt-1227 #Xs-menu-holder {Float:Left; Clear:None; Width:70%; Position:Absolute; Z-index:999; Padding-bottom:-20px;}
.pt-1227 #Xs-menu {Height:160px; Display:none; Padding-top:0px; Padding-bottom:0px; Margin-left:-15px; Margin-bottom:0px;}
.pt-1227 #ForsideSlide {Position:Relative; Z-index:-10;}
.pt-1227 #FilmDivHolder {Float:None; Clear:Both; Position:Relative; Z-index:1111; Max-Width:800px; Margin-left:auto; Margin-right:auto; Margin-bottom:0px;}
.pt-1227 #Div1 {Height:20px;}
.pt-1227 #Div13 {Height:100px;}
.pt-1227 #Div2 {Height:30px;}
.pt-1227 #Film {Margin-left:auto; Margin-right:auto;}
.pt-1227 #ProduktDiv {Clear:Both; Text-align:Center; Max-Width:1050px; Padding-top:0px; Padding-bottom:0px;}
.pt-1227 #Strekholder {Float:None; Clear:Both; Margin-left:auto; Margin-right:auto;}
.pt-1227 #Strek {Height:1px; Background-color:#B2B2B2;}
.pt-1227 #Display {Clear:Both; Text-align:Center; Background-color:#FFFFFF; Padding-top:40px; Padding-bottom:80px;}
.pt-1227 #KasseBilde {Position:Relative; Min-Height:300px; background-repeat:no-repeat; background-position:center top; background-attachment:scroll; background-size:cover;}
.pt-1227 #KasseTekst {Float:None; Width:90%; Margin-left:auto; Margin-right:auto;}
.pt-1227 #FooterHolder {Clear:Left; Text-align:Center; Background-color:#15110C; Padding-top:40px; Padding-left:0px; Padding-right:0px; Padding-bottom:40px; Margin-left:0px; Margin-right:0px; Color:#FFFFFF;}
.pt-1227 #LogoDiv2 {Float:None; Width:300px; Max-Width:80%; Height:auto; opacity:0.2; Margin-left:auto; Margin-right:auto;}
.pt-1227 #Copyright {Float:None; opacity:0.3; Margin-left:auto; Margin-right:auto; Font-size:0.9em;}
.pt-1227 #FacebooklinkHolder {Float:None; opacity:0.3; Padding-top:25px; Margin-left:auto; Margin-right:auto; Font-size:0.9em;}
.pt-1227 #Div12 {Float:None; opacity:0.2; Margin-top:20px; Margin-left:auto; Margin-right:auto; Font-size:0.8em;}
.pt-1227 #bg {Clear:Both; Padding-top:0px; Padding-left:0px; Padding-right:0px; Padding-bottom:0px; Margin-top:0px; Margin-left:0px; Margin-right:0px; Margin-bottom:0px;}

/* ---- Css_layout_styles 20803 (scopet til .pt-20803) ---- */
.pt-20803 #Page {Clear:None; Padding-top:0px; Margin-left:auto; Margin-right:auto;}
.pt-20803 #HeaderHolder {Clear:Both; Width:100%; Position:Absolute; Z-index:50; Padding-top:0px; Margin-top:0px; Margin-bottom:80px;}
.pt-20803 #Header {Clear:Both; Height:300px; Padding-top:20px; Padding-left:0px; Padding-right:0px; Padding-bottom:24px;}
.pt-20803 #LogoDiv {Width:45%; Max-Width:280px; Padding-top:0px; Padding-left:15px;}
.pt-20803 #Menu {Text-align:Center; Margin-top:40px; Margin-left:auto; Margin-right:auto;}
.pt-20803 #MenuClear {Display:none;}
.pt-20803 #DropBtnHolder {Float:Right; Clear:None; Text-align:Center; Padding-right:30px; Margin-left:auto; Margin-right:auto;}
.pt-20803 #DropBtn {Margin-top:30px; Margin-left:20px;}
.pt-20803 #Div4 {Clear:Both;}
.pt-20803 #BildeDropdown {background-repeat:no-repeat; background-position:center top; background-attachment:scroll; background-size:cover;}
.pt-20803 #Xs-menu-holder {Float:Left; Clear:None; Width:70%; Position:Absolute; Z-index:100; Padding-bottom:-20px;}
.pt-20803 #Xs-menu {Height:300px; Display:none; Padding-top:0px; Padding-bottom:0px; Margin-left:-15px; Margin-bottom:0px;}
.pt-20803 #Div2 {Height:300px;}
.pt-20803 #Div22 {Height:100px;}
.pt-20803 #Div222 {Height:100px;}
.pt-20803 #Innhold {Clear:Both;}
.pt-20803 #Display {Clear:Both; Max-Width:1050px; Background-color:#FFFFFF; Padding-bottom:80px; Margin-left:auto; Margin-right:auto;}
.pt-20803 #SkjemaDiv2 {Display:none;}
.pt-20803 #Div5 {Clear:Both;}
.pt-20803 #KontaktOmrade {Display:none; Background-color:#FFFFFF;}
.pt-20803 #KontaktomradeHolder {Padding-top:50px; Padding-bottom:20px;}
.pt-20803 #Div1 {Clear:Both; Height:1px; opacity:0.5; Margin-left:15px; Margin-right:15px; Margin-bottom:20px; Border-bottom-width:1px; Border-bottom-style:Solid; Border-bottom-color:#FFFFFF;}
.pt-20803 #SpaceDiv {Height:50px; Text-align:Left;}
.pt-20803 #Kontaktinfo {Text-align:Left; Color:#FFFFFF;}
.pt-20803 #SpaceDiv2 {Height:40px; Text-align:Left;}
.pt-20803 #KontaktTekst {Float:None; Text-align:Center; Margin-left:auto; Margin-right:auto; Margin-bottom:40px;}
.pt-20803 #Footer {Clear:Both; Width:100%;}
.pt-20803 #FooterHolder {Clear:Left; Text-align:Center; Background-color:#15110C; Padding-top:40px; Padding-left:0px; Padding-right:0px; Padding-bottom:40px; Margin-left:0px; Margin-right:0px; Color:#FFFFFF;}
.pt-20803 #LogoDiv2 {Float:None; Width:300px; Max-Width:80%; Height:auto; opacity:0.2; Margin-left:auto; Margin-right:auto;}
.pt-20803 #Copyright {Float:None; opacity:0.3; Margin-left:auto; Margin-right:auto; Font-size:0.9em;}
.pt-20803 #FacebooklinkHolder {Float:None; opacity:0.3; Padding-top:25px; Margin-left:auto; Margin-right:auto; Font-size:0.9em;}
.pt-20803 #Div12 {Float:None; opacity:0.2; Margin-top:20px; Margin-left:auto; Margin-right:auto; Font-size:0.8em;}
.pt-20803 #bg {Clear:Both; Padding-top:0px; Padding-left:0px; Padding-right:0px; Padding-bottom:0px; Margin-top:0px; Margin-left:0px; Margin-right:0px; Margin-bottom:0px;}

/* ---- Style_set 15778 (alle sider) ---- */
#Xs-menu-holder
{
background-color:#4f3d32;
}

.icon-bar
{
	  display: block;
	  width: 36px;
	  height: 3px;
  margin-bottom:6px;
	  background-color: #ffffff;
	  border-radius: 2px;
	
}
#DropBtn.active .icon-bar
{
	  background-color: #ffffff !important;
	
}
.droppmeny li
{
	  padding:0px;
	margin-left:-25px;
	 
}
.droppmeny li a
{
	  padding:12px 0px 12px 20px;
	  color:#fff;
	text-decoration:none !important;
	  display:block;
	
}
.droppmeny li:last-child
{
	padding-bottom:12px;
	margin-bottom:-20px;
	
}
.droppmeny li a:hover
{
	 background-color:#fff;
	  color:#4f3d32;
	
}
.underliggendevalgt
{
	background-color:#bbbaba;
	  
}
ul.droppmeny
{
	 padding-left: 0;
	 
}
ul.droppmeny, .droppmeny li
{
	display:block;
	padding:0px;
	text-decoration:none;
	
}

/* ---- Style_set 16271 (forsiden, scopet til .ss-16271) ---- */
.ss-16271 .frame_style16271 {}
.ss-16271 .rslides {position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0;}
.ss-16271 .rslides li {-webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0;}
.ss-16271 .rslides li:first-child {position: relative; display: block; float: left;}
.ss-16271 .rslides img {display: block; height: auto; float: left; width: 100%; border: 0;}
.ss-16271 .rslides_nav rslides1_nav next {left: auto; background-position: right top; right: 0;}
.ss-16271 .rslides_nav rslides1_nav next {z-index: 3; position: absolute; -webkit-tap-highlight-color: rgba(0,0,0,0); top: 50%; left: 0; opacity: 0.7; text-indent: -9999px; overflow: hidden; text-decoration: none; height: 61px; width: 38px; background: transparent url("themes.gif") no-repeat left top; margin-top: -45px;}

/* ---- Inline stiler fra originalen, gjort om til klasser (se glassronning.no/inline-styles.mjs) ---- */
.s-b0:not(#_):not(#_):not(#_) { border:0px }
.s-c444444-fs24pt:not(#_):not(#_):not(#_) { color:#444444; font-size:24pt }
.s-cffffff-fs24pt:not(#_):not(#_):not(#_) { color:#ffffff; font-size:24pt }
.s-clboth:not(#_):not(#_):not(#_) { clear:both }
.s-dblock:not(#_):not(#_):not(#_) { display:block }
.s-dblock-mla-mra-maxw600:not(#_):not(#_):not(#_) { display:block; margin-left:auto; margin-right:auto; max-width:600px }
.s-fs18pt:not(#_):not(#_):not(#_) { font-size:18pt }
.s-fs1d15em:not(#_):not(#_):not(#_) { font-size:1.15em }
.s-h40:not(#_):not(#_):not(#_) { height:40px }
.s-h50-clboth:not(#_):not(#_):not(#_) { height:50px; clear:both }
.s-h60:not(#_):not(#_):not(#_) { height:60px }
.s-h60-clboth:not(#_):not(#_):not(#_) { height:60px; clear:both }
.s-h70:not(#_):not(#_):not(#_) { height:70px }
.s-h80:not(#_):not(#_):not(#_) { height:80px }
.s-m0-p0:not(#_):not(#_):not(#_) { margin:0; padding:0 }
.s-m0_a_10_a-flnone:not(#_):not(#_):not(#_) { margin:0px auto 10px auto; float:none }
.s-m25_a_25_a:not(#_):not(#_):not(#_) { margin:25px auto 25px auto }
.s-m25_a_45_a-clboth:not(#_):not(#_):not(#_) { margin:25px auto 45px auto; clear:both }
.s-m30_0_30_0:not(#_):not(#_):not(#_) { margin:30px 0px 30px 0px }
.s-m30_0_40_0:not(#_):not(#_):not(#_) { margin:30px 0px 40px 0px }
.s-maxw580-mla-mra-flnone:not(#_):not(#_):not(#_) { max-width:580px; margin-left:auto; margin-right:auto; float:none }
.s-mb10:not(#_):not(#_):not(#_) { margin-bottom:10px }
.s-mb100-mt50:not(#_):not(#_):not(#_) { margin-bottom:100px; margin-top:50px }
.s-mb16-mt20:not(#_):not(#_):not(#_) { margin-bottom:16px; margin-top:20px }
.s-mb30-mt-230-zi500-posrelative:not(#_):not(#_):not(#_) { margin-bottom:30px; margin-top:-230px; z-index:500; position:relative }
.s-mb50:not(#_):not(#_):not(#_) { margin-bottom:50px }
.s-mb80:not(#_):not(#_):not(#_) { margin-bottom:80px }
.s-minh160:not(#_):not(#_):not(#_) { min-height:160px }
.s-mt20:not(#_):not(#_):not(#_) { margin-top:20px }
.s-mt20-mb20:not(#_):not(#_):not(#_) { margin-top:20px; margin-bottom:20px }
.s-mt25-clboth:not(#_):not(#_):not(#_) { margin-top:25px; clear:both }
.s-mt40-clboth:not(#_):not(#_):not(#_) { margin-top:40px; clear:both }
.s-mt50-clboth:not(#_):not(#_):not(#_) { margin-top:50px; clear:both }
.s-pl22-pr30:not(#_):not(#_):not(#_) { padding-left:22px; padding-right:30px }
.s-pt30-pb100:not(#_):not(#_):not(#_) { padding-top:30px; padding-bottom:100px }
.s-tacenter:not(#_):not(#_):not(#_) { text-align:center }
.s-tacenter-mt80:not(#_):not(#_):not(#_) { text-align:center; margin-top:80px }
.s-w100p-bgnone:not(#_):not(#_):not(#_) { width:100%; background:none }
.s-w100p-bgnone-mt35:not(#_):not(#_):not(#_) { width:100%; background:none; margin-top:35px }
.s-w70p-maxw630-mla-mra-flnone:not(#_):not(#_):not(#_) { width:70%; max-width:630px; margin-left:auto; margin-right:auto; float:none }

/* ---- Docly-tillegg (style-extra.css) ---- */
/* Bakgrunnsbilder: layout-arkene satte background-image på #BildeDropdown og #KasseBilde. Bildene er
   felt på Forside (redigerbare) og vises som <img> som fyller boksen (= background-size:cover). */
.bgbox { position:relative; overflow:hidden; }
.bgbox > img.bgimg { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; object-position:center top; z-index:0; }
/* :where() gir 0 i spesifisitet — barn som selv er posisjonert (.kassetekst er absolute) beholder sin posisjon */
:where(.bgbox > :not(img)) { position:relative; }

/* onmouseover="this.style.opacity='0.8'" på produktkortene */
.mainimg:hover { opacity:0.8; }

/* Mobilmenyen (site.js slideToggle) */
#Xs-menu.is-open { display:block; }
#Xs-menu.is-sliding { overflow:hidden; }

/* Bildespillet på forsiden (site.js, som jQuery responsiveSlides) */
.rslides.rs-aktiv > li.rs-li { display:list-item; float:none; position:absolute; opacity:0; z-index:1; -webkit-transition:opacity 500ms ease-in-out; transition:opacity 500ms ease-in-out; }
.rslides.rs-aktiv > li.rs-li.rs-synlig { float:left; position:relative; opacity:1; z-index:2; }