@charset "utf-8";
@font-face{font-family:'RubberSmyril';src:url('/Files/Filer/Fonts/Rubber-Smyril.ttf')}
@font-face{font-family:'Lexia';src:url('/Files/Filer/Fonts/Lexia-Regular.ttf')}
@font-face {font-family:titi;src:url(/Files/Filer/Fonts/Titillium/TitilliumWeb-Regular.ttf);}
@font-face {font-family:manus;src:url(/Files/Filer/Fonts/Manus/JOEBOB-graphics-Manus.ttf);}

:root{
  --action-color:var(--orange);
  --panel-color:var(--lime);

  --contentwidth-desktop:1010px;
  --contentwidth:var(--contentwidth-desktop);
  --topimageheight:525px;

  --font-family:"Lexia", "Arial", Helvetica, serif;
  --font-color:#333;
  --font-text:#333;
  --font-size:13px;
  --link-text:var(--dark-cyan-blue);
  --link-color:var(--dark-cyan-blue);

  --nav-font-family:titi,var(--font-family);
  --nav-font-text:var(--font-text);

  --headline-font-family:titi,var(--font-family);
  --headline-text:var(--lime);
  --headline-color:var(--lime);
  --headline-transform:uppercase;
  --subheadline-text:var(--black);
  --subheadline-color:var(--black);

  --headline-h1-family:var(--headline-font-family);
  --headline-h1-weight:bold;
  --headline-h1-text:var(--lime);
  --headline-h1-transform:none;
  --headline-h1-size:3.5em;

  --item-heading-color:var(--headline-color);
  --item-subheading-color:var(--item-heading-color);

  --panel-bg:var(--greenish-gray);
  --panel-text:#fff;
  --panel2-bg:var(--dark-cyan-blue,#00abdf);


  --line-height:1.35em;
  --line-height-low:1.1em;
  --maincol:60%;
  --rightcol:30%;
  --maincol-minwidth:60%;
  --rightcol-minwidth:249px;
  --rightcol-bg:none;
  --gutterwidth:15px;
  --font-color-main:var(--font-color);
  --link-color-main:var(--link-color);
  --background-color-main:var(--lime);
  --font-color-scream:var(--greenish-gray);
  --pricetag-text:var(--action-color);
  --pricetag-bg:none;

  --smy-1:rgba(19,41,38,.8);
  --smy-2:rgb(0, 163, 219);
  --smy-3:rgb(211, 211, 211);
  --smy-4:rgb(176,186,139);

  --lime:#8abbbc;
  --greenish-gray:#AFBA9D;
  --dark-cyan-blue:#3E5F6D;
  --orange:#e77a30;
  --pink: rgb(196,0,122);
  --blue:#00abdf;
  --yellow:#E1B600;
  --white:#fff;
  --gray:#eee;
  --black:#000;
  --dark-gradient:linear-gradient(to bottom, rgba(72,94,92,1) 0%,rgba(27,51,54,1) 100%);

  --listitem-width:30%;
  --listitem-height:var(--listitem-minwidth);
  --listitem-minwidth:225px;
  --listitem-maxwidth:450px;
  --teaserbox-minwidth:200px;
  --teaserboxitem-minwidth:calc(var(--teaserbox-minwidth) / 2);

  --tab-bg:var(--panel-bg);
  --tab-text:var(--panel-text);
  --tab-active-bg:none;
  --tab-active-text:var(--font-text);

  --box-bg:var(--gray);
  --box-text:;

  --page-bg:#fff;
  --section-bg:var(--page-bg);
  --item-bg:none;
  --product-item-bg:none;

  --section-bottom-bg:var(--lime);

  --offer-bg:var(--action-color);
  --offer-text:#fff;

  --btn-bg:var(--panel-bg);
  --btn-text:var(--panel-text);
}

/* basic start */
html {font-family:"lexia",arial;color:var(--font-text);line-height:1.35em;box-sizing: border-box;border-style:solid;border-color:#333;border-width:0;}
/* background color (in hsl values) */
html:not([lang="de-DE"]){--h:0;--s:0%;--l:100%;}
html[lang="de-DE"]{--h:0;--s:0%;--l:93%;}
html{
  --l-tone-light: calc(var(--l) - 15%);
  --l-tone-dark: calc(var(--l) - 30%);
  --page-bg: hsl(var(--h), var(--s), var(--l));
  --page-bg-tone-light: hsl(var(--h), var(--s), var(--l-tone-light));
  --page-bg-tone-dark: hsl(var(--h), var(--s), var(--l-tone-dark));
  --bg-gradient-light:linear-gradient(var(--page-bg-tone-light) 20%, var(--page-bg) 40%);
  --bg-gradient-dark:linear-gradient(var(--page-bg-tone-dark) 20%, var(--page-bg) 40%);
  --bg-gradient-sunny:linear-gradient(135deg,  rgba(225,182,0,1) 0%,rgba(219,175,0,0.7) 50%,rgba(225,182,0,1) 100%);
  --bg-gradient-dark-cyan-blue:linear-gradient(var(--dark-cyan-blue) 20%, var(--page-bg) 40%);
  --bg-dark:linear-gradient(to bottom, rgba(72,94,92,1) 0%,rgba(27,51,54,1) 100%);
}

*, *:before, *:after {
  box-sizing: inherit;
}

body{margin:0;background-color:var(--page-bg);font-size:var(--font-size);overflow-x:hidden;}

h1,h2,h3,h4{
    margin:10px 0 5px 0;
    color:var(--subheadline-text);
    line-height:var(--line-height);
    font-weight:var(--headline-font-weight,bold);
    font-family:titi,"lexia",arial;font-family:var(--headline-font-family);
    text-transform:var(--headline-transform,uppercase);
}
h1{font-size:var(--headline-h1-size);color:var(--headline-text);font-family:var(--headline-h1-family);font-weight:var(--headline-h1-weight);text-transform:var(--headline-h1-transform);}
h2{font-size:22px;font-size:1.75em;font-weight:normal;}
h3{font-size:18px;font-size:1.25em;}
h4{font-size:14px;font-size:1em;}

h1 > p,h2 > p,h3 > p,h4 > p{font-size:inherit;}

p{font-size:var(--font-size);margin:0;}

a{color:var(--section-link-text);}

a img{border:none;}

img{max-width:100%;height:auto;}

ul{
    margin:0;padding:0;
    list-style-type:bullet;
    list-style-position: outside;
    padding-left:15px;
    margin:.5em 0;
}

li{margin:0;margin-bottom:.25em;padding:0;list-style-image:url(/files/Billeder/00_General/Graphics/2012/bullet.png);}

dl{}
dl dt{}
dl dd{}

hr {color: #333;}

/* basic end */


.bg-lime{
    background-color:var(--lime);
}
.bg-orange{
    background-color:var(--orange);
}

.btn{
  margin:20px 0;
  display:inline-block;
}

.pricetag{color:var(--pricetag-text);}

.btn.offer{
  --btn-bg:var(--scream-text);
  --btn-text:#fff;
  --btn-link-text:#fff;
}

.pagebody{background:var(--page-bg);display:flex;flex-direction:column;}

.section{background:var(--section-bg);color:var(--font-text);order:5;}
.top-section{order:1;}
.breadcrumb-section{order:2;}
.headline-section{order:2;}
.product-section{order:3;}
.content-section{order:3;}
.tabs-section{order:6}
.ads-block.section{order:9}
.bottom-section.section{order:10;}
.bottom-contact.section{order:10;}

.item-heading{color:var(--item-heading-text);}
a:not(.btn){color:var(--link-text);}
ul.nav a{font-family:var(--nav-font-family);color:var(--nav-font-text);text-decoration:none;}


/* general "box" layout - theme */
.box{background:var(--box-bg,page-bg);color:var(--box-text,font-text); padding:15px 30px;}
.box p{color:var(--,font-text);}
.box a{var(--link-text);}
.box .heading,.box h1,.box h2{color:var(--item-heading-text);}
.box h3{font-size:1.25em;}
.box h3,.box h4{color:var(--item-subheading-text);}
.box a.btn{background:var(--btn-bg);color:var(--btn-text);}

.teaserbox2015 h1{color:var(--headline-text);}
.teaserbox2015 h2,.teaserbox2015 h3,.teaserbox2015{color:var(--subheadline-color;)}

/* themes */
.themeDefault{--item-bg:var(--panel-bg);--link-color:var(--orange);--font-text:var(--panel-text);--item-heading-color:var(--white);--item-subheading-color:var(--item-heading-text);--pricetag-font-color:var(--orange);}
.themeDefault .btn{--btn-bg:var(--action-color);--btn-text:var(--white);}

.themeSmy-1{--item-bg:var(--smy-1);--link-color:var(--orange);--font-text:var(--white);--item-heading-color:var(--white);--item-subheading-color:var(--item-heading-text);--pricetag-font-color:var(--orange);}
.themeSmy-1 .btn{--btn-bg:var(--smy-2);--btn-text:var(--white);}

.themeSmy-2{--item-bg:var(--smy-2);--link-color:var(--orange);--font-text:var(--white);--item-heading-color:var(--white);--item-subheading-color:var(--item-heading-text);--pricetag-font-color:var(--orange);}
.themeSmy-2 .btn{--btn-bg:var(--smy-3);--btn-text:var(--white);}

.themeSmy-3{--item-bg:var(--smy-3);--link-color:var(--orange);--font-text:var(--white);--item-heading-color:var(--white);--item-subheading-color:var(--item-heading-text);--pricetag-font-color:var(--orange);}
.themeSmy-3 .btn{--btn-bg:var(--smy-4);--btn-text:var(--white);}

.themeSmy-4{--item-bg:var(--smy-4);--link-color:var(--orange);--font-text:var(--white);--item-heading-color:var(--white);--item-subheading-color:var(--item-heading-text);--pricetag-font-color:var(--orange);}
.themeSmy-4 .btn{--btn-bg:var(--smy-1);--btn-text:var(--white);}

.themeLime{--item-bg:var(--lime);--link-color:var(--orange);--font-text:var(--white);--item-heading-color:var(--white);--item-subheading-color:var(--item-heading-text);--pricetag-font-color:var(--orange);}
.themeLime .btn{--btn-bg:var(--orange);--btn-text:var(--white);}

.themeDark-cyan-blue{--item-bg:var(--dark-cyan-blue);--link-color:var(--greenish-gray);--font-text:var(--white);--item-heading-color:var(--white);--item-subheading-color:var(--item-heading-text);--pricetag-font-color:var(--greenish-gray);}
.themeDark-cyan-blue .btn{--btn-bg:var(--orange);--btn-text:var(--white);}

.themeGreenish-gray,.themeGreenish-Gray{--item-bg:var(--greenish-gray);--link-color:var(--orange);--font-text:var(--white);--item-heading-color:var(--white);--item-subheading-color:var(--item-heading-text);--pricetag-font-color:var(--orange);}
.themeGreenish-gray .btn,.themeGreenish-Gray .btn{--btn-bg:var(--orange);--btn-text:var(--white);}

.themeOrange{--item-bg:var(--orange);--link-color:var(--lime);--font-text:var(--white);--item-heading-color:var(--font-text);--item-subheading-color:var(--item-heading-text);--pricetag-font-color:var(--dark-cyan-blue);}
.themeGray .btn{--btn-bg:var(--dark-cyan-blue);--btn-text:var(--white);}

.themeExplorer{--item-bg:var(--blue);--link-color:var(--yellow);--font-text:var(--white);--item-heading-color:var(--white);--item-subheading-color:var(--item-heading-text);--pricetag-font-color:var(--font-text);}
.themeExplorer .btn{--btn-bg:var(--white);--btn-text:var(--font-text-main);}

.themeBlack{--item-bg:var(--bg-dark);--link-color:var(--yellow);--font-text:var(--white);--item-heading-color:var(--white);--item-subheading-color:var(--item-heading-text);--pricetag-font-color:var(--link-text);}
.themeBlack .btn{--btn-bg:var(--yellow);--btn-text:var(--font-text-main);}

.themeGray{--item-bg:var(--gray);}
.themeGray .btn{}

.themeWhite{--item-bg:var(--white);--link-color:var(--blue);--font-text:var(--font-text-main);--item-heading-color:var(--font-text-main);--item-subheading-color:var(--item-heading-text)}

.themeSunny{--link-color:var(--white);--font-text:var(--font-text-main);--item-heading-color:var(--font-text-main);--item-bg:var(--yellow);--item-subheading-color:var(--item-heading-text)}
.themeSunny .btn{--btn-bg:var(--black);--btn-text:var(--white);}

/* sections */
.ads-block.section{--section-bg:var(--gray);--link-color:var(--lime);--font-text:var(--font-text-main);--item-heading-color:var(--font-text-main);--item-subheading-color:var(--item-heading-text);--scream-color:var(--dark-cyan-blue);}
.ads-block.section .btn{--btn-bg:var(--lime);--btn-text:var(--white);}

.bottom-section{--section-bg:var(--section-bottom-bg,red);--link-color:var(--white);--font-text:var(--white);--item-heading-color:var(--white);--scream-color:var(--orange);--link-text:#fff;}
.bottom-section .btn{--btn-bg:var(--white);--btn-text:var(--lime);}
.bottom-section .btn.offer{--btn-bg:var(--scream-text);--btn-text:var(--white);--btn-link-text:var(--white);}


.item-content-padding .item-content{padding-right:15px;padding-left:15px;}
ul.nomargin li{margin:0;}

  .item-heading{
  font-size:16px;
  font-weight:bold;
  text-transform:uppercase;
  color:var(--item-heading-text);
}

img.left,img.right{width:40%;margin:10px;clear:both;}
img.small{width:30%;}
img.extra-small{width:15%;}
img.fullsize{width:100%;}
img.left{float:left;margin-left:0;}
img.right{float:right;margin-right:0;}
iframe{max-width:100%;}

dl.blocks dt,dl.blocks dd{display:block;}
dl.blocks dt{}
dl.blocks dd{margin:0 0 15px 0;}

dl.inline{}
dl.inline dt,dl.inline dd{float:left;}
dl.inline dt{clear:both;margin-right:10px;width:30%;min-width:150px;}
dl.inline dd{display:inline;}