@import "compass/utilities/general/clearfix";
 
/*sitecolors*/  
/*sitecolors*/  
$primary: #97bf0d; /*Limegreen*/
$primary2: #204d4f; /*Dark green*/

$light: #ffffff; /*white*/
$lightgrey: #ebebeb; /*Light grey*/
$grey: #d6d6d6; /*Grey*/
$darkgrey: #4b4b4b; /*Dark grey*/
$dark: #000000; /*Black*/


$buttonbg: $primary; 
$buttonfg: white; 
$maincolor: $primary; /*Skriv farve*/


/*LOG IND 2020*/

.aperatetr {

  .elmMSFaperatetext {
    font-weight: 400;
font-size: 26px;
    margin-bottom:35px;
  }

  a.elmMSFaperatelink  {
  background-color:$primary;
    color:$light;
      font-weight: 400;
font-size: 26px;
    padding:20px 30px;
    box-shadow: 0 15px 15px -15px rgba(0,0,0,1);
  border-radius:3px;
    border:1px solid $light;
    transition: all 0.3s ease, background-position 1ms;
    display: inherit;
  }
  
    a.elmMSFaperatelink:hover {
  background-color:$dark;
        box-shadow: 0 0px 0px -0px rgba(0,0,0,0);
     transition: all 0.3s ease, background-position 1ms;
  }
  
}


/*LOG IND 2020 END*/


.elmguestbook, .guestbook {
border:0px;

.textarea, .input {
border:1px solid $lightgrey;
padding: 7px;
}

.button {
    width: 100%;
    height: 50px;
background-color:$buttonbg;
color: #ffffff;
text-transform: uppercase;
font-size:17px;
font-weight: 300!important;
border:0px;
}
.button:hover {
background-color:$grey;
}

.foto_txt_td {
border:1px solid $lightgrey;
padding:20px;
}
}


/*shop*/

/*basket button*/
#Page_Layout_ctrGoToBasket_ .basket_button {
 background-color:$buttonbg!important; 
  color:$buttonfg!important;
  padding:10px;
  font-size:13px;
  border:1px $buttonfg solid!important;
  text-align:center;
}

#Page_Layout_ctrStandardToolbar_ {
 position:fixed;
  top:150px;
  right:30px;
  width:250px;
  z-index:1500;
}

@media only screen and (max-width: 44em) {
  
  #Page_Layout_ctrGoToBasket_ .basket_button {
  padding:7px;
  font-size:13px;
  border:1px $buttonfg solid!important;
}
  
  #Page_Layout_ctrStandardToolbar_ {
 position:fixed;
  top:65px;
  right:0px;
  width:120px;
}
  
}

/*basket button slut*/



@import "compass/utilities/general/clearfix";



/*! uncss:ignore start */

/*----------------------------- MAINMENU ------------------------------------------*/

a.dd_menu {
font-family: 'Barlow', sans-serif;
}

div.res_menu.dd_menu {
background: rgba($light, 0.0);
}

.dd_menucontainer {
xbackground: rgba($topbgcolor, 1.00);
box-sizing: border-box;
border-bottom:0px solid mix($contentfgcolor, $contentbgcolor, 10%);
}

.publish .topzlogolink.isres a{
top:0px;
position:absolute;
float:left;
z-index:20;
padding:0px;
transition: all .2s ease-in;
cursor: pointer;
}

/*RIGHT ZONE*/
.publish .toptelz{
top:25px;
position:absolute;
right:30px;
float:right;
width:600px;
transition: all .2s ease-in;
  @media only screen and (max-width: 60em) {right:15px;}
td, div {
letter-spacing:0em;
}
}

.publish .toptelz.satellit_nagging {
top:12px;
  right:25px;
transition: all .2s ease-in;
  @media only screen and (max-width: 60em) {right:10px;}
}

.topzphone:before {
content: '\f098   ';
font-size: 16px;
font-family: FontAwesome;
position: absolute;
  color:$dark;
top: 8.5%;
line-height: 1.3636em !important;
}

.publish .topzphone {
position: relative;
background-color:transparent;
width:95px;
float:right;
margin-right: 10px;
  margin-top:5px;
transition: all .2s ease-in;

 td, div, a{
   color:$dark;
font-size: 16px;
font-weight: 400;
text-decoration:none;
line-height: 1.3636em !important;
}
}

.publish .toptelz.satellit_nagging2 {
.topzphone {
transition: all .2s ease-in;
}
}


.publish .topzContent {
position: relative;
background-color:transparent;
width:80px;
float:right;
margin-right: 15px;
transition: all .2s ease-in;
  border:0px solid mix($contentfgcolor, $contentbgcolor, 50%);

}

.publish .toptelz.satellit_nagging2 {
.topzContent {
transition: all .2s ease-in;
}
}


@media only screen and (min-width: 30em) {
.topzphoneBtn {
  display:none;
}
  
}


/*RIGHT ZONE END*/

@media only screen and (min-width: 44.001em) {

body.res {	
			
a.dd_menu, a.dd_menu:active, a.dd_menu:visited {
color: 	$hormenubgcolor;
background-color: mix($hormenubgcolor,$hormenufgcolor, 10%);
padding:1em;
line-height: 1.5em;
transition: all .2s ease-in;
font-weight:400;
}
							
a.dd_menu:hover , a.dd_menu:visited:hover { 
color: mix($hormenubgcolor,$hormenufgcolor, 90%);
background-color: mix($hormenufgcolor,$hormenubgcolor, 70%);
opacity: 1.00; -moz-opacity: 1.00; filter:alpha(opacity=100);
}

.selectedbranch div a.dd_menu, .selectedbranch div a.dd_menu:active, .selectedbranch div a.dd_menu:visited {
font-weight:700;
}

.node1 a.dd_menu, .node1 a.dd_menu:active,.node1 a.dd_menu:visited{
color: 	$hormenufgcolor;
background-color:transparent;
opacity: 1.00; -moz-opacity: 1.00; filter:alpha(opacity=100);
padding:10px 10px 10px 10px;
transition: all .2s ease-in;
margin-right:5px;
font-weight:400;
 text-transform: uppercase;
}
  
 .node1  {
   a.dd_menu:hover ,a.dd_menu:visited:hover { 
color:mix($hormenufgcolor,$hormenubgcolor, 60%);
	}
  }
  
}
	
/*------------------------------------------------------------XL-----------------------------------------*/

 
.node1 a.dd_menu, .node1 a.dd_menu:active,.node1 a.dd_menu:visited{
/*her kan skrives anden fontstørrelse på primær menu*/
}
    
  
  
div.dd_menu {
@include clearfix;
transition: all .2s ease-in;
  


/*Højde på menu*/
height:140px;

 .sub0 {
box-sizing: border-box;
margin-left:auto;
margin-right:35px;
transition: all .2s ease-in;
margin-top:70px;
}
}

/*Logo*/
.topzlogolink.isres a{
width:203px;
height:45px;
margin-left:40px;
margin-top:50px;
}
  
  .aview {
    .topzlogolink.isres a, .topzphone{
   xmargin-top:-30px;
  }
  }
  .adm_menu_table.satellit_nagging { display:none; }

/*---------------------------------------------------XL End---------------------------------------------------*/

/*---------------------------------------------------XL SCROLL---------------------------------------------------*/

div.dd_nagging {
  position: fixed;
  top: 0px;
  width: 100%;
z-index:10;

.node1 a.dd_menu, .node1 a.dd_menu:active,.node1 a.dd_menu:visited{

}

div.dd_menu {
@include clearfix;
text-align:center;
margin-left:auto;
margin-right:auto;
transition: all .2s ease-in;

/*Højde på menu*/
height:110px;

 .sub0 {
margin-top:50px;
padding-right:25px;
box-sizing: border-box;
margin-right:5px;
transition: all .2s ease-in;
}
}
}

/*Logo*/
.satellit_nagging.topzlogolink.isres a {
width:180px;
height:40px;
margin-left:40px;
margin-top:35px;
}


/*---------------------------------------------------XL SCROLL END---------------------------------------------------*/

/*------------------------------------------------------------LARGE-----------------------------------------*/
@media only screen and (max-width: 60em) {
 
.node1 a.dd_menu, .node1 a.dd_menu:active,.node1 a.dd_menu:visited{
padding:8px 3px 8px 3px!important;
}
    
  
  
div.dd_menu {
@include clearfix;
transition: all .2s ease-in;
  


/*Højde på menu*/
height:100px;

 .sub0 {
box-sizing: border-box;
margin-left:auto;
margin-right:23px;
transition: all .2s ease-in;
margin-top:70px;
}
}

/*Logo*/
.topzlogolink.isres a{
width:180px;
height:40px;
margin-left:40px;
margin-top:45px;
}
  
  /*RIGHT ZONE*/
.publish .toptelz{
top:20px;
}
  
  .aview {
    .topzlogolink.isres a, .topzphone{
   xmargin-top:-30px;
  }
  }
  .adm_menu_table.satellit_nagging { display:none; }
  
  }

/*---------------------------------------------------LARGE End---------------------------------------------------*/

/*---------------------------------------------------LARGE SCROLL---------------------------------------------------*/

  @media only screen and (max-width: 60em) {
  
div.dd_nagging {
  position: fixed;
  top: 0px;
  width: 100%;
z-index:10;

.node1 a.dd_menu, .node1 a.dd_menu:active,.node1 a.dd_menu:visited{

}

div.dd_menu {
@include clearfix;
text-align:center;
margin-left:auto;
margin-right:auto;
transition: all .2s ease-in;

/*Højde på menu*/
height:80px;

 .sub0 {
margin-top:45px;
padding-right:10px;
box-sizing: border-box;
margin-right:12px;
transition: all .2s ease-in;
}
}
}

/*Logo*/
.satellit_nagging.topzlogolink.isres a {
width:180px;
height:40px;
margin-left:30px;
margin-top:25px;
}

  }

/*---------------------------------------------------LARGE SCROLL END---------------------------------------------------*/

/*---------------------------------------------------MEDIUM---------------------------------------------------*/
@media only screen and (max-width: 50em) {

.node1 a.dd_menu, .node1 a.dd_menu:active,.node1 a.dd_menu:visited{
padding:8px 3px 8px 3px!important;
font-size: 12px!important;
border:0px solid mix($hormenufgcolor,$hormenubgcolor, 20%)!important;
}
  
.node1 a.dd_menu:hover, .node1 a.dd_menu:visited:hover{
border:0px solid $hormenufgcolor!important;
background-color:$hormenufgcolor!important;
color:$hormenubgcolor!important;
}

div.dd_menu {
@include clearfix;
text-align:center;
margin-left:0;
margin-right:0;
transition: all .2s ease-in;


/*Højde på menu*/
height:115px;

 .sub0 {
   width: 100%!important;
   padding-right:10px;
padding-left:0px;
box-sizing: border-box;
margin-left:10px;
margin-right:unset;
transition: all .2s ease-in;
margin-top:70px;
}
  
  /*fra gmsmtddmeu*/
  .dd_menu .sub0 {
box-sizing: border-box;
margin-right: 0;
margin-left: 0;
}


.sub0>tbody>tr>td{
  text-align:center;
}

.sub0>tbody>tr>td:first-child:nth-last-child(1),
.sub0>tbody>tr>td:first-child:nth-last-child(1) ~ td {
width:100%;
}

.sub0>tbody>tr>td:first-child:nth-last-child(2),
.sub0>tbody>tr>td:first-child:nth-last-child(2) ~ td {
width:50%;
}

.sub0>tbody>tr>td:first-child:nth-last-child(3),
.sub0>tbody>tr>td:first-child:nth-last-child(3) ~ td {
width:33.3333%;
}

.sub0>tbody>tr>td:first-child:nth-last-child(4),
.sub0>tbody>tr>td:first-child:nth-last-child(4) ~ td {
width:25%;
}

.sub0>tbody>tr>td:first-child:nth-last-child(5),
.sub0>tbody>tr>td:first-child:nth-last-child(5) ~ td {
width:20%;
}


.sub0>tbody>tr>td:first-child:nth-last-child(6),
.sub0>tbody>tr>td:first-child:nth-last-child(6) ~ td {
width:16.6%;
}

.sub0>tbody>tr>td:first-child:nth-last-child(7),
.sub0>tbody>tr>td:first-child:nth-last-child(7) ~ td {
width:14.2857%;
}

.sub0>tbody>tr>td:first-child:nth-last-child(8),
.sub0>tbody>tr>td:first-child:nth-last-child(8) ~ td {
width:12.5%;
}

.sub0>tbody>tr>td:first-child:nth-last-child(9),
.sub0>tbody>tr>td:first-child:nth-last-child(9) ~ td {
width:11.1111%;
}

.sub0>tbody>tr>td:first-child:nth-last-child(10),
.sub0>tbody>tr>td:first-child:nth-last-child(10) ~ td {
width:10%;
}

.sub0>tbody>tr>td:first-child:nth-last-child(11),
.sub0>tbody>tr>td:first-child:nth-last-child(11) ~ td {
width:9.0909%;
}

.sub0>tbody>tr>td:first-child:nth-last-child(12),
.sub0>tbody>tr>td:first-child:nth-last-child(12) ~ td {
width:8.3333%;
}
  /*slut*/
}
/*Logo*/
.topzlogolink.isres a{
width:180px;
height:40px;
margin-left:20px;
margin-top:20px;
}

/*RIGHT ZONE*/
.publish .toptelz{
top:20px;
  width:400px;
}

}
/*---------------------------------------------------MEDIUM End----------------------------------------------------*/

/*---------------------------------------------------MEDIUM SCROLL---------------------------------------------------*/
@media only screen and (max-width: 50em) {
div.dd_nagging {
  position: fixed;
  top: 0px;
  width: 100%;
z-index:10;

.node1 a.dd_menu, .node1 a.dd_menu:active,.node1 a.dd_menu:visited{
padding:5px 3px 5px 3px!important;
font-size: 12px!important;
}

div.dd_menu {
@include clearfix;
text-align:center;
margin-left:auto;
margin-right:auto;
transition: all .2s ease-in;


/*Højde på menu*/
height:80px;

 .sub0 {
   width: 100%!important;
   padding-right:0px;
padding-left:0px;
   padding-right:10px;
box-sizing: border-box;
margin-left:10px;
margin-right:unset;
transition: all .2s ease-in;
   margin-top:45px;
}
  
   /*fra gmsmtddmeu*/
  .dd_menu .sub0 {
box-sizing: border-box;
margin-right: 0;
margin-left: 0;
}


.sub0>tbody>tr>td{
  text-align:center;
}

.sub0>tbody>tr>td:first-child:nth-last-child(1),
.sub0>tbody>tr>td:first-child:nth-last-child(1) ~ td {
width:100%;
}

.sub0>tbody>tr>td:first-child:nth-last-child(2),
.sub0>tbody>tr>td:first-child:nth-last-child(2) ~ td {
width:50%;
}

.sub0>tbody>tr>td:first-child:nth-last-child(3),
.sub0>tbody>tr>td:first-child:nth-last-child(3) ~ td {
width:33.3333%;
}

.sub0>tbody>tr>td:first-child:nth-last-child(4),
.sub0>tbody>tr>td:first-child:nth-last-child(4) ~ td {
width:25%;
}

.sub0>tbody>tr>td:first-child:nth-last-child(5),
.sub0>tbody>tr>td:first-child:nth-last-child(5) ~ td {
width:20%;
}


.sub0>tbody>tr>td:first-child:nth-last-child(6),
.sub0>tbody>tr>td:first-child:nth-last-child(6) ~ td {
width:16.6%;
}

.sub0>tbody>tr>td:first-child:nth-last-child(7),
.sub0>tbody>tr>td:first-child:nth-last-child(7) ~ td {
width:14.2857%;
}

.sub0>tbody>tr>td:first-child:nth-last-child(8),
.sub0>tbody>tr>td:first-child:nth-last-child(8) ~ td {
width:12.5%;
}

.sub0>tbody>tr>td:first-child:nth-last-child(9),
.sub0>tbody>tr>td:first-child:nth-last-child(9) ~ td {
width:11.1111%;
}

.sub0>tbody>tr>td:first-child:nth-last-child(10),
.sub0>tbody>tr>td:first-child:nth-last-child(10) ~ td {
width:10%;
}

.sub0>tbody>tr>td:first-child:nth-last-child(11),
.sub0>tbody>tr>td:first-child:nth-last-child(11) ~ td {
width:9.0909%;
}

.sub0>tbody>tr>td:first-child:nth-last-child(12),
.sub0>tbody>tr>td:first-child:nth-last-child(12) ~ td {
width:8.3333%;
}
  /*slut*/
  
}
}

/*Logo*/
.satellit_nagging.topzlogolink.isres a {
width:135px!important;
height:30px!important;
margin-left:15px;
margin-top:15px;
}


/*RIGHT ZONE*/

.publish .toptelz.satellit_nagging {
top:10px;
  right:10px;
  
  .topzphone:before {
font-size: 16px;
top: 5%;
}

  .topzphone {
width:95px!important;

 td, div, a{
font-size: 16px!important;
}
}
}




}
/*---------------------------------------------------MEDIUM SCROLL END---------------------------------------------------*/
}

/*---------------------------------------------------SMALL---------------------------------------------------*/
@media only screen and (max-width: 44em) {

  .sub0 {
    border-left:1px solid mix($contentfgcolor, $contentbgcolor, 50%);
    border-right:1px solid mix($contentfgcolor, $contentbgcolor, 50%);
    >tbody>tr>td:first-child { border-top:1px solid mix($contentfgcolor, $contentbgcolor, 50%); }
  }
  
  .node2 a.dd_menu {
    border-left:1px solid mix($contentfgcolor, $contentbgcolor, 50%); 
    border-right:1px solid mix($contentfgcolor, $contentbgcolor, 50%); 
  }
  
 .sub1>tbody>tr>td>div {
    xborder-top:1px solid mix($contentfgcolor, $contentbgcolor, 50%); 
  }
  
/*Logo*/
.topzlogolink.isres a{
width:180px;
height:40px;
margin-left:14px;
margin-top:12px;
}

/*RIGHT ZONE*/
.publish .toptelz{
top:11px;
right:55px;
width:300px;
  
   .topzphone:before {
font-size: 15px;
top: 8%;
}

  .topzphone {
width:95px!important;

 td, div, a{
font-size: 16px!important;
}
}
}


}

/*---------------------------------------------------SMALL END---------------------------------------------------*/

/*---------------------------------------------------EXTRA SMALL---------------------------------------------------*/
@media only screen and (max-width: 30em) {


/*Logo*/
.topzlogolink.isres a{
width:180px;
height:40px;
margin-top:12px;
  margin-left:14px;
}

 .publish .topzphoneBtn {
   display:none!important; 
   position:fixed;
    top:-4px;
    z-index:10;
   padding-right:55px;
    
    td,div,a {
  font-size:43px;
      color:$hormenufgcolor;
      text-align:right;
      
}
  }

/*RIGHT ZONE*/
.publish .toptelz{
display:none;
  margin-top:10px;
width:100%;
position:static;
float:none;
  
    .topzphone {
      display:none!important;
    float: none;
    margin-right: auto;
    margin-left: auto;
  }
  
  .topzContent {
    float: none;
    margin-top:10px;
    margin-right: auto;
    margin-left: auto;
  }
  
}


}
/*EXTRA SMALL END*/

/*------------------------------------------------------MAINMENU END---------------------------------------------------*/

/*! uncss:ignore end */





/*BASIC*/


/*--------------FONTS------------------*/

h1, h2, h3, h4, .highlight1, .highlight2, .highlight3, .highlight4 {
  font-weight: 700;
  margin-bottom: 0.2em;
}

h1, .highlight1 {
  font-weight: 300;
  font-size: 46px;
}

h2, .highlight2 {
  font-size: 36px;
  font-weight: 400;
  /*line-height: 1.4em;*/
}

h3, .highlight3 {
  font-size: 24px;
  /*line-height: 1.2em;*/
}

h4, .highlight4 {
  font-size: 20px;
}

@media only screen and (max-width: 65em) {
  h1, .highlight1 {
    font-size: 32px;
  }
  
  h2, .highlight2 {
    font-size: 22px;
  }
}

@media only screen and (max-width: 44em) {
  h1, .highlight1 {
    font-size: 26px;
  }
  
  h2, .highlight2 {
  font-size: 20px;
  }
}


td, div, a {
  font-family: 'Barlow', sans-serif;
  font-weight: 300;
  font-size: 16px;
} 

a:hover {
  color: $maincolor;
}

strong, b {

}

ul {
  list-style: none;
  margin: 1em 0 1em 0;
  padding: 0 0 0 1em; 
}

ul li {
  padding-left: 1em;
  padding-bottom:1em;
}

ul li:before {
  content:'\f0da';
  color: $maincolor;
  font-family: FontAwesome;
  display: inline-block;
  width: 1.5em; 
  margin-left: -1.2em; 
}

ol {
  margin: .5em 0 0em 0;
  padding: 0 0 0 2em; 
}

ol li {
  padding-left: 0.3em;
  padding-bottom:1em;
}

hr {
  margin-left:10%;
  margin-right:10%;
}

/*--------------Fade in-----------------------*/
@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

.content_table {
-webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
-moz-animation: fadein 2s; /* Firefox < 16 */
-ms-animation: fadein 2s; /* Internet Explorer */
-o-animation: fadein 2s; /* Opera < 12.1 */
animation: fadein 2s;
} 

#Zone2007705 {
  display: none; }

#Zone2007712 {
  display: none; }

#Zone2007754 {
  display: none; }

#ZoneLayout2007718 {
  display: none; }

#ZoneLayout2007704 {
  display: none; }

#ZoneLayout2007711 {
  display: none; }

.CookiePopupBtn {
  display: none; }
/*------------------Styling af dropdown menu-----------------------------------*/

@media only screen and (min-width: 44em) {
  table[id^="subcontainer_429304"].sub1 {left:auto!important;right:40px!important;width:180px!important; }
  /*table[id^="subcontainer_429304"].sub1>tbody>tr>td>div.node2{ position:relative; xleft: -90px;BORDER:1PX SOLID RED; }*/
}.fpsquarebtn>tbody>tr>td {

>a:after{
   content: '    \f105';
    font-size: 1.1em;
top:35%;
font-family: FontAwesome;
}

>a{
text-align:center;
xtext-transform: uppercase;
font-weight:400;
margin-top:0%;
margin-bottom:40%;
position: relative;
color: $hormenufgcolor;
box-sizing: border-box;
width:100%;
text-decoration:none;
padding:15px 0px 15px 0px;
font-size: 1.2em;
display: block;
background: rgba($hormenubgcolor, 0.65);
transition: all .1s ease-in;
letter-spacing:0.1em;
}

>a:hover:after{
}

>a:hover{
background: rgba($hormenubgcolor, 1);
letter-spacing:0em;
}


@media only screen and (max-width: 67em) {
>a{
font-size: 1.1em;
}
}

}

.publish .fpsquarebtn>tbody>tr>td>a:before{
  content: '\A0';
  position:absolute;
  top:40%;
  left:0px;
  display:block;
  width:100%;
  height:0px;
  padding-top:45%;
}
.zone2btn, .zone2btnIcnCnt, .zone2btn2, .zone2btn2IcnCnt {
  xmax-width:800px;
  xmargin-left:auto;
  xmargin-right:auto;
}


.zone2btn>tbody>tr {
  >td.zone2btnsub1 { .elmhtmlnoimage>tbody>tr>td>a:before { content: '\f05a'; } }
  >td.zone2btnsub2 { .elmhtmlnoimage>tbody>tr>td>a:before { content: '\f059'; } }
}


.zone2btn, .zone2btn2 {
  
  .elmhtmlnoimage  {
text-align:center;
}

 .elmhtmlnoimage>tbody>tr>td {
 >a:before{
   content: '\f105 \A0\A0   '; 
    font-size: 1.8em;
top:30%;
font-family: FontAwesome;
position: absolute;
left:50%;
margin-left:-15px;

}

 >a{
color:  $topfgcolor;
   background-color: $topbgcolor;
text-align:center;
position: relative;
box-sizing: border-box;
width:100%;
text-decoration:none;
padding:100px 0px 50px 0px;
font-size: 1.4em;
display: inline-block;
transition: all .2s ease-in;
}
 >a:hover:before {
}

 >a:hover{
color: $topfgcolor;
background-color:mix($topfgcolor, $topbgcolor, 50%);
}
  }

@media only screen and (max-width: 44em) {
>a{
padding:40px 0px 50px 0px;
}
}
}
.zone2btn2>tbody>tr {
  >td.zone2btn2sub1 { .elmhtmlnoimage>tbody>tr>td>a:before { content: '\f164'; } }
  >td.zone2btn2sub2 { .elmhtmlnoimage>tbody>tr>td>a:before { content: '\f086'; } }
}
.zone2btnCta {
    box-sizing:border-box;
  padding:5%;
  background: rgba($dark, 0.5);
}
.line {
border-top:1px solid $lightgrey;
margin-top:5%;
padding-bottom:5%;
}
.sp3zoneCta {
  padding:5%;
}
.sp3zone {

}

.sp3zonesub2 {

}

@media only screen and (max-width: 55em) {
.sp3zonesub1 {
display:none!important;
}

.sp3zonesub2 {
padding-left:10px;
}

.sp3zonesub2 {

}

.sp3zone>tbody>tr>.subzone:nth-child(2) {
display:none;
}
}

@media only screen and (max-width: 80em) {
.sp3zonesub1 {
padding-left:10px;
}

.sp3zonesub3 {
padding-right:10px;
}
}

@media only screen and (max-width: 44em) {
.sp3zonesub2 {
margin-left:10px;
margin-right:10px;
}

.sp3zonesub {
padding-left:10px;
padding-right:10px;
}
}
/* latin */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local('Barlow Light'), local('Barlow-Light'), url(https://fonts.gstatic.com/s/barlow/v4/7cHqv4kjgoGqM7E3p-ks51os.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Barlow Regular'), local('Barlow-Regular'), url(https://fonts.gstatic.com/s/barlow/v4/7cHpv4kjgoGqM7E_DMs5.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local('Barlow SemiBold'), local('Barlow-SemiBold'), url(https://fonts.gstatic.com/s/barlow/v4/7cHqv4kjgoGqM7E30-8s51os.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Barlow Bold'), local('Barlow-Bold'), url(https://fonts.gstatic.com/s/barlow/v4/7cHqv4kjgoGqM7E3t-4s51os.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@media only screen and (min-width: 44em) {

div#dd_menu.dd_nagging {
  position: fixed;
  top: 0px;
  width: 100%;
z-index:100;
}

.dd_nagging2 {
-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.0);
-moz-box-shadow:    0px 2px 2px rgba(0, 0, 0, 0.0);
box-shadow:         0px 2px 2px rgba(0, 0, 0, 0.0);
  background: rgba(255,255,255, 1);
.node1 a.dd_menu, .node1 a.dd_menu:active,.node1 a.dd_menu:visited{
xpadding:20px 5px 20px 5px;
}
}

}
@import "compass/css3/transition";
@import "compass/css3/opacity";
@import "compass/css3/border-radius";

.gototop {
	
        z-Index:100;
	a:before {
		content: '\f106';
		font-size: 2.1em;
		vertical-align:middle;
		font-family: FontAwesome;
		color: $hormenubuttoncolor;
		position:absolute;
		top:0px;
		bottom:0px;
		left:0px;
		right:0px;
		padding-top:9px;
		text-align:center;
		background-color: $contentimgbrdcolor;
		@include border-radius(1.5em, 1.5em);
	}  

	a {
		text-align:center;
		display:block;
		position: fixed;
		bottom: 2em;
		right: 2em;
		width:3em;
		height:3em;
		color: $vermenufgcolor;
		text-decoration: none;
      z-index: 10;
      line-height:1.8em;
	}

	a:hover::before {
		color:$layoutbgcolor;
		font-size: 2.7em;
		padding-top:8px;
	}

	td {
		text-align: center;
	}

@include transition(opacity, 0.3s ease-out);
@include opacity(0);
 
}

.gototop.active {
  @include opacity(1);
}

@media only screen and (max-width: 44em) {
  .gototop {
	
   	a {
		bottom: 4.5em;
      right: 1em;
	}
}
}
.spshopitemsub2 {
border:1px solid mix($hormenubgcolor, $hormenufgcolor, 10%);
padding:2.5%;
}

@media only screen and (max-width: 44em) {
.spshopitemsub2 .elmpreviewcontainer {
display:none!important;
}
}


@media only screen and (max-width: 55em) {
.spshopitemsub1 {
display:none;
}

.spshopitem>tbody>tr>.subzone:nth-child(2) {
display:none;
}
}
.backbtn {
width:100%;
text-align:right;
padding-bottom:10px;
padding-top:10px;
  float: right;

  a {
padding: 10px;
box-sizing: border-box;
background-color: $topbgcolor;
text-decoration:none;
color: $topfgcolor;
border: 0px;
text-align:center;
font-weight:300;
xtext-transform: uppercase;
}

  a:hover {
background-color: mix($topbgcolor, $topfgcolor, 50%);
}
}

@media only screen and (max-width: 44em) {
  .backbtn {
text-align:left;
  float: left;
      a {
       font-size:12px;
       padding: 5px;
    }
    
  }
}
.spshopview {

}

@media only screen and (max-width: 44em) {
.spshopviewsub1 {
display:none;
}

.spshopview>tbody>tr>.subzone:nth-child(2) {
display:none;
}
}
.fp4imgcta {
  box-sizing:border-box;
  padding:5%;
  background-color:mix($hormenufgcolor, $hormenubuttoncolor, 100%);
}
.fp1zoneFlatCta {
 padding:5%; 
  background-color:mix($hormenufgcolor, $hormenubuttoncolor, 80%);
  box-sizing:border-box;
}
.fpbigimgcon, .fpbigimgconIcnCnt {
  xmax-width:970px;
xmargin-left:auto;
xmargin-right:auto;
}

.fpbigimgcon {
  xbackground: rgba($hormenufgcolor, 0.85);
xpadding:5%;
  td, div, a, .highlight3 {
   color:$light; 
  }
}
.sp2zoneCta {

}
.spZoneContactCta {
 padding:5%; 
}
.fpcontactcon3z {

}

.fpcontactcon3zsub1, .fpcontactcon3zsub2, .fpcontactcon3zsub3 {
background-color:$lightgrey!important;
position:relative;
}

.fpcontactcon3zsub {
padding-left:25px;
}

.fpcontactcon3zsub1:before, .fpcontactcon3zsub2:before, .fpcontactcon3zsub3:before {
font-size: 16px;
font-family: FontAwesome;
color: mix($vermenubgcolor, $vermenufgcolor, 20%);
position: absolute;
left:10px;
top:11px;
}

.fpcontactcon3zsub1:before {
content: '\f007';
}

.fpcontactcon3zsub2:before {
content: '\f0e0';
}

.fpcontactcon3zsub3:before {
content: '\f098';
}
.fpcontactcon2z {

}

.fpcontactcon2zsub1 {
background-color:$lightgrey!important;
position:relative;
}

.fpcontactcon2zsub1 {
padding-left:25px;
}

.fpcontactcon2zsub1:before {
font-size: 16px;
font-family: FontAwesome;
color: mix($vermenubgcolor, $vermenufgcolor, 20%);
position: absolute;
left:10px;
top:11px;
}

.fpcontactcon2zsub1:before {
content: '\f040';
}
.fpcontactcta {
xbackground-color:mix($vermenubgcolor, $vermenufgcolor, 90%);
  background-color:transparent;
padding:5%;
box-sizing: border-box;
-webkit-border-radius: 0px;
border-radius: 0px;
}
.fpcontactcon, .fpcontactconIcnCnt {

input:focus{
    outline: none;
}


.fieldcaptiontd, .fieldrequiredtd{
display: none;
}


.fieldinputtext, .fieldtextarea {
font-size:15px;
color: $dark;
background-color:$lightgrey;
padding: 12px;
border: 0px;
-webkit-border-radius: 2px;
border-radius: 2px;
  font-family: "Barlow",sans-serif !important;
}

.fieldtextarea {
height:72px;
}



.button {
/*background-color:$buttonbg!important;
color: $buttonfg!important;
font-size:!important;
font-weight: 700!important;*/

-webkit-border-radius: 2px!important;
border-radius: 2px!important;

    height:78px!important;
xpadding:2.5%;
   background-color:$dark;
    color:$light;
    font-family: "Barlow",sans-serif !important;
  text-align:center;
padding:20px;
font-size: 20px;
font-weight: 400;
display: inline-block;
border:0px solid $contentbgcolor;
transition: all 0.3s ease, background-position 1ms;
letter-spacing:0em;
  box-shadow: 0 15px 15px -15px rgba(0,0,0,1);
  border-radius:2px;
  -webkit-appearance: none;
-moz-appearance:none;
  
}
.button:hover {
background-color:$light!important;
color: $dark!important;
}

}
.footercta {
   padding:4%;
  background-color:$layoutbgcolor;
}
.footercon {
  td, div, a {
    color:$contentbgcolor;
    text-decoration:none;
  }
}
.footericons {
  td, div, a {
    text-align:right;
font-size:1.3em;
color: $contentbgcolor;
font-family: FontAwesome;
text-decoration:none;
}
  a:hover {
color: #666666;
} 
}

@media only screen and (max-width: 30em) {
  .footericons {
  td, div, a {
    text-align:left;
}
}
}
.sp1zoneCon {
  padding:5%;
  box-sizing:border-box;
}
.sp2zoneVMcta {
  padding:5%;
}
.gmaps {

.map-responsive {
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.map-responsive iframe {
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

}
.lockimg>tbody>tr>td>div {
	background-attachment: fixed;
	background-position: center center;
}

@media only screen and (max-width: 60em) {
  .lockimg>tbody>tr>td>div {
	background-attachment: local;
}
}
.SpShopZCta {
  padding:5%;
}
.fpbigbox {
padding:8%;
padding-right:5%;
padding-top:16%;
  box-sizing:border-box;
}

@media only screen and (max-width: 65em) {
  .fpbigbox {
padding-top:20%;
}
}

@media only screen and (max-width: 44em) {
  .fpbigbox {
padding:7%;
}
}
.fpbigboxcontent {
width:55%;
float: right;
  box-sizing:border-box;
}

.fpbigboxcontentIcnCnt {
width:55%;
float: right;
}

.fpbigboxcontentsub1 {
background: rgba($contentfgcolor, 0.8);
color: $contentbgcolor;
padding: 10%;
box-sizing: border-box;

td, div, a {
text-align:none;
}

td, div {
font-size: 1.0em;
font-weight: 300!important;
color: $contentbgcolor;
}
}

@media only screen and (max-width: 55em) {


.fpbigboxcontent {
width:65%;
}
}



@media only screen and (max-width: 44em) {


.fpbigboxcontent {
width:100%;
margin-left:0px;
margin-right:0px;
}

.fpbigboxcontentsub1 {
padding: 15px;

td, div {
font-size:20px;
}
}
}
.fpbigbtn>tbody>tr>td>div {

>a{
position: relative;
color: $contentbgcolor;
box-sizing: border-box;
width:100%;
text-decoration:none;
padding:12px;
font-size: 24px;
font-weight: 500;
display: inline-block;
border:1px solid $contentbgcolor;
transition: all 0.3s ease, background-position 1ms;
letter-spacing:0em;
}

>a:hover{
color: $topfgcolor;
background-color: $topbgcolor;
}
}

@media only screen and (max-width: 70em) {
.fpbigbtn>tbody>tr>td>div {
>a{
font-size:16px;
}
}
}

@media only screen and (max-width: 45em) {
.fpbigbtn>tbody>tr>td>div {
>a{
font-size:15px;
}
}
}
.topzbasic {
padding: 25px 0px 25px 0px;
box-sizing: border-box;
}

.topzbasicsub2 {
vertical-align: middle!important;
}

.topzbasic .elmhiimgcont a {
width:390px;
height:81px;
margin-left:20px;
padding-top:0%;
padding-bottom:0%;
float:left;
background-size:100%;
background-repeat:no-repeat;
}

@media only screen and (max-width: 44em) {
.topzbasic {
border-bottom:1px dotted #cccccc;
}

.topzbasic .elmhiimgcont a {
width:300px;
height:60px;
}
}
@media only screen and (max-width: 30em) {
.topzbasic .elmhiimgcont a {
float:none;
margin-left:auto;
margin-right:auto;
}
}
.topztelbasic:before{
content: '\f098';
font-size: 25px;
top:8px;
position: absolute;
font-family: FontAwesome;
color: $contentfgcolor;
}


.topztelbasic{
float:right;
margin-right:20px;
width:170px;
position: relative;
}

.topztelbasicIcnCnt {
float:right;
margin-right:20px;
width:170px;
}

.topztelbasic {

td,  div,  a {
font-size: 25px;
color: $contentfgcolor;
text-decoration:none;
white-space: nowrap;
}

}

@media only screen and (min-width:30.0009em) and (max-width: 44em) {
.topztelbasic:before{
font-size: 20px;
top:6px;
}

.topztelbasic{
margin-right:55px;
width:130px!important;
margin-top:15px;
}

.topztelbasic {

 td, div, a {
font-size: 20px;
}
}
}

@media only screen and (max-width: 30em) {
.topztelbasic{
margin-top:5px;
float:none;
margin-left:auto;
margin-right:auto;
}
}
.fp2txtCta {
 padding:7.5%;
  box-sizing:border-box;
}
.fpbigimgcta {
 padding:5%; 
  background-color:rgba($hormenubgcolor, 0.85);
  box-sizing:border-box;
}
.fpMiddleTxtsub2 {
  vertical-align:middle!important;
}
.fpRoundbtn>div>table>tbody>tr>td>div {
-webkit-border-radius: 5px;
border-radius: 5px;
}
.SpBtmCta {
 padding:5%;
  box-sizing:border-box;
  background-color: mix($vermenubgcolor, $vermenufgcolor, 80%);
}
.refovercont { border-top: #fff 1px solid; border-left: #fff 1px solid; @include pie-clearfix; }
.publish>tbody>tr>td {
@media only screen and (min-width: 55em) {
  .refover {
    float:left;
    width: 50%;
  }
}

@media only screen and (min-width: 120em) {
  .refover {
    width: 33.3333%;
  }
}

.refover div { 
  box-sizing: border-box;
  background-size:cover;
  background-position: 50% 50%;
  background-position: center 10px;  
  
  border: 5px #fff solid;
border-right:10px #fff solid;
-webkit-border-radius: 5px;
border-radius: 5px;
}

.refover div a {
  text-align:center; 
  text-transform: uppercase;
  font-weight:400;
  color: $contentbgcolor;
  box-sizing: border-box;
  width:100%;
  text-decoration:none;
  padding-top:0%;
  padding-bottom:50%;
  font-size: 1.3em;
  display: block;
  background: rgba($contentfgcolor, 0.2);
  transition: all .2s ease-in;
  /*letter-spacing:0.1em;*/
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.refover div a:hover {
  background: rgba($topfgcolor, 0);
   xtext-shadow: 0 1px 0.5px #000000;
}
  
  .refover .linkbg {
  background-color:$maincolor;
    width:100%;
    padding:3% 0% 3% 0%;
    display:block;
    transition: all .2s ease-in;
  }

  
}
.publish .topz {
position:fixed;
right:0;
left:0;
z-index:50;
}

@media only screen and (max-width: 44em) {
.publish .topz {
height:60px;
position:relative;
right:0;
left:0;
z-index:20;
}
}

@media only screen and (max-width: 30em) {
.publish .topz {
height:60px;
position:relative;
}
}
/*Koden ligger i Stylesheet under mainmenu*/
/*Koden ligger i Stylesheet under mainmenu*/
/*Koden ligger i Stylesheet under mainmenu*/
@media only screen and (min-width:30em) {
  .mb { display:none; }
}
.mb>div {
  position:fixed;
  bottom:0px;
  right:0px;
  padding-bottom:0px;
z-index:1000;
  box-sizing:border-box;
}
.mb>div:first-child {
  width:100%;
  overflow:hidden;
  height:0px;
  transition: all .5s ease;
}
.mb>div:first-child>div {
  width:25%;
  display:inline-block;
  text-align:center;
}
.mb.mbopen>div:first-child {
  /* Height of "Panel" */
  height:70px;
}

.mb>div:last-child {
  width:25%;
  overflow:hidden;
  transition: all .5s ease;
  /* Height of "Open" button */
  height:70px;
  text-align:center;
}
.mb.mbopen>div:last-child {
  height:0px;
}

.mbcloseit+.mb.mbopen>div:first-child {
  height:0px;
}

.mbcloseit+.mb.mbopen>div:last-child {
  /* Height of "Open" button */
  height:70px;
}


.mbcloseitbtn, .mbopenitbtn {
 span{ 

background-color: mix($darkgrey,#ffffff, 80%);

  box-sizing:border-box;
   opacity: 0.95;
width:100%;
height:70px;
color: #ffffff;
font-size: 12px;
font-weight:400;
display: inline-block;
   text-align:center;
   padding-top:35px;
    position:relative;
}
}

.mbcloseitbtn, .mbopenitbtn {
 span:before {
content: '\f00d';
    font-size: 25px;
   left: 40%;
top:11px;
position: absolute;
font-family: FontAwesome;
}
}

.mbopenitbtn {
 span:before {
content: '\f067';
}}


.mbbuttona, .mbbuttonb, .mbbuttonc {
  a { 
    text-decoration:none;
    box-sizing:border-box;
   opacity: 0.95;
width:100%;
height:70px;
color: #ffffff;
background-color: $dark;
font-size: 12px;
font-weight:400;
display: inline-block;
   text-align:center;
   padding-top:35px;
    position:relative;
 }
}


.mbbuttona, .mbbuttonb, .mbbuttonc {
a:before {
    font-size: 25px;
left: 40%;
top:11px;
position: absolute;
font-family: FontAwesome;
text-align:center;
}
}

.mbbuttona a:before {
   content: '\f098';
}
.mbbuttonb a:before {
   content: '\f09c';
}

.mbbuttonc a:before {
   content: '\f075';
}
/*Koden ligger i Stylesheet under mainmenu*/
/*Koden ligger i Stylesheet under mainmenu*/
.AniImg {
  overflow: hidden;
}

.AniImg>tbody>tr>td>div {
  animation: zoominoutsinglefeatured 15s infinite ;
  
}
@keyframes zoominoutsinglefeatured {
    0% {
        transform: scale(1.2,1.2);
    }
    50% {
        transform: scale(1);
    }
    100% {
        transform: scale(1.2,1.2);
    }
}

@media only screen and (max-width: 30em) {
.AniImg>tbody>tr>td>div {
  /*-webkit-filter: blur(3px);
  -moz-filter: blur(3px);
  -o-filter: blur(3px);
  -ms-filter: blur(3x);
  filter: blur(3px);
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;*/
  }
  
  @keyframes zoominoutsinglefeatured {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1);
    }
    100% {
        transform: scale(1);
    }
}
}
.FpBigImgSec {
 box-sizing:border-box;
  padding:30px;
  margin-top:110px;
  @media only screen and (max-width: 60em) {padding:20px;}
  @media only screen and (max-width: 44em) {padding:0px;margin-top:0px;}
}
.FpBigImgSec2 {
   box-sizing:border-box;
  background-image:url(/sites/RVHEEEEE/img/orig/16d38cd0-8e11-4d17-9e24-1e9e32535a81fp-bg-img.jpg);
  @media only screen and (max-width: 30em) {background-image:url(/sites/RVHEEEEE/img/orig/4f47c877-a559-4993-98ae-f247ba363222fp-bg-img-mobil.jpg);}
  background-position: center bottom;
  background-repeat:no-repeat;
  background-size:cover;
  padding:5% 5% 2.5% 5%;
  h1, h2 {
   color:$light; 
    text-shadow: 0px 3px 3px rgba(0,0,0,0.3);
  }
  h1 {
   font-size: 46px;
    font-weight:600;       
    @media only screen and (max-width: 44em) {font-size: 32px;}
  }
  
  h2 {
   font-size: 32px;
    font-weight:400;
    @media only screen and (max-width: 44em) {font-size: 24px;}
  }
}
.BtnBigImg>tbody>tr>td, .BtnBigImg>tbody>tr>td>div {

>a{
position: relative;
color: $light;
  background-color:$dark;
box-sizing: border-box;
width:200px;
text-decoration:none;
  text-align:center;
padding:20px;
font-size: 16px;
font-weight: 400;
display: inline-block;
border:0px solid $contentbgcolor;
transition: all 0.3s ease, background-position 1ms;
letter-spacing:0em;
  box-shadow: 0 15px 15px -15px rgba(0,0,0,1);
  border-radius:2px;
}

>a:hover{
background-color: $light;
  color:$dark;
  box-shadow: 0 20px 12px -12px rgba(0,0,0,0.9);
}
}

@media only screen and (max-width: 70em) {
.BtnBigImg>tbody>tr>td>div {
>a{

}
}
}

@media only screen and (max-width: 44em) {
  .BtnBigImg>tbody>tr>td, .BtnBigImg>tbody>tr>td>div {
>a{
width:140px;
padding:10px;
  font-size: 15px;
}
}
}
.FpBigImgAni {
 padding-top:50px; 
}
.BtnTZlogin>tbody>tr>td, .BtnTZlogin>tbody>tr>td>div {

>a{
position: relative;
color: $light;
  background-color:$dark;
box-sizing: border-box;
xwidth:200px;
text-decoration:none;
  text-align:center;
padding:5px 10px;
font-size: 14px;
  text-transform: uppercase;
font-weight: 400;
display: inline-block;
border:1px solid $dark;
transition: all 0.3s ease, background-position 1ms;
letter-spacing:0em;
  xbox-shadow: 0 15px 15px -15px rgba(0,0,0,1);
  border-radius:2px;
}

>a:hover{
background-color: $light;
  color:$dark;
  border:1px solid $lightgrey;
  xbox-shadow: 0 20px 12px -12px rgba(0,0,0,0.9);
}
}



@media only screen and (max-width: 44em) {
  .BtnBigImg>tbody>tr>td, .BtnBigImg>tbody>tr>td>div {
>a{
width:140px;
padding:10px;
  font-size: 15px;
}
}
}
.FpIconSec {
 box-sizing:border-box;
  padding:5%;
  background-color: $light;
}
.BtnLghtMed>tbody>tr>td, .BtnLghtMed>tbody>tr>td>div {

>a{
position: relative;
color: $dark;
  background-color:$light;
box-sizing: border-box;
text-decoration:none;
  text-align:center;
padding:20px;
font-size: 16px;
font-weight: 400;
display: inline-block;
border:1px solid $darkgrey;
transition: all 0.3s ease, background-position 1ms;
letter-spacing:0em;
  box-shadow: 0 15px 15px -15px rgba(0,0,0,0.5);
  border-radius:2px;
}

>a:hover{
background-color: $darkgrey;
  color:$light;
  box-shadow: 0 5px 12px -12px rgba(0,0,0,0);
}
}

@media only screen and (max-width: 70em) {
.BtnLghtMed>tbody>tr>td>div {
>a{

}
}
}

@media only screen and (max-width: 44em) {
  .BtnLghtMed>tbody>tr>td, .BtnBigImg>tbody>tr>td>div {
>a{
xpadding:10px;
  xfont-size: 15px;
}
}
}
@media only screen and (min-width: 44em) {
  .blogresultRef { width: 50%; }
  .blogresultRef:nth-child(2n+2) { clear:both; }
}

@media only screen and (min-width: 70em) {
  .blogresultRef { width: 33.3333%; }
  .blogresultRef:nth-child(2n+2) { clear:none; }
  .blogresultRef:nth-child(3n+2) { clear:both; }
}

@media only screen and (min-width: 120em) {
  .blogresultRef { width: 25%; }
  .blogresultRef:nth-child(3n+2) { clear:none; }
  .blogresultRef:nth-child(4n+2) { clear:both; }
}

/* Only applies to Latest Articles at the bottom of an article */
@media only screen and (min-width: 44em) {
  .Zn1blogRef {
    .blogresult:nth-child(2n+2) { clear:none; }
    .blogresult:last-child { display: none; }
  }
}

@media only screen and (min-width: 70em) {
  .Zn1blogRef {
    .blogresult:nth-child(3n+2) { clear:none; }
    .blogresult:last-child { display: table; }
  }
}

@media only screen and (min-width: 80em) {
  .Zn1blogRef {
    .blogresult { width: 33.3333%; }
    .blogresult:nth-child(4n+2) { clear:none; }
  }
}

.blogresultRef {
  position:relative;
  float:left;
  box-sizing:border-box;
  

  
  >tbody>tr>td {
   border:1px solid $light; 
    box-sizing:border-box;
    padding:5%;
    padding-bottom:5%;
    background-color:$lightgrey;
 
  }
  
  a.blogbut {
    padding:10px!important;
    font-size: 12px!important;
    background-color:$hormenubuttoncolor;
    color:$hormenufgcolor;
    text-decoration:none;
  }

  
  padding:1px;


  
   .blogimg {
     xposition:relative;
     padding-bottom: 72.2222%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
     opacity:0;
     transition: all 2s ease;
    /* top:50px;
     background-position:center center;
       -webkit-transform: rotate(-5deg);
  -moz-transform: rotate(-5deg);
  transform: rotate(-5deg);
    
    */
  }
 .blogimg.inview {
    /*top:0px;
    transition: all 1s ease;
     -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  transform: rotate(0deg);*/
    opacity:1;
  
  }
  
  
  
  
  .blogimg>a,.blogimg>a>span { transition: all .35s ease-in; }
  .blogimg>a, #loader.loading>div {
    display:block;
    text-align:center;
    vertical-align:middle;
    position:absolute;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
    padding-top:95px;
  }
  
  .blogimg>a>span, #loader>div>span {
    position:relative;
    /*transform: translateY(-50%);  */
  }
  
  .blogimg>a {
    background-color:rgba(0, 0, 0, 0.8); 
    text-decoration: none;
    opacity: 0;
    font-size:16px;
    /*Line-height:2em;*/

    opacity: 0;
    color: #ffffff;
  }
  .blogimg>a:hover {
    opacity: 1;
  }
  .blogimg>a>span {
    top: 50%;
    Line-height:5em;
  }
  .blogimg>a:hover>span {
    top: 20%;
    Line-height:2em;
  }
  
  .blogtext {
    text-decoration:none;
    display:block;
    margin: 10px 0px 10px 0px;
    overflow-y:hidden; 
    height:6.5em;
    display:block!important;
    position:relative;
    margin-bottom:20px;
    box-sizing:border-box;
    
    .highlight2 {
      font-size:20px;
      font-weight:700;
    }
  }
  .blogtext:after {
    height:20px;
    content:'\a0';
    display:block;
    position:absolute;
    bottom:0px;
    left:0px;
    right:0px;
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
  }


  .blogdate {
    font-size:14px;
   }
}
.Zn1blogRef {
  padding:0px 30px 30px 30px;
  @media only screen and (max-width: 60em) {padding:0px 20px 20px 20px;}
  @media only screen and (max-width: 44em) {padding:0px;}
  box-sizing:border-box;
  .bloginfocta {xdisplay:none!important}

@media only screen and (max-width: 200em) {
  h1, .highlight1 {
font-size: 46px;
}

}

@media only screen and (max-width: 55em) {
  h1, .highlight1 {
font-size: 36px;
}

}
}

/* Note! Some code related to .Zn1Blog in .blogresult */
.TmpZn1FszBlog {
padding:0px;
  box-sizing:border-box;
}
.TmpZn1FszRefs {
box-sizing:border-box;
padding:6% 6% 3% 6%;
  xborder:1px solid red;
  background-color:$lightgrey;
}
.BlogNavCtaRef {
  border-top:0px solid mix( $contentbgcolor,$contentfgcolor, 90%);
  border-bottom:0px solid mix( $contentbgcolor,$contentfgcolor, 90%);
  box-sizing:border-box;
  Margin:30px 0px 0px 0px
}
.BlogNavCtaRefsub {
 padding: 20px 0px 20px 0px;
    
    table>tbody>tr>td, table>tbody>tr>td>div  {
      
      >a, {
        position: relative;
        text-decoration:none;
        background-color:$dark;
        color:$light;
        font-size:12px;
        transition: all .3s ease;
  }
      >a:hover {
       background-color:mix( $contentbgcolor,$contentfgcolor, 60%); 
      }
  }
}
.BlogNavCtaRefsub1 table>tbody>tr>td {
  >a {
    padding:10px 10px 10px 20px;
  }
  
  >a:before {
    content: '\f104';
  left: 10px;
top:8px;
position: absolute;
font-family: FontAwesome;
  transition: all .3s ease-in;
  }
}

.BlogNavCtaRefsub2 table>tbody>tr>td>div {
  >a {
    padding:10px 20px 10px 10px;
  }
  
  >a:before {
    content: '\f105';
  right: 10px;
top:8px;
position: absolute;
font-family: FontAwesome;
  transition: all .3s ease-in;
  }
}
.Reficon {
  td, div, a {
    text-align:right;
font-size:50px;
color: $light;
font-family: FontAwesome;
text-decoration:none;
}

}

@media only screen and (max-width: 44em) {
  .Reficon {
  td, div, a {
    font-size:36px;
}
}
}

.TmpZn1FszRefs {
 .Reficon {
  td, div, a {
color: $dark;
} 
}
}
.SpFllClrSec {
 padding:0px 15px 15px 15px;
  box-sizing:border-box;
  @media only screen and (max-width: 44em) { padding:0px 0px 15px 0px;}
}
.SpFllClrCont {
 padding:5%;
  box-sizing:border-box;
  background-color:$lightgrey;

}
.greygradient {
background: #f1f1f1;
/*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VhZWFlYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #eaeaea 0%, #ffffff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eaeaea), color-stop(100%,#ffffff));
background: -webkit-linear-gradient(top,  #eaeaea 0%,#ffffff 100%);
background: -o-linear-gradient(top,  #eaeaea 0%,#ffffff 100%);
background: -ms-linear-gradient(top,  #eaeaea 0%,#ffffff 100%);
background: linear-gradient(to bottom,  #eaeaea 0%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#ffffff',GradientType=0 );
border: 1px solid #d2d2d2;*/
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
/*-webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2);
-moz-box-shadow:    0px 4px 4px rgba(0, 0, 0, 0.2);
box-shadow:         0px 4px 4px rgba(0, 0, 0, 0.2);*/
padding:20px 0px 20px 0px;
margin-bottom:20px;

.shop_table {
background-color:#ffffff;
}
}
.zoneline>tbody>tr>.subzone {
background-image:url(/sites/A7BEEEEE/img/center/d5873e09-5e29-43b6-b158-3f741efbb190vert_line.gif);
background-position:center;
background-repeat:repeat-y;
}

.zoneline>tbody>tr>td.zonelinesub {
background-image:none!important;
}


@media only screen and (max-width: 30em) {
.zonelinesub {
border-bottom:1px solid #cccccc;
padding-top:20px;
padding-bottom:20px;
}
}
.kontaktform .fieldcaptiontd {
display:none;
}


.kontaktform .input, .kontaktform .fieldinputtext, .kontaktform .fieldtextarea, .kontaktform .dropdown, .kontaktform .fieldinputnumber {
padding:10px;
font-size:14px;
height:40px;
  -webkit-appearance: none;
-moz-appearance:none;
}

.kontaktform .fieldtextarea {
height:100px;
}

.kontaktform .button {
padding:2.5%;
   background-color:$dark;
    color:$light;
    font-family: "Barlow",sans-serif !important;
  text-align:center;
padding:20px;
font-size: 20px;
font-weight: 400;
display: inline-block;
border:0px solid $contentbgcolor;
transition: all 0.3s ease, background-position 1ms;
letter-spacing:0em;
  box-shadow: 0 15px 15px -15px rgba(0,0,0,1);
  border-radius:2px;
  -webkit-appearance: none;
-moz-appearance:none;
  
}
.fieldcaptiontdzn {
.fieldcaptiontd {
display: block !important;
}
}
.mediumbox, .mediumboxIcnCnt {
max-width:700px;
margin-left:auto;
margin-right:auto;
}
.sslliste {
  td, div {
   font-size:18px; 
  }
  
  ul {
list-style: none;
margin: 2em 0 1em 0;
padding: 0 0 0 1em; 
}

ul li {
padding-left: 1em;
padding-bottom:1em;
}

ul li:before {
content:'\f058'; 
font-family: FontAwesome;
display: inline-block;
width: 1.5em; 
margin-left: -1.2em; 
color:#2a698c;
}
}
.a-btn-medium {
/*background-image:url(/sites/A7BEEEEE/img/center/15252832-8cdc-44cd-b66b-5426aab9922abtn-shadow-medium.png);
background-position: bottom center;
background-repeat:no-repeat;*/
margin-top:20px;
box-sizing: border-box;
}

.a-btn-medium a {
background: #42c949;
/*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQyYzk0OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjklIiBzdG9wLWNvbG9yPSIjMGJhZDEzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTElIiBzdG9wLWNvbG9yPSIjMGE3YjA1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwNzIwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  #42c949 0%, #0bad13 9%, #0a7b05 91%, #007200 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#42c949), color-stop(9%,#0bad13), color-stop(91%,#0a7b05), color-stop(100%,#007200));
background: -webkit-linear-gradient(top,  #42c949 0%,#0bad13 9%,#0a7b05 91%,#007200 100%);
background: -o-linear-gradient(top,  #42c949 0%,#0bad13 9%,#0a7b05 91%,#007200 100%);
background: -ms-linear-gradient(top,  #42c949 0%,#0bad13 9%,#0a7b05 91%,#007200 100%);
background: linear-gradient(to bottom,  #42c949 0%,#0bad13 9%,#0a7b05 91%,#007200 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#42c949', endColorstr='#007200',GradientType=0 );*/
letter-spacing:0px;
padding:12px;
display:block;
margin-bottom:22px;
font-size:20px;
font-weight:600;
text-decoration:none;
color:#ffffff!Important;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
width:319px;
text-align:center;
margin-left: auto;
margin-right: auto;
transition: all .1s ease-in;
}

.a-btn-medium a:hover {
background: #39ad3d;
/*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM5YWQzZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjklIiBzdG9wLWNvbG9yPSIjMGE5MTBlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTElIiBzdG9wLWNvbG9yPSIjMDY2MzA0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwNWIwMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  #39ad3d 0%, #0a910e 9%, #066304 91%, #005b03 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#39ad3d), color-stop(9%,#0a910e), color-stop(91%,#066304), color-stop(100%,#005b03));
background: -webkit-linear-gradient(top,  #39ad3d 0%,#0a910e 9%,#066304 91%,#005b03 100%);
background: -o-linear-gradient(top,  #39ad3d 0%,#0a910e 9%,#066304 91%,#005b03 100%);
background: -ms-linear-gradient(top,  #39ad3d 0%,#0a910e 9%,#066304 91%,#005b03 100%);
background: linear-gradient(to bottom,  #39ad3d 0%,#0a910e 9%,#066304 91%,#005b03 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#39ad3d', endColorstr='#005b03',GradientType=0 );*/

}

@media only screen and (max-width: 30em) {
.a-btn-medium {
background-image:none;
}
.a-btn-medium a {
width:auto;
margin-left:5%;
margin-right:5%;
box-sizing: border-box;
}
}

@media only screen and (max-width: 44em) {
.a-btn-medium {
margin-top:5px;
}
}
.sslpricezn {
box-sizing:border-box;

}

.sslpriceznsub {
background-color:#ffffff;
padding-top:30px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
box-sizing:border-box;
}
@media only screen and (max-width: 44em) {
.pristable {
  td, div{
font-size:90%;
}
 h2,  .highlight1, .highlight2, .highlight3{
font-size:1em;
}
}
}
.LgtZnMed {
 box-sizing:border-box;
  padding:5%;
  background-color:$light;
}
@media only screen and (min-width: 44em) {
  .blogresult { width: 50%; }
  .blogresult:nth-child(2n+2) { clear:both; }
}

@media only screen and (min-width: 70em) {
  .blogresult { width: 33.3333%; }
  .blogresult:nth-child(2n+2) { clear:none; }
  .blogresult:nth-child(3n+2) { clear:both; }
}

@media only screen and (min-width: 80em) {
  .blogresult { width: 25%; }
  .blogresult:nth-child(3n+2) { clear:none; }
  .blogresult:nth-child(4n+2) { clear:both; }
}

/* Only applies to Latest Articles at the bottom of an article */
@media only screen and (min-width: 44em) {
  .Zn1blog {
    .blogresult:nth-child(2n+2) { clear:none; }
    .blogresult:last-child { display: none; }
  }
}

@media only screen and (min-width: 70em) {
  .Zn1blog {
    .blogresult:nth-child(3n+2) { clear:none; }
    .blogresult:last-child { display: table; }
  }
}

@media only screen and (min-width: 80em) {
  .Zn1blog {
    .blogresult { width: 33.3333%; }
    .blogresult:nth-child(4n+2) { clear:none; }
  }
}

.blogresult {
  float:left;
  box-sizing:border-box;
  
  
  
  >tbody>tr>td {
   border:1px solid $grey; 
    box-sizing:border-box;
    padding:5%;
    padding-bottom:7.5%;
    background-color:$light;
  }
  
  a.blogbut {
    padding:10px!important;
    font-size: 12px!important;
    background-color:$dark;
    color:$light;
    text-decoration:none;
  }

  
  padding:20px;

  .blogimg {
    padding-bottom:100%;
    display:block;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center center;
  }
  .blogtext {
    text-decoration:none;
    display:block;
    margin: 10px 0px 10px 0px;
    overflow-y:hidden; 
    height:6.5em;
    display:block!important;
    position:relative;
    margin-bottom:20px;
    box-sizing:border-box;
    
    .highlight2 {
      font-size:18px;
    }
  }
  .blogtext:after {
    height:20px;
    content:'\a0';
    display:block;
    position:absolute;
    bottom:0px;
    left:0px;
    right:0px;
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
  }


  .blogdate {
    font-size:14px;
   }
}
.gmsfilter .gms_combo > .gms_options {
 background-color:$light; 
  div {  color:$darkgrey;}
}



.gmsfilter .gms_cmb_spacer > div > input {
 color:$dark; 
}

.gmsfilter .gms_combo{
 background-color:$light; 
  border:1px solid $grey;
}
@media only screen and (min-width: 44em) {

.blogfilterformsub1 {
  padding-left:20px;
}

.blogfilterformsub2 {
  padding-right:15px;
}
  
}
.Zn1blog {
 background-color:$light; 
}
.fp-head {
background-image:url(/sites/A7BEEEEE/img/center/67110132-07c1-44cf-a44d-6826398fcc71img_fp_girl.jpg);
background-repeat:no-repeat;
background-position: right top;
height:175px;
}

@media only screen and (max-width: 55em) {
.fp-head h1 {
font-size:26px;
}
}

@media only screen and (max-width: 44em) {
.fp-head h1 {
font-size:22px;
}

.fp-head {
background-size:28%;
height:100px;
}
}

@media only screen and (max-width: 30em) {

.fp-head {
background-image:none;
height:auto;
}
}
.blueboxpadding {
background-color: #1e485f;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
/*-webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2);
-moz-box-shadow:    0px 4px 4px rgba(0, 0, 0, 0.2);
box-shadow:         0px 4px 4px rgba(0, 0, 0, 0.2);*/
padding:20px 0px 20px 0px;
margin-bottom:20px;
margin-top:0px;
}

.blueboxpadding h2, .blueboxpadding td, .blueboxpadding div {
color:#ffffff;
}

.blueboxpadding td, .blueboxpadding div {
font-size:16px;
}
.btnTryFaq a {
background: #42c949;
/*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQyYzk0OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjklIiBzdG9wLWNvbG9yPSIjMGJhZDEzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTElIiBzdG9wLWNvbG9yPSIjMGE3YjA1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwNzIwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  #42c949 0%, #0bad13 9%, #0a7b05 91%, #007200 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#42c949), color-stop(9%,#0bad13), color-stop(91%,#0a7b05), color-stop(100%,#007200));
background: -webkit-linear-gradient(top,  #42c949 0%,#0bad13 9%,#0a7b05 91%,#007200 100%);
background: -o-linear-gradient(top,  #42c949 0%,#0bad13 9%,#0a7b05 91%,#007200 100%);
background: -ms-linear-gradient(top,  #42c949 0%,#0bad13 9%,#0a7b05 91%,#007200 100%);
background: linear-gradient(to bottom,  #42c949 0%,#0bad13 9%,#0a7b05 91%,#007200 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#42c949', endColorstr='#007200',GradientType=0 );*/
font-family: 'Source Sans Pro', sans-serif;
font-size: 14px!important;
color: #ffffff!important;
padding: 10px 0px 10px 0px;
font-weight:bold!important;
text-transform:uppercase;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
/*-webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.2);
-moz-box-shadow:    0px 3px 3px rgba(0, 0, 0, 0.2);
box-shadow:         0px 3px 3px rgba(0, 0, 0, 0.2);*/
letter-spacing:0px;
display:block;
text-decoration:none;
}

.btnTryFaq a:hover {
background: #007200;
/*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNzIwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0MmM5NDkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #007200 0%, #42c949 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#007200), color-stop(100%,#42c949));
background: -webkit-linear-gradient(top,  #007200 0%,#42c949 100%);
background: -o-linear-gradient(top,  #007200 0%,#42c949 100%);
background: -ms-linear-gradient(top,  #007200 0%,#42c949 100%);
background: linear-gradient(to bottom,  #007200 0%,#42c949 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007200', endColorstr='#42c949',GradientType=0 );*/

font-family: 'Source Sans Pro', sans-serif;
font-size: 14px!important;
color: #ffffff!important;
padding: 10px 0px 10px 0px;
font-weight:bold!important;
text-transform:uppercase;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
/*-webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.2);
-moz-box-shadow:    0px 3px 3px rgba(0, 0, 0, 0.2);
box-shadow:         0px 3px 3px rgba(0, 0, 0, 0.2);*/
letter-spacing:0px;
display:block;
text-decoration:none;
}
.LogInZone {
 padding:3%;
  box-sizing:border-box;
  background-color: $light;
    box-shadow: 0 15px 15px -15px rgba(0,0,0,0.5);
  border-radius:2px;
  margin-bottom:5%;
  
  .advancedinput, .input, .dropdown {
   padding:2.5%;
    border:1px solid $grey;
    font-family: "Barlow",sans-serif !important;
    margin:1.5% 0%;
    box-sizing:border-box;
    -webkit-appearance: none;
-moz-appearance:none;
  }
  
  .button {
    padding:2.5%;
   background-color:$dark;
    color:$light;
    font-family: "Barlow",sans-serif !important;
    -webkit-appearance: none;
-moz-appearance:none;
  }
  
  .borderedelement {
   border:0px; 
  }
}
.BtnCongrats {
text-align:center;
>a{
position: relative;
color: $light;
  background-color:$dark;
box-sizing: border-box;
text-decoration:none;
  text-align:center;
padding:20px;
font-size: 20px;
font-weight: 400;
display: inline-block;
border:0px solid $contentbgcolor;
transition: all 0.3s ease, background-position 1ms;
letter-spacing:0em;
  box-shadow: 0 15px 15px -15px rgba(0,0,0,1);
  border-radius:2px;
}

>a:hover{
background-color: $lightgrey;
  color:$dark;
  box-shadow: 0 20px 12px -12px rgba(0,0,0,0.9);
}
}

@media only screen and (max-width: 70em) {
.BtnCongrats>tbody>tr>td>div {
>a{

}
}
}

@media only screen and (max-width: 44em) {
  .BtnCongrats>tbody>tr>td, .BtnBigImg>tbody>tr>td>div {
>a{
padding:10px;
  font-size: 15px;
}
}
}
.mview .ImgLinkAniInview>tbody>tr>td { 
  position:relative;
}

.mview .ImgLinkAniInview>tbody>tr>td>div, .mview .ImgLinkAniInview>tbody>tr>td a { 
  transition: all 1s ease;
  left:0px;
  top:100px;
  opacity:0;
  position:relative;
}

.mview .ImgLinkAniInview>tbody>tr>td>div.inview, .mview .ImgLinkAniInview>tbody>tr>td a.inview{ 
  left:0px;
top:0px;
   transition: all 1s ease;
  opacity:1;
}
.IcnZnSec {
  
}

.mview .ImgLinkAniInview>tbody>tr>td { 
  position:relative;
}

.mview .IcnZnSec>tbody>tr>td table.elmhtmlimagecenter>tbody>tr>td>div  { 
  transition: all 1s ease;
  left:0px;
  top:50px;
  opacity:0;
  position:relative;
}

.mview .IcnZnSec>tbody>tr>td table.elmhtmlimagecenter>tbody>tr>td>div.inview{ 
  left:0px;
top:0px;
   transition: all 1s ease;
  opacity:1;
}
@media screen and (max-width: 44em){
  .mb25 {
      	xmargin-bottom: 0px!important; 
  }
  .IcnZnSec{
    xborder: 1px solid pink;
  margin-top: 50px;
    
   .subzone.IcnZnSecsub .element.elmhtmlimagecenter.notres {
    	margin-bottom: 0px!important; 
      	xborder: 1px solid blue; 
    }   
  }
  .elm3.IcnZnSec{
  margin-top: 25px;
  }
}
.BlogBtnCta {
 display:none !important; 
}
.ContactOpacity {
    box-sizing:border-box;
  padding:5%;
  background: rgba($dark, 0.8);
}
.fplogozcta {
background-color:$light;
padding:8%;
box-sizing: border-box;

a {
filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
  filter: grayscale(1); /* Microsoft Edge and Firefox 35+ */
opacity:0.8;
transition: all .2s ease-in;
cursor:default;
}

a:hover {
-webkit-filter: grayscale(0);
  filter: none;
opacity:1;
transition: all .2s ease-in;
}

}
#preview { 
    xborder: 1px solid pink;
    xbackground: #e3e3e3;
    padding: 5%;
    xbackground: #e3e3e3; 
  	position: inline-block; 
  	box-sizing: border-box;
  
  .texter{ 
    
   text-align: center; 
    display: block;
  }
  
 .play-GIF1 { 
    width: 53px;
    height: 54px;
    background-image: url('/sites/RVHEEEEE/img/article/86deda61-028b-40bd-81e5-27d782f2683dDashboard-once.gif');
    background-size: 100%; 
    background-position: center center; 
   	margin: auto;
}   
 	/*.play-GIF1:hover {
    background-image: url('/sites/RVHEEEEE/img/article/01b895eb-8f6b-4b2f-bdf8-20149bf8a11fDashboard-looping.gif');
    background-repeat:no-repeat;
    width: 53px;
    height: 54px;
    background-size: 100%; 
    background-position: center center; 
   	margin: auto;
}*/
  }
#preview { 
    xborder: 1px solid pink;
  xbackground: #e3e3e3;
    padding: 5%;
    xbackground: #e3e3e3; 
  	position: inline-block; 
  	box-sizing: border-box;
  
  .texter{ 
   text-align: center; 
    display: block;
  }
  .play-GIF12{
    background-image: url('sites/RVHEEEEE/img/article/77e0bae7-2e5d-472d-ac9e-93ba0efeb5eaDashboard-8color.gif');
    xbackground-repeat:no-repeat;
    width: 53px;
    height: 54px;
    background-size: 100%; 
    background-position: center center; 
   	margin: auto;
}
}
#preview2 { 
    xborder: 1px solid pink;
    xbackground: #e3e3e3;
    padding: 5%;
    xbackground: #e3e3e3; 
  	position: inline-block; 
  	box-sizing: border-box;
  
  .texter2{ 
    
   text-align: center; 
    display: block;
  }
  
 .play-GIF21 { 
    width: 53px;
    height: 54px;
    background-image: url('sites/RVHEEEEE/img/article/8e7484ee-82b8-4d66-bea2-d48b4b1cabd8Settings-once.gif');
    background-size: 100%; 
    background-position: center center; 
   	margin: auto;
}   
  }
#preview2 { 
    xborder: 1px solid pink;
  xbackground: #e3e3e3;
    padding: 5%;
    xbackground: #e3e3e3; 
  	position: inline-block; 
  	box-sizing: border-box;
  
  .texter2{ 
   text-align: center; 
    display: block;
  }
  .play-GIF22{
    background-image: url('sites/RVHEEEEE/img/article/a5e9d78c-9478-4ad9-b254-cec902db98f8Settings-looping.gif');
    xbackground-repeat:no-repeat;
    width: 53px;
    height: 54px;
    background-size: 100%; 
    background-position: center center; 
   	margin: auto;
}
}
#preview3 { 
    xborder: 1px solid pink;
    xbackground: #e3e3e3;
    padding: 5%;
    xbackground: #e3e3e3; 
  	position: inline-block; 
  	box-sizing: border-box;
  
  .texter3{ 
    
   text-align: center; 
    display: block;
  }
  
 .play-GIF31 { 
    width: 53px;
    height: 54px;
    background-image: url('sites/RVHEEEEE/img/article/7e31f6ac-f36d-4098-84ac-7961c485c973Labe-oncel.gif');
    background-size: 100%; 
    background-position: center center; 
   	margin: auto;
}   
  }
#preview3 { 
    xborder: 1px solid pink;
  xbackground: #e3e3e3;
    padding: 5%;
    xbackground: #e3e3e3; 
  	position: inline-block; 
  	box-sizing: border-box;
  
  .texter3{ 
   text-align: center; 
    display: block;
  }
  .play-GIF32{
    background-image: url('sites/RVHEEEEE/img/article/fe042f16-9630-40c2-9179-caeaec0485a9Label-once.gif');
    xbackground-repeat:no-repeat;
    width: 53px;
    height: 54px;
    background-size: 100%; 
    background-position: center center; 
   	margin: auto;
}
}
.ZnIcnFP {
 xbackground-color:red;
  padding:10%;
  margin-bottom:50px;
  transition: all 0.3s ease;
  border:1px solid $light;
}

.ZnIcnFP:hover {
 xbackground-color:yellow;
x-webkit-box-shadow: 0 0 3px 3px rgba(0,0,0,0.1);
xbox-shadow: 0 0 3px 3px rgba(0,0,0,0.1);
  border:1px solid $lightgrey;
  transition: all 0.3s ease;

}

@media screen and (max-width: 44em){
   #ZoneLayout1899858 #ZoneLayout1903816 .element{
        xborder:1px solid cyan;
         margin-bottom:0px!important;
       }
   .IcnZnSec {
    xborder: 1px solid green;
    margin-top: 0px !important;
     
     .ZnIcnFP{ margin-bottom: 0px!important;
     table:first-child{
    xbackground-color: green;
  padding:0px!important;
    xbackground-color:pink; 
}  
      
       
       >tbody>tr>td table.elmhtmlimagecenter>tbody>tr>td>div{
       margin-bottom: 10px!important;
       }
}
  #ZoneLayout1903816 .element {
    top: -25px!important;
    margin-bottom: 25px!important;
}
 
  .mb50 {
      margin-bottom: 0px!important;
    }
}
}
.VareStyling {
  /*---------Webshop Vare--------*/

.shop_table {
background-color: #ffffff;
  margin-bottom:3%;
  border: mix($vermenubgcolor, $vermenufgcolor, 90%) solid 1px;
}


.news_header, .shop_price, .shop_stock, .shop_multistock{
border-bottom: mix($vermenubgcolor, $vermenufgcolor, 90%) solid 1px;
padding:3%;
  background-color: #ffffff;
}

.shop_uidrow{
.news_header,  .shop_stock, .shop_multistock {
 padding:0% 3% 2% 3%!important; 
}
}

.shop-detail-name-td, .shop-detail-field-td, .shop-detail-required-cell, .shop_order_box {
border-top: mix($vermenubgcolor, $vermenufgcolor, 90%) solid 1px;
}

.news_main {
padding:3%;
td,div,a {
color:$contentfgcolor!important;
}
  img {
    
   margin-left:3%; 
  }
}

.shop_order_box {
  padding:3%;
.input, .button {
font-size: 13px;
-webkit-border-radius: 0px;
border-radius: 0px;
border:1px solid mix($vermenubgcolor, $vermenufgcolor, 80%);
height:26px!important;
}

.button {
background-color: $dark;
color: $light;
cursor:pointer;
height:30px!important;
-webkit-appearance: none;
}
}

.shop_title, .shop_price {
font-size: 1.3em;
}
  
  .itemdetailfield {
    -webkit-appearance: none;
    padding:10px;
    border:1px solid mix($vermenubgcolor, $vermenufgcolor, 80%);
  }

@media only screen and (max-width: 44em) {
 .shop_title, .shop_price {
font-size: 1em;
} 
}

}
.FpBBtnLeft { 
 /* Kode til Google Analytics */
}
.FpBBtnRight { 
 /* Kode til Google Analytics */
}
.faqzone3 h1 {
font-size:24px;
}

.faqzone3 h2, .faqzone3 .highlight2 {
font-size:22px;
}

.faqzone3>tbody>tr>.subzone {
background-image:url(/sites/A7BEEEEE/img/center/d5873e09-5e29-43b6-b158-3f741efbb190vert_line.gif);
background-position:center;
background-repeat:repeat-y;

}

.faqzone3>tbody>tr>td.faqzone3sub {
background-image:none!important;
}

@media only screen and (max-width: 55em) {

.faqzone3sub3{
display:none!important;
}

.faqzone3>tbody>tr>.subzone:nth-child(4) {
    display:none;

}

}
.searchelement {

.input {
font-size:15px;
color: $dark;
background-color:$light;
padding: 15px;
border: 1px solid $darkgrey;
x-webkit-border-radius: 3px!important;
xborder-radius: 3px!important;
box-sizing:border-box;
xwidth:95%!important;
}

.button {
background-color:$dark!important;
border:0px;
color: #ffffff!important;
font-size:20px!important;
font-weight: 700!important;
height:52px;
x-webkit-border-radius: 3px!important;
xborder-radius: 3px!important;
}
.button:hover {
background-color:$primary2!important;
color: #ffffff!important;
}
  
hr {
  border-top: 1px solid rgba(51,51,51,1.0);
  margin-left: 0px;
  margin-right: 0px;
  }
  
.searchlistitem {
	padding-top: 15px;
	padding-bottom: 10px;  
  }
.searchlink a {
	font-weight: 700;
  }

}
#CybotCookiebotDialog {
    box-sizing: border-box!important;
    padding:5%!important;
    @media only screen and (min-width: 44em) {padding:3% 0%!important;}
    background-color:#000000!important;
    
    /*Tekst-felt*/
    #CybotCookiebotDialogBodyContent {
      td, div, a {
      font-family: 'Barlow', sans-serif!important;
    color:#ffffff!important;
      font-size: 14px!important;} 
    }
    /*Primær overskrift*/
    #CybotCookiebotDialogBodyContentTitle {
    font-size: 16px!important;
    color: #ffffff!important;
    }
    /*Knapper*/
    #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelectionWrapper {
    width:100%!important;
      a {
    font-family: 'Barlow', sans-serif!important;
  	color:#ffffff!important;
        font-size: 14px!important;
        padding:10px 0px!important;
        width:100%!important;
        @media only screen and (min-width: 44em) {width:32%!important;}
        margin:0px!important;
        margin-top:10px!important;
        margin-bottom:10px!important;
        @media only screen and (min-width: 44em) {float: right;margin-left:2%!important;}
        box-sizing: border-box;
        height: auto;
        
    }
    #CybotCookiebotDialogBodyLevelButtonLevelOptinDeclineAll, 
    #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection,
    #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll {
      
    }
    
       #CybotCookiebotDialogBodyLevelButtonLevelOptinDeclineAll {
      margin-left:0px!important;
    }
    }
    #CybotCookiebotDialogBodyLevelDetailsButton {
        font-family: 'Barlow', sans-serif!important;
       font-size:12px!important;
       width:100%!important;
     }
    
       
    #CybotCookiebotDialogBodyLevelButtonsSelectPane {
    font-family: 'Barlow', sans-serif!important;
    color:#ffffff!important;
    font-size:12px!important;
    }

    #CybotCookiebotDialogPoweredbyLink {display:none!important;}

    #CybotCookiebotDialogBodyContent {
        padding: 12px 0 2px 2px!important;
}
    #CybotCookiebotDialogBodyLevelButtonsRow label {
    font-size:14px!important;
    }

    #CybotCookiebotDialogBodyLevelButtonsTable {
        @media only screen and (max-width: 44em) {width:100%!important;}
    }

  
}




/*SAMTYKKE POPUP*/

#gmscookiefuncrecincaccdialog {
  .button {
  font-size:14px!important;
    padding:10px!important;
    background-color:black!important;
    color:white!important;
    font-family: 'Barlow', sans-serif!important;
  
  }

}

.fade-in {
animation: fadeIn ease 4s;
-webkit-animation: fadeIn ease 4s;
-moz-animation: fadeIn ease 4s;
-o-animation: fadeIn ease 4s;
-ms-animation: fadeIn ease 4s;
}
@keyframes fadeIn {
0% {opacity:0;}
  50% {opacity:0;}
100% {opacity:1;}
}



.CookiePopupBtn{
  z-index:100;
position:fixed;
 left:0px;
 bottom:-5px;
  @media screen and (max-width: 44em){bottom:65px;}
  opacity: 0.0;
animation: fadeIn ease 4s;
-webkit-animation: fadeIn ease 4s;
  animation-fill-mode: forwards;
  
span:before{
   content: url('/img/cookie.svg');
    left: 6px;
	top:6px;
  width:25px;
  height:25px;
  position:absolute;
  transition: all .2s ease-in;
}

span{
background-color: black;


font-weight:400;
position: relative;
color: #ffffff;
box-sizing: border-box;
text-decoration:none;
padding:10x;
font-size: 20px;
display: inline-block;
-webkit-border-radius: 0 20px 0 0;
border-radius: 0 20px 0 0;
transition: all .2s ease-in;
 width:40px;
  height:40px;
  @media screen and (max-width: 44em){
  -webkit-border-radius: 0 20px 20px 0;
border-radius: 0 20px 20px 0;
  
  }
}

span:hover:before{
  transition: all .2s ease-in;
  width:30px;
  height:30px;
      left: 9px;
	top:9px;
}

span:hover{
-webkit-border-radius: 0 25px 0 0;
border-radius: 0 25px 0 0;
   width:50px;
  height:50px;
xbackground-color:  grey;
transition: all .2s ease-in;
}
}


.editmode .infozoneCta {
 border:red 2px solid; 
}
.infoblocklink {
padding:20px;
background-color:$lightgrey;
}

.infoblocklinkopen { 
background-color: $lightgrey;
}
.bullit001:before {
content: '\f13a    ';
font-size: 16px;
font-family: FontAwesome;
color: $primary;
position: absolute;
  top: .0em;
 left: .0em;
}

.bullit001 {
position: relative;
padding-left:25px;
}

.bullit001 td, .bullit001 div, .bullit001 a{
font-size: 16px;
font-weight: 400;
color: $contentfgcolor;
text-decoration:none;
}

@media only screen and (max-width: 44em) {

.bullit001 td, .bullit001 div, .bullit001 a{
font-size: 14px;
}
}
.publish .infoshowmore{ 
display:table;
position: relative;
padding-right:20px;
a {
text-decoration:none;
font-size:16px;
white-space: nowrap;
}

a:after{
content: '\f107';
font-size: 20px;
font-family: FontAwesome;
color: $contentfgcolor;
position: absolute;
 right: 0em;
}
}
.publish .infoblocklinkopen .infoshowmore{ display:none; }

@media only screen and (max-width: 44em) {
.publish .infoshowmore{ 
a {
font-size:14px;
}
a:after{
font-size: 14px;
}
}
}
.publish .intoshowless { display:none; }
.publish .infoblocklinkopen .intoshowless { 
display:table;
position: relative;
padding-right:20px;
a {
text-decoration:none;
font-size:16px;
white-space: nowrap;
}

a:after{
content: '\f106';
font-size: 20px;
font-family: FontAwesome;
color: $contentfgcolor;
position: absolute;
 right: 0em;
}
}


@media only screen and (max-width: 44em) {
.publish .infoblocklinkopen .intoshowless { 
a {
font-size:14px;
}
a:after{
font-size: 14px;
}
}
}
.infoblockcontent.publish,
.zonelayout.publish>tbody>tr>td>.infoblockcontent,
.zonelayout.publish>tbody>tr>td>.zonewrapper>.infoblockcontent {
  display:none;
}
.infoblockcontainer {
  overflow:hidden;
  height:0px;
  transition: all 0.5s ease;
  background-color: $darkgrey;
-webkit-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
  td,div, a {
   color:#ffffff; 
  }
  >.infoblockcontent.publish {
    display:table;
  }
}
.infoblockcontainer.notrans {
  transition: none;
}


.element.infoblockcontent>tbody>tr>td {
padding:3%;

}
.varezone {
box-sizing:border-box;
  xpadding:5%;
  background-color:$light;
  border: $lightgrey solid 3px;
  
  .VareStyling .news_header, .VareStyling .shop_price, .VareStyling .shop_stock, .VareStyling .shop_multistock {
    display:none!important;
    border-bottom: transparent solid 1px;
    padding: 3%;
    background-color: $lightgrey;
}
  
  .VareStyling .shop-detail-name-td, .VareStyling .shop-detail-field-td, .VareStyling .shop-detail-required-cell, .VareStyling .shop_order_box {
    border-top: #e6e6e6 solid 0px;
}
  
  .VareStyling .shop_table {
    background-color: transparent;
    margin-bottom: 3%;
    border: transparent solid 1px;
}
  
}
.varezonehead {
background-color:$lightgrey;
box-sizing:border-box;
}

.varezoneheadsub {
padding:3.5%;
}
  
  
.varezonecontent {
padding:2% 5%;
}
.VareknapperZnsub {
  box-sizing:border-box;
  background-color:$lightgrey;
  padding:3%;
  border:3px solid $grey;
  
  a {text-decoration:none;
  display: block;
    xfont-size:16px;
  }

}
.MenuAnchor {
  td,div {color:$light;}
  padding-bottom:100px;
  @media only screen and (max-width: 44em) {padding-bottom:20px;}
  display:block;
}