@charset "UTF-8";
/*

Built by Big South
URL: http://www.bigsouth.se

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

@-webkit-viewport {
  width: device-width; }
@-moz-viewport {
  width: device-width; }
@-ms-viewport {
  width: device-width; }
@-o-viewport {
  width: device-width; }
@viewport {
  width: device-width; }
html {
  background: #ffffff;
  -webkit-overflow-scrolling: touch;
  -webkit-tap-highlight-color: #f6f5f5;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

body {
  margin: 0;
  padding: 0;
  width: 100%;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5em;
  color: #000; }

body:after {
  content: '320';
  display: none; }
  @media (min-width: 30em) {
    body:after {
      content: 'bp2'; } }
  @media (min-width: 37.5em) {
    body:after {
      content: 'bp3'; } }
  @media (min-width: 48em) {
    body:after {
      content: 'bp4'; } }
  @media (min-width: 62em) {
    body:after {
      content: 'bp5'; } }
  @media (min-width: 86.375em) {
    body:after {
      content: 'bp6'; } }

.m-hide {
  display: none !important;
  visibility: hidden; }

@media screen and (max-width: 480px) {
  .hide-for-bp2 {
    display: none !important;
    visibility: hidden; } }

.hovered {
  display: block !important; }

/* ------------------------------------------------------------
START HAMBURGER MENU!! :D
----------------------------------------------------------------- */
.menu {
  background-color: #fff;
  left: -320px;
  /* start off behind the scenes */
  -webkit-font-smoothing: antialiased;
  position: fixed;
  width: 320px;
  top: 0;
  bottom: 0;
  z-index: 120;
  font-size: 1em;
  padding: 20px;
  display: block;
  overflow: auto; }
  .menu .please--close {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 20px;
    height: 20px;
    background-image: url(../img/box-selected.png);
    background-size: cover;
    cursor: pointer; }
    .menu .please--close:hover {
      background-image: url(../img/box-closer.png); }
  .menu .main--logo {
    margin-top: 40px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    border-bottom: 1px solid #cccccc; }
  .menu ul {
    font-family: 'Lato', sans-serif;
    font-size: 1.125em;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #cccccc;
    line-height: 1.5em; }
    .menu ul li {
      padding: 0px 20px; }
      .menu ul li a {
        color: black;
        text-decoration: none;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        text-transform: uppercase; }
      .menu ul li a:hover {
        color: #6DBCE3; }
    .menu ul.sub {
      font-size: 1em; }
      .menu ul.sub a {
        text-transform: none; }
  .menu .social {
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #cccccc; }
    .menu .social img {
      max-width: 30px; }
  .menu .fragor {
    padding-left: 20px;
    padding-right: 20px; }
    .menu .fragor h4 {
      line-height: 1em;
      line-height: 1em;
      padding-bottom: 20px; }
    .menu .fragor p {
      font-size: 0.875em;
      font-family: 'lora'; }
      .menu .fragor p a {
        text-decoration: underline; }

.wrapper {
  position: absolute;
  left: 22px;
  top: -8px;
  cursor: pointer; }
  @media screen and (max-width: 669px) {
    .wrapper {
      left: 22px;
      top: 90px; } }
  @media screen and (max-width: 480px) {
    .wrapper {
      left: 22px;
      top: 52px; } }

.hamburger {
  width: 36px;
  z-index: 90; }

.is-moved {
  position: fixed;
  top: 10px;
  left: 270px;
  -webkit-transition: all 0.3s ease-out; }

.hamburger .hamburger-piece {
  margin-bottom: 8px;
  height: 5px;
  position: relative; }

.hamburger .hamburger-piece .half {
  width: 50%;
  float: left;
  height: 5px;
  background-color: #000;
  -webkit-transition: -webkit-transform 0.3s ease-in-out, background-color 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out, transform 0.3s ease-in-out, background-color 0.3s ease-in-out; }

.hamburger .hamburger-piece.top-bun {
  z-index: 10; }

.hamburger .hamburger-piece.top-bun .left {
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0; }

.hamburger .hamburger-piece.top-bun .right {
  -webkit-transform-origin: 20px 0;
  -ms-transform-origin: 20px 0;
  transform-origin: 20px 0; }

.hamburger .hamburger-piece.bottom-bun .left {
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0; }

.hamburger .hamburger-piece.bottom-bun .right {
  -webkit-transform-origin: 20px 0;
  -ms-transform-origin: 20px 0;
  transform-origin: 20px 0; }

.hamburger .hamburger-piece.meat .whole {
  margin: 0 auto;
  width: 100%;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  height: 5px;
  background-color: #000;
  -webkit-transition: -webkit-transform 0.3s ease-in-out, background-color 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out, transform 0.3s ease-in-out, background-color 0.3s ease-in-out; }

.hamburger .hamburger-piece.top-bun:after, .hamburger .hamburger-piece.bottom-bun:after {
  content: "";
  display: table; }

.hamburger.is-toggled .top-bun .left.half {
  background-color: #6DBCE3;
  -webkit-transform: rotateZ(45deg) scaleX(1.25) translate(3px, -4px);
  transform: rotateZ(45deg) scaleX(1.25) translate(3px, -4px); }

.hamburger.is-toggled .top-bun .right.half {
  background-color: #6DBCE3;
  -webkit-transform: rotateZ(-45deg) scaleX(1.25) translate(-2px, -5px);
  transform: rotateZ(-45deg) scaleX(1.25) translate(-2px, -5px); }

.hamburger.is-toggled .bottom-bun .left.half {
  background-color: #6DBCE3;
  -webkit-transform: rotateZ(-45deg) scaleX(1.25) translate(-1px, 4px);
  transform: rotateZ(-45deg) scaleX(1.25) translate(-1px, 4px); }

.hamburger.is-toggled .bottom-bun .right.half {
  background-color: #6DBCE3;
  -webkit-transform: rotateZ(45deg) scaleX(1.25) translate(3px, 5px);
  transform: rotateZ(45deg) scaleX(1.25) translate(3px, 5px); }

.hamburger.is-toggled .meat .whole {
  background-color: #6DBCE3;
  -webkit-transform: scaleX(0);
  transform: scaleX(0); }

/*
.hamburger:hover > .hamburger-piece .half, .hamburger:hover > .hamburger-piece .whole {
  background-color: #6DBCE3;
}
*/
/* ------------------------------------------------------------
END HAMBURGER MENU!! :'(
----------------------------------------------------------------- */
.search {
  position: absolute;
  right: 29px;
  top: 9px; }
  @media screen and (max-width: 669px) {
    .search {
      right: 30px;
      top: 107px; } }
  @media screen and (max-width: 480px) {
    .search {
      right: 30px;
      top: 65px; } }
  .search #content {
    height: 0px;
    width: 0px;
    position: absolute;
    top: 0px;
    right: 0px; }
    .search #content.on {
      -webkit-animation-name: in-out;
      animation-name: in-out;
      -webkit-animation-duration: 0.7s;
      animation-duration: 0.7s;
      -webkit-animation-timing-function: linear;
      animation-timing-function: linear;
      -webkit-animation-iteration-count: 1;
      animation-iteration-count: 1; }
    .search #content input {
      box-sizing: border-box;
      width: 25px;
      height: 25px;
      border: 4px solid #000;
      border-radius: 50%;
      background: #fff;
      color: #000;
      font-size: 16px;
      font-weight: 400;
      outline: 0;
      -webkit-transition: width 0.4s ease-in-out, border-radius 0.8s ease-in-out, padding 0.2s;
      transition: width 0.4s ease-in-out, border-radius 0.8s ease-in-out, padding 0.2s;
      -webkit-transition-delay: 0.4s;
      transition-delay: 0.4s;
      -webkit-transform: translate(-100%, -50%);
      -ms-transform: translate(-100%, -50%);
      transform: translate(-100%, -50%); }
    .search #content .search {
      background: none;
      position: absolute;
      top: 0px;
      left: 5px;
      height: 50px;
      width: 50px;
      padding: 0;
      border-radius: 100%;
      outline: 0;
      border: none;
      color: inherit;
      cursor: pointer;
      -webkit-transition: 0.2s ease-in-out;
      transition: 0.2s ease-in-out;
      -webkit-transform: translate(-100%, -50%);
      -ms-transform: translate(-100%, -50%);
      transform: translate(-100%, -50%); }
    .search #content .search:before {
      content: "";
      position: absolute;
      width: 10px;
      height: 4px;
      background-color: #000;
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg);
      margin-top: 13px;
      margin-left: 17px;
      -webkit-transition: 0.2s ease-in-out;
      transition: 0.2s ease-in-out; }
    .search #content .close {
      -webkit-transition: 0.4s ease-in-out;
      transition: 0.4s ease-in-out;
      -webkit-transition-delay: 0.4s;
      transition-delay: 0.4s; }
    .search #content .close:before {
      content: "";
      position: absolute;
      width: 20px;
      height: 4px;
      margin-top: -1px;
      margin-left: -13px;
      background-color: #000;
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg);
      -webkit-transition: 0.2s ease-in-out;
      transition: 0.2s ease-in-out; }
    .search #content .close:after {
      content: "";
      position: absolute;
      width: 20px;
      height: 4px;
      background-color: #000;
      margin-top: -1px;
      margin-left: -13px;
      cursor: pointer;
      -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      transform: rotate(-45deg); }
    .search #content .square {
      box-sizing: border-box;
      padding: 0px 40px 0px 10px;
      position: absolute;
      right: 0;
      width: 250px;
      height: 50px;
      border: 4px solid #000;
      border-radius: 0;
      background: #fff;
      color: #000;
      font-size: 18px;
      font-weight: 400;
      outline: 0;
      -webkit-transition: width 0.4s ease-in-out, border-radius 0.4s ease-in-out, padding 0.2s;
      transition: width 0.4s ease-in-out, border-radius 0.4s ease-in-out, padding 0.2s;
      -webkit-transition-delay: 0.1s, 0s, 0.4s;
      transition-delay: 0.1s, 0s, 0.4s;
      -webkit-transform: translate(0%, -50%);
      -ms-transform: translate(0%, -50%);
      transform: translate(0%, -50%); }

/* --------------------------------

Form

-------------------------------- */
::-webkit-input-placeholder {
  color: #cfd9db; }

:-moz-placeholder {
  /* Firefox 18- */
  color: #cfd9db; }

::-moz-placeholder {
  /* Firefox 19+ */
  color: #cfd9db; }

:-ms-input-placeholder {
  color: #cfd9db; }

.cd-newform {
  font-size: 1em;
  font-family: 'lato';
  max-width: max-width 669px 12;
  *zoom: 1; }
  .cd-newform:before, .cd-newform:after {
    content: " ";
    display: table; }
  .cd-newform:after {
    clear: both; }
  .cd-newform .required_item {
    color: red;
    padding-left: 10px; }
  .cd-newform .line, .cd-newform .unit, .cd-newform .size1of1  {
    display: block;
    float: left;
    margin-right: 2.35765%;
    width: 100%; }
    .cd-newform .line:last-child, .cd-newform .unit:last-child, .cd-newform .size1of1 :last-child {
      margin-right: 0; }
  .cd-newform .size1of2 {
    display: block;
    float: left;
    margin-right: 2.35765%;
    width: 48.82117%;
    padding-right: 10px; }
    .cd-newform .size1of2:last-child {
      margin-right: 0; }
    @media screen and (max-width: 669px) {
      .cd-newform .size1of2 {
        display: block;
        float: left;
        margin-right: 2.35765%;
        width: 100%; }
        .cd-newform .size1of2:last-child {
          margin-right: 0; } }
  .cd-newform .ff_composer {
    margin-top: 0px; }
  .cd-newform .line {
    margin: 0;
    padding: 0; }
  .cd-newform .unit {
    margin: 10px 0px; }
  .cd-newform .field_label {
    display: block;
    float: left;
    margin-right: 2.35765%;
    width: 100%; }
    .cd-newform .field_label:last-child {
      margin-right: 0; }
  .cd-newform fieldset {
    display: block;
    float: left;
    margin-right: 2.35765%;
    width: 100%; }
    .cd-newform fieldset:last-child {
      margin-right: 0; }
    @media screen and (max-width: 770px) {
      .cd-newform fieldset {
        display: block;
        float: left;
        margin-right: 2.35765%;
        width: 100%; }
        .cd-newform fieldset:last-child {
          margin-right: 0; } }
  .cd-newform legend {
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: 1px solid #ecf0f1; }
  .cd-newform div {
    /* form element wrapper */
    position: relative;
    margin: 20px 0; }
  .cd-newform h4, .cd-newform .cd-label {
    color: #94aab0;
    margin-bottom: 10px; }
  .cd-newform .cd-label {
    display: block; }
  .cd-newform input, .cd-newform textarea, .cd-newform select, .cd-newform label {
    font-size: 1em; }
  .cd-newform label {
    margin-bottom: 5px; }
  .cd-newform select {
    display: block;
    width: 50%;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none; }
  .cd-newform select {
    /* general style for input elements */
    padding: 12px;
    border: 1px solid #cfd9db;
    background-color: black;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08); }
    .cd-newform select:focus {
      outline: none;
      border-color: #000000;
      box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); }
  .cd-newform input[type="text"],
  .cd-newform input[type="email"],
  .cd-newform textarea,
  .cd-newform legend {
    display: block;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    margin-bottom: 20px; }
  .cd-newform input[type="checkbox"] {
    margin-bottom: 20px; }
  .cd-newform input[type="text"],
  .cd-newform input[type="email"],
  .cd-newform textarea {
    /* general style for input elements */
    padding: 12px;
    border: 1px solid #cfd9db;
    background-color: #ffffff;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08); }
    .cd-newform input[type="text"]:focus,
    .cd-newform input[type="email"]:focus,
    .cd-newform textarea:focus {
      outline: none;
      border-color: #000000;
      box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); }
  .cd-newform .cd-select {
    /* select element wapper */
    position: relative;
    background-color: black;
    color: white; }
    .cd-newform .cd-select::after {
      /* arrow icon for select element */
      content: '';
      position: absolute;
      z-index: 1;
      right: 16px;
      top: 50%;
      margin-top: -8px;
      display: block;
      width: 16px;
      height: 16px;
      background: url(../img/cd-icon-arrow.svg) no-repeat center center;
      pointer-events: none; }
  .cd-newform select {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
    cursor: pointer;
    border: none;
    font-size: 1em;
    color: white;
    font-family: 'lato';
    font-weight: 300; }
  .cd-newform select::-ms-expand {
    display: none; }
  .cd-newform .cd-form-list {
    margin-top: 16px;
    *zoom: 1; }
    .cd-newform .cd-form-list:before, .cd-newform .cd-form-list:after {
      content: " ";
      display: table; }
    .cd-newform .cd-form-list:after {
      clear: both; }
  .cd-newform .cd-form-list li {
    /* wrapper for radio and checkbox input types */
    display: block;
    float: left;
    margin-right: 2.35765%;
    width: 100%;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin: 0 26px 16px 0; }
    .cd-newform .cd-form-list li:last-child {
      margin-right: 0; }
  .cd-newform input[type=radio],
  .cd-newform input[type=checkbox] {
    /* hide original check and radio buttons */
    z-index: 2;
    float: left; }
  .cd-newform input[type="radio"]:checked + label::after,
  .cd-newform input[type="checkbox"]:checked + label::after {
    display: block; }
  .cd-newform input[type="radio"]:checked + label::before,
  .cd-newform input[type="radio"]:checked + label::after,
  .cd-newform input[type="checkbox"]:checked + label::before,
  .cd-newform input[type="checkbox"]:checked + label::after {
    -webkit-animation: cd-bounce 0.3s;
    -moz-animation: cd-bounce 0.3s;
    animation: cd-bounce 0.3s; }
  .cd-newform textarea {
    min-height: 200px;
    resize: vertical;
    overflow: auto; }
  .cd-newform input[type="submit"] {
    /* button style */
    border: none;
    background: #000000;
    border-radius: .25em;
    padding: 16px 20px;
    color: #ffffff;
    font-weight: 200;
    float: right;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none; }
    .no-touch .cd-newform input[type="submit"]:hover {
      background: #0d0d0d; }
    .cd-newform input[type="submit"]:focus {
      outline: none;
      background: #2b3e51; }
    .cd-newform input[type="submit"]:active {
      -webkit-transform: scale(0.9);
      -moz-transform: scale(0.9);
      -ms-transform: scale(0.9);
      -o-transform: scale(0.9);
      transform: scale(0.9); }
  .cd-newform [required] {
    background: url(../img/cd-required.svg) no-repeat top right; }
  .cd-newform .error-message p {
    background: #e94b35;
    color: #ffffff;
    text-align: center;
    border-radius: .25em;
    padding: 16px; }
  .cd-newform .error {
    border-color: #e94b35 !important; }
  @media screen and (max-width: 669px) {
    .cd-newform div {
      /* form element wrapper */
      margin: 32px 0; }
    .cd-newform legend + div {
      /* reduce margin-top for first form element after the legend */
      margin-top: 20px; }
    .cd-newform h4, .cd-newform .cd-label {
      margin-bottom: 10px; }
    .cd-newform input[type="text"],
    .cd-newform input[type="email"],
    .cd-newform textarea,
    .cd-newform select {
      padding: 16px; } }

@-webkit-keyframes cd-bounce {
  0%, 100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  50% {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8); } }
@-moz-keyframes cd-bounce {
  0%, 100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  50% {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8); } }
@keyframes cd-bounce {
  0%, 100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  50% {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8); } }
/* --------------------------------

Custom icons

-------------------------------- */
.cd-form .icon select {
  padding-left: 54px !important; }
.cd-form .budget {
  background: url(../img/cd-icon-budget.svg) no-repeat 16px center; }

/* Common  */
*, *::after, *::before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

html, body {
  background-color: #fff;
  line-height: 1em; }

body {
  font-family: 'Lora', serif;
  font-style: normal;
  font-weight: 300;
  font-size: 16px; }

.container {
  *zoom: 1;
  max-width: 68em;
  margin-left: auto;
  margin-right: auto;
  /* padding: 10px 0 0 0; */
  padding: 1.618em 5px 0 5px; }
  .container:before, .container:after {
    content: " ";
    display: table; }
  .container:after {
    clear: both; }

.container-max {
  *zoom: 1;
  margin: 0 auto;
  padding: 0px 0px 0px 0px; }
  .container-max:before, .container-max:after {
    content: " ";
    display: table; }
  .container-max:after {
    clear: both; }

.container-wide {
  *zoom: 1;
  max-width: 1140px;
  margin: 0 auto;
  padding: 0px 20px 0px 20px; }
  .container-wide:before, .container-wide:after {
    content: " ";
    display: table; }
  .container-wide:after {
    clear: both; }

a {
  color: black;
  text-decoration: none;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }

a:hover {
  color: #6DBCE3; }

.lato {
  font-family: 'Lato', sans-serif; }

.playfair {
  font-family: 'Playfair Display', serif; }

.lora {
  font-family: 'Lora', serif; }

.playfairBOLD {
  font-family: 'Playfair Display SC', serif; }

h1 {
  font-size: 3.500em;
  font-family: 'Playfair Display', serif;
  padding-bottom: 10px;
  line-height: 1em; }
  @media screen and (max-width: 770px) {
    h1 {
      font-size: 2.5em; } }

h2 {
  font-size: 1.875em;
  font-family: 'Playfair Display', serif;
  padding-bottom: 10px;
  line-height: 1.2em; }
  @media screen and (max-width: 770px) {
    h2 {
      font-size: 1.3em; } }

h3 {
  font-size: 1.5em;
  font-family: 'Lato', sans-serif; }

h4 {
  font-size: 1.250em;
  font-family: 'Playfair Display', serif; }

h5 {
  font-size: .75em;
  font-family: 'Lato', sans-serif;
  text-transform: uppercase; }

h6 {
  font-size: .5em; }

p {
  font-family: 'Lora', serif;
  font-size: 1.313em;
  line-height: 1.5em; }
  p.ingress {
    font-weight: 700; }
  p.artikel {
    padding: 0px 0px 1.618em 0px; }
  p.quote {
    font-family: 'Playfair Display', serif;
    font-size: 3.5em;
    line-height: 1.25em;
    text-align: center;
    padding-bottom: 0.809em; }
    @media screen and (max-width: 669px) {
      p.quote {
        font-size: 3em; } }
    @media screen and (max-width: 480px) {
      p.quote {
        font-size: 2em; } }

.faded {
  color: #bababa; }

.strike {
  text-decoration: line-through; }

hr {
  border-top: 1px solid #e5e5e5;
  margin-top: 10px;
  margin-bottom: 0px;
  border-bottom: 0px;
  border-left: 0px;
  border-right: 0px; }

b {
  font-weight: 700; }

.white {
  color: #fff; }

img {
  width: 100%; }

/*-----------------------------------------------------------------------------------*/
/*	HELPER CLASSES */
/*-----------------------------------------------------------------------------------*/
.remove-bottom {
  margin-bottom: 0; }

.floatleft, .floatright {
  display: inline-block; }

.floatleft {
  float: left; }

.floatright {
  float: right; }

.small-padding {
  padding: 23px 0 0;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5; }

.scroll-animate.left {
  position: relative;
  left: -50px;
  opacity: 0; }

.scroll-animate.bottom {
  position: relative;
  bottom: -50px;
  opacity: 0; }

.scroll-animate.right {
  position: relative;
  right: -50px;
  opacity: 0; }

.scroll-animate.top {
  position: relative;
  top: -50px;
  opacity: 0; }

.margin-bottom-10 {
  margin-bottom: 10px; }

.centered {
  text-align: center; }

.light {
  font-weight: 300; }

.heavy {
  font-weight: 500; }

.overflow-hidden {
  overflow-x: hidden; }

/*-----------------------------------------------------------------------------------*/
/*	END HELPER CLASSES */
/*-----------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------*/
/*	GENERAL STYLES */
/*-----------------------------------------------------------------------------------*/
.activeated {
  background-color: #04a961; }

.iotoggle {
  display: none; }

.darkblue {
  background-color: #003953; }

.divider {
  display: block;
  float: left;
  margin-right: 2.35765%;
  width: 100%;
  border-top: 1px solid #cccccc;
  text-align: center;
  margin: 15px 0px 25px 0px; }
  .divider:last-child {
    margin-right: 0; }
  .divider div {
    margin-top: -9px; }
    .divider div span {
      background-color: white;
      padding: 0px 20px;
      font-size: 1.250em;
      font-family: 'Playfair Display', serif;
      font-weight: 400;
      font-style: italic; }

.rekomenderat {
  display: block;
  float: left;
  margin-right: 2.35765%;
  width: 100%;
  padding-bottom: 1.618em; }
  .rekomenderat:last-child {
    margin-right: 0; }
  .rekomenderat .first-row {
    display: block;
    float: left;
    margin-right: 2.35765%;
    width: 100%; }
    .rekomenderat .first-row:last-child {
      margin-right: 0; }
    .rekomenderat .first-row .article {
      display: block;
      float: left;
      margin-right: 2.35765%;
      width: 31.76157%;
      text-align: center;
      line-height: 1.5em;
      background-color: white;
      padding-bottom: 3.236em;
      line-height: 0em; }
      .rekomenderat .first-row .article:last-child {
        margin-right: 0; }
      .rekomenderat .first-row .article:nth-child(3n) {
        margin-right: 0; }
      .rekomenderat .first-row .article:nth-child(3n+1) {
        clear: left; }
      .rekomenderat .first-row .article img {
        padding-bottom: 1.618em; }
        @media screen and (max-width: 770px) {
          .rekomenderat .first-row .article img {
            padding-bottom: 1.618em; } }
      .rekomenderat .first-row .article h5 {
        line-height: 1em; }
      .rekomenderat .first-row .article p {
        font-size: 1em;
        padding: 0px 1.618em;
        line-height: 1.2em; }
        @media screen and (max-width: 770px) {
          .rekomenderat .first-row .article p {
            font-size: .9em; } }
      @media screen and (max-width: 669px) {
        .rekomenderat .first-row .article {
          display: block;
          float: left;
          margin-right: 2.35765%;
          width: 100%;
          margin-right: 0; }
          .rekomenderat .first-row .article:last-child {
            margin-right: 0; }
          .rekomenderat .first-row .article:nth-child(3n) {
            margin-right: 2.35765%; }
          .rekomenderat .first-row .article:nth-child(3n+1) {
            clear: none; } }
  .rekomenderat .second-row .article {
    display: block;
    float: left;
    margin-right: 2.35765%;
    width: 14.70196%;
    text-align: center;
    line-height: 1.5em;
    background-color: white;
    padding-bottom: 0px;
    line-height: 0em; }
    .rekomenderat .second-row .article:last-child {
      margin-right: 0; }
    .rekomenderat .second-row .article:nth-child(3n) {
      margin-right: 2.35765%; }
    .rekomenderat .second-row .article:nth-child(3n+1) {
      clear: none; }
    .rekomenderat .second-row .article:nth-child(6n) {
      margin-right: 0; }
    .rekomenderat .second-row .article:nth-child(6n+1) {
      clear: left; }
    .rekomenderat .second-row .article img {
      padding-bottom: 1.618em; }
      @media screen and (max-width: 770px) {
        .rekomenderat .second-row .article img {
          padding-bottom: 1.618em; } }
    .rekomenderat .second-row .article p {
      font-size: 1em;
      padding: 0px 0px 1.618em 0px;
      line-height: 1em; }
    @media screen and (max-width: 669px) {
      .rekomenderat .second-row .article {
        display: block;
        float: left;
        margin-right: 2.35765%;
        width: 31.76157%; }
        .rekomenderat .second-row .article:last-child {
          margin-right: 0; }
        .rekomenderat .second-row .article:nth-child(6n) {
          margin-right: 2.35765%; }
        .rekomenderat .second-row .article:nth-child(6n+1) {
          clear: none; }
        .rekomenderat .second-row .article:nth-child(3n) {
          margin-right: 0; }
        .rekomenderat .second-row .article:nth-child(3n+1) {
          clear: left; } }
    @media screen and (max-width: 480px) {
      .rekomenderat .second-row .article {
        display: block;
        float: left;
        margin-right: 2.35765%;
        width: 48.82117%; }
        .rekomenderat .second-row .article:last-child {
          margin-right: 0; }
        .rekomenderat .second-row .article:nth-child(3n) {
          margin-right: 2.35765%; }
        .rekomenderat .second-row .article:nth-child(3n+1) {
          clear: none; }
        .rekomenderat .second-row .article:nth-child(2n) {
          margin-right: 0; }
        .rekomenderat .second-row .article:nth-child(2n+1) {
          clear: left; } }
  .rekomenderat .second-row-news {
    text-align: center; }
    .rekomenderat .second-row-news .article {
      width: 24%;
      display: inline-block;
      background-color: white;
      padding-bottom: 0px;
      padding-left: 5px;
      padding-right: 5px;
      line-height: 0em;
      vertical-align: top; }
      @media screen and (max-width: 480px) {
        .rekomenderat .second-row-news .article {
          width: 49%; } }
      .rekomenderat .second-row-news .article img {
        padding-bottom: 1.618em; }
        @media screen and (max-width: 770px) {
          .rekomenderat .second-row-news .article img {
            padding-bottom: 1.618em; } }
      .rekomenderat .second-row-news .article p {
        font-size: 1em;
        padding: 0px 0px 1.618em 0px;
        line-height: 1.5em; }
        .rekomenderat .second-row-news .article p span {
          font-weight: 600; }
        .rekomenderat .second-row-news .article p i {
          font-style: italic; }

.banner_vert {
  background-color: #f1f1f1;
  margin-top: 1.618em;
  margin-bottom: 3.236em; }
  .banner_vert img {
    padding: 1.618em 0px; }

.intro-presenter-box {
  display: block;
  float: left;
  margin-right: 2.35765%;
  width: 100%;
  margin-right: 0;
  margin-bottom: 1.618em;
  background-position: bottom right;
  background-repeat: no-repeat;
  background-size: contain; }
  .intro-presenter-box:last-child {
    margin-right: 0; }
  @media screen and (max-width: 770px) {
    .intro-presenter-box {
      background-size: contain; } }
  @media screen and (max-width: 480px) {
    .intro-presenter-box {
      background-size: cover;
      background-position: bottom center; } }
  .intro-presenter-box .texten {
    display: block;
    float: left;
    margin-right: 2.35765%;
    width: 74.41059%; }
    .intro-presenter-box .texten:last-child {
      margin-right: 0; }
    @media screen and (max-width: 669px) {
      .intro-presenter-box .texten {
        display: block;
        float: left;
        margin-right: 2.35765%;
        width: 100%; }
        .intro-presenter-box .texten:last-child {
          margin-right: 0; } }
    .intro-presenter-box .texten .element {
      padding-top: 3.236em;
      padding-bottom: 3.236em;
      text-align: center; }
      .intro-presenter-box .texten .element p {
        font-size: 1.125em;
        padding: 0px 3.236em; }
        @media screen and (max-width: 480px) {
          .intro-presenter-box .texten .element p {
            padding: 0px 1.618em; } }
      @media screen and (max-width: 770px) {
        .intro-presenter-box .texten .element {
          background-color: rgba(250, 250, 250, 0.8); } }
      @media screen and (max-width: 480px) {
        .intro-presenter-box .texten .element {
          padding-top: 1.618em;
          padding-bottom: 1.618em; } }
  .intro-presenter-box .moodbild {
    display: block;
    float: left;
    margin-right: 2.35765%;
    width: 31.76157%;
    margin-right: 0; }
    .intro-presenter-box .moodbild:last-child {
      margin-right: 0; }

.show--more {
  display: block;
  float: left;
  margin-right: 2.35765%;
  width: 100%;
  margin-right: 0;
  text-align: center; }
  .show--more:last-child {
    margin-right: 0; }
  .show--more .button a {
    border: 1px solid black;
    display: inline-block;
    margin-bottom: 4.854em;
    box-shadow: 0px 3px 0px #dcdcdc;
    padding: 0.809em 3.236em;
    background-color: white;
    transition: all .2s ease-in-out; }
    .show--more .button a:hover {
      box-shadow: 0px 1px 0px #dcdcdc; }
    .show--more .button a:active {
      background-color: white;
      box-shadow: inset 0px 2px 0px #dcdcdc; }

::selection {
  background: black;
  color: white;
  /* WebKit/Blink Browsers */ }

::-moz-selection {
  background: black;
  color: white;
  /* Gecko Browsers */ }

.produkt {
  display: block;
  float: left;
  margin-right: 2.35765%;
  width: 14.70196%;
  position: relative;
  text-align: center;
  line-height: 1.5em;
  padding-bottom: 1.618em;
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }
  .produkt:last-child {
    margin-right: 0; }
  .produkt:nth-child(6n) {
    margin-right: 0; }
  .produkt:nth-child(6n+1) {
    clear: left; }
  .produkt .vepa-nyhet {
    position: absolute;
    top: 0;
    left: 0;
    width: 58px;
    height: 58px; }
  .produkt h2 {
    font-size: 1.125em; }
  .produkt:hover {
    opacity: 1;
    cursor: pointer;
    -webkit-transform: scale(1.02);
    -moz-transform: scale(1.02);
    -ms-transform: scale(1.02);
    -o-transform: scale(1.02);
    transform: scale(1.02); }
  @media screen and (max-width: 770px) {
    .produkt {
      display: block;
      float: left;
      margin-right: 2.35765%;
      width: 23.23176%; }
      .produkt:last-child {
        margin-right: 0; }
      .produkt:nth-child(6n) {
        margin-right: 2.35765%; }
      .produkt:nth-child(6n+1) {
        clear: none; }
      .produkt:nth-child(4n) {
        margin-right: 0; }
      .produkt:nth-child(4n+1) {
        clear: left; } }
  @media screen and (max-width: 480px) {
    .produkt {
      display: block;
      float: left;
      margin-right: 2.35765%;
      width: 48.82117%; }
      .produkt:last-child {
        margin-right: 0; }
      .produkt:nth-child(4n) {
        margin-right: 2.35765%; }
      .produkt:nth-child(4n+1) {
        clear: none; }
      .produkt:nth-child(2n) {
        margin-right: 0; }
      .produkt:nth-child(2n+1) {
        clear: left; } }

/*-----------------------------------------------------------------------------------*/
/*	END GENERAL STYLES */
/*-----------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------*/
/*	NAV STYLES */
/*-----------------------------------------------------------------------------------*/
#top--container {
  position: relative; }
  #top--container .topbar {
    background-color: black;
    padding: 8px 0px;
    color: white;
    font-family: 'lato';
    font-weight: 200;
    font-size: 0.875em; }
    #top--container .topbar span {
      float: right; }
      #top--container .topbar span i {
        font-style: italic; }
      #top--container .topbar span:nth-child(odd) {
        float: left; }
    #top--container .topbar a {
      color: white;
      text-decoration: none; }
      #top--container .topbar a:hover {
        text-decoration: underline; }
    @media screen and (max-width: 480px) {
      #top--container .topbar {
        text-align: center; }
        #top--container .topbar span {
          display: none;
          text-align: center; }
          #top--container .topbar span:nth-child(odd) {
            float: auto;
            display: block; } }
  #top--container .main--logo {
    text-align: center; }
    #top--container .main--logo img {
      padding-top: 80px;
      padding-bottom: 22px;
      width: 100%;
      max-width: 400px; }
    @media screen and (max-width: 669px) {
      #top--container .main--logo img {
        padding-top: 40px;
        padding-bottom: 20px;
        max-width: 300px; } }
    @media screen and (max-width: 480px) {
      #top--container .main--logo img {
        padding-top: 20px;
        padding-bottom: 10px;
        max-width: 150px; } }
  #top--container .divider_for_head {
    display: block;
    float: left;
    margin-right: 2.35765%;
    width: 48.82117%;
    margin-left: 25.58941%;
    padding-bottom: 25px;
    border-top: 1px solid #cccccc; }
    #top--container .divider_for_head:last-child {
      margin-right: 0; }
    @media screen and (max-width: 669px) {
      #top--container .divider_for_head {
        display: none !important;
        visibility: hidden; } }
  #top--container nav {
    font-family: 'Lato', serif;
    font-size: 1.500em;
    font-weight: 300;
    text-transform: uppercase;
    position: relative;
    padding-bottom: 35px; }
    @media screen and (max-width: 770px) {
      #top--container nav {
        font-size: 1.20em; } }
    #top--container nav ul {
      text-align: center; }
      #top--container nav ul li {
        display: inline-block;
        padding: 0px 20px 10px 20px;
        border-bottom: 3px solid white;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out; }
        #top--container nav ul li.current {
          border-bottom: 3px solid black; }
        #top--container nav ul li:hover {
          border-bottom: 3px solid #6DBCE3; }
        @media screen and (max-width: 770px) {
          #top--container nav ul li {
            padding: 0px 5px; } }
      @media screen and (max-width: 669px) {
        #top--container nav ul {
          display: none !important;
          visibility: hidden; } }
    @media screen and (max-width: 669px) {
      #top--container nav {
        position: static;
        padding-bottom: 10px; } }

/*-----------------------------------------------------------------------------------*/
/*	END NAV STYLES */
/*-----------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------*/
/*	INDEX STYLES */
/*-----------------------------------------------------------------------------------*/
#index .top--index {
  display: block;
  float: left;
  margin-right: 2.35765%;
  width: 100%; }
  #index .top--index:last-child {
    margin-right: 0; }
  #index .top--index .column--eight {
    display: block;
    float: left;
    margin-right: 2.35765%;
    width: 65.88078%;
    position: relative;
    line-height: 0em; }
    #index .top--index .column--eight:last-child {
      margin-right: 0; }
    @media screen and (max-width: 770px) {
      #index .top--index .column--eight {
        display: block;
        float: left;
        margin-right: 2.35765%;
        width: 100%; }
        #index .top--index .column--eight:last-child {
          margin-right: 0; } }
  #index .top--index .column--four {
    display: block;
    float: left;
    margin-right: 2.35765%;
    width: 31.76157%;
    margin-right: 0;
    position: relative; }
    #index .top--index .column--four:last-child {
      margin-right: 0; }
    @media screen and (max-width: 770px) {
      #index .top--index .column--four {
        display: block;
        float: left;
        margin-right: 2.35765%;
        width: 100%; }
        #index .top--index .column--four:last-child {
          margin-right: 0; } }
  #index .top--index .holder {
    display: block;
    float: left;
    margin-right: 2.35765%;
    width: 100%;
    position: relative;
    margin-bottom: 1.618em; }
    #index .top--index .holder:last-child {
      margin-right: 0; }
  #index .top--index .holder--small {
    display: block;
    float: left;
    margin-right: 2.35765%;
    width: 100%;
    position: relative;
    margin-bottom: 1.618em; }
    #index .top--index .holder--small:last-child {
      margin-right: 0; }
    @media screen and (max-width: 770px) {
      #index .top--index .holder--small {
        display: block;
        float: left;
        margin-right: 2.35765%;
        width: 48.82117%; }
        #index .top--index .holder--small:last-child {
          margin-right: 0; }
        #index .top--index .holder--small:nth-child(2n) {
          margin-right: 0; }
        #index .top--index .holder--small:nth-child(2n+1) {
          clear: left; } }
    @media screen and (max-width: 669px) {
      #index .top--index .holder--small {
        display: block;
        float: left;
        margin-right: 2.35765%;
        width: 48.82117%; }
        #index .top--index .holder--small:last-child {
          margin-right: 0; } }
    @media screen and (max-width: 480px) {
      #index .top--index .holder--small {
        display: block;
        float: left;
        margin-right: 2.35765%;
        width: 100%; }
        #index .top--index .holder--small:last-child {
          margin-right: 0; } }
  #index .top--index figcaption {
    text-align: center;
    line-height: 1.5em;
    background-color: rgba(255, 255, 255, 0.9);
    position: absolute;
    bottom: 0;
    left: 25px;
    right: 25px;
    padding: 20px; }
    @media screen and (max-width: 480px) {
      #index .top--index figcaption {
        position: relative;
        left: 0px;
        right: 0px;
        padding: 20px; } }
    #index .top--index figcaption p {
      font-size: 1.125em;
      padding: 0px 3.236em;
      line-height: 1.2em; }
      @media screen and (max-width: 770px) {
        #index .top--index figcaption p {
          font-size: .9em;
          padding: 0px 1.618em; } }
      @media screen and (max-width: 480px) {
        #index .top--index figcaption p {
          position: relative; } }
      #index .top--index figcaption p.small {
        padding: 0px 0px;
        font-size: 1em; }
        @media screen and (max-width: 770px) {
          #index .top--index figcaption p.small {
            font-size: .9em; } }

/*-----------------------------------------------------------------------------------*/
/*	END INDEX STYLES */
/*-----------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------*/
/*	BEAUTY STYLES */
/*-----------------------------------------------------------------------------------*/
@media screen and (max-width: 669px) {
  #beauty {
    border-top: 1px solid #cccccc; } }
#beauty .first-row {
  display: block;
  float: left;
  margin-right: 2.35765%;
  width: 100%; }
  #beauty .first-row:last-child {
    margin-right: 0; }
  #beauty .first-row .article {
    display: block;
    float: left;
    margin-right: 2.35765%;
    width: 31.76157%;
    text-align: center;
    line-height: 1.5em;
    background-color: white;
    padding-bottom: 1.618em; }
    #beauty .first-row .article:last-child {
      margin-right: 0; }
    #beauty .first-row .article:nth-child(3n) {
      margin-right: 0; }
    #beauty .first-row .article:nth-child(3n+1) {
      clear: left; }
    #beauty .first-row .article img {
      padding-bottom: 1.618em; }
    #beauty .first-row .article p {
      font-size: 1em;
      padding: 0px 1.618em;
      line-height: 1.2em; }
      @media screen and (max-width: 770px) {
        #beauty .first-row .article p {
          font-size: .9em; } }
    @media screen and (max-width: 669px) {
      #beauty .first-row .article {
        display: block;
        float: left;
        margin-right: 2.35765%;
        width: 100%;
        margin-right: 0; }
        #beauty .first-row .article:last-child {
          margin-right: 0; }
        #beauty .first-row .article:nth-child(3n) {
          margin-right: 2.35765%; }
        #beauty .first-row .article:nth-child(3n+1) {
          clear: none; } }
#beauty .maps-and-stuff {
  *zoom: 1;
  max-width: 68em;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 3.236em; }
  #beauty .maps-and-stuff:before, #beauty .maps-and-stuff:after {
    content: " ";
    display: table; }
  #beauty .maps-and-stuff:after {
    clear: both; }
  #beauty .maps-and-stuff .left, #beauty .maps-and-stuff .right {
    display: table-cell;
    width: 50%; }
    @media screen and (max-width: 480px) {
      #beauty .maps-and-stuff .left, #beauty .maps-and-stuff .right {
        display: block;
        float: left;
        margin-right: 2.35765%;
        width: 100%; }
        #beauty .maps-and-stuff .left:last-child, #beauty .maps-and-stuff .right:last-child {
          margin-right: 0; } }
  #beauty .maps-and-stuff .left {
    padding-right: 0.809em;
    vertical-align: middle; }
    @media screen and (max-width: 480px) {
      #beauty .maps-and-stuff .left {
        padding-right: 0px; } }
    #beauty .maps-and-stuff .left h3 {
      font-family: 'Lora', serif;
      font-size: 1em;
      line-height: 1.5em;
      font-weight: 700; }
    #beauty .maps-and-stuff .left p {
      font-size: 1em;
      padding-bottom: 1.618em; }
      #beauty .maps-and-stuff .left p:last-child {
        padding-bottom: 0px; }
      @media screen and (max-width: 480px) {
        #beauty .maps-and-stuff .left p:last-child {
          padding-bottom: 1.618em; } }
  #beauty .maps-and-stuff .right {
    padding-left: 0.809em; }
    @media screen and (max-width: 480px) {
      #beauty .maps-and-stuff .right {
        padding-left: 0px; } }
    #beauty .maps-and-stuff .right #map {
      display: block;
      float: left;
      margin-right: 2.35765%;
      width: 100%;
      min-width: 100px;
      min-height: 400px;
      width: 100%; }
      #beauty .maps-and-stuff .right #map:last-child {
        margin-right: 0; }
      #beauty .maps-and-stuff .right #map img {
        max-width: none; }

#special-beauty .top--index {
  display: block;
  float: left;
  margin-right: 2.35765%;
  width: 100%; }
  #special-beauty .top--index:last-child {
    margin-right: 0; }
  #special-beauty .top--index .column--eight {
    display: block;
    float: left;
    margin-right: 2.35765%;
    width: 65.88078%;
    position: relative;
    line-height: 0em; }
    #special-beauty .top--index .column--eight:last-child {
      margin-right: 0; }
    @media screen and (max-width: 770px) {
      #special-beauty .top--index .column--eight {
        display: block;
        float: left;
        margin-right: 2.35765%;
        width: 100%; }
        #special-beauty .top--index .column--eight:last-child {
          margin-right: 0; } }
  #special-beauty .top--index .column--four {
    display: block;
    float: left;
    margin-right: 2.35765%;
    width: 31.76157%;
    margin-right: 0;
    position: relative; }
    #special-beauty .top--index .column--four:last-child {
      margin-right: 0; }
    @media screen and (max-width: 770px) {
      #special-beauty .top--index .column--four {
        display: block;
        float: left;
        margin-right: 2.35765%;
        width: 100%; }
        #special-beauty .top--index .column--four:last-child {
          margin-right: 0; } }
  #special-beauty .top--index .holder {
    display: block;
    float: left;
    margin-right: 2.35765%;
    width: 100%;
    position: relative;
    margin-bottom: 1.618em; }
    #special-beauty .top--index .holder:last-child {
      margin-right: 0; }
  #special-beauty .top--index .holder--small {
    display: block;
    float: left;
    margin-right: 2.35765%;
    width: 100%;
    position: relative;
    margin-bottom: 1.618em; }
    #special-beauty .top--index .holder--small:last-child {
      margin-right: 0; }
    @media screen and (max-width: 770px) {
      #special-beauty .top--index .holder--small {
        display: block;
        float: left;
        margin-right: 2.35765%;
        width: 48.82117%; }
        #special-beauty .top--index .holder--small:last-child {
          margin-right: 0; }
        #special-beauty .top--index .holder--small:nth-child(2n) {
          margin-right: 0; }
        #special-beauty .top--index .holder--small:nth-child(2n+1) {
          clear: left; } }
    @media screen and (max-width: 669px) {
      #special-beauty .top--index .holder--small {
        display: block;
        float: left;
        margin-right: 2.35765%;
        width: 48.82117%; }
        #special-beauty .top--index .holder--small:last-child {
          margin-right: 0; } }
    @media screen and (max-width: 480px) {
      #special-beauty .top--index .holder--small {
        display: block;
        float: left;
        margin-right: 2.35765%;
        width: 100%; }
        #special-beauty .top--index .holder--small:last-child {
          margin-right: 0; } }
  #special-beauty .top--index figcaption {
    text-align: center;
    line-height: 1.5em;
    background-color: rgba(255, 255, 255, 0.9);
    position: absolute;
    bottom: 0;
    left: 25px;
    right: 25px;
    padding: 20px; }
    @media screen and (max-width: 480px) {
      #special-beauty .top--index figcaption {
        position: relative;
        left: 0px;
        right: 0px;
        padding: 20px; } }
    #special-beauty .top--index figcaption p {
      font-size: 1.125em;
      padding: 0px 3.236em;
      line-height: 1.2em; }
      @media screen and (max-width: 770px) {
        #special-beauty .top--index figcaption p {
          font-size: .9em;
          padding: 0px 1.618em; } }
      @media screen and (max-width: 480px) {
        #special-beauty .top--index figcaption p {
          position: relative; } }
      #special-beauty .top--index figcaption p.small {
        padding: 0px 0px;
        font-size: 1em; }
        @media screen and (max-width: 770px) {
          #special-beauty .top--index figcaption p.small {
            font-size: .9em; } }

@media screen and (max-width: 669px) {
  #beauty_long, #beauty_short, #beauty_list {
    border-top: 1px solid #cccccc;
    padding-top: 1.618em; } }
#beauty_long .beauty-article, #beauty_short .beauty-article, #beauty_list .beauty-article {
  display: block;
  float: left;
  margin-right: 2.35765%;
  width: 100%; }
  #beauty_long .beauty-article:last-child, #beauty_short .beauty-article:last-child, #beauty_list .beauty-article:last-child {
    margin-right: 0; }
  #beauty_long .beauty-article .column--twelve, #beauty_short .beauty-article .column--twelve, #beauty_list .beauty-article .column--twelve {
    display: block;
    float: left;
    margin-right: 2.35765%;
    width: 100%;
    margin-right: 0; }
    #beauty_long .beauty-article .column--twelve:last-child, #beauty_short .beauty-article .column--twelve:last-child, #beauty_list .beauty-article .column--twelve:last-child {
      margin-right: 0; }
    #beauty_long .beauty-article .column--twelve h1, #beauty_short .beauty-article .column--twelve h1, #beauty_list .beauty-article .column--twelve h1 {
      padding-bottom: 20px; }
  #beauty_long .beauty-article .column--eight, #beauty_short .beauty-article .column--eight, #beauty_list .beauty-article .column--eight {
    display: block;
    float: left;
    margin-right: 2.35765%;
    width: 65.88078%; }
    #beauty_long .beauty-article .column--eight:last-child, #beauty_short .beauty-article .column--eight:last-child, #beauty_list .beauty-article .column--eight:last-child {
      margin-right: 0; }
    #beauty_long .beauty-article .column--eight h5, #beauty_short .beauty-article .column--eight h5, #beauty_list .beauty-article .column--eight h5 {
      padding-bottom: 1.618em; }
    @media screen and (max-width: 669px) {
      #beauty_long .beauty-article .column--eight, #beauty_short .beauty-article .column--eight, #beauty_list .beauty-article .column--eight {
        display: block;
        float: left;
        margin-right: 2.35765%;
        width: 100%; }
        #beauty_long .beauty-article .column--eight:last-child, #beauty_short .beauty-article .column--eight:last-child, #beauty_list .beauty-article .column--eight:last-child {
          margin-right: 0; } }
    #beauty_long .beauty-article .column--eight #listholder .lista-item, #beauty_short .beauty-article .column--eight #listholder .lista-item, #beauty_list .beauty-article .column--eight #listholder .lista-item {
      display: block;
      float: left;
      margin-right: 2.35765%;
      width: 100%;
      margin-right: 0;
      margin-bottom: 1.618em; }
      #beauty_long .beauty-article .column--eight #listholder .lista-item:last-child, #beauty_short .beauty-article .column--eight #listholder .lista-item:last-child, #beauty_list .beauty-article .column--eight #listholder .lista-item:last-child {
        margin-right: 0; }
      #beauty_long .beauty-article .column--eight #listholder .lista-item .bilden, #beauty_short .beauty-article .column--eight #listholder .lista-item .bilden, #beauty_list .beauty-article .column--eight #listholder .lista-item .bilden {
        display: block;
        float: left;
        margin-right: 2.35765%;
        width: 48.82117%; }
        #beauty_long .beauty-article .column--eight #listholder .lista-item .bilden:last-child, #beauty_short .beauty-article .column--eight #listholder .lista-item .bilden:last-child, #beauty_list .beauty-article .column--eight #listholder .lista-item .bilden:last-child {
          margin-right: 0; }
        @media screen and (max-width: 480px) {
          #beauty_long .beauty-article .column--eight #listholder .lista-item .bilden, #beauty_short .beauty-article .column--eight #listholder .lista-item .bilden, #beauty_list .beauty-article .column--eight #listholder .lista-item .bilden {
            display: block;
            float: left;
            margin-right: 2.35765%;
            width: 100%; }
            #beauty_long .beauty-article .column--eight #listholder .lista-item .bilden:last-child, #beauty_short .beauty-article .column--eight #listholder .lista-item .bilden:last-child, #beauty_list .beauty-article .column--eight #listholder .lista-item .bilden:last-child {
              margin-right: 0; } }
      #beauty_long .beauty-article .column--eight #listholder .lista-item .texten, #beauty_short .beauty-article .column--eight #listholder .lista-item .texten, #beauty_list .beauty-article .column--eight #listholder .lista-item .texten {
        display: block;
        float: left;
        margin-right: 2.35765%;
        width: 48.82117%;
        margin-right: 0;
        text-align: center;
        border-top: 1px solid black; }
        #beauty_long .beauty-article .column--eight #listholder .lista-item .texten:last-child, #beauty_short .beauty-article .column--eight #listholder .lista-item .texten:last-child, #beauty_list .beauty-article .column--eight #listholder .lista-item .texten:last-child {
          margin-right: 0; }
        @media screen and (max-width: 480px) {
          #beauty_long .beauty-article .column--eight #listholder .lista-item .texten, #beauty_short .beauty-article .column--eight #listholder .lista-item .texten, #beauty_list .beauty-article .column--eight #listholder .lista-item .texten {
            display: block;
            float: left;
            margin-right: 2.35765%;
            width: 100%; }
            #beauty_long .beauty-article .column--eight #listholder .lista-item .texten:last-child, #beauty_short .beauty-article .column--eight #listholder .lista-item .texten:last-child, #beauty_list .beauty-article .column--eight #listholder .lista-item .texten:last-child {
              margin-right: 0; } }
        #beauty_long .beauty-article .column--eight #listholder .lista-item .texten .nummer, #beauty_short .beauty-article .column--eight #listholder .lista-item .texten .nummer, #beauty_list .beauty-article .column--eight #listholder .lista-item .texten .nummer {
          padding-bottom: 0.809em; }
          #beauty_long .beauty-article .column--eight #listholder .lista-item .texten .nummer span, #beauty_short .beauty-article .column--eight #listholder .lista-item .texten .nummer span, #beauty_list .beauty-article .column--eight #listholder .lista-item .texten .nummer span {
            display: inline-block;
            line-height: 1em;
            font-size: 1.75em;
            font-family: 'lato';
            color: white;
            background-color: black;
            padding: 10px 18px 10px 15px; }
        #beauty_long .beauty-article .column--eight #listholder .lista-item .texten p, #beauty_short .beauty-article .column--eight #listholder .lista-item .texten p, #beauty_list .beauty-article .column--eight #listholder .lista-item .texten p {
          font-size: 1em;
          padding-bottom: 1.618em; }
        #beauty_long .beauty-article .column--eight #listholder .lista-item .texten .linken a, #beauty_short .beauty-article .column--eight #listholder .lista-item .texten .linken a, #beauty_list .beauty-article .column--eight #listholder .lista-item .texten .linken a {
          text-decoration: underline; }
  #beauty_long .beauty-article .column--four, #beauty_short .beauty-article .column--four, #beauty_list .beauty-article .column--four {
    display: block;
    float: left;
    margin-right: 2.35765%;
    width: 31.76157%;
    margin-right: 0; }
    #beauty_long .beauty-article .column--four:last-child, #beauty_short .beauty-article .column--four:last-child, #beauty_list .beauty-article .column--four:last-child {
      margin-right: 0; }
    #beauty_long .beauty-article .column--four .social, #beauty_short .beauty-article .column--four .social, #beauty_list .beauty-article .column--four .social {
      border-top: 1px solid #cccccc;
      padding: 20px 0px;
      text-align: center;
      font-family: 'lato';
      text-transform: uppercase;
      line-height: 1.5em;
      font-size: 0.750em; }
      #beauty_long .beauty-article .column--four .social a, #beauty_short .beauty-article .column--four .social a, #beauty_list .beauty-article .column--four .social a {
        text-decoration: underline; }
      #beauty_long .beauty-article .column--four .social img, #beauty_short .beauty-article .column--four .social img, #beauty_list .beauty-article .column--four .social img {
        max-width: 50px;
        opacity: 1;
        margin: 0px 5px 10px 5px;
        transition: opacity .2s ease-in-out; }
        #beauty_long .beauty-article .column--four .social img:hover, #beauty_short .beauty-article .column--four .social img:hover, #beauty_list .beauty-article .column--four .social img:hover {
          opacity: .5; }
    #beauty_long .beauty-article .column--four .produkter-i-artikel, #beauty_short .beauty-article .column--four .produkter-i-artikel, #beauty_list .beauty-article .column--four .produkter-i-artikel {
      display: block;
      float: left;
      margin-right: 2.35765%;
      width: 100%;
      padding-bottom: 1.618em; }
      #beauty_long .beauty-article .column--four .produkter-i-artikel:last-child, #beauty_short .beauty-article .column--four .produkter-i-artikel:last-child, #beauty_list .beauty-article .column--four .produkter-i-artikel:last-child {
        margin-right: 0; }
      #beauty_long .beauty-article .column--four .produkter-i-artikel .produkt, #beauty_short .beauty-article .column--four .produkter-i-artikel .produkt, #beauty_list .beauty-article .column--four .produkter-i-artikel .produkt {
        display: block;
        float: left;
        margin-right: 2.35765%;
        width: 48.82117%;
        text-align: center;
        line-height: 1.5em;
        padding-bottom: 0px; }
        #beauty_long .beauty-article .column--four .produkter-i-artikel .produkt:last-child, #beauty_short .beauty-article .column--four .produkter-i-artikel .produkt:last-child, #beauty_list .beauty-article .column--four .produkter-i-artikel .produkt:last-child {
          margin-right: 0; }
        #beauty_long .beauty-article .column--four .produkter-i-artikel .produkt:nth-child(2n), #beauty_short .beauty-article .column--four .produkter-i-artikel .produkt:nth-child(2n), #beauty_list .beauty-article .column--four .produkter-i-artikel .produkt:nth-child(2n) {
          margin-right: 0; }
        #beauty_long .beauty-article .column--four .produkter-i-artikel .produkt:nth-child(2n+1), #beauty_short .beauty-article .column--four .produkter-i-artikel .produkt:nth-child(2n+1), #beauty_list .beauty-article .column--four .produkter-i-artikel .produkt:nth-child(2n+1) {
          clear: left; }
        #beauty_long .beauty-article .column--four .produkter-i-artikel .produkt h2, #beauty_short .beauty-article .column--four .produkter-i-artikel .produkt h2, #beauty_list .beauty-article .column--four .produkter-i-artikel .produkt h2 {
          font-size: 1.125em; }
    @media screen and (max-width: 669px) {
      #beauty_long .beauty-article .column--four .banner, #beauty_short .beauty-article .column--four .banner, #beauty_list .beauty-article .column--four .banner {
        display: none !important;
        visibility: hidden; } }
    @media screen and (max-width: 669px) {
      #beauty_long .beauty-article .column--four, #beauty_short .beauty-article .column--four, #beauty_list .beauty-article .column--four {
        display: block;
        float: left;
        margin-right: 2.35765%;
        width: 100%; }
        #beauty_long .beauty-article .column--four:last-child, #beauty_short .beauty-article .column--four:last-child, #beauty_list .beauty-article .column--four:last-child {
          margin-right: 0; } }

.videoWrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0;
  margin-bottom: 1.618em; }

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

.video {
  width: 100%    !important;
  height: auto   !important; }

/*-----------------------------------------------------------------------------------*/
/*	END BEAUTY STYLES */
/*-----------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------*/
/*	BRANDS STYLES */
/*-----------------------------------------------------------------------------------*/
.brands-holder {
  display: block;
  float: left;
  margin-right: 2.35765%;
  width: 100%;
  margin-right: 0; }
  .brands-holder:last-child {
    margin-right: 0; }
  .brands-holder .brand {
    display: block;
    float: left;
    margin-right: 2.35765%;
    width: 14.70196%;
    padding-bottom: 10px;
    margin-bottom: 1.618em;
    border-bottom: 1px solid #cccccc;
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
    .brands-holder .brand:last-child {
      margin-right: 0; }
    .brands-holder .brand:nth-child(6n) {
      margin-right: 0; }
    .brands-holder .brand:nth-child(6n+1) {
      clear: left; }
    .brands-holder .brand:hover {
      opacity: 1;
      cursor: pointer;
      -webkit-transform: scale(1.02);
      -moz-transform: scale(1.02);
      -ms-transform: scale(1.02);
      -o-transform: scale(1.02);
      transform: scale(1.02); }
    @media screen and (max-width: 770px) {
      .brands-holder .brand {
        display: block;
        float: left;
        margin-right: 2.35765%;
        width: 23.23176%; }
        .brands-holder .brand:last-child {
          margin-right: 0; }
        .brands-holder .brand:nth-child(6n) {
          margin-right: 2.35765%; }
        .brands-holder .brand:nth-child(6n+1) {
          clear: none; }
        .brands-holder .brand:nth-child(4n) {
          margin-right: 0; }
        .brands-holder .brand:nth-child(4n+1) {
          clear: left; } }
    @media screen and (max-width: 480px) {
      .brands-holder .brand {
        display: block;
        float: left;
        margin-right: 2.35765%;
        width: 48.82117%; }
        .brands-holder .brand:last-child {
          margin-right: 0; }
        .brands-holder .brand:nth-child(4n) {
          margin-right: 2.35765%; }
        .brands-holder .brand:nth-child(4n+1) {
          clear: none; }
        .brands-holder .brand:nth-child(2n) {
          margin-right: 0; }
        .brands-holder .brand:nth-child(2n+1) {
          clear: left; } }
  .brands-holder .brand-newsholder-specific {
    display: block;
    float: left;
    margin-right: 2.35765%;
    width: 14.70196%;
    padding-bottom: 10px;
    margin-bottom: 1.618em;
    border-bottom: 1px solid #cccccc;
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
    .brands-holder .brand-newsholder-specific:last-child {
      margin-right: 0; }
    .brands-holder .brand-newsholder-specific:nth-child(6n) {
      margin-right: 0; }
    .brands-holder .brand-newsholder-specific:nth-child(6n+1) {
      clear: left; }
    .brands-holder .brand-newsholder-specific .logotyp {
      padding-top: 5px;
      padding-bottom: 5px; }
    .brands-holder .brand-newsholder-specific .socialmedia img {
      max-width: 20px;
      opacity: 1;
      margin: 0px 5px 5px 0px;
      transition: opacity .2s ease-in-out;
      vertical-align: middle; }
      .brands-holder .brand-newsholder-specific .socialmedia img:hover {
        opacity: 0.5;
        cursor: pointer; }
    .brands-holder .brand-newsholder-specific .logotyp, .brands-holder .brand-newsholder-specific .bild {
      cursor: pointer;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }
      .brands-holder .brand-newsholder-specific .logotyp:hover, .brands-holder .brand-newsholder-specific .bild:hover {
        opacity: 1;
        -webkit-transform: scale(1.02);
        -moz-transform: scale(1.02);
        -ms-transform: scale(1.02);
        -o-transform: scale(1.02);
        transform: scale(1.02); }
    @media screen and (max-width: 770px) {
      .brands-holder .brand-newsholder-specific {
        display: block;
        float: left;
        margin-right: 2.35765%;
        width: 23.23176%; }
        .brands-holder .brand-newsholder-specific:last-child {
          margin-right: 0; }
        .brands-holder .brand-newsholder-specific:nth-child(6n) {
          margin-right: 2.35765%; }
        .brands-holder .brand-newsholder-specific:nth-child(6n+1) {
          clear: none; }
        .brands-holder .brand-newsholder-specific:nth-child(4n) {
          margin-right: 0; }
        .brands-holder .brand-newsholder-specific:nth-child(4n+1) {
          clear: left; } }
    @media screen and (max-width: 480px) {
      .brands-holder .brand-newsholder-specific {
        display: block;
        float: left;
        margin-right: 2.35765%;
        width: 48.82117%; }
        .brands-holder .brand-newsholder-specific:last-child {
          margin-right: 0; }
        .brands-holder .brand-newsholder-specific:nth-child(4n) {
          margin-right: 2.35765%; }
        .brands-holder .brand-newsholder-specific:nth-child(4n+1) {
          clear: none; }
        .brands-holder .brand-newsholder-specific:nth-child(2n) {
          margin-right: 0; }
        .brands-holder .brand-newsholder-specific:nth-child(2n+1) {
          clear: left; } }

@media screen and (max-width: 669px) {
  #brands {
    border-top: 1px solid #cccccc;
    padding-top: 1.618em; } }

@media screen and (max-width: 669px) {
  #brand {
    border-top: 1px solid #cccccc;
    padding-top: 1.618em; } }
#brand .brand-article {
  display: block;
  float: left;
  margin-right: 2.35765%;
  width: 100%; }
  #brand .brand-article:last-child {
    margin-right: 0; }
  #brand .brand-article .column--twelve {
    display: block;
    float: left;
    margin-right: 2.35765%;
    width: 100%;
    margin-right: 0; }
    #brand .brand-article .column--twelve:last-child {
      margin-right: 0; }
    #brand .brand-article .column--twelve h1 {
      padding-bottom: 20px; }
  #brand .brand-article .column--eight {
    display: block;
    float: left;
    margin-right: 2.35765%;
    width: 65.88078%; }
    #brand .brand-article .column--eight:last-child {
      margin-right: 0; }
    #brand .brand-article .column--eight h5 {
      padding-bottom: 1.618em; }
    @media screen and (max-width: 669px) {
      #brand .brand-article .column--eight {
        display: block;
        float: left;
        margin-right: 2.35765%;
        width: 100%; }
        #brand .brand-article .column--eight:last-child {
          margin-right: 0; } }
    #brand .brand-article .column--eight #listholder .lista-item {
      display: block;
      float: left;
      margin-right: 2.35765%;
      width: 100%;
      margin-right: 0;
      margin-bottom: 1.618em; }
      #brand .brand-article .column--eight #listholder .lista-item:last-child {
        margin-right: 0; }
      #brand .brand-article .column--eight #listholder .lista-item .bilden {
        display: block;
        float: left;
        margin-right: 2.35765%;
        width: 48.82117%; }
        #brand .brand-article .column--eight #listholder .lista-item .bilden:last-child {
          margin-right: 0; }
        @media screen and (max-width: 480px) {
          #brand .brand-article .column--eight #listholder .lista-item .bilden {
            display: block;
            float: left;
            margin-right: 2.35765%;
            width: 100%; }
            #brand .brand-article .column--eight #listholder .lista-item .bilden:last-child {
              margin-right: 0; } }
      #brand .brand-article .column--eight #listholder .lista-item .texten {
        display: block;
        float: left;
        margin-right: 2.35765%;
        width: 48.82117%;
        margin-right: 0;
        text-align: center;
        border-top: 1px solid black; }
        #brand .brand-article .column--eight #listholder .lista-item .texten:last-child {
          margin-right: 0; }
        @media screen and (max-width: 480px) {
          #brand .brand-article .column--eight #listholder .lista-item .texten {
            display: block;
            float: left;
            margin-right: 2.35765%;
            width: 100%; }
            #brand .brand-article .column--eight #listholder .lista-item .texten:last-child {
              margin-right: 0; } }
        #brand .brand-article .column--eight #listholder .lista-item .texten .nummer {
          padding-bottom: 0.809em; }
          #brand .brand-article .column--eight #listholder .lista-item .texten .nummer span {
            display: inline-block;
            line-height: 1em;
            font-size: 1.75em;
            font-family: 'lato';
            color: white;
            background-color: black;
            padding: 10px 18px 10px 15px; }
        #brand .brand-article .column--eight #listholder .lista-item .texten p {
          font-size: 1em;
          padding-bottom: 1.618em; }
        #brand .brand-article .column--eight #listholder .lista-item .texten .linken a {
          text-decoration: underline; }
  #brand .brand-article .column--four {
    display: block;
    float: left;
    margin-right: 2.35765%;
    width: 31.76157%;
    margin-right: 0; }
    #brand .brand-article .column--four:last-child {
      margin-right: 0; }
    #brand .brand-article .column--four .logo {
      padding: 1.618em 0px;
      border-top: 1px solid #cccccc; }
      @media screen and (max-width: 669px) {
        #brand .brand-article .column--four .logo {
          display: block;
          float: left;
          margin-right: 2.35765%;
          width: 48.82117%; }
          #brand .brand-article .column--four .logo:last-child {
            margin-right: 0; } }
      @media screen and (max-width: 480px) {
        #brand .brand-article .column--four .logo {
          display: block;
          float: left;
          margin-right: 2.35765%;
          width: 100%; }
          #brand .brand-article .column--four .logo:last-child {
            margin-right: 0; } }
    #brand .brand-article .column--four .social {
      display: block;
      float: left;
      margin-right: 2.35765%;
      width: 100%;
      border-top: 1px solid #cccccc;
      padding: 25px 0px 20px 0px;
      font-family: 'lato';
      text-transform: uppercase;
      line-height: 1.5em;
      font-size: 0.750em; }
      #brand .brand-article .column--four .social:last-child {
        margin-right: 0; }
      #brand .brand-article .column--four .social span {
        display: block;
        float: left;
        margin-right: 2.35765%;
        width: 100%;
        margin-bottom: 5px; }
        #brand .brand-article .column--four .social span:last-child {
          margin-right: 0; }
      #brand .brand-article .column--four .social a {
        text-decoration: underline; }
        #brand .brand-article .column--four .social a:hover > img {
          opacity: .5; }
      #brand .brand-article .column--four .social img {
        max-width: 20px;
        opacity: 1;
        margin: 0px 5px 0px 0px;
        transition: opacity .2s ease-in-out;
        vertical-align: middle; }
      @media screen and (max-width: 669px) {
        #brand .brand-article .column--four .social {
          display: block;
          float: left;
          margin-right: 2.35765%;
          width: 48.82117%;
          margin-right: 0;
          padding: 25px 0px 20px 25px; }
          #brand .brand-article .column--four .social:last-child {
            margin-right: 0; } }
      @media screen and (max-width: 480px) {
        #brand .brand-article .column--four .social {
          display: block;
          float: left;
          margin-right: 2.35765%;
          width: 100%;
          margin-right: 0;
          padding: 25px 0px 20px 0px; }
          #brand .brand-article .column--four .social:last-child {
            margin-right: 0; } }
    #brand .brand-article .column--four .produkter-i-artikel {
      display: block;
      float: left;
      margin-right: 2.35765%;
      width: 100%;
      padding-bottom: 1.618em; }
      #brand .brand-article .column--four .produkter-i-artikel:last-child {
        margin-right: 0; }
      #brand .brand-article .column--four .produkter-i-artikel .produkt {
        display: block;
        float: left;
        margin-right: 2.35765%;
        width: 48.82117%;
        text-align: center;
        line-height: 1.5em;
        padding-bottom: 0px; }
        #brand .brand-article .column--four .produkter-i-artikel .produkt:last-child {
          margin-right: 0; }
        #brand .brand-article .column--four .produkter-i-artikel .produkt:nth-child(2n) {
          margin-right: 0; }
        #brand .brand-article .column--four .produkter-i-artikel .produkt:nth-child(2n+1) {
          clear: left; }
        #brand .brand-article .column--four .produkter-i-artikel .produkt h2 {
          font-size: 1.125em; }
    @media screen and (max-width: 669px) {
      #brand .brand-article .column--four .banner {
        display: none !important;
        visibility: hidden; } }
    @media screen and (max-width: 669px) {
      #brand .brand-article .column--four {
        display: block;
        float: left;
        margin-right: 2.35765%;
        width: 100%; }
        #brand .brand-article .column--four:last-child {
          margin-right: 0; } }

/*-----------------------------------------------------------------------------------*/
/*	END BRANDS STYLES */
/*-----------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------*/
/*	NEW BRANDS STYLES */
/*-----------------------------------------------------------------------------------*/
@media screen and (max-width: 669px) {
  #brandv2 {
    border-top: 1px solid #cccccc;
    padding-top: 1.618em; } }
#brandv2 .column--twelve h5.bildtext {
  padding-bottom: 1.618em; }
#brandv2 .brand-article {
  display: block;
  float: left;
  margin-right: 2.35765%;
  width: 100%; }
  #brandv2 .brand-article:last-child {
    margin-right: 0; }
  #brandv2 .brand-article .column--eight {
    display: block;
    float: left;
    margin-right: 2.35765%;
    width: 65.88078%; }
    #brandv2 .brand-article .column--eight:last-child {
      margin-right: 0; }
    #brandv2 .brand-article .column--eight h1 {
      padding-bottom: 20px; }
    @media screen and (max-width: 669px) {
      #brandv2 .brand-article .column--eight {
        display: block;
        float: left;
        margin-right: 2.35765%;
        width: 100%; }
        #brandv2 .brand-article .column--eight:last-child {
          margin-right: 0; } }
    #brandv2 .brand-article .column--eight #listholder .lista-item {
      display: block;
      float: left;
      margin-right: 2.35765%;
      width: 100%;
      margin-right: 0;
      margin-bottom: 1.618em; }
      #brandv2 .brand-article .column--eight #listholder .lista-item:last-child {
        margin-right: 0; }
      #brandv2 .brand-article .column--eight #listholder .lista-item .bilden {
        display: block;
        float: left;
        margin-right: 2.35765%;
        width: 48.82117%; }
        #brandv2 .brand-article .column--eight #listholder .lista-item .bilden:last-child {
          margin-right: 0; }
        @media screen and (max-width: 480px) {
          #brandv2 .brand-article .column--eight #listholder .lista-item .bilden {
            display: block;
            float: left;
            margin-right: 2.35765%;
            width: 100%; }
            #brandv2 .brand-article .column--eight #listholder .lista-item .bilden:last-child {
              margin-right: 0; } }
      #brandv2 .brand-article .column--eight #listholder .lista-item .texten {
        display: block;
        float: left;
        margin-right: 2.35765%;
        width: 48.82117%;
        margin-right: 0;
        text-align: center;
        border-top: 1px solid black; }
        #brandv2 .brand-article .column--eight #listholder .lista-item .texten:last-child {
          margin-right: 0; }
        @media screen and (max-width: 480px) {
          #brandv2 .brand-article .column--eight #listholder .lista-item .texten {
            display: block;
            float: left;
            margin-right: 2.35765%;
            width: 100%; }
            #brandv2 .brand-article .column--eight #listholder .lista-item .texten:last-child {
              margin-right: 0; } }
        #brandv2 .brand-article .column--eight #listholder .lista-item .texten .nummer {
          padding-bottom: 0.809em; }
          #brandv2 .brand-article .column--eight #listholder .lista-item .texten .nummer span {
            display: inline-block;
            line-height: 1em;
            font-size: 1.75em;
            font-family: 'lato';
            color: white;
            background-color: black;
            padding: 10px 18px 10px 15px; }
        #brandv2 .brand-article .column--eight #listholder .lista-item .texten p {
          font-size: 1em;
          padding-bottom: 1.618em; }
        #brandv2 .brand-article .column--eight #listholder .lista-item .texten .linken a {
          text-decoration: underline; }
  #brandv2 .brand-article .column--four {
    display: block;
    float: left;
    margin-right: 2.35765%;
    width: 31.76157%;
    margin-right: 0;
    border: 1px solid #cccccc;
    margin-bottom: 1.618em; }
    #brandv2 .brand-article .column--four:last-child {
      margin-right: 0; }
    #brandv2 .brand-article .column--four .logo {
      padding: 1.618em; }
      @media screen and (max-width: 669px) {
        #brandv2 .brand-article .column--four .logo {
          display: block;
          float: left;
          margin-right: 2.35765%;
          width: 48.82117%; }
          #brandv2 .brand-article .column--four .logo:last-child {
            margin-right: 0; } }
      @media screen and (max-width: 480px) {
        #brandv2 .brand-article .column--four .logo {
          display: block;
          float: left;
          margin-right: 2.35765%;
          width: 100%; }
          #brandv2 .brand-article .column--four .logo:last-child {
            margin-right: 0; } }
    #brandv2 .brand-article .column--four .social {
      display: block;
      float: left;
      margin-right: 2.35765%;
      width: 100%;
      border-top: 1px solid #cccccc;
      padding: 1.618em;
      font-family: 'lato';
      text-transform: uppercase;
      line-height: 1.5em;
      font-size: 0.750em; }
      #brandv2 .brand-article .column--four .social:last-child {
        margin-right: 0; }
      #brandv2 .brand-article .column--four .social span {
        display: block;
        float: left;
        margin-right: 2.35765%;
        width: 100%;
        margin-bottom: 10px; }
        #brandv2 .brand-article .column--four .social span:last-child {
          margin-right: 0; }
      #brandv2 .brand-article .column--four .social a {
        text-decoration: underline; }
        #brandv2 .brand-article .column--four .social a:hover > img {
          opacity: .5; }
      #brandv2 .brand-article .column--four .social img {
        max-width: 20px;
        opacity: 1;
        margin: 0px 5px 0px 0px;
        transition: opacity .2s ease-in-out;
        vertical-align: middle; }
      @media screen and (max-width: 669px) {
        #brandv2 .brand-article .column--four .social {
          display: block;
          float: left;
          margin-right: 2.35765%;
          width: 48.82117%;
          margin-right: 0; }
          #brandv2 .brand-article .column--four .social:last-child {
            margin-right: 0; } }
      @media screen and (max-width: 480px) {
        #brandv2 .brand-article .column--four .social {
          display: block;
          float: left;
          margin-right: 2.35765%;
          width: 100%;
          margin-right: 0; }
          #brandv2 .brand-article .column--four .social:last-child {
            margin-right: 0; } }
    @media screen and (max-width: 669px) {
      #brandv2 .brand-article .column--four .banner {
        display: none !important;
        visibility: hidden; } }
    @media screen and (max-width: 669px) {
      #brandv2 .brand-article .column--four {
        display: block;
        float: left;
        margin-right: 2.35765%;
        width: 100%; }
        #brandv2 .brand-article .column--four:last-child {
          margin-right: 0; } }
  #brandv2 .brand-article .break-header {
    display: block;
    float: left;
    margin-right: 2.35765%;
    width: 100%;
    margin-right: 0;
    padding: 1.618em 1.618em 6.472em;
    text-align: center; }
    #brandv2 .brand-article .break-header:last-child {
      margin-right: 0; }
    #brandv2 .brand-article .break-header h5 {
      padding-bottom: 1.618em; }
    #brandv2 .brand-article .break-header h2 {
      display: block;
      float: left;
      margin-right: 2.35765%;
      width: 65.88078%;
      margin-left: 17.05961%;
      margin-right: 0;
      line-height: 1.5em; }
      #brandv2 .brand-article .break-header h2:last-child {
        margin-right: 0; }
      @media screen and (max-width: 669px) {
        #brandv2 .brand-article .break-header h2 {
          display: block;
          float: left;
          margin-right: 2.35765%;
          width: 82.94039%;
          margin-left: 8.5298%; }
          #brandv2 .brand-article .break-header h2:last-child {
            margin-right: 0; } }
      @media screen and (max-width: 480px) {
        #brandv2 .brand-article .break-header h2 {
          display: block;
          float: left;
          margin-right: 2.35765%;
          width: 100%;
          margin-left: 0%; }
          #brandv2 .brand-article .break-header h2:last-child {
            margin-right: 0; } }

.three-columns-maybe-two.firstoneofit {
  padding-bottom: 3.236em; }
  .three-columns-maybe-two.firstoneofit .column-1 {
    display: block;
    float: left;
    margin-right: 2.35765%;
    width: 65.88078%;
    margin-left: 17.05961%;
    margin-right: 0;
    padding: 1.618em 0; }
    .three-columns-maybe-two.firstoneofit .column-1:last-child {
      margin-right: 0; }
    @media screen and (max-width: 480px) {
      .three-columns-maybe-two.firstoneofit .column-1 {
        display: block;
        float: left;
        margin-right: 2.35765%;
        width: 100%;
        margin-left: 0%; }
        .three-columns-maybe-two.firstoneofit .column-1:last-child {
          margin-right: 0; } }
.three-columns-maybe-two h5 {
  font-family: 'Lora', serif;
  text-transform: none; }
.three-columns-maybe-two .pelare-holder {
  display: block;
  float: left;
  margin-right: 2.35765%;
  width: 100%;
  padding-bottom: 3.236em; }
  .three-columns-maybe-two .pelare-holder:last-child {
    margin-right: 0; }
  @media screen and (max-width: 669px) {
    .three-columns-maybe-two .pelare-holder {
      padding-top: 3.236em; } }
  .three-columns-maybe-two .pelare-holder .navigation {
    font-family: 'Lato', sans-serif;
    text-align: center;
    padding-bottom: 3.236em; }
    .three-columns-maybe-two .pelare-holder .navigation a {
      padding: 0 0.809em; }
  .three-columns-maybe-two .pelare-holder .pelare-right, .three-columns-maybe-two .pelare-holder .pelare-left {
    display: block;
    float: left;
    margin-right: 2.35765%;
    width: 100%;
    padding-bottom: 3.236em; }
    .three-columns-maybe-two .pelare-holder .pelare-right:last-child, .three-columns-maybe-two .pelare-holder .pelare-left:last-child {
      margin-right: 0; }
    .three-columns-maybe-two .pelare-holder .pelare-right h5, .three-columns-maybe-two .pelare-holder .pelare-left h5 {
      font-family: 'Lato', sans-serif; }
    .three-columns-maybe-two .pelare-holder .pelare-right .show--more .button a, .three-columns-maybe-two .pelare-holder .pelare-left .show--more .button a {
      margin-bottom: 0em; }
    @media screen and (max-width: 669px) {
      .three-columns-maybe-two .pelare-holder .pelare-right, .three-columns-maybe-two .pelare-holder .pelare-left {
        padding-bottom: 3.236em; } }
  .three-columns-maybe-two .pelare-holder .pelare-right .left, .three-columns-maybe-two .pelare-holder .pelare-left .left {
    display: block;
    float: left;
    margin-right: 2.35765%;
    width: 31.76157%;
    float: left; }
    .three-columns-maybe-two .pelare-holder .pelare-right .left:last-child, .three-columns-maybe-two .pelare-holder .pelare-left .left:last-child {
      margin-right: 0; }
    @media screen and (max-width: 669px) {
      .three-columns-maybe-two .pelare-holder .pelare-right .left, .three-columns-maybe-two .pelare-holder .pelare-left .left {
        display: block;
        float: left;
        margin-right: 2.35765%;
        width: 57.35098%; }
        .three-columns-maybe-two .pelare-holder .pelare-right .left:last-child, .three-columns-maybe-two .pelare-holder .pelare-left .left:last-child {
          margin-right: 0; } }
    @media screen and (max-width: 480px) {
      .three-columns-maybe-two .pelare-holder .pelare-right .left, .three-columns-maybe-two .pelare-holder .pelare-left .left {
        display: block;
        float: left;
        margin-right: 2.35765%;
        width: 100%; }
        .three-columns-maybe-two .pelare-holder .pelare-right .left:last-child, .three-columns-maybe-two .pelare-holder .pelare-left .left:last-child {
          margin-right: 0; } }
    .three-columns-maybe-two .pelare-holder .pelare-right .left .button, .three-columns-maybe-two .pelare-holder .pelare-left .left .button {
      padding-top: 1.618em; }
      .three-columns-maybe-two .pelare-holder .pelare-right .left .button a, .three-columns-maybe-two .pelare-holder .pelare-left .left .button a {
        display: block;
        float: left;
        margin-right: 2.35765%;
        width: 82.94039%;
        margin-left: 8.5298%; }
        .three-columns-maybe-two .pelare-holder .pelare-right .left .button a:last-child, .three-columns-maybe-two .pelare-holder .pelare-left .left .button a:last-child {
          margin-right: 0; }
  .three-columns-maybe-two .pelare-holder .pelare-right .right, .three-columns-maybe-two .pelare-holder .pelare-left .right {
    float: right;
    display: block;
    float: left;
    margin-right: 2.35765%;
    width: 65.88078%; }
    .three-columns-maybe-two .pelare-holder .pelare-right .right:last-child, .three-columns-maybe-two .pelare-holder .pelare-left .right:last-child {
      margin-right: 0; }
    @media screen and (max-width: 669px) {
      .three-columns-maybe-two .pelare-holder .pelare-right .right, .three-columns-maybe-two .pelare-holder .pelare-left .right {
        display: block;
        float: left;
        margin-right: 2.35765%;
        width: 40.29137%; }
        .three-columns-maybe-two .pelare-holder .pelare-right .right:last-child, .three-columns-maybe-two .pelare-holder .pelare-left .right:last-child {
          margin-right: 0; } }
    @media screen and (max-width: 480px) {
      .three-columns-maybe-two .pelare-holder .pelare-right .right, .three-columns-maybe-two .pelare-holder .pelare-left .right {
        display: none !important;
        visibility: hidden; } }
  .three-columns-maybe-two .pelare-holder .pelare-right .left {
    float: right; }
    @media screen and (max-width: 669px) {
      .three-columns-maybe-two .pelare-holder .pelare-right .left {
        padding-left: 1.618em; } }
    @media screen and (max-width: 480px) {
      .three-columns-maybe-two .pelare-holder .pelare-right .left {
        padding-left: 10px; } }
  .three-columns-maybe-two .pelare-holder .pelare-right .right {
    float: left;
    padding-right: 1.618em; }

.column--twelve .produkter-i-varumarke {
  display: block;
  float: left;
  margin-right: 2.35765%;
  width: 100%;
  padding-bottom: 3.236em; }
  .column--twelve .produkter-i-varumarke:last-child {
    margin-right: 0; }
  .column--twelve .produkter-i-varumarke .produkt {
    display: block;
    float: left;
    margin-right: 2.35765%;
    width: 14.70196%;
    text-align: center;
    line-height: 1.5em;
    padding-bottom: 0px; }
    .column--twelve .produkter-i-varumarke .produkt:last-child {
      margin-right: 0; }
    .column--twelve .produkter-i-varumarke .produkt:nth-child(6n) {
      margin-right: 0; }
    .column--twelve .produkter-i-varumarke .produkt:nth-child(6n+1) {
      clear: left; }
    .column--twelve .produkter-i-varumarke .produkt h2 {
      font-size: 1.125em; }
    @media screen and (max-width: 770px) {
      .column--twelve .produkter-i-varumarke .produkt {
        display: block;
        float: left;
        margin-right: 2.35765%;
        width: 31.76157%; }
        .column--twelve .produkter-i-varumarke .produkt:last-child {
          margin-right: 0; }
        .column--twelve .produkter-i-varumarke .produkt:nth-child(6n) {
          margin-right: 2.35765%; }
        .column--twelve .produkter-i-varumarke .produkt:nth-child(6n+1) {
          clear: none; }
        .column--twelve .produkter-i-varumarke .produkt:nth-child(4n) {
          margin-right: 2.35765%; }
        .column--twelve .produkter-i-varumarke .produkt:nth-child(4n+1) {
          clear: none; }
        .column--twelve .produkter-i-varumarke .produkt:nth-child(3n) {
          margin-right: 0; }
        .column--twelve .produkter-i-varumarke .produkt:nth-child(3n+1) {
          clear: left; } }
    @media screen and (max-width: 480px) {
      .column--twelve .produkter-i-varumarke .produkt {
        display: block;
        float: left;
        margin-right: 2.35765%;
        width: 48.82117%; }
        .column--twelve .produkter-i-varumarke .produkt:last-child {
          margin-right: 0; }
        .column--twelve .produkter-i-varumarke .produkt:nth-child(3n) {
          margin-right: 2.35765%; }
        .column--twelve .produkter-i-varumarke .produkt:nth-child(3n+1) {
          clear: none; }
        .column--twelve .produkter-i-varumarke .produkt:nth-child(2n) {
          margin-right: 0; }
        .column--twelve .produkter-i-varumarke .produkt:nth-child(2n+1) {
          clear: left; } }

.add-more-padding {
  display: block;
  float: left;
  margin-right: 2.35765%;
  width: 100%;
  padding-bottom: 3.236em; }
  .add-more-padding:last-child {
    margin-right: 0; }

/*-----------------------------------------------------------------------------------*/
/*	END NEW BRANDS STYLES */
/*-----------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------*/
/*	SEARCH STYLES */
/*-----------------------------------------------------------------------------------*/
@media screen and (max-width: 669px) {
  #search {
    border-top: 1px solid #cccccc;
    padding-top: 1.618em; } }
#search .search-article {
  display: block;
  float: left;
  margin-right: 2.35765%;
  width: 100%; }
  #search .search-article:last-child {
    margin-right: 0; }
  #search .search-article .column--twelve {
    display: block;
    float: left;
    margin-right: 2.35765%;
    width: 100%;
    margin-right: 0; }
    #search .search-article .column--twelve:last-child {
      margin-right: 0; }
    #search .search-article .column--twelve h1 {
      padding-bottom: 20px;
      text-transform: capitalize; }
  #search .search-article .column--six-left {
    display: block;
    float: left;
    margin-right: 2.35765%;
    width: 48.82117%; }
    #search .search-article .column--six-left:last-child {
      margin-right: 0; }
    #search .search-article .column--six-left h5 {
      padding-bottom: 1.618em; }
    @media screen and (max-width: 669px) {
      #search .search-article .column--six-left {
        display: block;
        float: left;
        margin-right: 2.35765%;
        width: 100%; }
        #search .search-article .column--six-left:last-child {
          margin-right: 0; } }
    #search .search-article .column--six-left .search--result-products {
      display: block;
      float: left;
      margin-right: 2.35765%;
      width: 100%;
      padding-bottom: 1.618em; }
      #search .search-article .column--six-left .search--result-products:last-child {
        margin-right: 0; }
      #search .search-article .column--six-left .search--result-products .produkt {
        display: block;
        float: left;
        margin-right: 2.35765%;
        width: 31.76157%;
        text-align: center;
        line-height: 1.5em;
        padding-bottom: 10px; }
        #search .search-article .column--six-left .search--result-products .produkt:last-child {
          margin-right: 0; }
        #search .search-article .column--six-left .search--result-products .produkt:nth-child(3n) {
          margin-right: 0; }
        #search .search-article .column--six-left .search--result-products .produkt:nth-child(3n+1) {
          clear: left; }
        #search .search-article .column--six-left .search--result-products .produkt h5 {
          padding-bottom: 10px;
          line-height: 1em; }
        #search .search-article .column--six-left .search--result-products .produkt h2 {
          font-size: 1.125em;
          padding-top: 0px; }
        @media screen and (max-width: 480px) {
          #search .search-article .column--six-left .search--result-products .produkt {
            display: block;
            float: left;
            margin-right: 2.35765%;
            width: 48.82117%; }
            #search .search-article .column--six-left .search--result-products .produkt:last-child {
              margin-right: 0; }
            #search .search-article .column--six-left .search--result-products .produkt:nth-child(3n) {
              margin-right: 2.35765%; }
            #search .search-article .column--six-left .search--result-products .produkt:nth-child(3n+1) {
              clear: none; }
            #search .search-article .column--six-left .search--result-products .produkt:nth-child(2n) {
              margin-right: 0; }
            #search .search-article .column--six-left .search--result-products .produkt:nth-child(2n+1) {
              clear: left; } }
  #search .search-article .column--six-right {
    display: block;
    float: left;
    margin-right: 2.35765%;
    width: 48.82117%;
    margin-right: 0; }
    #search .search-article .column--six-right:last-child {
      margin-right: 0; }
    #search .search-article .column--six-right .search--beauty-holder {
      display: block;
      float: left;
      margin-right: 2.35765%;
      width: 100%;
      padding-bottom: 1.618em; }
      #search .search-article .column--six-right .search--beauty-holder:last-child {
        margin-right: 0; }
      #search .search-article .column--six-right .search--beauty-holder .single {
        display: block;
        float: left;
        margin-right: 2.35765%;
        width: 100%;
        padding-bottom: 1.618em; }
        #search .search-article .column--six-right .search--beauty-holder .single:last-child {
          margin-right: 0; }
        #search .search-article .column--six-right .search--beauty-holder .single .bild {
          display: block;
          float: left;
          margin-right: 2.35765%;
          width: 31.76157%; }
          #search .search-article .column--six-right .search--beauty-holder .single .bild:last-child {
            margin-right: 0; }
        #search .search-article .column--six-right .search--beauty-holder .single .text {
          display: block;
          float: left;
          margin-right: 2.35765%;
          width: 65.88078%;
          margin-right: 0; }
          #search .search-article .column--six-right .search--beauty-holder .single .text:last-child {
            margin-right: 0; }
          #search .search-article .column--six-right .search--beauty-holder .single .text p {
            font-size: 1em; }
    @media screen and (max-width: 669px) {
      #search .search-article .column--six-right {
        display: block;
        float: left;
        margin-right: 2.35765%;
        width: 100%; }
        #search .search-article .column--six-right:last-child {
          margin-right: 0; } }

/*-----------------------------------------------------------------------------------*/
/*	END SEARCH STYLES */
/*-----------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------*/
/*	SEARCH-varumarke STYLES */
/*-----------------------------------------------------------------------------------*/
@media screen and (max-width: 669px) {
  #search-varumarke {
    border-top: 1px solid #cccccc;
    padding-top: 1.618em; } }
#search-varumarke .search-article {
  display: block;
  float: left;
  margin-right: 2.35765%;
  width: 100%; }
  #search-varumarke .search-article:last-child {
    margin-right: 0; }
  #search-varumarke .search-article .column--twelve {
    display: block;
    float: left;
    margin-right: 2.35765%;
    width: 100%;
    margin-right: 0; }
    #search-varumarke .search-article .column--twelve:last-child {
      margin-right: 0; }
    #search-varumarke .search-article .column--twelve h1 {
      padding-bottom: 20px;
      text-transform: capitalize; }
    #search-varumarke .search-article .column--twelve .search--beauty-holder {
      display: block;
      float: left;
      margin-right: 2.35765%;
      width: 100%;
      padding-bottom: 1.618em; }
      #search-varumarke .search-article .column--twelve .search--beauty-holder:last-child {
        margin-right: 0; }
      #search-varumarke .search-article .column--twelve .search--beauty-holder .single {
        display: block;
        float: left;
        margin-right: 2.35765%;
        width: 48.82117%;
        padding-bottom: 1.618em; }
        #search-varumarke .search-article .column--twelve .search--beauty-holder .single:last-child {
          margin-right: 0; }
        #search-varumarke .search-article .column--twelve .search--beauty-holder .single:nth-child(2n) {
          margin-right: 0; }
        #search-varumarke .search-article .column--twelve .search--beauty-holder .single:nth-child(2n+1) {
          clear: left; }
        #search-varumarke .search-article .column--twelve .search--beauty-holder .single .bild {
          display: block;
          float: left;
          margin-right: 2.35765%;
          width: 31.76157%; }
          #search-varumarke .search-article .column--twelve .search--beauty-holder .single .bild:last-child {
            margin-right: 0; }
        #search-varumarke .search-article .column--twelve .search--beauty-holder .single .text {
          display: block;
          float: left;
          margin-right: 2.35765%;
          width: 65.88078%;
          margin-right: 0; }
          #search-varumarke .search-article .column--twelve .search--beauty-holder .single .text:last-child {
            margin-right: 0; }
          #search-varumarke .search-article .column--twelve .search--beauty-holder .single .text p {
            font-size: 1em; }
    @media screen and (max-width: 669px) {
      #search-varumarke .search-article .column--twelve {
        display: block;
        float: left;
        margin-right: 2.35765%;
        width: 100%; }
        #search-varumarke .search-article .column--twelve:last-child {
          margin-right: 0; } }

/*-----------------------------------------------------------------------------------*/
/*	END SEARCH-varumarke STYLES */
/*-----------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------*/
/*	OM OSS STYLES */
/*-----------------------------------------------------------------------------------*/
@media screen and (max-width: 669px) {
  #om-oss {
    border-top: 1px solid #cccccc;
    padding-top: 1.618em; } }
#om-oss .om-oss-article {
  display: block;
  float: left;
  margin-right: 2.35765%;
  width: 100%; }
  #om-oss .om-oss-article:last-child {
    margin-right: 0; }
  #om-oss .om-oss-article .column--twelve {
    display: block;
    float: left;
    margin-right: 2.35765%;
    width: 100%;
    margin-right: 0; }
    #om-oss .om-oss-article .column--twelve:last-child {
      margin-right: 0; }
    #om-oss .om-oss-article .column--twelve h1 {
      padding-bottom: 20px;
      text-transform: capitalize; }
  #om-oss .om-oss-article .column--six-left {
    display: block;
    float: left;
    margin-right: 2.35765%;
    width: 48.82117%; }
    #om-oss .om-oss-article .column--six-left:last-child {
      margin-right: 0; }
    @media screen and (max-width: 669px) {
      #om-oss .om-oss-article .column--six-left {
        display: block;
        float: left;
        margin-right: 2.35765%;
        width: 100%; }
        #om-oss .om-oss-article .column--six-left:last-child {
          margin-right: 0; } }
  #om-oss .om-oss-article .column--six-right {
    display: block;
    float: left;
    margin-right: 2.35765%;
    width: 48.82117%;
    margin-right: 0; }
    #om-oss .om-oss-article .column--six-right:last-child {
      margin-right: 0; }
    #om-oss .om-oss-article .column--six-right h3, #om-oss .om-oss-article .column--six-right ul {
      font-family: 'Lora', serif;
      font-size: 1.313em;
      line-height: 1.5em; }
    #om-oss .om-oss-article .column--six-right h3 {
      font-weight: 700; }
    #om-oss .om-oss-article .column--six-right ul {
      display: block;
      float: left;
      margin-right: 2.35765%;
      width: 100%;
      margin-bottom: 1.618em; }
      #om-oss .om-oss-article .column--six-right ul:last-child {
        margin-right: 0; }
      #om-oss .om-oss-article .column--six-right ul li {
        list-style-type: disc;
        list-style-position: inside; }
    @media screen and (max-width: 669px) {
      #om-oss .om-oss-article .column--six-right {
        display: block;
        float: left;
        margin-right: 2.35765%;
        width: 100%; }
        #om-oss .om-oss-article .column--six-right:last-child {
          margin-right: 0; } }
#om-oss .maps-and-stuff {
  *zoom: 1;
  max-width: 68em;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 3.236em; }
  #om-oss .maps-and-stuff:before, #om-oss .maps-and-stuff:after {
    content: " ";
    display: table; }
  #om-oss .maps-and-stuff:after {
    clear: both; }
  #om-oss .maps-and-stuff .left, #om-oss .maps-and-stuff .right {
    display: table-cell;
    width: 50%; }
    @media screen and (max-width: 480px) {
      #om-oss .maps-and-stuff .left, #om-oss .maps-and-stuff .right {
        display: block;
        float: left;
        margin-right: 2.35765%;
        width: 100%; }
        #om-oss .maps-and-stuff .left:last-child, #om-oss .maps-and-stuff .right:last-child {
          margin-right: 0; } }
  #om-oss .maps-and-stuff .left {
    padding-right: 0.809em;
    vertical-align: middle; }
    @media screen and (max-width: 480px) {
      #om-oss .maps-and-stuff .left {
        padding-right: 0px; } }
    #om-oss .maps-and-stuff .left h3 {
      font-family: 'Lora', serif;
      font-size: 1em;
      line-height: 1.5em;
      font-weight: 700; }
    #om-oss .maps-and-stuff .left p {
      font-size: 1em;
      padding-bottom: 1.618em; }
      #om-oss .maps-and-stuff .left p:last-child {
        padding-bottom: 0px; }
      @media screen and (max-width: 480px) {
        #om-oss .maps-and-stuff .left p:last-child {
          padding-bottom: 1.618em; } }
  #om-oss .maps-and-stuff .right {
    padding-left: 0.809em; }
    @media screen and (max-width: 480px) {
      #om-oss .maps-and-stuff .right {
        padding-left: 0px; } }
    #om-oss .maps-and-stuff .right #map {
      display: block;
      float: left;
      margin-right: 2.35765%;
      width: 100%;
      min-width: 100px;
      min-height: 400px;
      width: 100%; }
      #om-oss .maps-and-stuff .right #map:last-child {
        margin-right: 0; }
      #om-oss .maps-and-stuff .right #map img {
        max-width: none; }

/*-----------------------------------------------------------------------------------*/
/*	END OM OSS STYLES */
/*-----------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------*/
/*	UTBILDNING STYLES */
/*-----------------------------------------------------------------------------------*/
@media screen and (max-width: 669px) {
  #utbildning {
    border-top: 1px solid #cccccc;
    padding-top: 1.618em; } }
#utbildning .utbildning-article {
  display: block;
  float: left;
  margin-right: 2.35765%;
  width: 100%; }
  #utbildning .utbildning-article:last-child {
    margin-right: 0; }
  #utbildning .utbildning-article .column--twelve {
    display: block;
    float: left;
    margin-right: 2.35765%;
    width: 100%;
    margin-right: 0; }
    #utbildning .utbildning-article .column--twelve:last-child {
      margin-right: 0; }
    #utbildning .utbildning-article .column--twelve h1 {
      padding-bottom: 20px; }
  #utbildning .utbildning-article .column--eight {
    display: block;
    float: left;
    margin-right: 2.35765%;
    width: 65.88078%; }
    #utbildning .utbildning-article .column--eight:last-child {
      margin-right: 0; }
    #utbildning .utbildning-article .column--eight h5 {
      padding-bottom: 1.618em; }
    @media screen and (max-width: 669px) {
      #utbildning .utbildning-article .column--eight {
        display: block;
        float: left;
        margin-right: 2.35765%;
        width: 100%; }
        #utbildning .utbildning-article .column--eight:last-child {
          margin-right: 0; } }
  #utbildning .utbildning-article .column--four {
    display: block;
    float: left;
    margin-right: 2.35765%;
    width: 31.76157%;
    margin-right: 0; }
    #utbildning .utbildning-article .column--four:last-child {
      margin-right: 0; }
    #utbildning .utbildning-article .column--four .logo {
      padding: 1.618em 0px;
      border-top: 1px solid #cccccc; }
      @media screen and (max-width: 669px) {
        #utbildning .utbildning-article .column--four .logo {
          display: block;
          float: left;
          margin-right: 2.35765%;
          width: 48.82117%; }
          #utbildning .utbildning-article .column--four .logo:last-child {
            margin-right: 0; } }
      @media screen and (max-width: 480px) {
        #utbildning .utbildning-article .column--four .logo {
          display: block;
          float: left;
          margin-right: 2.35765%;
          width: 100%; }
          #utbildning .utbildning-article .column--four .logo:last-child {
            margin-right: 0; } }
    #utbildning .utbildning-article .column--four .kurs-datum-holder {
      display: block;
      float: left;
      margin-right: 2.35765%;
      width: 100%;
      padding: 25px 0px 20px 0px;
      font-size: 1em; }
      #utbildning .utbildning-article .column--four .kurs-datum-holder:last-child {
        margin-right: 0; }
      #utbildning .utbildning-article .column--four .kurs-datum-holder h3 {
        font-family: 'Lora', serif; }
      #utbildning .utbildning-article .column--four .kurs-datum-holder ul {
        padding: 10px 0px; }
        #utbildning .utbildning-article .column--four .kurs-datum-holder ul li {
          display: block;
          float: left;
          margin-right: 2.35765%;
          width: 100%;
          padding: 10px 0px;
          border-top: 1px solid #efefef; }
          #utbildning .utbildning-article .column--four .kurs-datum-holder ul li:last-child {
            margin-right: 0; }
          #utbildning .utbildning-article .column--four .kurs-datum-holder ul li:last-child {
            border-bottom: 1px solid #efefef; }
          #utbildning .utbildning-article .column--four .kurs-datum-holder ul li span {
            float: right; }
            #utbildning .utbildning-article .column--four .kurs-datum-holder ul li span:nth-child(odd) {
              float: left; }
    @media screen and (max-width: 669px) {
      #utbildning .utbildning-article .column--four .banner {
        display: none !important;
        visibility: hidden; } }
    @media screen and (max-width: 669px) {
      #utbildning .utbildning-article .column--four {
        display: none !important;
        visibility: hidden; } }
#utbildning .show--more {
  display: block;
  float: left;
  margin-right: 2.35765%;
  width: 100%;
  margin-right: 0;
  margin-top: 0px;
  text-align: right; }
  #utbildning .show--more:last-child {
    margin-right: 0; }
  #utbildning .show--more .button a {
    border: 1px solid black;
    display: inline-block;
    margin-bottom: 3.236em;
    box-shadow: 0px 3px 0px #dcdcdc;
    padding: 0.809em 3.236em;
    background-color: white;
    transition: all .2s ease-in-out; }
    #utbildning .show--more .button a:hover {
      box-shadow: 0px 1px 0px #dcdcdc; }
    #utbildning .show--more .button a:active {
      background-color: white;
      box-shadow: inset 0px 2px 0px #dcdcdc; }

/*-----------------------------------------------------------------------------------*/
/*	END UTBILDNING STYLES */
/*-----------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------*/
/*	PRODUKTER STYLES */
/*-----------------------------------------------------------------------------------*/
@media screen and (max-width: 669px) {
  #produkter {
    border-top: 1px solid #cccccc;
    padding-top: 1.618em; } }
#produkter ul.select-kategori {
  display: block;
  float: left;
  margin-right: 2.35765%;
  width: 100%;
  text-align: center;
  font-family: 'Lato', sans-serif;
  text-transform: uppercase;
  padding-bottom: 0.809em; }
  #produkter ul.select-kategori:last-child {
    margin-right: 0; }
  @media screen and (max-width: 770px) {
    #produkter ul.select-kategori {
      padding-bottom: 10px; } }
  #produkter ul.select-kategori li {
    display: inline-block;
    padding: 0px 15px;
    font-size: 1em;
    cursor: pointer; }
    @media screen and (max-width: 770px) {
      #produkter ul.select-kategori li {
        padding: 0px 5px 10px 5px; } }
#produkter .select-subkategori {
  display: block;
  float: left;
  margin-right: 2.35765%;
  width: 100%;
  border-left: 5px solid black;
  margin-bottom: 0.809em; }
  #produkter .select-subkategori:last-child {
    margin-right: 0; }
  #produkter .select-subkategori ul {
    display: block;
    float: left;
    margin-right: 2.35765%;
    width: 100%;
    padding: 0px 1.618em 0px 1.618em;
    display: none; }
    #produkter .select-subkategori ul:last-child {
      margin-right: 0; }
    #produkter .select-subkategori ul li {
      display: block;
      float: left;
      margin-right: 2.35765%;
      width: 23.23176%;
      background-image: url(../img/box-off.png);
      background-origin: padding-box;
      background-position: 0% 50%;
      background-repeat: no-repeat;
      background-size: 15px;
      font-family: 'Lato', sans-serif;
      text-transform: uppercase;
      font-size: 1em;
      line-height: 2em;
      display: block;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }
      #produkter .select-subkategori ul li:last-child {
        margin-right: 0; }
      #produkter .select-subkategori ul li:nth-child(4n) {
        margin-right: 0; }
      #produkter .select-subkategori ul li:nth-child(4n+1) {
        clear: left; }
      @media screen and (max-width: 770px) {
        #produkter .select-subkategori ul li {
          display: block;
          float: left;
          margin-right: 2.35765%;
          width: 31.76157%; }
          #produkter .select-subkategori ul li:last-child {
            margin-right: 0; }
          #produkter .select-subkategori ul li:nth-child(4n) {
            margin-right: 2.35765%; }
          #produkter .select-subkategori ul li:nth-child(4n+1) {
            clear: none; }
          #produkter .select-subkategori ul li:nth-child(3n) {
            margin-right: 0; }
          #produkter .select-subkategori ul li:nth-child(3n+1) {
            clear: left; } }
      @media screen and (max-width: 669px) {
        #produkter .select-subkategori ul li {
          display: block;
          float: left;
          margin-right: 2.35765%;
          width: 48.82117%; }
          #produkter .select-subkategori ul li:last-child {
            margin-right: 0; }
          #produkter .select-subkategori ul li:nth-child(3n) {
            margin-right: 2.35765%; }
          #produkter .select-subkategori ul li:nth-child(3n+1) {
            clear: none; }
          #produkter .select-subkategori ul li:nth-child(2n) {
            margin-right: 0; }
          #produkter .select-subkategori ul li:nth-child(2n+1) {
            clear: left; } }
      @media screen and (max-width: 480px) {
        #produkter .select-subkategori ul li {
          display: block;
          float: left;
          margin-right: 2.35765%;
          width: 100%;
          margin-right: 0; }
          #produkter .select-subkategori ul li:last-child {
            margin-right: 0; }
          #produkter .select-subkategori ul li:nth-child(2n) {
            margin-right: 2.35765%; }
          #produkter .select-subkategori ul li:nth-child(2n+1) {
            clear: none; } }
      #produkter .select-subkategori ul li:hover {
        background-image: url(../img/box-hover-hover.png); }
      #produkter .select-subkategori ul li a {
        padding-left: 30px;
        display: block; }
      #produkter .select-subkategori ul li.active {
        font-weight: 700;
        background-image: url(../img/box-hover.png);
        background-origin: padding-box;
        background-position: 0% 50%;
        background-repeat: no-repeat;
        background-size: 15px;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out; }
        #produkter .select-subkategori ul li.active:hover {
          background-image: url(../img/box-closer.png); }
      #produkter .select-subkategori ul li.strike {
        text-decoration: line-through;
        color: #cccccc;
        padding-left: 30px;
        background-image: url(../img/box-strike.png);
        background-origin: padding-box;
        background-position: 0% 50%;
        background-repeat: no-repeat;
        background-size: 15px; }
#produkter .select-varumarken {
  display: block;
  float: left;
  margin-right: 2.35765%;
  width: 100%;
  background-image: url(../img/bg_dotter.jpg);
  margin-bottom: 1.618em; }
  #produkter .select-varumarken:last-child {
    margin-right: 0; }
  #produkter .select-varumarken ul {
    padding: 0px 1.618em 10px 1.618em;
    -webkit-column-count: 4;
    /* Chrome, Safari, Opera */
    -moz-column-count: 4;
    /* Firefox */
    column-count: 4; }
    @media screen and (max-width: 770px) {
      #produkter .select-varumarken ul {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3; } }
    @media screen and (max-width: 669px) {
      #produkter .select-varumarken ul {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2; } }
    @media screen and (max-width: 480px) {
      #produkter .select-varumarken ul {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1; } }
    #produkter .select-varumarken ul li {
      background-image: url(../img/box-off.png);
      background-origin: padding-box;
      background-position: 0% 50%;
      background-repeat: no-repeat;
      background-size: 15px;
      font-family: 'Lato', sans-serif;
      text-transform: uppercase;
      font-size: 1em;
      line-height: 2em;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }
      #produkter .select-varumarken ul li:hover {
        background-image: url(../img/box-hover-hover.png); }
      #produkter .select-varumarken ul li a {
        padding-left: 30px;
        display: block; }
      #produkter .select-varumarken ul li.active {
        font-weight: 700;
        background-image: url(../img/box-hover.png);
        background-origin: padding-box;
        background-position: 0% 50%;
        background-repeat: no-repeat;
        background-size: 15px;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out; }
        #produkter .select-varumarken ul li.active:hover {
          background-image: url(../img/box-closer.png); }
      #produkter .select-varumarken ul li.strike {
        text-decoration: line-through;
        color: #cccccc;
        padding-left: 30px;
        background-image: url(../img/box-strike.png);
        background-origin: padding-box;
        background-position: 0% 50%;
        background-repeat: no-repeat;
        background-size: 15px; }
#produkter .select-linjer {
  display: block;
  float: left;
  margin-right: 2.35765%;
  width: 100%;
  margin-bottom: 1.618em; }
  #produkter .select-linjer:last-child {
    margin-right: 0; }
  #produkter .select-linjer ul {
    padding: 0px 1.618em 10px 1.618em;
    -webkit-column-count: 4;
    /* Chrome, Safari, Opera */
    -moz-column-count: 4;
    /* Firefox */
    column-count: 4; }
    @media screen and (max-width: 770px) {
      #produkter .select-linjer ul {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3; } }
    @media screen and (max-width: 669px) {
      #produkter .select-linjer ul {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2; } }
    @media screen and (max-width: 480px) {
      #produkter .select-linjer ul {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1; } }
    #produkter .select-linjer ul li {
      background-image: url(../img/box-off.png);
      background-origin: padding-box;
      background-position: 0% 50%;
      background-repeat: no-repeat;
      background-size: 15px;
      font-family: 'Lato', sans-serif;
      text-transform: uppercase;
      font-size: 1em;
      line-height: 2em;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }
      #produkter .select-linjer ul li:hover {
        background-image: url(../img/box-hover-hover.png); }
      #produkter .select-linjer ul li a {
        padding-left: 30px;
        display: block; }
      #produkter .select-linjer ul li.active {
        font-weight: 700;
        background-image: url(../img/box-hover.png);
        background-origin: padding-box;
        background-position: 0% 50%;
        background-repeat: no-repeat;
        background-size: 15px;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out; }
        #produkter .select-linjer ul li.active:hover {
          background-image: url(../img/box-closer.png); }
      #produkter .select-linjer ul li.strike {
        text-decoration: line-through;
        color: #cccccc;
        padding-left: 30px;
        background-image: url(../img/box-strike.png);
        background-origin: padding-box;
        background-position: 0% 50%;
        background-repeat: no-repeat;
        background-size: 15px; }
#produkter .applied--filters {
  display: block;
  float: left;
  margin-right: 2.35765%;
  width: 100%;
  border-top: 1px dashed #cccccc;
  padding-top: 15px; }
  #produkter .applied--filters:last-child {
    margin-right: 0; }
  #produkter .applied--filters ul {
    padding: 0px 1.618em 1.618em 1.618em; }
    #produkter .applied--filters ul div {
      font-family: 'Lato', sans-serif;
      text-transform: uppercase;
      font-size: .75em;
      line-height: 2em;
      display: inline-block;
      float: left; }
      @media screen and (max-width: 480px) {
        #produkter .applied--filters ul div {
          float: none;
          display: block;
          padding-bottom: 10px; } }
    #produkter .applied--filters ul li {
      background-image: url(../img/box-off.png);
      background-origin: padding-box;
      background-position: 0% 50%;
      background-repeat: no-repeat;
      background-size: 15px;
      font-family: 'Lato', sans-serif;
      text-transform: uppercase;
      font-size: .75em;
      line-height: 2em;
      display: inline-block;
      float: left;
      margin-left: 20px;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }
      @media screen and (max-width: 480px) {
        #produkter .applied--filters ul li {
          margin-left: 5px;
          display: block; } }
      #produkter .applied--filters ul li:hover {
        background-image: url(../img/box-hover-hover.png); }
      #produkter .applied--filters ul li a {
        padding-left: 20px;
        display: block; }
      #produkter .applied--filters ul li.active {
        font-weight: 700;
        background-image: url(../img/box-hover.png);
        background-origin: padding-box;
        background-position: 0% 50%;
        background-repeat: no-repeat;
        background-size: 15px;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out; }
        #produkter .applied--filters ul li.active:hover {
          background-image: url(../img/box-closer.png); }
#produkter .produkter-holder {
  display: block;
  float: left;
  margin-right: 2.35765%;
  width: 100%;
  margin-right: 0;
  padding-top: 1.618em;
  padding-bottom: 3.236em; }
  #produkter .produkter-holder:last-child {
    margin-right: 0; }
  #produkter .produkter-holder .produkt {
    display: block;
    float: left;
    margin-right: 2.35765%;
    width: 14.70196%;
    position: relative;
    text-align: center;
    line-height: 1.5em;
    padding-bottom: 1.618em;
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
    #produkter .produkter-holder .produkt:last-child {
      margin-right: 0; }
    #produkter .produkter-holder .produkt:nth-child(6n) {
      margin-right: 0; }
    #produkter .produkter-holder .produkt:nth-child(6n+1) {
      clear: left; }
    #produkter .produkter-holder .produkt .vepa-nyhet {
      position: absolute;
      top: 0;
      left: 0;
      width: 58px;
      height: 58px; }
    #produkter .produkter-holder .produkt h2 {
      font-size: 1.125em; }
    #produkter .produkter-holder .produkt:hover {
      opacity: 1;
      cursor: pointer;
      -webkit-transform: scale(1.02);
      -moz-transform: scale(1.02);
      -ms-transform: scale(1.02);
      -o-transform: scale(1.02);
      transform: scale(1.02); }
    @media screen and (max-width: 770px) {
      #produkter .produkter-holder .produkt {
        display: block;
        float: left;
        margin-right: 2.35765%;
        width: 23.23176%; }
        #produkter .produkter-holder .produkt:last-child {
          margin-right: 0; }
        #produkter .produkter-holder .produkt:nth-child(6n) {
          margin-right: 2.35765%; }
        #produkter .produkter-holder .produkt:nth-child(6n+1) {
          clear: none; }
        #produkter .produkter-holder .produkt:nth-child(4n) {
          margin-right: 0; }
        #produkter .produkter-holder .produkt:nth-child(4n+1) {
          clear: left; } }
    @media screen and (max-width: 480px) {
      #produkter .produkter-holder .produkt {
        display: block;
        float: left;
        margin-right: 2.35765%;
        width: 48.82117%; }
        #produkter .produkter-holder .produkt:last-child {
          margin-right: 0; }
        #produkter .produkter-holder .produkt:nth-child(4n) {
          margin-right: 2.35765%; }
        #produkter .produkter-holder .produkt:nth-child(4n+1) {
          clear: none; }
        #produkter .produkter-holder .produkt:nth-child(2n) {
          margin-right: 0; }
        #produkter .produkter-holder .produkt:nth-child(2n+1) {
          clear: left; } }

@media screen and (max-width: 669px) {
  #produkt {
    border-top: 1px solid #cccccc;
    padding-top: 1.618em; } }
#produkt .produkt-article {
  display: block;
  float: left;
  margin-right: 2.35765%;
  width: 100%; }
  #produkt .produkt-article:last-child {
    margin-right: 0; }
  #produkt .produkt-article .column--twelve {
    display: block;
    float: left;
    margin-right: 2.35765%;
    width: 100%;
    margin-right: 0;
    display: none !important;
    visibility: hidden; }
    #produkt .produkt-article .column--twelve:last-child {
      margin-right: 0; }
    #produkt .produkt-article .column--twelve h1 {
      padding-bottom: 20px; }
  #produkt .produkt-article .column--eight {
    display: block;
    float: left;
    margin-right: 2.35765%;
    width: 65.88078%;
    position: relative; }
    #produkt .produkt-article .column--eight:last-child {
      margin-right: 0; }
    #produkt .produkt-article .column--eight h5 {
      padding-bottom: 1.618em; }
    #produkt .produkt-article .column--eight #slider {
      margin-bottom: 0px; }
    #produkt .produkt-article .column--eight .color-alternative {
      position: absolute;
      top: 0;
      left: 0; }
    #produkt .produkt-article .column--eight .color-alternative[src="img/trans.gif"] {
      pointer-events: none; }
    #produkt .produkt-article .column--eight #carousel {
      display: block;
      float: left;
      margin-right: 2.35765%;
      width: 48.82117%;
      margin-left: 25.58941%;
      margin-top: -30px; }
      #produkt .produkt-article .column--eight #carousel:last-child {
        margin-right: 0; }
      @media screen and (max-width: 770px) {
        #produkt .produkt-article .column--eight #carousel {
          display: block;
          float: left;
          margin-right: 2.35765%;
          width: 82.94039%;
          margin-left: 8.5298%; }
          #produkt .produkt-article .column--eight #carousel:last-child {
            margin-right: 0; } }
      #produkt .produkt-article .column--eight #carousel ul li {
        opacity: 1; }
        #produkt .produkt-article .column--eight #carousel ul li.flex-active-slide img {
          border: 1px solid #000; }
        #produkt .produkt-article .column--eight #carousel ul li img {
          height: 75px;
          width: 75px;
          margin-left: 3px;
          margin-right: 3px;
          border: 1px solid #d0d0d0; }
        #produkt .produkt-article .column--eight #carousel ul li:hover {
          cursor: pointer; }
          #produkt .produkt-article .column--eight #carousel ul li:hover img {
            border: 1px solid #000; }
    @media screen and (max-width: 669px) {
      #produkt .produkt-article .column--eight {
        display: block;
        float: left;
        margin-right: 2.35765%;
        width: 100%; }
        #produkt .produkt-article .column--eight:last-child {
          margin-right: 0; } }
  #produkt .produkt-article .column--four {
    display: block;
    float: left;
    margin-right: 2.35765%;
    width: 31.76157%;
    margin-right: 0; }
    #produkt .produkt-article .column--four:last-child {
      margin-right: 0; }
    #produkt .produkt-article .column--four h2 {
      font-size: 2.625em;
      line-height: 1em; }
    #produkt .produkt-article .column--four h3 {
      line-height: 1em;
      padding-bottom: 10px; }
    #produkt .produkt-article .column--four .pris---och-------artEAN {
      display: block;
      float: left;
      margin-right: 2.35765%;
      width: 100%;
      margin-top: 1.618em;
      padding-top: 1.618em;
      border-top: 1px solid #cccccc;
      border-bottom: 1px solid #cccccc;
      margin-bottom: 1.618em;
      padding-bottom: 1.618em; }
      #produkt .produkt-article .column--four .pris---och-------artEAN:last-child {
        margin-right: 0; }
      #produkt .produkt-article .column--four .pris---och-------artEAN .price {
        display: none; }
      #produkt .produkt-article .column--four .pris---och-------artEAN .price-1 {
        display: inline-block; }
      #produkt .produkt-article .column--four .pris---och-------artEAN .art {
        display: none; }
      #produkt .produkt-article .column--four .pris---och-------artEAN .art-1 {
        display: inline-block; }
      #produkt .produkt-article .column--four .pris---och-------artEAN p {
        font-family: 'Lora', serif;
        font-size: 1.313em;
        line-height: 1.5em;
        padding: 0px 0px 10px 0px; }
    #produkt .produkt-article .column--four .product-dropdown {
      display: block;
      float: left;
      margin-right: 2.35765%;
      width: 100%;
      position: relative; }
      #produkt .produkt-article .column--four .product-dropdown:last-child {
        margin-right: 0; }
      #produkt .produkt-article .column--four .product-dropdown .selectorern {
        display: block;
        float: left;
        margin-right: 2.35765%;
        width: 100%;
        background-color: black;
        margin-bottom: 20px;
        color: white;
        font-family: lato;
        height: 50px;
        line-height: 3em;
        padding-left: 20px;
        background-image: url(../img/cd-icon-arrow.svg);
        background-repeat: no-repeat;
        background-position: 95% 50%;
        background-size: 15px;
        cursor: pointer;
        z-index: 100; }
        #produkt .produkt-article .column--four .product-dropdown .selectorern:last-child {
          margin-right: 0; }
      #produkt .produkt-article .column--four .product-dropdown .selecying--content-holder {
        width: 100%;
        background-color: rgba(251, 251, 251, 0.9);
        position: absolute;
        top: 50px;
        left: 0px;
        height: 225px;
        overflow: scroll;
        padding: 10px 0px;
        display: none;
        z-index: 50;
        line-height: 1.5em;
        font-family: lato;
        text-transform: uppercase;
        border-bottom: 5px solid rgba(100, 100, 100, 0.4); }
        #produkt .produkt-article .column--four .product-dropdown .selecying--content-holder .row {
          display: block;
          float: left;
          margin-right: 2.35765%;
          width: 100%;
          padding-top: 5px;
          padding-bottom: 5px;
          padding-left: 15px;
          border-bottom: 1px solid #ededed;
          -webkit-transition: all 0.2s ease-in-out;
          -moz-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out; }
          #produkt .produkt-article .column--four .product-dropdown .selecying--content-holder .row:last-child {
            margin-right: 0; }
          #produkt .produkt-article .column--four .product-dropdown .selecying--content-holder .row .colorsquare {
            margin-top: 2px;
            width: 20px;
            height: 20px;
            display: block;
            float: left; }
          #produkt .produkt-article .column--four .product-dropdown .selecying--content-holder .row .option {
            display: block;
            vertical-align: top;
            float: left;
            margin-left: 5px; }
          #produkt .produkt-article .column--four .product-dropdown .selecying--content-holder .row:last-child {
            padding-bottom: 5px;
            border-bottom: none; }
          #produkt .produkt-article .column--four .product-dropdown .selecying--content-holder .row:hover {
            background-color: white;
            cursor: pointer; }
    #produkt .produkt-article .column--four .beskrivning--content {
      display: block;
      float: left;
      margin-right: 2.35765%;
      width: 100%;
      margin-right: 0;
      padding-bottom: 15px; }
      #produkt .produkt-article .column--four .beskrivning--content:last-child {
        margin-right: 0; }
      #produkt .produkt-article .column--four .beskrivning--content .beskrivning {
        z-index: 1; }
        #produkt .produkt-article .column--four .beskrivning--content .beskrivning p {
          font-size: 1em; }
    #produkt .produkt-article .column--four .noblur {
      filter: blur(0px);
      -webkit-filter: blur(0px);
      z-index: 1; }
    #produkt .produkt-article .column--four .blur {
      filter: blur(2px);
      -webkit-filter: blur(2px);
      padding-left: 1px; }
    #produkt .produkt-article .column--four .anvandning--content {
      display: block;
      float: left;
      margin-right: 2.35765%;
      width: 100%;
      padding-top: 5px; }
      #produkt .produkt-article .column--four .anvandning--content:last-child {
        margin-right: 0; }
      #produkt .produkt-article .column--four .anvandning--content b {
        line-height: 1.5em;
        text-decoration: underline;
        cursor: pointer;
        background-image: url(../img/cd-icon-arrow-black.svg);
        background-repeat: no-repeat;
        background-position: 100% 50%;
        background-size: 15px;
        padding-right: 20px; }
        #produkt .produkt-article .column--four .anvandning--content b.active {
          background-image: url(../img/cd-icon-arrow-black-invert.svg); }
        #produkt .produkt-article .column--four .anvandning--content b:hover {
          text-decoration: none; }
      #produkt .produkt-article .column--four .anvandning--content p {
        font-size: 1em;
        padding-bottom: 15px;
        display: none; }
    #produkt .produkt-article .column--four .social {
      display: block;
      float: left;
      margin-right: 2.35765%;
      width: 100%;
      border-top: 1px solid #cccccc;
      padding: 20px 0px;
      margin-top: 30px;
      text-align: center;
      font-family: 'lato';
      text-transform: uppercase;
      line-height: 1.5em;
      font-size: 0.750em; }
      #produkt .produkt-article .column--four .social:last-child {
        margin-right: 0; }
      #produkt .produkt-article .column--four .social a {
        text-decoration: underline; }
      #produkt .produkt-article .column--four .social img {
        max-width: 50px;
        opacity: 1;
        margin: 0px 5px 10px 5px;
        transition: opacity .2s ease-in-out; }
        #produkt .produkt-article .column--four .social img:hover {
          opacity: .5; }
    @media screen and (max-width: 669px) {
      #produkt .produkt-article .column--four {
        display: block;
        float: left;
        margin-right: 2.35765%;
        width: 100%; }
        #produkt .produkt-article .column--four:last-child {
          margin-right: 0; } }
#produkt .produkter-holder {
  display: block;
  float: left;
  margin-right: 2.35765%;
  width: 100%;
  margin-right: 0;
  padding-top: 1.618em;
  padding-bottom: 3.236em; }
  #produkt .produkter-holder:last-child {
    margin-right: 0; }
  #produkt .produkter-holder .produkt {
    display: block;
    float: left;
    margin-right: 2.35765%;
    width: 14.70196%;
    position: relative;
    text-align: center;
    line-height: 1.5em;
    padding-bottom: 1.618em;
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
    #produkt .produkter-holder .produkt:last-child {
      margin-right: 0; }
    #produkt .produkter-holder .produkt:nth-child(6n) {
      margin-right: 0; }
    #produkt .produkter-holder .produkt:nth-child(6n+1) {
      clear: left; }
    #produkt .produkter-holder .produkt .vepa-nyhet {
      position: absolute;
      top: 0;
      left: 0;
      width: 58px;
      height: 58px; }
    #produkt .produkter-holder .produkt h2 {
      font-size: 1.125em; }
    #produkt .produkter-holder .produkt:hover {
      opacity: 1;
      cursor: pointer;
      -webkit-transform: scale(1.02);
      -moz-transform: scale(1.02);
      -ms-transform: scale(1.02);
      -o-transform: scale(1.02);
      transform: scale(1.02); }
    @media screen and (max-width: 770px) {
      #produkt .produkter-holder .produkt {
        display: block;
        float: left;
        margin-right: 2.35765%;
        width: 23.23176%; }
        #produkt .produkter-holder .produkt:last-child {
          margin-right: 0; }
        #produkt .produkter-holder .produkt:nth-child(6n) {
          margin-right: 2.35765%; }
        #produkt .produkter-holder .produkt:nth-child(6n+1) {
          clear: none; }
        #produkt .produkter-holder .produkt:nth-child(4n) {
          margin-right: 0; }
        #produkt .produkter-holder .produkt:nth-child(4n+1) {
          clear: left; } }
    @media screen and (max-width: 480px) {
      #produkt .produkter-holder .produkt {
        display: block;
        float: left;
        margin-right: 2.35765%;
        width: 48.82117%; }
        #produkt .produkter-holder .produkt:last-child {
          margin-right: 0; }
        #produkt .produkter-holder .produkt:nth-child(4n) {
          margin-right: 2.35765%; }
        #produkt .produkter-holder .produkt:nth-child(4n+1) {
          clear: none; }
        #produkt .produkter-holder .produkt:nth-child(2n) {
          margin-right: 0; }
        #produkt .produkter-holder .produkt:nth-child(2n+1) {
          clear: left; } }

/*-----------------------------------------------------------------------------------*/
/*	END PRODUKTER STYLES */
/*-----------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------*/
/*	FOOTER STYLES */
/*-----------------------------------------------------------------------------------*/
footer {
  display: block;
  float: left;
  margin-right: 2.35765%;
  width: 100%;
  background-color: black;
  margin-top: 100px; }
  footer:last-child {
    margin-right: 0; }
  @media screen and (max-width: 480px) {
    footer {
      margin-top: 40px; } }
  footer .holder {
    display: block;
    float: left;
    margin-right: 2.35765%;
    width: 100%;
    margin: 60px 0px 0px 0px;
    color: white;
    border-bottom: 1px solid #333333; }
    footer .holder:last-child {
      margin-right: 0; }
    footer .holder a {
      color: white;
      text-decoration: underline; }
      footer .holder a:hover {
        color: #6DBCE3;
        text-decoration: none; }
    footer .holder img {
      width: 100%; }
    footer .holder .left, footer .holder .center {
      font-family: 'lato', serif;
      display: block;
      float: left;
      margin-right: 2.35765%;
      width: 31.76157%;
      line-height: 1.5em; }
      footer .holder .left:last-child, footer .holder .center:last-child {
        margin-right: 0; }
      footer .holder .left li.yes, footer .holder .left li.no, footer .holder .center li.yes, footer .holder .center li.no {
        text-align: center; }
      footer .holder .left li.yes, footer .holder .center li.yes {
        text-transform: uppercase;
        text-align: center;
        border-top: 1px solid white;
        padding: 10px;
        font-size: 1.25em; }
        footer .holder .left li.yes:last-child, footer .holder .center li.yes:last-child {
          border-bottom: 1px solid white; }
        footer .holder .left li.yes a, footer .holder .center li.yes a {
          text-decoration: none; }
      footer .holder .left ul.secesas, footer .holder .center ul.secesas {
        padding-top: 10px; }
        footer .holder .left ul.secesas li.no, footer .holder .center ul.secesas li.no {
          padding: 5px; }
      @media screen and (max-width: 669px) {
        footer .holder .left, footer .holder .center {
          display: block;
          float: left;
          margin-right: 2.35765%;
          width: 100%; }
          footer .holder .left:last-child, footer .holder .center:last-child {
            margin-right: 0; } }
    @media screen and (max-width: 669px) {
      footer .holder .center {
        padding-top: 60px; } }
    footer .holder .right {
      display: block;
      float: left;
      margin-right: 2.35765%;
      width: 31.76157%;
      margin-right: 0;
      text-align: center; }
      footer .holder .right:last-child {
        margin-right: 0; }
      footer .holder .right p {
        font-size: 0.875em; }
      @media screen and (max-width: 669px) {
        footer .holder .right {
          display: block;
          float: left;
          margin-right: 2.35765%;
          width: 100%;
          padding-top: 60px; }
          footer .holder .right:last-child {
            margin-right: 0; } }
      footer .holder .right img {
        margin-bottom: 50px; }
        footer .holder .right img:last-child {
          margin-top: 50px;
          margin-bottom: 0px;
          max-width: 250px; }
  footer .fullfield {
    display: block;
    float: left;
    margin-right: 2.35765%;
    width: 100%;
    border-top: 1px solid #333333;
    margin-top: 20px;
    font-family: 'lato', serif;
    color: white; }
    footer .fullfield:last-child {
      margin-right: 0; }
    footer .fullfield ul {
      text-align: center; }
      footer .fullfield ul li {
        display: inline-block;
        padding: 20px 0px; }
        @media screen and (max-width: 669px) {
          footer .fullfield ul li {
            padding: 10px 0px 0px 0px; } }
        footer .fullfield ul li:first-child {
          float: left; }
          @media screen and (max-width: 669px) {
            footer .fullfield ul li:first-child {
              float: none;
              padding-top: 40px; } }
        footer .fullfield ul li:last-child {
          float: right; }
          @media screen and (max-width: 669px) {
            footer .fullfield ul li:last-child {
              float: none;
              padding-bottom: 40px; } }

.lightbox_background {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 20;
  background-color: rgba(0, 0, 0, 0.8); }

/*-----------------------------------------------------------------------------------*/
/*	END FOOTER STYLES */
/*-----------------------------------------------------------------------------------*/