/*! normalize.css v3.0.2 | MIT License | git.io/normalize */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/**
 * Remove default margin. 
 */

body {
  margin: 0px;
  padding: 0px;
  font-size: 12pt;
  background: #f7f7f7;
  font-family: 'Roboto';
  font-weight: 400;
}

searchtag {
  width: 100%;
  margin: 0px;
  padding: 0px;
}

replacethis {
  width: 100%;
  margin: 0px;
  padding: 0px;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */

[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */

pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"],
/* 1 */

input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/* 2_skeleton.css*/

/*
* Skeleton V2.0.4
* Copyright 2014, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 12/29/2014
*/

/* Table of contents
––––––––––––––––––––––––––––––––––––––––––––––––––
- Grid
- Base Stylesasdf 
- Typography
- Links
- Buttons
- Forms
- Lists
- Code
- Tables
- Spacing
- Utilities
- Clearing
- Media Queries
*/

/* Grid
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.container {
  position: relative;
  width: 100%;
  max-width: 1640px;
  margin: 0 auto;
  margin-left: 0px;
  padding: 0 20px;
  box-sizing: border-box;
}

.container_width {
  margin: 0 auto;
  border: 0px solid green;
  text-align: left;
  padding-left: auto;
  padding-right: auto;
  max-width: 1366px;
}

.container_width_flex {
  position: relative;
  width: calc(100%-10px);
  max-width: 1366px;
  margin: 0 auto;
  padding: 10px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.column,
.columns {
  width: 100%;
  float: left;
  box-sizing: border-box;
}

/* For devices larger than 400px */

@media (min-width: 400px) {
  .container {
    width: 85%;
    padding: 0;
  }
}

/* For devices larger than 550px */

@media (min-width: 550px) {
  .container {}

  .column,
  .columns {}

  .column:first-child,
  .columns:first-child {
    margin-left: 0;
  }

  .one.column,
  .one.columns {
    width: 4.66666666667%;
  }

  .two.columns {
    width: 13.3333333333%;
  }

  .three.columns {
    width: 22%;
  }

  .four.columns {
    width: 30.6666666667%;
  }

  .five.columns {
    width: 39.3333333333%;
  }

  .six.columns {
    width: 48%;
  }

  .seven.columns {
    width: 56.6666666667%;
  }

  .eight.columns {
    width: 65.3333333333%;
  }

  .nine.columns {
    width: 74.0%;
  }

  .ten.columns {
    width: 82.6666666667%;
  }

  .eleven.columns {
    width: 91.3333333333%;
  }

  .twelve.columns {
    width: 100%;
    margin-left: 0;
  }

  .one-third.column {
    width: 30.6666666667%;
  }

  .two-thirds.column {
    width: 65.3333333333%;
  }

  .one-half.column {
    width: 48%;
  }

  /* Offsets */
  .offset-by-one.column,
  .offset-by-one.columns {
    margin-left: 8.66666666667%;
  }

  .offset-by-two.column,
  .offset-by-two.columns {
    margin-left: 17.3333333333%;
  }

  .offset-by-three.column,
  .offset-by-three.columns {
    margin-left: 26%;
  }

  .offset-by-four.column,
  .offset-by-four.columns {
    margin-left: 34.6666666667%;
  }

  .offset-by-five.column,
  .offset-by-five.columns {
    margin-left: 43.3333333333%;
  }

  .offset-by-six.column,
  .offset-by-six.columns {
    margin-left: 52%;
  }

  .offset-by-seven.column,
  .offset-by-seven.columns {
    margin-left: 60.6666666667%;
  }

  .offset-by-eight.column,
  .offset-by-eight.columns {
    margin-left: 69.3333333333%;
  }

  .offset-by-nine.column,
  .offset-by-nine.columns {
    margin-left: 78.0%;
  }

  .offset-by-ten.column,
  .offset-by-ten.columns {
    margin-left: 86.6666666667%;
  }

  .offset-by-eleven.column,
  .offset-by-eleven.columns {
    margin-left: 95.3333333333%;
  }

  .offset-by-one-third.column,
  .offset-by-one-third.columns {
    margin-left: 34.6666666667%;
  }

  .offset-by-two-thirds.column,
  .offset-by-two-thirds.columns {
    margin-left: 69.3333333333%;
  }

  .offset-by-one-half.column,
  .offset-by-one-half.columns {
    margin-left: 52%;
  }
}

/* Base Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* NOTE
html is set to 62.5% so that all the REM measurements throughout Skeleton
are based on 10px sizing. So basically 1.5rem = 15px :) */

html {
  font-size: 62.5%;
}

body {
  /*font-size: 1.5em;  currently ems cause chrome bug misinterpreting rems on body element 
  line-height: 1.6;
  font-weight: 400;*/
  font-family: "Raleway", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #222;
}

/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 2rem;
  font-weight: 300;
}

h1 {
  font-size: 4.0rem;
  line-height: 1.2;
  letter-spacing: -.1rem;
}

h2 {
  font-size: 3.6rem;
  line-height: 1.25;
  letter-spacing: -.1rem;
}

h3 {
  font-size: 3.0rem;
  line-height: 1.3;
  letter-spacing: -.1rem;
}

h4 {
  font-size: 2.4rem;
  line-height: 1.35;
  letter-spacing: -.08rem;
}

h5 {
  font-size: 1.8rem;
  line-height: 1.5;
  letter-spacing: -.05rem;
}

h6 {
  font-size: 1.5rem;
  line-height: 1.6;
  letter-spacing: 0;
}

/* Larger than phablet */

@media (min-width: 550px) {
  h1 {
    font-size: 5.0rem;
  }

  h2 {
    font-size: 4.2rem;
  }

  h3 {
    font-size: 3.6rem;
    font-family: roboto;
    font-weight: 100;
  }

  h4 {
    font-size: 3.0rem;
  }

  h5 {
    font-size: 2.4rem;
  }

  h6 {
    font-size: 1.5rem;
  }
}

p {
  margin-top: 0;
}

/* Links
–––––––––––––––––––––––––––––––––––––––––––––––––– */

a {
  color: #1EAEDB;
}

a:hover {
  color: #0FA0CE;
}

/* Buttons
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
  display: inline-block;
  height: 35px;
  padding: 0 10px;
  color: #555;
  text-align: center;
  font-size: 11px;
  font-weight: 600;
  line-height: 35px;
  letter-spacing: .1rem;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border-radius: 4px;
  border: 1px solid #bbb;
  cursor: pointer;
  box-sizing: border-box;
}

.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.button:focus,
button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus {
  color: #333;
  border-color: #888;
  outline: 0;
}

.button.button-primary,
button.button-primary,
input[type="submit"].button-primary,
input[type="reset"].button-primary,
input[type="button"].button-primary {
  color: #FFF;
  background-color: #33C3F0;
  border-color: #33C3F0;
}

.button.button-primary:hover,
button.button-primary:hover,
input[type="submit"].button-primary:hover,
input[type="reset"].button-primary:hover,
input[type="button"].button-primary:hover,
.button.button-primary:focus,
button.button-primary:focus,
input[type="submit"].button-primary:focus,
input[type="reset"].button-primary:focus,
input[type="button"].button-primary:focus {
  color: #FFF;
  background-color: #1EAEDB;
  border-color: #1EAEDB;
}

/* Forms
–––––––––––––––––––––––––––––––––––––––––––––––––– */

input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select {
  height: 38px;
  padding: 6px 10px;
  /* The 6px vertically centers text on FF, ignored by Webkit */
  background-color: #f4fbfd;
  border: 1px solid #D1D1D1;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box;
}

/* Removes awkward default styles on some inputs for iOS */

input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

textarea {
  min-height: 65px;
  padding-top: 6px;
  padding-bottom: 6px;
}

input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
  border: 1px solid #33C3F0;
  outline: 0;
}

label,
legend {
  display: block;
  margin-bottom: .5rem;
  font-weight: 600;
}

fieldset {
  padding: 0;
  border-width: 0;
}

input[type="checkbox"],
input[type="radio"] {
  display: inline;
}

label>.label-body {
  display: inline-block;
  margin-left: .5rem;
  font-weight: normal;
}

/* Lists
–––––––––––––––––––––––––––––––––––––––––––––––––– */

ul {
  list-style: circle inside;
}

ol {
  list-style: decimal inside;
}

ol,
ul {
  padding-left: 0;
  margin-top: 0;
}

ul ul,
ul ol,
ol ol,
ol ul {
  margin: 1.5rem 0 1.5rem 3rem;
  font-size: 90%;
}

li {
  margin-bottom: 1rem;
}

/* Code
–––––––––––––––––––––––––––––––––––––––––––––––––– */

code {
  padding: .2rem .5rem;
  margin: 0 .2rem;
  font-size: 90%;
  white-space: nowrap;
  background: #F1F1F1;
  border: 1px solid #E1E1E1;
  border-radius: 4px;
}

pre>code {
  display: block;
  padding: 1rem 1.5rem;
  white-space: pre;
}

/* Tables
–––––––––––––––––––––––––––––––––––––––––––––––––– */

th,
td {
  padding: 12px 15px;
  text-align: left;
  border-bottom: 1px solid #E1E1E1;
}

th:first-child,
td:first-child {
  padding-left: 0;
}

th:last-child,
td:last-child {
  padding-right: 0;
}

/* Spacing
–––––––––––––––––––––––––––––––––––––––––––––––––– */

button,
.button {
  margin-bottom: 1rem;
}

input,
textarea,
select,
fieldset {
  margin-bottom: 1.5rem;
}

pre,
blockquote,
dl,
figure,
table,
p,
ul,
ol,
form {
  margin-bottom: 1.5rem;
}

/* Utilities
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.u-full-width {
  width: 100%;
  box-sizing: border-box;
}

.u-max-full-width {
  max-width: 100%;
  box-sizing: border-box;
}

.u-pull-right {
  float: right;
}

.u-pull-left {
  float: left;
}

/* Misc
–––––––––––––––––––––––––––––––––––––––––––––––––– */

hr {
  margin-top: 3rem;
  margin-bottom: 3.5rem;
  border-width: 0;
  border-top: 1px solid #E1E1E1;
}

/* Clearing
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* Self Clearing Goodness */

.container:after,
.row:after,
.u-cf {
  content: "";
  display: table;
  clear: both;
}

/* Media Queries
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/*
Note: The best way to structure the use of media queries is to create the queries
near the relevant code. For example, if you wanted to change the styles for buttons
on small devices, paste the mobile query code up in the buttons section and style it
there.
*/

/* Larger than mobile */

@media (min-width: 400px) {}

/* Larger than phablet (also point when grid becomes active) */

@media (min-width: 550px) {}

/* Larger than tablet */

@media (min-width: 750px) {}

/* Larger than desktop */

@media (min-width: 1000px) {}

/* Larger than Desktop HD */

@media (min-width: 1200px) {}

/* 3_custom.css*/

/* Values
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.leftmenu {
  visibility: hidden;
  display: none;
}

#toplogo2 {
  visibility: hidden;
  display: none;
}

#toplogo {
  visibility: visible;
  display: block;
}

.bigproductpictures2 {
  padding-top: 10px;
  visibility: hidden;
  display: none;
}

.bigpictext {
  padding-top: 5px;
  margin-bottom: 20px;
  padding-left: 0px;
}

.value-multiplier {
  margin-bottom: .5rem;
  color: #e9196d;
}

.value-heading {
  margin-bottom: .3rem;
}

.value-description {
  font-weight: 300;
}

.header {
  margin-top: 6rem;
  text-align: center;
}

.value-prop {
  margin-top: 1rem;
}

.value-props {
  margin-top: 4rem;
  margin-bottom: 4rem;
}

.docs-header {
  text-transform: uppercase;
  font-size: 1.4rem;
  letter-spacing: .2rem;
  font-weight: 600;
}

.docs-section {
  border-top: 1px solid #eee;
  padding: 4rem 0;
  margin-bottom: 0;
}

.value-img {
  display: block;
  text-align: center;
  margin: 2.5rem auto 0;
}

.example-grid .column,
.example-grid .columns {
  background: #EEE;
  text-align: center;
  border-radius: 4px;
  font-size: 1rem;
  text-transform: uppercase;
  height: 30px;
  line-height: 30px;
  margin-bottom: .75rem;
  font-weight: 600;
  letter-spacing: .1rem;
}

.docs-example .row,
.docs-example.row,
.docs-example form {
  margin-bottom: 0;
}

.docs-example h1,
.docs-example h2,
.docs-example h3,
.docs-example h4,
.docs-example h5,
.docs-example h6 {
  margin-bottom: 1rem;
}

.heading-font-size {
  font-size: 1.2rem;
  color: #999;
  letter-spacing: normal;
}

.code-example {
  margin-top: 1.5rem;
  margin-bottom: 0;
}

.code-example-body {
  white-space: pre;
  word-wrap: break-word
}

.example {
  position: relative;
  margin-top: 4rem;
}

.example-header {
  font-weight: 600;
  margin-top: 1.5rem;
  margin-bottom: .1rem;
}

.example-description {
  margin-bottom: 1.5rem;
}

.example-screenshot-wrapper {
  display: block;
  position: relative;
  overflow: hidden;
  border-radius: 6px;
  border: 1px solid #eee;
  height: 250px;
}

.example-screenshot {
  width: 100%;
  height: auto;
}

.example-screenshot.coming-soon {
  width: auto;
  position: absolute;
  background: #eee;
  top: 5px;
  right: 5px;
  bottom: 5px;
  left: 5px;
}

.navbar {
  display: none;
}

h2 {
  margin-bottom: 0px;
  margin-top: 0px;
  font-weight: bold;
}

h3 {
  margin-bottom: 0px;
  margin-top: 0px;
  font-weight: bold;
}

h4 {
  margin-bottom: 0px;
  margin-top: 0px;
  font-weight: bold;
}

h5 {
  margin-bottom: 0px;
  margin-top: 0px;
  font-weight: bold;
}

h6 {
  margin-bottom: 0px;
  margin-top: 0px;
  font-weight: bold;
}

/* Larger than phone */

@media (max-width: 550px) {
  #toplogo2 {
    visibility: visible;
    display: inline;
  }

  #toplogo {
    visibility: hidden;
    display: none;
  }

  #minibasket {
    visibility: hidden;
    display: none;
  }

  #miniheader {
    visibility: visible;
    display: inline;
  }
}

@media (min-width: 550px) {
  #miniheader {
    visibility: hidden;
    display: none;
    border: 1px solid black;
  }

  .header {
    margin-top: 18rem;
  }

  .value-props {
    margin-top: 9rem;
    margin-bottom: 7rem;
  }

  .value-img {
    margin-bottom: 1rem;
  }

  .example-grid .column,
  .example-grid .columns {
    margin-bottom: 1.5rem;
  }

  .docs-section {
    padding: 6rem 0;
  }

  .example-send-yourself-copy {
    float: right;
    margin-top: 12px;
  }

  .example-screenshot-wrapper {
    position: absolute;
    width: 48%;
    height: 100%;
    left: 0;
    max-height: none;
  }
}

/* hide menu */

@media (min-width: 950px) {
  .leftmenu {
    visibility: visible;
    display: block;
  }

  #toplogo {
    visibility: visible;
    display: block;
  }
}

/* Larger than tablet */

@media (min-width: 750px) {

  /* Navbar */
  .navbar+.docs-section {
    border-top-width: 0;
  }

  .navbar,
  .navbar-spacer {
    display: block;
    width: 100%;
    height: 6.5rem;
    background: #fff;
    z-index: 99;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
  }

  .navbar-spacer {
    display: none;
  }

  .navbar>.container {
    width: 100%;
  }

  .navbar-list {
    list-style: none;
    margin-bottom: 0;
  }

  .navbar-item {
    position: relative;
    float: left;
    margin-bottom: 0;
  }

  .navbar-link {
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .2rem;
    margin-right: 35px;
    text-decoration: none;
    line-height: 6.5rem;
    color: #222;
  }

  .navbar-link.active {
    color: #33C3F0;
  }

  .has-docked-nav .navbar {
    position: fixed;
    top: 0;
    left: 0;
  }

  .has-docked-nav .navbar-spacer {
    display: block;
  }

  /* Re-overiding the width 100% declaration to match size of % based container */
  .has-docked-nav .navbar>.container {
    width: 80%;
  }

  /* Popover */
  .popover.open {
    display: block;
  }

  .popover {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 4px;
    top: 92%;
    left: -50%;
    -webkit-filter: drop-shadow(0 0 6px rgba(0, 0, 0, .1));
    -moz-filter: drop-shadow(0 0 6px rgba(0, 0, 0, .1));
    filter: drop-shadow(0 0 6px rgba(0, 0, 0, .1));
  }

  .popover-item:first-child .popover-link:after,
  .popover-item:first-child .popover-link:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
  }

  .popover-item:first-child .popover-link:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    border-width: 10px;
    margin-left: -10px;
  }

  .popover-item:first-child .popover-link:before {
    border-color: rgba(238, 238, 238, 0);
    border-bottom-color: #eee;
    border-width: 11px;
    margin-left: -11px;
  }

  .popover-list {
    padding: 0;
    margin: 0;
    list-style: none;
  }

  .popover-item {
    padding: 0;
    margin: 0;
  }

  .popover-link {
    position: relative;
    color: #222;
    display: block;
    padding: 8px 20px;
    border-bottom: 1px solid #eee;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 1.0rem;
    font-weight: 600;
    text-align: center;
    letter-spacing: .1rem;
  }

  .popover-item:first-child .popover-link {
    border-radius: 4px 4px 0 0;
  }

  .popover-item:last-child .popover-link {
    border-radius: 0 0 4px 4px;
    border-bottom-width: 0;
  }

  .popover-link:hover {
    color: #fff;
    background: #33C3F0;
  }

  .popover-link:hover,
  .popover-item:first-child .popover-link:hover:after {
    border-bottom-color: #33C3F0;
  }
}

h1 {
  margin-bottom: 5px;
  margin-top: 5px;
  font-weight: bold;
  font-size: 1.5em
}

h2 {
  margin-bottom: 0px;
  margin-top: 0px;
  font-weight: bold;
  font-size: 1.4em
}

h3 {
  margin-bottom: 0px;
  margin-top: 0px;
  font-weight: bold;
  font-size: 1.3em
}

h4 {
  margin-bottom: 0px;
  margin-top: 0px;
  font-weight: bold;
  font-size: 1.3em
}

h5 {
  margin-bottom: 0px;
  margin-top: 0px;
  font-weight: bold;
  font-size: 1.2em
}

h6 {
  margin-bottom: 0px;
  margin-top: 0px;
  font-weight: bold;
  font-size: 1.1em
}

.footer {
  padding: 30px;
  background: #4c4a4a;
  color: white;
}

.topmenuback {
  padding: 5px;
  background: #46ae4c;
  color: white;
}

.topbar {
  background: #01aeef;
  margin-bottom: 5px;
  color: white;
  font-weight: bold;
  font-size: 1.2em;
}

#searchbutton {
  font-weight: bold;
  background: #36ac49;
  border: 0px;
  padding: 0px 5px;
}

#basketbutton {
  margin-top: 10px;
  font-weight: bold;
  background: #36ac49;
  border: 0px;
  padding: 0px 15px;
}

.linkbutton {
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  font-weight: bold;
  float: right;
  color: white;
  background: #36ac49;
  border: 0px;
  padding: 10px 10px;
  margin: 5px;
}

.minisearch {}

.searchbox {
  color: #999;
  width: 85%;
  margin-right: 5px;
  font-size: 1.0em;
  font-weight: bold;
}

.frontbox {
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px solid #ccc;
  font-size: 0.8em;
  float: left;
}

.herfinderdu {
  background: #01aeef;
}

.sgroup {
  background: #333;
  color: white;
  margin: 3px;
  float: left;
  padding: 5px;
}

.normaltext {
  text-decoration: none;
  font-weight: 500;
  color: #000;
}

.breadtext {
  text-decoration: none;
  font-weight: 500;
  color: #000;
}

.normaltext2 {
  font-weight: bold;
  text-decoration: none;
  color: #fff;
}

.plusbox {
  background: #4c4a4a;
  color: white;
  float: left;
  padding: 3px;
  margin-right: 10px;
}

.plusbox2 {
  color: white;
  float: left;
  padding: 3px;
  margin-right: 10px;
}

.varer {
  padding: 5px;
}

.left {
  color: #01aeef;
  font-size: 1.1em;
  padding-bottom: 5px;
  padding-top: 5px;
  border-bottom: 1px dotted #333;
  font-weight: bold;
  text-decoration: none;
}

.left_selected {
  color: #04955d;
  font-size: 1.1em;
  padding-bottom: 5px;
  padding-top: 5px;
  border-bottom: 1px dotted #333;
  font-weight: bold;
  text-decoration: none;
}

.subleft_selected {
  color: #01aeef;
  font-size: 1.1em;
  padding-bottom: 5px;
  padding-top: 5px;
  border-bottom: 1px dotted #333;
  font-weight: bold;
  text-decoration: none;
  padding-left: 10px;
}

.subleft {
  padding-left: 10px;
  font-size: 1.1em;
  padding-bottom: 5px;
  padding-top: 5px;
  font-weight: bold;
  text-decoration: none;
}

.kurserleft {
  color: green;
}

.breadcrumb {
  margin-top: 10px;
  font-size: 1.1em;
}

.salesgroupheader {
  text-decoration: none;
  color: #333;
  font-size: 2.5em;
  line-height: 2.5em;
}

.groupbox {
  height: 100%;
  background: white;
  border: 1px solid #eee;
  padding: 5px;
  margin: 5px;
}

.overimage {
  position: relative;
  bottom: 0px;
  width: 100%;
  background: #01aeef;
  font-size: 1.7em;
  padding-left: 5px;
  padding-bottom: 5px;
  line-height: 1.2em;
  color: #333;
}

.black {
  color: #333;
  text-decoration: none;
}

.productbox {
  height: 100%;
  border: 1px solid #eee;
  padding: 5px;
  margin: 5px;
  background: white;
}

.product_box_text {
  margin-top: 5px;
  padding: 2px;
  text-decoration: none;
  color: #333;
  height: 100px;
}

.product_box_pris {
  font-size: 1.5em;
  color: #147dac;
}

.product_box_pris_inkl {
  color: #aaaaaa;
}

.product_box_tilbud {
  background: Yellow;
  color: black;
}

.productheader {
  text-decoration: none;
}

.productheader:hover {
  color: green;
  text-decoration: underline;
}

.smallprodpics {
  margin-right: 10px;
}

.productpresbox_image {
  border: 1px solid black;
}

.bulletlist_icon {
  font-weight: bold;
  list-style-type: none
}

.bulletlist_icon li {
  display: inline-block;
  margin: 20px;
}

.bulleticon {
  height: 40px;
  list-style-position: inside;
  text-anchor: 0px;
}

.maaltable {}

#basketpopup {
  display: inline-block;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 35%;
  max-width: 95%;
  max-height: 80%;
  margin: auto;
  z-index: 1000;
  padding: 10px;
  background: white;
  box-shadow: 0 0 25px 0 #888;
  text-align: center;
  border-radius: 15px;
  margin-top: 40px;
}

.popupbasketproducts {
  border: 1px dotted #333;
  padding: 3px;
  margin: 3px;
  overflow: hidden;
}

.popupbasketproducts_text {
  width: 45%;
  padding: 5px;
  margin-left: 3px;
  overflow: hidden;
  float: left;
}

.popupbasketproducts_pic {
  width: 45%;
  padding: 5px;
  margin-left: 3px;
  overflow: hidden;
}

#delete {
  background: red;
  color: white;
}

.baskettable {
  font-size: 1.2em;
}

.digits {
  font-family: 'Source Sans Pro', sans-serif;
}

#minicart {
  hover: pointer;
}

.linkitem {
  font-size: 1.1em;
  margin-bottom: 20px;
  font-weight: normal;
}

.linkitemhref {
  font-weight: bold;
  display: block;
}

.blogtext {
  font-size: 1.4em;
  line-height: 1.4em;
  color: #111;
  font-weight: 500;
}

#picwithtext {
  float: left;
  margin: 10px;
  overflow: hidden;
  border: 1px solid #cccccc;
  font-size: 1.2em;
  padding: 5px;
  text-align: left;
}

l .modal {
  /* some styles to position the modal at the center of the page */
  position: absolute;
  top: 0;
  left: 0;
  width: 90%;
  height: 90%;
  z-index: 10;
  line-height: 2em;
  padding: 10%;
  background-color: rgba(0, 0, 0, 0.7);
  /*dim the background*/
  color: white;
  border: 1px solid black;
  font-size: 3em;
  visibility: hidden;
}

#foldmenu {
  margin-top: 60px;
  display: none;
  padding: 10px;
  color: red;
  font-size: 1.5em;
}

/* **************** SHOW ON SMALL DEVICES *******************  */

@media screen and (max-width: 700px) {
  #toptop {
    margin-top: 20px;
    border: 1px solid black;
    margin-bottom: 0px;
  }

  #topmenuback {
    margin-top: 00px;
    display: none;
  }

  #topmenucontent {
    height: 0px;
    visibility: hidden;
  }

  #mobileburger {
    z-index: 999;
    color: white;
    visibility: visible;
    background: #33C3F0;
    padding: 5px;
    font-weight: bold;
    font-size: 1.5em;
    position: fixed;
    /* Set the navbar to fixed position */
    top: 0;
    /* Position the navbar at the top of the page */
    width: 100%;
    /* Full width */
    border-bottom: 1px solid #999;
  }

  .topmenuback {
    display: none;
    visibility: hidden
  }

  .focus_product_image {
    height: 200px;
  }
}

/* **************** BIG DEVICES *******************  */

.inspbar {
  margin-top: 5px;
  border-top: 5px solid #00aeef;
  padding: 10px;
  color: #333;
}

.barhead {
  float: left;
  display: inline;
}

.bartext {
  font-size: 1.5em;
  padding-top: 25px;
  padding-left: 10px;
  float: left;
}

.instrbar {
  margin-top: 5px;
  border-top: 5px solid #00aeef;
  padding: 10px;
  color: #333;
}

ul.toppoints2 {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  padding-top: 0px;
  float: left;
}

ul.toppoints2 li {
  float: left;
  margin: 0px 5px;
  margin-top: 5px;
  padding: 5px;
  font-weight: bold;
}

ul.toppoints2 li a {
  display: inline-block;
  color: #fff;
  text-align: center;
  padding: 0px 10px;
  text-decoration: none;
  transition: 0.3s;
}

ul.toppoints2 li a:hover {
  color: black;
}

ul.toppoints2 li.icon {
  display: none;
}

ul.toppoints {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  padding-top: 0px;
  float: left;
}

ul.toppoints li {
  float: left;
  background: #01aeef;
  margin: 5px 5px;
  padding: 5px;
  font-weight: bold;
}

ul.toppoints li a {
  display: inline-block;
  color: #fff;
  text-align: center;
  padding: 0px 10px;
  text-decoration: none;
  transition: 0.3s;
}

ul.toppoints li a:hover {
  color: red;
}

ul.toppoints li.icon {
  display: none;
}

/*********hide one mobile **********************/

@media (max-width: 700px) {
  .desktop {
    display: none;
  }

  .mobilemax {
    width: 100%;
    box-sizing: border-box;
  }

  .mobilepicheight {
    max-height: 250px;
    background-position: middle center;
  }

  .mobile_relative {
    position: relative;
    height: 100px;
  }

  .mobile_relative::after {
    clear: both;
  }
}

/******** Only desktop **********************/

@media (min-width: 700px) {
  .container {
    margin-top: 50px;
  }

  .mobile {
    display: none;
  }
}

.relatedproduct {
  height: 150px;
}

.relatedbasket {
  height: 200px;
  background: white;
}

.thumbnailimgcount {
  border: 1px solid #999;
  width: 67px;
  height: 65px;
  float: left;
  padding-top: 5px;
}

.pristabel {
  width: 100%;
  border-spacing: 1px 1px;
  padding: 0 0px 0px 0;
}

.pristabel td {
  padding: 0px;
  padding-top: 5px;
  vertical-align: top;
}

.pristabel tr:hover1 {
  background: #eee;
}

.int {
  text-align: right;
}

.noborder {
  border: 0px solid black;
  font-size: 1.2em;
}

.main {
  margin-top: 0px;
  background-repeat: no-repeat;
  background-position: -0px 0px;
  background-size: 1920px;
}

.salgsgruppeheader {
  font-family: arial;
  font-weight: bold;
}

.salgsgruppeheader_list {
  font-family: arial;
  font-weight: bold;
  color: #333;
}

.largeicons {
  color: white;
  font-size: 1.2em;
  vertical-align: -6px;
}

.largeicons2 {
  color: white;
  font-size: 1.3em;
  vertical-align: -8px;
}

.largeicons3 {
  color: #333;
  font-size: 1.8em;
  vertical-align: -6px;
}

.countrychooser {
  height: 25px;
  margin-right: 3px;
  margin-top: 25px;
}

.colorshow {
  color: #01aeef;
}

.thumbnails {
  border: 2px solid #ccc;
  float: left;
  margin-right: 4px;
  margin-top: 4px;
}

#overlay {
  position: fixed;
  /* Sit on top of the page content */
  display: none;
  /* Hidden by default */
  width: 100%;
  /* Full width (cover the whole page) */
  height: 100%;
  /* Full height (cover the whole page) */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  /* Black background with opacity */
  z-index: 2;
  /* Specify a stack order in case you're using a different order for other elements */
  cursor: pointer;
  /* Add a pointer on hover */
  text-align: center;
}

#lg_pic_overlay {
  position: fixed;
  /* Sit on top of the page content */
  display: none;
  /* Hidden by default */
  width: 100%;
  /* Full width (cover the whole page) */
  height: 100%;
  /* Full height (cover the whole page) */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  /* Black background with opacity */
  z-index: 2;
  /* Specify a stack order in case you're using a different order for other elements */
  cursor: pointer;
  /* Add a pointer on hover */
  text-align: center;
}

#overlaypictureframe {
  /*display: none; Hidden by default */
  position: relative;
  background: white;
  border: 5px solid #ccc;
  text-align: center;
}

#overlaypicture {
  /* display: none; Hidden by default  */
  max-height: 900px;
}

#overlayimage {
  max-height: 900px;
  position: fixed;
  border-radius: 5px;
  margin: 0;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.highlight {
  background: #01aeef;
  background-color: rgba(1, 174, 239, 0.5);
  /* Black background with opacity */
  padding: 4px;
}

.floater {
  padding: 3px;
  color: #fff;
  font-weight: bold;
}

.autocomplete-suggestions {
  text-align: left;
  cursor: default;
  border: 1px solid #ccc;
  border-top: 0;
  background: #fff;
  box-shadow: -1px 1px 3px rgba(0, 0, 0, .1);
  /* core styles should not be changed */
  position: absolute;
  display: none;
  z-index: 9999;
  max-height: 454px;
  overflow: hidden;
  overflow-y: auto;
  box-sizing: border-box;
}

.autocomplete-suggestion {
  position: relative;
  padding: 0 .4em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 1.02em;
  color: #333;
  width: 500px
}

.autocomplete-suggestion b {
  font-weight: normal;
  color: #1f8dd6;
}

.autocomplete-suggestion.selected {
  background: #f0f0f0;
}

.bigicon {
  font-size: 2.4rem;
  margin-right: 10px;
}

.stars {
  color: orange;
  font-size: 1.4em;
}

.reviewslist {
  font-size: 0.8em;
  color: #999;
}

.breadcrumb_ul {
  margin-top: 5px;
  list-style-type: none;
}

.breadcrumb_ul_li {
  display: inline;
}

.breadcrumb_div {
  float: left;
  position: relative;
  margin-top: 15px;
  margin-bottom: 15px;
}

.breadcrumb-seperator {
  color: red;
  font-size: 0.2em;
}

.foldbar {
  background: green;
  color: white;
  font-weight: bold;
  padding: 3px;
}

/* collaps text */

.active2 {
  background: #333333;
  color: white;
}

.active1 {
  flex-shrink: 3;
  font-family: 'Roboto Condensed';
  float: left;
  padding: 7px;
  padding-top: 20px;
  white-space: nowrap;
  color: white;
  font-weight: bold;
  word-break: unset;
  word-wrap: unset;
  overflow-wrap: unset;
  -webkit-hyphens: unset;
  -moz-hyphens: unset;
  -ms-hyphens: unset;
  hyphens: unset;
  height: 34px
}

.alle_produkter {
  flex-shrink: 3;
  font-family: 'Roboto Condensed';
  float: left;
  padding: 10px;
  padding-top: 20px;
  margin-right: 10px;
  color: white;
  height: 31px;
  font-weight: bold;
}

.alle_produkter_columns {
  -webkit-columns: 4 150px;
  -moz-columns: 4 150px;
  columns: 4 150px;
  -webkit-column-gap: 2em;
  -moz-column-gap: 2em;
  column-gap: 2em;
}

.active1:hover {
  background: white;
  color: #333;
}

.active2 {
  font-size: 15;
  font-family: 'Roboto Condensed';
  float: left;
  padding: 5px;
  padding-top: 20px;
  color: white;
  height: 31px;
  font-weight: bold;
}

.active2:hover {
  background: white;
  color: #333;
}

.content_box {
  margin-top: 10px;
  padding: 10px;
  background: #ccc;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  color: white;
  font-weight: bold;
}

.content_box_2 {
  margin-top: 10px;
  padding: 20px;
  border: 3px solid #01aeef;
  background: #eee;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  color: black;
  font-weight: bold;
  text-align: left;
}

.content_box_2 .headline {
  font-size: 1.8em;
  font-weight: bold;
}

.content_box3 {
  margin-top: 10px;
  padding: 10px;
  color: black;
  font-weight: bold;
  text-align: left;
  padding-left: 5px;
}

.content_box3 .headline {
  font-size: 1.8em;
  font-weight: bold;
}

.content_pic {
  float: left;
}

.blank {
  background: #eee;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  background: #01aeef;
  margin-top: 10px;
  color: white;
  font-weight: bold;
  text-align: left;
}

.blank_headline {
  font-size: 1.8em;
  font-weight: heavy;
  padding-top: 15px;
  color: Black;
}

.blank_imgcontainer {
  -webkit-border-radius: 0px 15px 15px 0px;
  -moz-border-radius: 0px 15px 15px 0px;
  border-radius: 0px 15px 15px 0px;
  text-align: center;
  color: white;
  padding: 5px;
  background: #fff;
  padding-right: 0px;
  padding: 15px;
}

.blank_textcontainer {
  margin: px;
  color: white;
  background: #333;
}

.blank_maintext {
  padding-top: 15px;
}

.frontvideo {
  margin-top: 10px;
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

.frontvideo iframe,
.frontvideo object,
.frontvideo embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.frontvideo_headline {
  font-size: 1.8em;
  font-weight: heavy;
  padding-top: 15px;
  color: Black;
}

.frontvideo_imgcontainer {}

.frontvideo_textcontainer {
  margin: px;
  color: white;
  background: #333;
}

.frontvideo_maintext {
  padding-top: 15px;
}

.content1_container {
  width: 100%;
  background: white;
  margin: 0 auto;
  margin-top: 20px;
  border-radius: 3px;
}

.content1 {
  padding: 0px;
  background: white;
  margin: 0px;
  display: table;
  float: left;
  position: relative;
  padding: 20px;
  max-width: 1366px;
  margin: 0 auto;
}

.Content1_button {
  font-family: 'Roboto Condensed';
  margin-top: 20px;
  font-weight: bold;
  max-width: 50%;
  font-size: 1.2em;
  background: #96c300;
  color: white;
  border-radius: 5px;
  text-align: center;
  padding: 20px;
}

.Content1_button_href {
  text-decoration: none;
}

.Content1_pic {
  width: 100%;
  background-size: 100%;
  min-height: 400px;
  background-repeat: no-repeat;
  height: 100%;
  background-size: cover;
}

.Content1_textbox {
  padding: 30px;
  margin: 0 auto;
  font-size: 1em;
  color: #666;
  height: 100%;
  display: table-cell;
  text-align: left;
  vertical-align: middle;
}

.Content1_images {
  text-align: left;
}

.Full_width_banner_container {
  height: 400px;
  width: 100%;
  position: relative;
  color: white;
  font-weight: bold;
  text-align: center;
}

.Full_width_banner_textcontainer {
  display: flex;
  flex-direction: column;
  justify-content: top;
  align-items: center;
  height: 70%;
  padding-top: 40px;
}

.Full_width_banner_maintext {
  width: 70%;
  text-align: center;
  font-family: 'Roboto Condensed';
  align-self: center;
  font-size: 2em;
}

.Full_width_banner_headline {
  text-align: center;
  font-family: 'Roboto Condensed';
  align-self: center;
  font-size: 4rem;
}

.Full_width_banner_summary {
  text-align: center;
  font-family: 'Roboto Condensed';
  align-self: center;
  font-size: 2em;
}

.Full_width_banner_overlay {
  position: relative;
  z-index: 1;
  height: 100%;
}

.Full_width_banner_overlay::before {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  transition: opacity 0.5s linear;
  opacity: 0.4;
}

.inline {
  display: inline;
  float: left;
  margin: 5px;
}

.mobilemax {
  width: 100%;
}

.slimtable td {
  margin: 0px;
  padding: 0px;
}

/* mobilemenu.css*/

ul.topnav {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  padding-top: 0px;
  float: left;
}

ul.topnav li {
  float: left;
  background: #01aeef;
  margin: 0px 10px;
  padding: 5px;
  font-weight: bold;
}

.home {
  float: left;
  background: black;
  margin: 0px 10px;
  padding: 5px;
  font-weight: bold;
}

ul.topnav li a {
  display: inline-block;
  color: #fff;
  text-align: center;
  padding: 0px 10px;
  text-decoration: none;
  transition: 0.3s;
  font-size: 14px;
}

ul.topnav li a:hover {
  color: red;
}

ul.topnav li.icon {
  display: none;
}

@media screen and (max-width:680px) {
  ul.topnav li:not(:first-child) {
    display: none;
  }

  ul.topnav li.icon {
    float: left;
    display: inline-block;
  }

  .logo {
    display: none;
  }

  .logo2 {
    display: inline-block
  }

  ;
}

@media screen and (max-width:680px) {
  ul.topnav.responsive {
    position: relative;
  }

  ul.topnav.responsive li.icon {
    position: absolute;
    right: 0;
    top: 0;
  }

  ul.topnav.responsive li {
    float: none;
    display: inline;
  }

  ul.topnav.responsive li a {
    display: block;
    text-align: left;
  }
}

/* slick2020 tilføjelser */

.topitem {
  max-width: 12%;

}

.topmenutop {
  position: relative;
  width: 100%;
  border-bottom: 1px solid #333;
  background: white;
  position: fixed;
  z-index: 999;
}

.middlemenu {
  position: relative;
  width: 100%;
  padding: 0px;
  background: #46ae4c;
  border-bottom: 1px solid #fff;
}

.bottommenu {
  float: left;
  width: 100%;
  position: relative;
  height: 41px;
  background: #35833a;
}

.colgroupheader {
  text-transform: uppercase;
  border-bottom: 1px dotted #999;
  margin-bottom: 5px;
  color: #999;
  height: 35px;
  padding-bottom: 5px;
}

@media screen and (max-width: 701px) {
  .desktop_only {
    display: none;
  }

  .mobilepicheight {
    height: 250px;
  }

  .Full_width_banner_container {
    height: 250px;
    background-size: cover;
    resize: both;
    overflow: hidden;
    background-repeat: no-repeat;
  }

  .Full_width_banner_headline {
    font-size: 1.4em;
  }

  .Full_width_banner_maintext {
    font-size: 1.3em;
  }

  .Full_width_banner_summary {
    font-size: 1.3em;
  }

  .topmenutop {
    display: none;
  }

  .mini_basket {
    background-size: 30px 30px;
    height: 70px;
    background-repeat: no-repeat;
    background-size: 40px 40px;
    background-position: 0px 20px;
  }
}

@media screen and (max-width: 1201px) {
  .large_desktop_only {
    display: none;
  }
}

@media screen and (min-width: 1201px) {
  .Full_width_banner_container {
    background-size: cover;
  }
}

.topitem {

  float: left;
  text-transform: uppercase;
}

.topmenuhref {
  text-decoration: none;
  color: #333;
}





.submenu {
  position: fixed;
  z-index: 999;
  display: none;
  background: white;
  min-height: 335px;
  padding: 20px;

  box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.12);
}

.submenuitem {
  margin-top: 7px;
  color: #666;
  font-size: calc(12px + (18 - 14) * ((100vw - 300px) / (1600 - 300)));
  font-family: 'Roboto Condensed';
  display: block;
  font-size: 1.1em;
  font-weight: bold;

  padding-left: 0px;
}

.submenuitem: hover {
  text-decoration: none;
  color: #24abe1;
  ;

}


.submenuitem_first_letter {}

.submenuitem_first_letter::first-letter {
  color: #1EAEDB;
  text-decoration: underline;
}

.searchbox {
  margin-top: 20px;
  background: #eee;
  border: 1px solid black;
}

.logoandpayoff {}

.payofftext {
  font-family: 'Roboto Condensed';
  text-align: left;
  font-size: 1em;
  text-decoration: none;
  color: #999;
  padding-left: 36px;
}

.blank {
  text-decoration: none;
}

.toptopitem {
  text-align: center;
  padding-top: 15px;
  max-height: 70px;
}

.toptopitem_icon {
  color: #666;
}

.toptopitem_text {
  font-size: 0.9em;
  font-family: 'Roboto Condensed';
  text-align: center;
  color: #666;
}

.bottommenubox {
  text-align: left;
  text-transform: uppercase;
  margin-top: 5px;
  float: left;
  text-align: left;
  color: white;
}

.bottommenubox_text {
  font-family: 'Roboto Condensed';
  FONT-WEIGHT: thin;
  float: left;
  margin: 5px;
  color: white;
  margin-top: 8px;
}

.bottommenubox_text_fat {
  margin-top: 5px;
  float: left;
  text-align: left;
  margin-left: 10px;
  font-size: 1.2em;
  font-weight: bold;
  color: white;
}

.rating_stars {
  background-color: #00b67a;
  text-align: center;
  background-repeat: repeat-y;
  max-width: 22px;
  float: left;
  margin: 2px;
  padding: 3px;
  color: #fff;
}

.middlemenu {}

.mini_basket_text {
  position: absolute;
  top: 2px;
  left: 25px;
  width: 20px;
  padding-top: 3px;
  padding-left: 0px;
  background: #73AD21;
  border-radius: 15px;
  color: white;
  z-index: 99;
  text-align: center;
  font-weight: bold;
  font-size: 15px;
  display: inline;
}

.mini_basket_icon {
  position: relative;
  top: 0px;
  left: 0px;
}

.container_flex_parent {
  flex-wrap: wrap;
  border: 1px solid green;
}

.blueheadline {
  background: #46ae4c;
  padding: 10px;
  padding-left: 1vw;
  padding-right: 1vw;
}

.fokusgruppe_flex_container {
  float: left;
  width: 100%;
  margin: 0 auto;
  display: inline-flex;
}

.fokusgruppe_flex {
  font-family: 'Roboto Condensed';
  position: relative;
  height: 100%;
  background: lightblue;
  overflow: visible;
  padding: 0px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  background: #e5f0f5;
  width: 100%;
}

.fokus_right_text_flex {
  padding: 20px;
  font-size: 2rem;
  color: #666;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

.fokus_right_text_flex h2 {
  font-size: 4rem;
}

.fokusgruppe_pic {
  min-height: 400px;
  max-height: 500px;
}

.Standard_Flex_container {
  font-family: 'Roboto Condensed';
  position: relative;
  width: 99%;
  max-width: 1640px;
  margin: 0 auto;
  padding: 0px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  text-align: center;
}

.Salgsgruppe_flex {
  font-family: 'Roboto Condensed';
  position: relative;
  width: 100%;
  max-width: 1640px;
  margin: 0 auto;
  padding: 10px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  text-align: center;
}

.flex_basketantal {
  text-align: left;
  width: 1.46em;
  font-size: 1.2em;
  color: #666;
  float: left;
  display: inline;
  margin: 0px;
}

.flex_basketbutton {
  position: relative;
  float: left;
  font-size: 1em;
  background: #36ac49;
  color: white;
  border-radius: 5px;
  padding: 5px;
  width: 90%;
  padding-top: 3px;
  padding-bottom: 12px;
}

.product_page_flex_basketbutton {
  font-size: 1em;
  min-width: 70%;
  background: #36ac49;
  color: white;
  border-radius: 5px;
  padding: 5px;
  vertical-align: middle;
}

.flex_button {
  font-size: 1em;
  min-width: 70%;
  background: #96c300;
  background: #248f24;
  color: white;
  border-radius: 5px;
  padding: 10px;
  vertical-align: middle;
}

.flex_content_container {
  margin-top: 5px;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
  height: 160px;
  position: relative;
}

.flex_content_container_href {
  color: #666;
  text-decoration: none;
}

.flex_content_item {
  text-align: bottom;
  margin: 0px;
  text-align: center;
}

.flex_price_ex {
  font-size: 1em;
  color: #999;
}

.flex_price {
  font-size: 1.2em;
  color: #006496;
  margin-top: 10px;
}

.flex_beforeprice {
  color: #ccc;
}

.flex_savings {
  color: black;
  background: #fee238;
  max-width: 40px;
  border-radius: 20px;
  font-size: 1.1em;
  padding: 5px;
}

.superduper {
  font-size: 0.9em;
  color: #96c300;
}

.flex_contentbox {
  font-size: 1.1em;
  line-height: 1;
  text-align: center;
  width: calc(33% - 30px);
  padding: 2rem 1rem;
  background: #fff;
  height: 400px;
  color: #666;
  flex-grow: 1;
  margin: 5px;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.12);
  border-radius: 3px;
}

.flex_item {
  font-size: 1.1em;
  line-height: 1;
  text-align: center;
  max-width: calc(25% - 30px);
  min-width: 330px;
  padding: 2rem 1rem;
  background: #fff;
  color: #666;
  flex-grow: 1;
  margin: 5px;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.12);
  border-radius: 3px;
}

.flex_item_100 {
  font-size: 1.1em;
  line-height: 1;
  text-align: center;
  min-width: 330px;
  padding: 2rem 1rem;
  background: #fff;
  color: #666;
  flex-grow: 1;
  margin: 5px;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.12);
  border-radius: 3px;
}

.flex_item_100_percent {
  font-family: 'Roboto Condensed';
  flex-basis: 100%;
  width: -moz-max-content;
  width: max-content;
  flex-shrink: 2;
  flex-grow: 1;
}

.flex_container_100_percent {}

.flex_item_big {
  max-width: calc(33% - 30px);
  min-width: 330px;
  height: 440px;
  margin-left: 2.5%;
  margin-right: 2.5%;
}

.flex_header a {
  font-family: 'Roboto Condensed';
  text-decoration: none;
  color: black;
}

.flex_item:hover {
  -webkit-box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.18);
  -moz-box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.18);
  box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.18);
}

.flex_image_container {
  height: 250px;
  width: 100%;
  position: relative;
  max-height: 250px;
  overflow: hidden;
}

.flex_image {
  background-size: contain;
  resize: both;
  overflow: hidden;
  height: 190px;
  background-repeat: no-repeat;
  margin-bottom: 15px;
  background-position: center;
}

.flex_header {
  font-size: 2rem;
  line-height: 1;
  padding: 10px;
  text-align: left;
  color: #333;
  margin: 0.375rem;
  flex-shrink: 0;
  width: calc(100% - 40px);
}

.content_summary_container {
  margin-top: 10px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
}

.content_summary {}

.content_summary_images {
  width: 100%;
}

.content_summary_pic {
  width: 100%;
  min-height: 300px;
}

.clear:after {
  content: "";
  display: table;
  clear: both;
}

.flex_text {
  max-width: 100%;
  padding: 30px;
  margin-bottom: 10px;
  text-align: left;
}

.flex_right {
  text-align: right;
}

.flex_left {
  text-align: left;
}

.std_image_right {
  float: right;
  height: 400px;
}

.main_salgsgrupper_container {
  background: #006496;
}

.flex_container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}

.flex_transparent {
  position: relative;
  font-family: 'Roboto Condensed';
  font-size: 1.1em;
  line-height: 3;
  text-align: center;
  max-width: calc(25%);
  min-width: 330px;
  height: 100px;
  color: #fff;
  flex-grow: 0;
  margin: 5px;
  border: 1px solid #00aeef;
}

.flex_transparent_text {
  position: absolute;
  top: 5px;
  right: 5px;
  width: 50%;
  height: 50px;
  float: left;
  color: white;
}

.flex_transparent_image {
  background-size: contain;
  background-repeat: no-repeat;
  float: left;
  width: 50%;
  height: 100px;
}

.flex_transparent_number {
  vertical-align: middle;
  padding: 4px;
  text-align: center;
  line-height: 1;
  position: absolute;
  bottom: 0px;
  right: 0px;
  background: #00aeef;
  padding: 5px;
  height: 30px;
}

.flex_mini_text {
  margin-top: 3px;
  font-size: 0.6em;
}

.content2_container {
  width: 100%;
  margin: 0 auto;
  border-radius: 3px;
}

.content2 {
  padding: 0px;
  background: white;
  margin: 0px;
  display: table;
  position: relative;
  width: 100%;
  max-width: 1640px;
  margin: 0 auto;
}

.Content2_button {
  font-family: 'Roboto Condensed';
  margin-top: 20px;
  font-weight: bold;
  max-width: 50%;
  font-size: 1.2em;
  background: #96c300;
  color: white;
  border-radius: 5px;
  text-align: center;
  padding: 20px;
}

.Content2_button_href {
  text-decoration: none;
}

.Content2_pic {
  width: 100%;
  background-size: 100%;
  min-height: 400px;
  background-repeat: no-repeat;
  height: 100%;
  background-size: cover;
}

.Content2_textbox {
  padding: 30px;
  margin: 0 auto;
  font-size: 1em;
  color: #666;
  height: 100%;
  display: table-cell;
  text-align: left;
  vertical-align: middle;
  float: right;
}

.Content2_images {
  text-align: left;
}

.content2_pic {
  width: 100%;
  height: 100%;
}

.playbar {
  background: black;
  color: white;
  font-family: 'Roboto Condensed';
  padding: 10px;
}

.faq_container {
  width: 100%;
  margin: 0 auto;
  border-radius: 3px;
}

.faq {
  padding: 0px;
  background: white;
  margin: 0px;
  display: table;
  position: relative;
  width: 100%;
  max-width: 1640px;
  margin: 0 auto;
}

.faq_button {
  font-family: 'Roboto Condensed';
  margin-top: 20px;
  font-weight: bold;
  max-width: 50%;
  font-size: 1.2em;
  background: #96c300;
  color: white;
  border-radius: 5px;
  text-align: center;
  padding: 20px;
}

.faq_button_href {
  text-decoration: none;
}

.faq_pic {
  width: 100%;
  background-size: 100%;
  min-height: 400px;
  background-repeat: no-repeat;
  height: 100%;
  background-size: cover;
}

.faq_textbox {
  padding: 30px;
  margin: 0 auto;
  font-size: 1em;
  color: #666;
  height: 100%;
  display: table-cell;
  text-align: left;
  vertical-align: middle;
  float: right;
}

.faq_images {
  text-align: left;
}

.faq_pic {
  width: 100%;
  height: 100%;
}

.content_colored_container {
  width: 100%;
  margin: 0 auto;
  background: #006496;
  border-radius: 3px;
}

.content_colored {
  padding: 0px;
  color: white;
  margin: 0px;
  display: table;
  position: relative;
  width: 100%;
  max-width: 1640px;
  margin: 0 auto;
}

.Content_colored_button {
  font-family: 'Roboto Condensed';
  margin-top: 20px;
  font-weight: bold;
  max-width: 50%;
  font-size: 1.2em;
  background: #96c300;
  color: white;
  border-radius: 5px;
  text-align: center;
  padding: 20px;
}

.Content2_button_href {
  text-decoration: none;
}

.Content_colored_pic {
  width: 100%;
  background-size: 100%;
  min-height: 400px;
  background-repeat: no-repeat;
  height: 100%;
  background-size: cover;
}

.Content_colored_textbox {
  padding: 30px;
  margin: 0 auto;
  font-size: 1em;
  color: white;
  height: 100%;
  display: table-cell;
  text-align: left;
  vertical-align: middle;
  float: right;
  padding-left: 0px;
  padding-right: 0px;
}

.Content_colored_images {
  text-align: left;
}

.content_colored_pic {
  width: 100%;
  height: 100%;
}

.salgsgrupper_white_box_container {
  width: 100%;
}

.salgsgrupper_white_box_container h3 {
  font-family: 'Roboto Condensed';
  font-size: 1.5em;
}

.salgsgrupper_white_box {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}

.salgsgrupper_white_box a {
  text-decoration: none;
}

.show_medarbejder_container {}

.medarbejder_text {
  padding: 5%;
  text-align: left;
  font-family: 'Roboto Condensed';
}

.medarbejder_pic {
  width: 100%;
}

.medarbejder_table {
  text-align: left;
  float: left;
}

.large_icon {
  position: relative;
  float: left;
  top: 0px;
}

.large_icon_text {
  text-indent: 10px;
  padding-top: 10px;
  font-size: 32px;
}

input[type=submit] {
  background: #96c300;
  color: white;
}

.show_product_container {
  width: 100%;
  background: #FFF;
  font-family: 'Roboto Condensed';
  text-align: left;
}

.show_product_text {
  font-size: 1.1em;
  padding: 10px;
  text-align: left;
}

.show_product_pictures {
  text-align: left;
  padding: 0px;
  float: left;
  margin-left: 0px;
}

.container_width_product {
  font-family: 'Roboto Condensed';
  width: 100%;
  max-width: 1340px;
  margin: 0 auto;
  padding: 10px;
}

.medias {
  height: 500px;
}

.produkter_variant_list {
  width: 100%;
}

.drop_down_container {
  font-family: 'Roboto Condensed';
  position: relative;
  z-index: 99;
  bottom: 5px;
  overflow: hidden;
  background: white;
  height: 45px;
  max-height: 600px;
  border: 1px solid #eee;
  border-radius: 10px;
  padding: 5px;
  margin-top: 10px;
  margin-bottom: 10px;
  max-width: 100%;
  font-size: 0.9em;
}

.consent_checkbox_item {
  text-align: center;
  height: 50px;
  float: left;
  width: 24%;
}

.drop_down_container-full {
  height: 400px;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.12);
  overflow: auto;
}

.drop_down_container:hover {
  border: 1px solid #006496;
  cursor: pointer;
}

.drop_down_item {
  padding: 10px;
}

.drop_down_item:hover {
  color: black;
  padding: 10px;
  background: #eee;
}

.drop_down_gradient {
  background: -webkit-linear-gradient(#333, #eee);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.drop_down_price {
  float: left;
  height: 30px;
  text-align: left;
}

.drop_down_firstline {
  height: 87px;
  width: 100%;
}

.drop_down_left {
  max-width: 70%;
  float: left;
  height: 30px;
  text-align: left;
  padding: 10px;
}

.drop_down_right {
  height: 30px;
  text-align: right;
}

.drop_down_icon {
  float: right;
  margin-top: -2px;
}

.drop_down_icon_180 {
  transform: rotate(180deg);
}

.drop_down_icon_180 {
  transform: rotate(180deg);
}

.drop_down_image {
  float: left;
  position: relative;
  margin-right: 0px;
  max-width: 35%;
}

.productbox_3_image {
  width: 100%;
  background-size: 100%;
  background-repeat: no-repeat;
  height: 100%;
}

.consentform_popup {
  position: fixed;
  top: 7%;
  bottom: 0;
  left: 0;
  right: 0;
  width: 70%;
  min-height: 350px;
  max-height: 40%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  z-index: 1000;
  padding: 20px;
  background: white;
  box-shadow: 0 0 10px 0 #000;
  text-align: center;
  border-radius: 12px;
}

.consent_flex_container {
  width: 100%;
  ;
  text-align: center;
}

.innerconsent {
  padding: 10px;
  float: center;
  max-height: 70%;
  text-align: center;
  overflow-y: scroll;
}

.cookie_required {
  background: grey;
}

.cookie_all {
  background: green;
  color: white;
}

@media (max-width: 700px) {
  .drop_down_container {
    max-width: 95%;
    position: relative;
  }

  .consent_checkbox_item {
    float: left;
    width: 49%;
  }

  .consentform_popup {
    top: 0%;
    height: 85%;
    max-height: 100%;
  }

  .innerconsent {
    padding: 5px;
    font-size: 0.9em;
    max-height: 65%;
  }
}

/* -----search-container styles----- */

.search-container {
  float: left;
  --searchbox-height: 44px;
  margin: 0 auto 0 auto;
  min-width: 410px;
}

/* -----searchbar styles----- */

.searchbar {
  background: white;
  cursor: text;
  margin: 0 auto;
  max-width: 584px;
  box-shadow: 0 1px 6px 0 rgba(32, 33, 36, .28);
  border-radius: 22px;
  box-sizing: border-box;
  font-size: 16px;
  height: var(--searchbox-height);
  position: relative;
  margin-top: 10px;
}

/* -----search-input styles----- */

.search-input {
  box-sizing: border-box;
  height: 100%;
  width: calc(100% - 80px);
  border-color: transparent;
  color: rgb(117, 117, 117);
  font-size: 16px;
  line-height: 44px;
  margin: auto 0;
  overflow: hidden;
  text-align: initial;
  text-overflow: ellipsis;
  user-select: none;
  vertical-align: middle;
  white-space: nowrap;
}

.search-input:focus {
  outline: transparent;
}

.search-input:focus::placeholder {
  color: transparent;
}

/* -----search-icon styles---- */

.search-icon-wrapper {
  padding: 0 24px;
  /* margin-right: 48px; */
}

.search-icon {
  -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0iIzVGNjM2OCI+PHBhdGggZD0iTTE1LjUgMTRoLS43OWwtLjI4LS4yN0E2LjQ3MSA2LjQ3MSAwIDAgMCAxNiA5LjUgNi41IDYuNSAwIDEgMCA5LjUgMTZjMS42MSAwIDMuMDktLjU5IDQuMjMtMS41N2wuMjcuMjh2Ljc5bDUgNC45OUwyMC40OSAxOWwtNC45OS01em0tNiAwQzcuMDEgMTQgNSAxMS45OSA1IDkuNVM3LjAxIDUgOS41IDUgMTQgNy4wMSAxNCA5LjUgMTEuOTkgMTQgOS41IDE0eiIvPjwvc3ZnPg==);
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 20px;
  background-color: rgb(117, 117, 117);
  bottom: 0;
  right: 16px;
  margin: auto;
  position: absolute;
  top: 0;
  width: 24px;
}

.search-icon:hover {
  background: green;
}

.searchmenucontainer {
  position: fixed;
  margin: -10px;
  z-index: 1999;
  display: none;
  background: white;
  height: 300px;
  padding: 20px;
  box-shadow: 0 1px 6px 0 rgba(32, 33, 36, .28);
  border-radius: 22px;
}

.searchdropdown {
  display: none;
  font-family: 'Roboto';
  position: relative;
  z-index: 2999;
  left: 50%;
  background: white;
  height: 800px;
  ;
  margin-top: 65px;
  margin-left: auto;
  width: 800px;
  margin-left: -400px;
  /* Negative half of width. */
  box-shadow: 0 1px 6px 0 rgba(32, 33, 36, .28);
  border-radius: 22px;
  padding: 10px;
}

.searchresultcontent {
  height: 90%;
  overflow-y: scroll;
  margin-bottom: 10px;
}

.searchresulttop {
  position: relative;
  width: 400px;
  left: 50%;
  margin-left: -200px;
  border-radius: 15px;
  padding: 10px;
  color: #999;
  text-align: center;
}

.searchresultbottom {
  position: relative;
  background-color: #db0368;
  width: 400px;
  left: 50%;
  margin-left: -200px;
  border-radius: 15px;
  padding: 10px;
  color: white;
  text-align: center;
  bottom: 10px;
}

.mobilesearchdropdown {
  display: none;
  font-family: 'Roboto Condensed';
  position: absolute;
  z-index: 2999;
  overflow: hidden;
  background: white;
  margin-left: 0px;
  width: 100vw;
  box-shadow: 0 1px 6px 0 rgba(32, 33, 36, .28);
}

.searchdropdown-full {
  height: 400px;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.12);
  overflow: scroll;
}

.searchdropdown:hover {
  border: 1px solid #eee;
  cursor: pointer;
}

.single_product {
  margin-top: 20px;
  float: center;
  display: inline-block;
  max-width: 300px;
  font-size: 1.1em;
  line-height: 1;
  text-align: center;
  height: 470px;
  padding: 2rem 1rem;
  background: #fff;
  color: #666;
  flex-grow: 1;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.12);
  border-radius: 3px;
  margin-left: 1.5%;
  margin-right: 1.5%;

}

.single_product a {
  text-decoration: none;
  color: #333;
}

.single_product:hover {
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.62);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.62);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.62);
}

.main_product {
  float: left;
  max-width: 370px;
  font-size: 1.1em;
  line-height: 1;
  text-align: center;
  height: 470px;
  padding: 2rem 1rem;
  background: #fff;
  color: #666;
  flex-grow: 1;
  margin: 5px;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.12);
  border-radius: 3px;
}

.salesgroup_image {
  float: left;
  max-width: 370px;
  font-size: 1.1em;
  line-height: 1;
  text-align: center;
  height: 470px;
  font-family: 'Roboto';
  padding: 1rem 1rem;
  background: #fff;
  color: #666;
  flex-grow: 1;
  margin: 5px;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.12);
  border-radius: 3px;
}

.content_floating_image {
  position: relative;
  float: left;
  max-width: 500px;
  font-size: 1.1em;
  line-height: 1;
  text-align: center;

  padding: 2rem 1rem;
  background: #fff;
  color: #666;
  margin: 5px;

  border-radius: 3px;
  margin-right: 25px;
  margin-bottom: 25px;
}

.pictext {
  font-size: 0.8em;
  text-align: left;
}

.mobile_search_display_item {
  margin-top: 2xp;
  border-bottom: 1px solid #eee;
  margin-bottom: 5px;
  padding-bottom: 5px;
  overflow: hidden;
}

.mobile_search_display_item_img {
  text-align: center;
  float: left;
  width: 29%;
}

.mobile_search_display_item_text {
  float: left;
  font-weight: thin;
  color: #888;
  width: 60%;
}

.mobile_search_display_item_title {
  font-size: 1.1em;
  color: black;
}

.mobile_search_display_item_price {
  font-size: 0.9em;
  color: black;
}

.mobilethumb {
  width: 90%;
}

.search_display_item {
  margin-top: 2xp;
  border-bottom: 1px solid #eee;
  margin-bottom: 5px;
  padding-bottom: 5px;
  overflow: hidden;
}

.search_display_item_img {
  text-align: center;
  float: left;
  width: 20%;
  min-height: 75px;
}

.search_display_item_text {
  float: left;
  font-weight: thin;
  color: #888;
  width: 75%;
}

.search_display_item_title {
  font-size: 1.1em;
  color: black;
}

.search_display_item_price {
  float: left;
}

.searchthumb {
  width: 50%;
}

body {
  background: white;
}

.informationbar {
  background: orange;
  color: white;
  display: none;
  float: left;
}

.auction_buybox {
  display: inline;
  float: left;
  margin-top: 20px;
}

.auction_pricebox {
  width: 45%;
  min-width: 120px;
  min-height: 70px;
  display: inline;
  float: left;
  font-size: 1.2em;
  font-weight: bold;
  margin-right: 10px;
  margin-bottom: 10px;
  padding: 10px;
  border: 0px solid #eee;
}

.actprice {
  font-family: 'Passion One';
  font-size: 3rem;
  color: red;
}

.savings {
  opacity: 0.5;
  font-family: 'Passion One';
  font-size: 3rem;
  color: orange
}

.normalprice {
  opacity: 0.5;
  font-family: 'Passion One';
  font-size: 3rem;
  color: green;
}

.blue {
  background-color: #33C3F0;
  color: white;
}

.green {
  background-color: #85c226;
  color: white;
}

.floatingbutton {
  margin-left: 10px;
}

.floatinginput {
  width: 100%;
  max-width: 400px;
}

#auction_popup_close_button {
  position: absolute;
  top: 0px;
  right: 10px;
  margin: 10px;
  padding: 4px;
  border: 1px solid #eee;
  background: lightblue;
  cursor: pointer;
}

/* .auction_popup_container{
  position:fixed;
  display: none;
  left:50%;
  
  
  z-index:89;
}
.auction_popup_container .popupwrapper{
  position:relative; 
  left:-50%;
  background-color:#fff;
  padding:10px;
  border:solid 2px #444;
  border-radius:10px;
} */

.auction_popup_container {
  text-align: center;
  vertical-align: middle;
  position: fixed;
  display: none;
  width: 50%;
  height: 50%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: 89;
}

.auktionstandardbox {
  border: 1px solid #eee;
  padding: 10px;
}

.auktionheader {
  font-size: 1.3em;
  margin-bottom: 10px;
}

.popup_box {
  color: black;
  z-index: 9999;
  padding: 30px;
  background: #fff;
  max-width: 70%;
  min-height: 300px;
  margin: auto auto;
  margin-top: 50px;
  -webkit-box-shadow: 10px 10px 17px -6px rgba(209, 198, 209, 1);
  -moz-box-shadow: 10px 10px 17px -6px rgba(209, 198, 209, 1);
  box-shadow: 10px 10px 17px -6px rgba(209, 198, 209, 1);
  border: 1px solid #eee;
}

.hiddenclass {
  visibility: hidden;
}

.auction_overlay {
  position: absolute;
  /* Sit on top of the page content */
  display: none;
  /* Hidden by default */
  width: 100%;
  /* Full width (cover the whole page) */
  height: 100%;
  /* Full height (cover the whole page) */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  /* Black background with opacity */
  z-index: 12;
  /* Specify a stack order in case you're using a different order for other elements */
  cursor: pointer;
  /* Add a pointer on hover */
  text-align: center;
}

#countdown-number {
  color: white;
  margin-left: 10px;
}

svg {
  float: left;
  margin-top: 20px;
  margin-right: 10px;
  top: 0;
  right: 0;
  width: 30px;
  height: 30px;
  transform: rotateY(-180deg) rotateZ(-90deg);
}

svg circle {
  stroke-dasharray: 113px;
  stroke-dashoffset: 0px;
  stroke-linecap: round;
  stroke-width: 3px;
  stroke: #016185;
  fill: #00aeef;
  animation: countdown 5s linear infinite forwards;
}

@keyframes countdown {
  from {
    stroke-dashoffset: 0px;
  }

  to {
    stroke-dashoffset: 113px;
  }
}

@media screen and (max-width:680px) {
  .mobile-full-width {
    width: 100%;
  }

  .mobile-half-width {
    width: 45%;
    padding: 0px;
    max-width: 45%;
  }

  .popup_box {
    width: 80%;
    max-width: 80%;
  }

  .popup_box_content2 {
    font-size: 4vw;
  }

  .auction_popup_container {
    position: absolute;
    /* Sit on top of the page content */
  }

  .desktoponly {
    visibility: hidden;
    display: none;
  }
}

@media screen and (min-width:680px) {
  .mobileonly {
    visibility: hidden;
    display: none;
  }
}

.productbox_mini {
  background: white;
  color: #444;
  font-family: 'Roboto Condensed';
  background-repeat: no-repeat;
  height: 400px;
  margin-top: 20px;
  margin-left: 5px;
  margin-right: 5px;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.16);
}

.ribbon {
  width: 48%;
  height: 128px;
  position: relative;
  float: left;
  margin-bottom: 30px;
  background-size: cover;
  text-transform: uppercase;
  color: white;
}

.ribbon:nth-child(even) {
  margin-right: 4%;
}

@media (max-width: 500px) {
  .ribbon {
    width: 100%;
  }

  .ribbon:nth-child(even) {
    margin-right: 0%;
  }
}

.ribbon1 {
  position: absolute;
  top: -6.1px;
  right: 0px;
}

.ribbon1:after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-left: 53px solid transparent;
  border-right: 53px solid transparent;
  border-top: 10px solid #0093dd;
}

.ribbon1 span {
  position: relative;
  display: block;
  text-align: center;
  background: #0093dd;
  font-size: 1.2em;
  font-family: 'Roboto Condensed';
  line-height: 1;
  padding: 12px 8px 10px;
  border-top-right-radius: 8px;
  width: 90px;
}

.ribbon1 span:before,
.ribbon1 span:after {
  position: absolute;
  content: "";
}

.ribbon1 span:before {
  height: 6px;
  width: 6px;
  left: -6px;
  top: 0;
  background: #0093dd;
}

.ribbon1 span:after {
  height: 6px;
  width: 8px;
  left: -8px;
  top: 0;
  border-radius: 8px 8px 0 0;
  background: #0093dd;
}

.footer-item {
  color: white;
}

.footer-item a {
  text-decoration: none;
}

.search-container-mobile {
  margin-top: 0px;
  margin-left: auto;
  width: 93%;
  padding: 3%;
}

.mobiletopsection {
  margin-left: auto;
  width: 98%;
  padding: 2%;
  float: left;
  position: fixed;
  top: 0px;
  z-index: 999;
  background: white;
}

.mobiletopspacer {
  width: 100%;
  height: 115px;
}

.material-icons.md-breadcrumb {
  font-size: 11px;
  text-align: center;
  color: #999;
}

.material-icons.md-18 {
  font-size: 18px;
  text-align: center;
}

.material-icons.md-14 {
  font-size: 14px;
  float: left;
  margin-top: 8px;
  margin-right: 5px;
}

.material-icons.md-24 {
  font-size: 24px;
}

.material-icons.md-36 {
  font-size: 36px;
}

.material-icons.md-2em {
  font-size: 2em;
}

.material-icons.md-48b {
  font-size: 48px;
  ;
  margin-right: 5px;
  position: relative;
  top: 18px;
  color: black;
}

.mini_basket_container {
  position: relative;
  float: right;
  margin-top: 10px;
  margin-right: 20px;
  height: 30px;
}

.textbox {
  background: white;
  font-size: 1em;
  font-family: 'Roboto';
  font-weight: 400;
  padding: 10px;
}

.focus_product_image {
  float: left;
  display: inline;
  height: 400px;
  overflow: hidden;
  background-size: cover;
  width: 100%;
}

.focus_product_text {
  float: left;
  font-family: 'Roboto Condensed';
}

.focus_product_container {
  font-size: 1.1em;
  line-height: 1;
  text-align: left;
  background: #fff;
  color: #666;
  margin-right: 10px;
  margin-top: 10px;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.12);
  border-radius: 5px;
  margin-bottom: 20px;
}

.focus_product_pricecontainer {
  position: absolute;
  right: 10px;
  color: #00aeef;
  ;
  text-align: right;
  padding: 5px;
  bottom: 50px;
  background: #333;
}

@media screen and (max-width: 700px) {
  .focus_product_image {
    height: 250px;
    background-size: cover;
    resize: both;
    overflow: hidden;
    background-repeat: no-repeat;
  }

  .focus_product_container {
    font-size: 0.9em;
    height: 300px;
    margin-bottom: 5px;
  }

  .focus_product_text {
    visibility: hidden;
    display: none;
    background: -webkit-linear-gradient(#333, #eee);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }

  .Full_width_banner_maintext {
    visibility: hidden;
  }
}

.bottom {
  position: absolute;
  bottom: 10px;
  right: 10px;
}

.the_fold_width_flex {
  position: relative;
  width: calc(100%-10px);
  max-width: 1640px;
  margin: 0 auto;
  padding: 10px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  text-align: center;
}

.mobile_varianter {}

.small_image_text {
  font-family: "Roboto";
  height: 20px;
  float: left;
  position: relative;
  background: white;
  padding: 3px;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 4px;
  text-align: center;
  margin: 8px;
  -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.12);
  border-radius: 8px;
}

.dot {
  height: 35px;
  width: 35px;
  background-color: #00aeef;
  border-radius: 50%;
  display: inline-block;
  display: table-cell;
  vertical-align: middle;
  color: white;
  font-weight: bold;
  font-size: 0.9em;
  margin-right: 8px;
}

.s_liste {
  float: left;
  font-size: 0.9em;
  padding: 5px;
  color: #888;
  overflow-wrap: break-word;
  text-align: center;
  line-height: 1.2;
  overflow-x: hidden;
}

.content_summary_pic {
  min-height: 0px;
  height: 200px;
  max-height: 200px;
  background-size: cover;
  resize: both;
  background-repeat: no-repeat;
}




.loginpopup {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 450px;
  margin: auto;
  z-index: 1000;
  padding: 10px;
  background: white;
  box-shadow: 0 0 10px 0 #000;
  text-align: center;
  max-height: 50%;
}

@media screen and (max-width:700px) {
  .medias {
    height: 280px;
  }

  .content_floating_image {

    height: auto;
    padding: 0px;
  }

  #basketpopup {
    width: 95%;
    max-height: 100%;
  }


  .container_width {
    padding-right: 5px;
    padding-left: 5px;
  }

  .flex_item_big {
    max-width: 98%;
    min-width: 330px;
    height: 440px;
    margin-left: 0%;
  }

  .content_summary_pic {
    min-height: 0px;
    height: 200px;
    max-height: 200px;
    background-size: cover;
    resize: both;
    background-repeat: no-repeat;
  }

  .mobile_varianter {
    position: relative;
    border: 1px solid red;
    float: left;
    width: 100%;
    height: 50px;
  }

  .drop_down_container {
    border: 1px solid red;
    position: absolute;
    bottom: 10px;
    left: auto;
    width: 90%;
    float: center;
  }

  .flex_image {
    background-size: contain;
    resize: both;
    overflow: hidden;
    height: 130px;
    background-repeat: no-repeat;
  }

  .flex_content_container {
    height: 65px;
    text-align: center;
    position: relative;
  }

  .flex_content_text_container {
    border: 1px solid green;
    height: 180px;
    position: relative;
    float: center;
    font-family: 'Roboto';
    font-weight: bold;
  }

  .flex_content_item {
    font-weight: bold;
    margin: 0px;
  }

  .flex_price {
    margin: 0px;
    font-weight: bold;
    color: #000;
  }

  .flex_basketbutton {
    width: 90%;
  }

  .single_product {
    padding: 3px;
    max-width: 50%;
    margin: 0px;
    height: 300px;
    font-size: 1.4rem;
    margin-bottom: 15px;
  }

  .fokusgruppe_flex {
    overflow: visible;
    float: left;
    position: relative;
    height: 350px;
  }

  .fokus_right {
    float: left;
    padding: 0px;
    font-size: 1rem;
    color: #666;
    text-align: center;
    vertical-align: top;
    border: 0px solid orange;
  }

  .fokus_right_text_flex {
    text-align: center;
    vertical-align: top;
  }

  .the_fold_width_flex {
    float: left;
    position: relative;
  }

  .the_fold_width_flex:before {
    clear: both;
  }

  .fokusgruppe_pic {
    min-height: 0px;
    height: 200px;
    width: 700px;
    max-height: 200px;
    background-size: cover;
    resize: both;
    background-repeat: no-repeat;
  }

  .material-icons.md-48b {
    top: 3px;
    font-size: 22px;
    ;
    margin-right: 5px;
  }

  .bulleticon {
    color: red;
    padding-top: 0px;
    height: 11px;
    list-style-position: inside;
    text-anchor: 0px;
  }

  .foldout_mobile {
    float: left;
    display: block;
    border: 0px solid yellow;
  }

  .foldout_mobile_content {
    height: 50px;
    overflow: hidden;
  }

  .foldout_mobile_bottom {
    border: 0px solid black;
    font-size: 1em;
    color: lightblue;
  }

  .foldout_mobile_content_big {
    position: relative;
    float: left;
    border: 0px solid black;
    overflow: visible;
  }

  .breadcrumb_div {
    margin-bottom: 0px;
  }

  .dot {
    height: 24px;
    width: 24px;
    background-color: #00aeef;
    border-radius: 50%;
    display: inline-block;
    display: table-cell;
    vertical-align: middle;
    color: white;
    font-weight: bold;
    font-size: 0.7em;
    margin-right: 2px;
  }

  .s_liste {
    overflow: hidden;
    max-height: 43px;
  }

  .kasse_container {
    max-width: 80%;
    padding-left: 30px;
    padding-right: 30px;
  }


  .loginpopup {

    max-width: 92%;
    max-height: 80%;
  }

}

.kasse_container {
  max-width: 800px;
  padding-left: 30px;
  padding-right: 30px;
}

.material-icons.md-48c {
  top: 10px;
  font-size: 22px;
  margin-right: 0px;
}

.variants_as_images_main {}

.text_short {
  background: #FFF;
  font-family: 'Roboto';
  border-radius: 10px;
  margin-bottom: 10px;
  margin-top: 10px;
  padding: 20px;
}

.flex_basketbutton:hover {
  cursor: pointer;
}

.productprice_u {
  font-weight: bold;
  color: black;
  font-size: 1em;
}

.productprice_m {
  color: #888;
  font-size: 0.9em;
}



.small_dot {
  height: 12px;
  width: 12px;
  background-color: #36ac49;
  border-radius: 50%;
  display: inline-block;
  display: table-cell;
  vertical-align: middle;
  color: white;
  font-weight: bold;
  font-size: 0.7em;
  margin-right: 2px;
}

}

.std_text_field {
  font-family: Roboto;
  font-size: 1em;
  color: red;
}

.progressbox {
  height: 32px;
  width: 32px;
  background-color: #ccc;

  display: inline-block;
  display: table-cell;
  vertical-align: middle;
  color: white;
  font-weight: bold;
  font-size: 1.2em;
  margin-right: 2px;
  text-align: center;
}

.activebox {
  background-color: #36ac49;
}

.roundbanner {

  text-align: left;
  margin-bottom: 10px;
  margin-top: 10px;
  border-radius: 15px;
  border: 1px solid #ccc;
  padding: 15px;
  max-width: 97%;
  box-shadow: 0 0 5px 0 #ccc;
}

.search-input {
  background: white;
}

.closewindow {
  padding: 5px;
  border: 1px solid #ccc;
  float: right;
  margin-top: -25px;
  background: #999;
  border-radius: 5px;
  font-weight: bold;
  color: white;
  cursor: pointer;
}

.closewindow :hover {}


.desktopspacer {
  width: 100%;
  height: 185px;
}

.standardbox {

  text-align: left;
  margin-bottom: 10px;
  margin-top: 10px;
  border-radius: 5px;
  border: 1px solid #ccc;
  padding: 15px;
  max-width: 97%;
  box-shadow: 0 0 5px 0 #ccc;
}


.selling_points2 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 1rem;
}

.selling_point_box2 {
  box-sizing: border-box;
  flex: 1 1 30%;
  margin: 1.5%;
  text-align: center;
  padding: 1rem;
  background: #f9f9f9;
  border: 1px solid #ddd;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

.selling_point_inner_box2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.std_long_text {
  display: none;
}

.desktop_only2 {
  display: block;
}

.video-container {
  width: 100%;
  position: relative;
  padding-top: 56.25%;
  /* 16:9 Aspect Ratio */
}

.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media (max-width: 768px) {
  .selling_point_box2 {
    flex: 1 1 100%;
  }

  .std_long_text.desktop_only2 {
    display: block;
  }
}    


/* latin-ext */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url(https://fonts.gstatic.com/s/sourcesanspro/v13/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNq7lqDY.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  font-swap; 
}
 
 

/* fallback */
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/materialicons/v50/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2');
 font-swap; 
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}


/* roboto-100 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: local(''),
       url('/template_css/fonts/roboto-v27-latin-100.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/roboto-v27-latin-100.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('/template_css/fonts/roboto-v27-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/template_css/fonts/roboto-v27-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('/template_css/fonts/roboto-v27-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/template_css/fonts/roboto-v27-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-900 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: local(''),
       url('/template_css/fonts/roboto-v27-latin-900.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/template_css/fonts/roboto-v27-latin-900.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}




/* source-sans-pro-regular - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/source-sans-pro-v14-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/source-sans-pro-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v14-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v14-latin-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}


/* source-sans-pro-900 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 900;
  src: url('/template_css/fonts/source-sans-pro-v14-latin-900.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/template_css/fonts/source-sans-pro-v14-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/template_css/fonts/source-sans-pro-v14-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('/template_css/fonts/source-sans-pro-v14-latin-900.woff') format('woff'), /* Modern Browsers */
       url('/template_css/fonts/source-sans-pro-v14-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/template_css/fonts/source-sans-pro-v14-latin-900.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}





body
{
background:white;
}  

.informationbar
{
background:orange; 
color:white; 
display:none;
float:left;

}



.auction_buybox
{
display:inline;
float:left;
margin-top:20px;
} 

.auction_pricebox
{

width:45%;
min-width:120px;
min-height:70px;
display:inline;
float:left;
font-size:1.2em; 
font-weight:bold;  
margin-right:10px;  
margin-bottom:10px;
padding:10px;
border:0px solid #eee;
}


.actprice
{
font-family: 'Passion One';
font-size:3rem;
color:red;
}

.savings
{
 opacity: 0.5;
font-family: 'Passion One';
font-size:3rem;
color:orange
}

.normalprice
{
 opacity: 0.5;
font-family: 'Passion One';
font-size:3rem;
color:green;
}

.purple
{

background-color:#85c226; 
color:white;

}

.green
{
background-color:#85c226; 
color:white;
}


.floatingbutton
{
margin-left:10px;
}

.floatinginput
{
width: 100%;

max-width:400px;
}

#auction_popup_close_button
{
position:absolute; 
top:0px;
right:10px;
margin:10px;
padding:4px; 
border:1px solid #eee;
background:lightblue;
cursor:pointer;
}

/* .auction_popup_container{
  position:fixed;
  display: none;
  left:50%;
  
  
  z-index:89;
}
.auction_popup_container .popupwrapper{
  position:relative; 
  left:-50%;
  background-color:#fff;
  padding:10px;
  border:solid 2px #444;
  border-radius:10px;
} */

.auction_popup_container
{ 
text-align: center;
vertical-align: middle;
position: fixed;
  display: none;
  width: 50%; 
  height: 50%; 
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  
z-index:89;

}



.auktionstandardbox
{

border:1px solid #eee; 
padding:10px;
}

.auktionheader
{
font-size:1.3em; 
margin-bottom:10px;
}



.popup_box
{ 

color:black;
z-index:9999; 
padding:30px;
background:#fff; 
max-width:70%; 
min-height:300px;

margin: auto auto;
margin-top:50px;
-webkit-box-shadow: 10px 10px 17px -6px rgba(209,198,209,1);
-moz-box-shadow: 10px 10px 17px -6px rgba(209,198,209,1);
box-shadow: 10px 10px 17px -6px rgba(209,198,209,1);
border:1px solid #eee; 
}

.hiddenclass
{
visibility:hidden; 
}



.auction_overlay {
    position: absolute; /* Sit on top of the page content */
    display: none; /* Hidden by default */
    width: 100%; /* Full width (cover the whole page) */
    height: 100%; /* Full height (cover the whole page) */
    top: 0; 
    left: 0;
    right: 0;
    bottom: 0; 
    background-color: rgba(0,0,0,0.5); /* Black background with opacity */
    z-index: 12; /* Specify a stack order in case you're using a different order for other elements */
    cursor: pointer; /* Add a pointer on hover */
  text-align:center;
}





#countdown-number {

  color: white;


margin-left:10px; 

}

svg {
float:left;
margin-top:20px;
margin-right:10px;
  top: 0;
  right: 0;
  width: 30px;
  height: 30px;
  transform: rotateY(-180deg) rotateZ(-90deg);
}

svg circle {
  stroke-dasharray: 113px;
  stroke-dashoffset: 0px;
  stroke-linecap: round;
  stroke-width: 3px;
  stroke: #016185;
  fill: #00aeef;
  animation: countdown  5s linear infinite forwards;
}

@keyframes countdown {
  from {
    stroke-dashoffset: 0px;
  }
  to {
    stroke-dashoffset: 113px;
  }
}
  



@media screen and (max-width:680px) {
  
.mobile-full-width
{
width:100%;
}

.mobile-half-width
{

width:45%;
padding:0px;
max-width:45%;
}
  
  
.popup_box
{
 
width:80%; 
  max-width:80%;
}

.popup_box_content2
{
font-size:4vw;

}

.auction_popup_container
{
  position: absolute; /* Sit on top of the page content */
  
  }
  
  
.desktoponly
  {
visibility:hidden;
display:none;
}

}

@media screen and (min-width:680px) 
{
.mobileonly
  {
visibility:hidden;
display:none;
}
}


.productbox_mini
{
background:white;
color:#444;
font-family: 'Roboto Condensed';
background-repeat:no-repeat;
height:400px;
margin-top:20px;
margin-left:5px;
margin-right:5px;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.16);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.16);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.16);

}




.ribbon {
  width: 48%;
  height: 128px;
  position: relative;
  float: left;
  margin-bottom: 30px;

  background-size: cover;
  text-transform: uppercase;
  color: white;
}
.ribbon:nth-child(even) {
  margin-right: 4%;
}
@media (max-width: 500px) {
  .ribbon {
    width: 100%;
  }
  .ribbon:nth-child(even) {
    margin-right: 0%;
  }
}
.ribbon1 {
  position: absolute;
  top: -6.1px;
  right: 0px;
}
.ribbon1:after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-left: 53px solid transparent;
  border-right: 53px solid transparent;
  border-top: 10px solid #0093dd;

}
.ribbon1 span {
  position: relative;
  display: block;
  text-align: center;
  background: #0093dd;
 font-size:1.2em; 
 font-family: 'Roboto Condensed';
  line-height: 1;
  padding: 12px 8px 10px;
  border-top-right-radius: 8px;
  width: 90px;
}
.ribbon1 span:before, .ribbon1 span:after {
  position: absolute;
  content: "";
}
.ribbon1 span:before {
 height: 6px;
 width: 6px;
 left: -6px;
 top: 0;
 background: #0093dd;
} 
.ribbon1 span:after {
 height: 6px;
 width: 8px;
 left: -8px;
 top: 0;
 border-radius: 8px 8px 0 0;
 background: #0093dd;
}


.rate {
    float: left;
    height: 46px;
    padding: 0 10px;
}
.rate:not(:checked) > input {
    position:absolute;
    top:-9999px;
}
.rate:not(:checked) > label {
    float:right;
    width:1em;
    overflow:hidden;
    white-space:nowrap;
    cursor:pointer;
    font-size:30px;
    color:#ccc;
}
.rate:not(:checked) > label:before {
    content: '★ ';
}
.rate > input:checked ~ label {
    color: #ffc700;    
}
.rate:not(:checked) > label:hover,
.rate:not(:checked) > label:hover ~ label {
    color: #deb217;  
}
.rate > input:checked + label:hover,
.rate > input:checked + label:hover ~ label,
.rate > input:checked ~ label:hover,
.rate > input:checked ~ label:hover ~ label,
.rate > label:hover ~ input:checked ~ label {
    color: #c59b08;
}.std_element_container {
  background: #FFF;
  font-family: 'Roboto Condensed';
  border-radius: 10px;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.12);
  margin-bottom: 10px;
  margin-top: 10px;
  padding: 20px;
}



.std_element_background_banner {

  background: #FFF;
  background-repeat: no-repeat;
  background-size: cover;
  font-family: 'Roboto';
  text-align: center;
  margin-bottom: 10px;
  margin-top: 10px;
  padding: 20px;
  float: center;
  text-align: center;


}

.banner_inner_frame {
  width: 90%;
  height: 80%;
  color: white;
  text-align: center;
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 20px;
  float: center;
  border: 1px solid white;
  font-size: 2em;
}




.std_element_background_banner children {
  max-width: 30%;
}



.std_element_pic {
  max-width: 33%;
  float: center;
  text-align: center;
}

.std_element_pic_text {

  float: center;
  text-align: center;

}



.std_element_text {

  margin-top: 20px;
  position: relative;
  float: center;
  text-align: center;
  font-size: 2em;
}

@media screen and (max-width:700px) {







  .std_element_pic_text {
    visibility: hidden;
    display: none;
    color: red;

  }

}

.std_header {
  color: black;
}

.selling_point_inner_box {
  float: center;
  text-align: center;

  padding: 10px;

  background: #FFF;
  background-repeat: no-repeat;
  background-size: cover;
  font-family: 'Roboto';


  color: #000;
  flex-grow: 1;


  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.12);
  border-radius: 3px;

  height: 250px;
}



.selling_point_box {

  max-width: 50%;
  text-align: center;
  margin-bottom: 10px;
  margin-top: 10px;

  float: center;
  text-align: center;

  margin-left: 1.5%;
  margin-right: 1.5%;

}



.ul_material_icon {
  list-style-type: none;
  font-size: 2rem;
  font-family: 'Roboto condensed';
}

.ul_material_icon li:before {
  content: 'arrow_right';
  font-family: 'Material Icons';
  font-size: 3rem;
  padding-top: 10px;
  vertical-align: middle;
}


.material-icons.md-64b {
  font-size: 64px;
  ;
  margin-right: 5px;
  color: #46ae4c;
}


.product_info {

  float: center;
  text-align: center;
  margin: 10px;
  padding: 10px;

  background: #FFF;
  background-repeat: no-repeat;
  background-size: cover;
  font-family: 'Roboto Condensed';


  color: #666;
  flex-grow: 1;


  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.12);
  border-radius: 3px;

  height: 250px;


}


.product_sp_container {
  border-top: 1px solid #ccc;

  margin-top: 10px;
  padding-top: 10px;
  text-align: center;

  float: left;

  margin: 0px;
  margin-bottom: 20px;
  margin-top: 10px;
  border-bottom: 1px solid #ccc;
}


.product_sp_header {
  float: left;
  margin-top: 16px;
  font-family: 'Roboto';
  font-weight: bold;
  background: white;
  padding: 3px;
  width: 100%;
}

.product_sp_long_text {
  font-size: 0.8em;
  padding: 5px;
}




.product_sp {

  display: inline-block;

  font-size: 1.1em;
  line-height: 1;
  text-align: center;
  height: 350px;

  padding: 2rem 1rem;
  background: #fff;

  color: #666;
  flex-grow: 1;


  margin-left: 0px;
  margin-right: 3%;

  box-shadow: rgb(0 0 0 / 35%) 0 5px 15px;
  margin-bottom: 30px;
}


.product_sp_background_image {

  background-repeat: no-repeat;
  background-size: contain;

  background-position: -80px -0px;
  height: 150px;
  overflow: hidden;
  width: 100%;
}



.single_element {

  margin-top: 20px;
  float: center;

  display: inline-block;
  max-width: 300px;
  font-size: 1.1em;
  line-height: 1;
  text-align: center;
  height: 370px;
  padding: 2rem 1rem;
  background: #fff;
  color: #666;

  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.12);
  border-radius: 3px;
  margin-left: 1.5%;
  margin-right: 1.5%;
}

.single_element a {
  text-decoration: none;
  color: #333;
}

.single_element1:hover {

  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.62);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.62);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.62);
}


@media screen and (max-width:700px) {

  .product_sp {

    max-width: 50%;
    margin: 0px;
    height: 310px;
    box-shadow: rgb(0 0 0 / 0%) 0 0px 0px;
    border: 1px solid #ccc;
  }

  .single_element {

    max-width: 50%;
    margin: 0px;
    height: 310px;
  }

  .banner_inner_frame {
    width: 70%;
    font-size: 1.2em;
    height: auto;
  }

  .std_element_background_banner {
    max-width: 100vw;
    height: auto;
  }

  .material-icons.md-64b {
    font-size: 36px;
    ;
    margin-right: 2px;
    color: #00aeef;
  }

  .selling_point_inner_box {
    height: 96px;
  }


  .selling_point_box {

    max-width: 49%;
    margin-left: 0.5%;
    margin-right: 0.5%;

  }


}
.sidenav
  { 

    position: sticky;
  }






.sidenav { 
 
  width: 0;
 
  z-index: 1000;
  top: 0;
  left: 0;
  background-color: #444;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 0px; 
height:0px;
 position:sticky 

} 
  
 
.sidenav_padding
{
margin-left:18px; 
margin-right:18px;

}

.sidenav_header
{
  padding: 12px 5px 5px 22px;
color:white;
font-family: 'Roboto Condensed';
  text-decoration: none;
  font-size: 1.2em;
  font-weight:100;
  border-bottom:1px dotted #fff; 

} 

  
.sidenav_header_footer
{
  padding: 12px 5px 5px 22px;
color:white;
font-family: 'Roboto';
  text-decoration: none;
  font-size: 1em;
  font-weight:100;
  border-bottom:1px dotted #ccc; 

}

.sidenav_submenu {
font-family: 'Roboto Condensed';
  padding: 12px 5px 5px 22px;
padding-top:12px;
  text-decoration: none;
  font-size: 0.9em;
  color: #eee;
  display: block;
  transition: 0.2s;
  font-size: 1.2em;
border-bottom:1px dotted #eee;
}

.sidenav a:hover {
  color: #f1f1f1;
}

.sidenav a
{
text-decoration:none;
color:white;
}


.sidenavtext
{
font-size:1em;
float:left; 
margin-right:5px;

}

.sidenavtext2
{
font-size:1em;
float:left; 
margin-right:5px;
margin-top:5px;
}



.sidenav_submenu_colgroupheader
{
margin-top:15px;

color:#90cae1;
font-family: 'Roboto Condensed';
padding-left:22px;
text-decoration: none;
font-size: 0.9em;
display: block;

}
.sidenav_topgroup
{

margin-top:5px;
border-bottom:1px dotted #eee;
border-top:1px dotted #eee;
padding:0px;
padding-bottom:10px;
padding: 12px 5px 5px 22px;
}

.left_subgroup
{

margin-bottom:10px;

padding-bottom:10px;

  display: block;
}

.sidenav_closebuttonframe a
{
position: absolute;
top: 0;
right: 15px;
text-align:center; 
padding:10px;
font-size:36px;
height:30px;

}
 


.sidenav_showall_subs
{
margin-top:15px; 
 color:white;
font-family: 'Roboto Condensed';
padding-left:22px;
text-decoration: none;
font-size: 0.9em;
display: block;

 
} 







.sidenav_arrow
{
padding-top:2px;
float:right;
}


@media (min-width: 700px) {
.sidenav
  { 
    position: absolute;
  }
  
  
}



@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}