@charset "UTF-8";
/*
Theme Name: copenhagen
Author: The flying Hamburgers
Author URI: https://flhh.io/
Requires at least: WordPress 5.1.1
Version: 1.5.18 */

@font-face {
  font-family: 'bebas';
  src: url('fonts/BebasNeue-Regular.ttf') format('truetype'),
    url('fonts/BebasNeue-Bold.ttfblu') format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: url(fonts/roboto-300-italic.woff2) format('woff2');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url(fonts/roboto-400-italic.woff2) format('woff2');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url(fonts/roboto-300.woff2) format('woff2');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url(fonts/roboto-400.woff2) format('woff2');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url(fonts/roboto-700.woff2) format('woff2');
}

@keyframes marquee {
   100% { transform: translateX(-100%); }
}
.marquee {
    max-width: 100vw;
    white-space: nowrap;
    overflow: hidden;
}

.marquee div {
    display: inline-block;
    width: 2400px;
    animation: marquee linear infinite;
}
.header-ticker {
    font-size: 90%;
    padding: 0.5em 0;
}
.header-ticker b {
    color: inherit;
    font-weight: bold;
}
.header-ticker a {
    color: inherit;
}
/* Reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	box-sizing: border-box;
	color: #000000;
	text-decoration: none;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
ol, ul {
    clear: both;
	list-style: none;
    line-height: 1;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

html {
	font-family: 'Roboto';
    font-weight: 300;
	font-size: 13px;
	line-height: 1.43;
}
body {
	background-color: #FFFFFF;
}

h1, h2, h3, h4, h5, .has-overlay figcaption, .has-overlay figcaption a {
	text-transform: uppercase;
    font-family: 'bebas';
    font-weight: 600;
    letter-spacing: 0.1em;
}
h1 {
	font-size: 280%;
}
h2 {
	font-size: 240%;
}
h3 {
	font-size: 200%;
}
h4 {
	font-size: 160%;
}
h5 {
	font-size: 120%;
}
strong,
.flf-strong {
    font-weight: 600;
}
select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border: none;
  border-radius: 0;
  outline: none;
  cursor: pointer;
}
select::-ms-expand {
  display: none;
}
input::-webkit-inner-spin-button, 
input::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  -moz-appearance: none;
  appearance: none; 
  margin: 0; 
}
input {
    border: 0;
    border-bottom: 1px solid #000000;
}
:focus {
	outline: none;
}
a:hover {
    text-decoration: underline;
}
.is-bebas {
    font-family: 'bebas';
}
.iblock {
	display: inline-block;
}
.mr1 {
    margin-right: 1em;
}

/* Seitenframe */
#page {
    display: block;
    margin: auto;
    width: 100%;
    max-width: 1400px;
    padding: 0;
}
.topofsite {
    padding: 0.5em 0 1em;
}
/*Header*/

.admin-bar #masthead,
.admin-bar #content {
	top: 32px;
}
.admin-bar.has-prepage #prepage,
.admin-bar.has-prepage #masthead {
    margin-top: 32px;
}
#masthead {
    /*margin: 25px 0 30px;*/
    font-size: 120%;
    height: 64px;
    position: -webkit-sticky; /* Safari */
    position: sticky;
    margin: auto;
    width: 100%;
    /*max-width: 1396px;*/
    background-color: #ffffff;
    padding: 12px;
    z-index: 999;
    top: 0;

}

.has-prepage #prepage {
    position: fixed;
    -webkit-animation: slide-up .6s ease;
    animation: slide-up .6s ease;
    transition: background-color .3s ease-in-out .3s;
    display: block;
    width: 100%;
    background-color: #000;
    top: 0;
    left: 0;
    text-align: center;
    z-index: 999;
}
.has-prepage #masthead {
    top: 40px;
}
#masthead.bar {
    position: fixed;
}
#masthead.small {
    height: 30px;
    border: 0;
    padding: 0;
}
#site-nav {
    height: 100%;
    position: relative;
}
#site-navigation {
    /*position: abs;*/
    cursor: pointer;
    top: 0px;
}
#site-navigation .menu-icon {
    width: 40px;
    height: 40px;
    position: relative;
}
#site-navigation .menu-icon-nav {
    display: none;
}
#site-navigation .menu-item-has-children > .menu-icon-nav {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 6px;
    right: 0;
    display: block;
}
#site-navigation .menu-item-has-children .sub-menu {
    display: none;
}
#site-navigation .menu-item-has-children.active .sub-menu {
    display: block;
}
#site-navigation .menu-icon:hover .menu-icon-line {
    background-color: #000000;
}
#site-navigation .menu-icon-line {
    width: 20px;
    height: 1px;
    position: absolute;
    left: 10px;
    top: 20px;
    background-color: #666666;
    -webkit-transition: all 0.4s cubic-bezier(0.04, 0.04, 0.12, 0.96);
    -o-transition: all 0.4s cubic-bezier(0.04, 0.04, 0.12, 0.96);
    transition: all 0.4s cubic-bezier(0.04, 0.04, 0.12, 0.96);
}
#site-navigation .menu-icon-nav .menu-icon-line {
    background-color: #000000;
    width: 16px;
    -webkit-transition: all 0.2s cubic-bezier(0.04, 0.04, 0.012, 0.5);
    -o-transition: all 0.2s cubic-bezier(0.04, 0.04, 0.012, 0.5);
    transition: all 0.2s cubic-bezier(0.04, 0.04, 0.012, 0.5);
}
#site-navigation .menu-icon-nav:hover .menu-icon-line {
    background-color: #000000;
    height: 2px;
}
#site-navigation .menu-icon-line-1 {
    top: 14px;
}

#site-navigation .menu-icon-line-3 {
    top: 26px;
}
#site-navigation .main-menu {
    display: none;

}
#site-navigation.active .menu-icon-line {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 20px;
}
#site-navigation li > .menu-icon-nav .menu-icon-line {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    top: 20px;
}
#site-navigation li > .menu-icon-nav .menu-icon-line-2 {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 1;
    top: 20px;
}
#site-navigation li.active > .menu-icon-nav .menu-icon-line {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    top: 20px;
}
#site-navigation.active .menu-icon-line-2 {
    opacity: 0;
}
#site-navigation.active .menu-icon-line-3 {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
#site-navigation .main-menu-container{
    overflow: hidden;
    overflow-y: auto;
    height: 100vh;
    width: 50%;
    min-width: 600px;
    display: block;
    visibility: hidden;
    position: absolute;
    background-color: #ffffff;
    opacity: 0;
    left: -100%;
    /*top: 0;*/
    -webkit-transition: opacity .7s ease, left 0.1s ease;
    transition: opacity .7s ease, left 0.1s ease;
    transition: opacity .7s ease, left 0.1s ease;
    transition: opacity .7s ease, left 0.1s ease;
    padding-bottom: 10em;
}
#site-navigation.active .main-menu-container{
    opacity: 1;
    visibility: visible;
    left: 0;
    box-shadow: 1px 2px rgba(80, 80, 80, 0.12);
    left: -12px;
    background-color: rgba(0, 0, 0, 0.8);
    top: 52px;
    background-color: #FFFFFF;
    width: 100vw;
    max-width: 40em;
    /*display: block;*/
}
#site-navigation .main-menu li,
#site-navigation .main-menu li ul,
#site-navigation .main-menu li li {
    display: block;
    margin: 0;
    padding: 5px 0;
    width: 100%;
    text-align: left;
    font-weight: 300;
    position: relative;
    left: 0;
    background-color: transparent;
    text-transform: uppercase;
}
#site-navigation .main-menu > li {
    border-bottom: 1px solid #FFFFFF;
    font-size: 140%;
}

#site-navigation .main-menu li
#site-navigation .main-menu li ul{
    margin: 0;
}
#site-navigation .main-menu li li {
    font-weight: 600;
    padding: 0;
    font-size: 80%;
}
#site-navigation.active .main-menu {
    display: inherit;
    display: block;
    position: relative;
    /*width: 100vw;*/
    background-color: #FFFFFF;
    padding-top: 20px;
    padding-right: 10px;
    padding: 20px 10% 150px 10%;
    background-color: transparent;
    max-width: 50em;
}
#site-navigation .red-sale a {
    color: #D20005;
}
.m1a {
    margin: 1em auto;
}
.m0a {
    margin: 0 auto;
}
.m0a2 {
    margin: 0 auto 2em;
}
.m0a5 {
    margin: 0 auto 5em;
}
.site-logo {
    text-align: center;
    height: 100%;
}
.site-logo svg {
    width: auto;
    height: 100%;
}
#masthead.small .site-logo {
    padding: 3px 0;
}

.main-navigation {
    position: absolute;
    bottom: 0px;
}
.main-navigation li {
    margin-right: 2em;
    display: inline-block;
    position: relative;
}
.main-navigation li a {
    display: block;
    padding: 0.5em 0 0.4em;
    color: #000000;
}
.main-navigation li a:hover {
    text-decoration: underline;
    font-weight: 600;
}
.main-navigation li li a {
    color: #000000;
    font-weight: 400;
}
.main-navigation li:hover>a {
    text-decoration: underline;
}
.header-menu-right-navigation {
    right: 0px;
}
.main-menu-right li {
    margin: 0 0 0 1em;
}
.main-menu-right li a {
    right: 0;
    height: 30px;
    padding: 4.5px;
    width: 30px;
    text-align: center;
}
.imgautoheight,
.imgautoheight img {
    height: auto;
}
.main-menu-right li:hover>a {
    text-decoration: none;
    border-bottom: 0;
}
.main-menu-right li:hover>a svg {
    fill: #bbbbbb;
}
.main-menu-right li a .badge {
    position: absolute;
    right: -2px;
    bottom: -2px;
    background-color: #000;
    color: #FFFFFF;
    font-size: 60%;
    border-radius: 45px;
    width: 15px;
    height: 15px;
    display: block;
    vertical-align: middle;
    line-height: 15px;
    text-align: center;
    font-weight: 700;
}
.main-menu-right li:hover>a .badge {
    background-color: #bbbbbb;
}
.sub-menu {
    display: none;
    position: absolute;

    background-color: #ffffff;
    width: 270px;
    left: -1.5em;
    padding: 40px 1.5em 0.5em;
}
#masthead.small .sub-menu {
    padding: 0.5em 1.5em;
}
.sub-menu li {
    display: block;
    font-size: 92%;
}

.main-navigation li .sub-menu.show {
    display: block;
}

.content-head {
    margin-left: 22px;
    font-size: 150%;
    font-weight: 300;
}
h1.content-head {
    font-size: 220%;
    font-family: 'Roboto';
    letter-spacing: 0;
    margin-top: 0.6em;
}
.content-head.breadcrumb {
    padding-top: 1em;
}
.content-head .current-page {
    font-weight: 400;
}

.icon-nav {
    width: 20px;
    height: 20px;
    display: inline-block;
    position: relative;
}
.icon-line {
    width: 20px;
    height: 1px;
    position: absolute;
    left: 10px;
    top: 10px;
    background-color: #666666;
    width: 16px;
/*    -webkit-transition: all 0.2s cubic-bezier(0.04, 0.04, 0.012, 0.5);
    -o-transition: all 0.2s cubic-bezier(0.04, 0.04, 0.012, 0.5);
    transition: all 0.2s cubic-bezier(0.04, 0.04, 0.012, 0.5);*/
}


/*.main-menu {
    display: none;

}*/

.icon-line {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    top: 0.65em;
}
.icon-line-2 {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 1;
    top: 0.65em;
}
.activate-filter .icon-line {
    left: 0px;
}
.filtergroup.active .icon-nav .icon-line,
#site-filter.active .activate-filter .icon-line {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    top: 0.65em;
}
.filtergroup.active .icon-line-2,
#site-filter.active .activate-filter .icon-line-2 {
    opacity: 0;
}
.filtergroup.active .icon-line-3,
#site-filter.active .activate-filter .icon-line-3 {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

#site-filter {
    margin-top: 1em;
    margin-bottom: 1em;
}
#site-filter .activate-filter {
    cursor: pointer;
}
/*#site-filter .activate-filter:hover {
    font-weight: 600;
}*/
#site-filter .filter-main {
    display: none;
}
#site-filter.active .filter-main {
    display: block;
}
#site-filter .group-selected .filtername {
    display: none;
}
#site-filter.active .group-selected .filtername {
    display: block;
}
.filterhead {
    text-transform: uppercase;
}
.filterhead div {
    display: inline-block;
}
.filterhead:hover {
    cursor: pointer;
}
.filterhead:hover .filtername{
    text-decoration: underline;
}
.filtergroup {
    margin: 1em 0 1em 0;
}
.filterpoint {
    cursor: pointer;
    margin: 0 1em 0.8em 0;
    display: inline-block;
    padding: 0.5em 0.5em 0.3em;
}
.filterpoint:hover {
    font-weight: 600;
}
.selected-filter .filterpoint:hover {
    text-decoration: line-through;
}
.filterpoint.active {
    font-weight: 600;
    /*border: 2px solid #000000;*/
}
.articlelist li.inactive {
    display: none;
}
.filterlist {
    display: none;
}
.filtergroup.active .filterlist {
    display: block;
}


/* Newletter Header */

#newsletter-header-row {
    text-align: center;
    background-color: #9BA9B1;
}
#newsletter-header-row span {
    line-height: 40px;
    vertical-align: middle;
    color: #fff;
    font-size: 110%;
}
.menu-stock-container{
    margin-bottom: 1em;
}
.menu-stock-container li {
    display: inline-block;
}
.menu-stock-container li a {
    display: inline-block;
    min-height: 40px;
    padding: 1em 2em;
    text-align: center;
    text-decoration: none;
    color: #000000;
    border: 1px solid #000000;
    background-color: #ffffff;
    transition: all 0.3s;
    letter-spacing: 0.05em;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
}
.menu-stock-container li a:hover {
    text-decoration: underline;
}
.menu-stock-container li.active a {
    background-color: #000000;
    color: #FFFFFF;
}

.menu-item.account:hover .inactive {
    display: block;
    border: 1px solid #dddddd;
    border-top: 0;
    top: 42px;
    position: absolute;
    right: 0;
    top: 0;
    width: 500px;
    background-color: #ffffff;
    padding: 20px 60px;
    text-align: left;
}
/* Overlay */

#flf-overlay.inactive {
    display: none;
}
#flf-overlay,
.layer {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(100,100,100,0.8);
    top: 0;
    left: 0;
    z-index: 9999;
    overflow: auto;
}
.layer.notfixed {
    position: initial;
    background-color: initial;
}
#flf-overlay .layer-in,
.layer .layer-in {
    margin: 10em auto;
    width: 35em;
    max-width: 90%;
    background-color: #ffffff;
    padding: 2em;
    position: relative;
}
.layer.notfixed .layer-in {
    margin: 3em auto;
}
#cookie-layer.layer .layer-in {
    width: 38em;
}
.layer .layer-in .button {
    float: none;
}
.layer .layer-in .layer-logo {
    width: 100%;
    text-align: center;
    margin-bottom: 1em;
}
.layer .layer-in .layer-logo svg {
    max-height: 3em;
}
.layer .layer-in .layer-text {
    margin: 1em 0;
}
.layer .layer-in input,
.layer .layer-in select {
    font-size: 150%;
}
.layer form h5 {
    margin: 0 auto 2em;
}



/* Content */
#content {
    margin: auto;
    display: block;
}
.has-prepage #content {
    margin-top: 40px;
}

.admin-bar.has-prepage #content{
    margin-top: 146px;
}
.site-title {
	display: none;
}
h5.subtitle {
	text-transform: none;
	font-size: 100%;
}
.hoverdiv:hover,
.hoverdiv:hover input,
.hoverdiv:hover select,
.hoverdiv:hover textarea {
    background-color: #E0EEFF;
}
.error {
	display: block;
	color: red;
}
.message.trasherror {
    background-color: red;
    color: #fff;
    padding: 5em;
    font-size: 150%;
    text-align: center;
}
.message.trasherror h1 {
    color: #fff;
}
.message {
	display: block;
}
.goodnews {
	color: green;
}
.db {
	display: block;
}
.red {
    color: red;
}
.blue {
    color: blue;
}
.blu {
    color: #1546a0;
}
.left-border-green {
    border-left: 3px solid green;
}
.left-border-blue {
    border-left: 3px solid blue;
}
.search-box {
	width: 20em;
    float: right;
}
.pt0,
.meta-box .inside h5.pt0 {
    padding-top: 0;
}
.ml5 {
    margin-left: 5px;
}
.ml10 {
    margin-left: 1em;
}
.mt1em{
    margin-top: 1em;
}
.s120 {
    font-size: 120%;
}
#main {
    position: relative;
}
.newsletter-main {
    /*position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: auto;
    max-width: 667px;
    background-color: rgba(255, 255, 255, 0.7);
    margin: 5em auto;
    padding: 44px 160px;*/
    width: 90%;
    max-width: 667px;
    margin: 1em auto;
    padding: 44px 20px;
}
.newsletter-main p {
    margin: 2em auto;
}
.newsletter-main h1 {
    text-align: center;
}
.newsletter-main h3 {
    text-align: center;
    margin-bottom: 2em;
}
.newsletter-main .button {
    width: 100%;
    font-size: 120%;
}
#newsletter-layer .newsletter-main {
    background-color: #ffffff;
    width: 660px;
}
#newsletter-layer .layer-in {
    margin: 5em auto 0;
    padding: 0;
    max-width: 400px;
}
.add-to-newsletter {
    margin-top: 4em;
    text-align: center;
}
.waitlistsignup {
    position: absolute;
    top: 35%; 
    left: 50%;
    z-index: 1;
}
.waitlistsignup h3.neg {
    background-color: black;
    color: white;
    padding: 0.3em 1em 0.1em;
}
.waitlistsignup .email-address {
    width: 69%;
    margin: 5px 5px 5px 0;
    display: inline-block;
    text-align: center;
}
.waitlistsignup .submit {
    display: inline-block;
    padding: 0;
    vertical-align: top;
    width: 29%;
    margin: 5px 0;
    float: right;
}
.waitlistsignup .button {
    width: 100%;
    margin: 0;
    background-color: black;
    color: white;
    min-height: 39px;
    float: left;
    text-transform: uppercase;
    font-size: 160%;
    padding: 0.2em 0em 0em;
    font-family: bebas;
    font-weight: 600;
    letter-spacing: 0.1em;
}
.groupflce {
    display: inline-block;
    margin: 0 2em 1em;
}
.statsblock {
    display: inline-block;
    margin: 0 1em 1em 0;
}
.labelcheckbox.groupflce input[type="checkbox"] + label {
    padding: 0.8em 2.2em;
    border: 1px solid #888888;
}
.labelcheckbox.groupflce input[type="checkbox"] + label:hover {
    background-color: rgba(170, 170, 170, 0.25);
}
.notifyme .button {
    display: block;
    width: 100%;
    margin-top: 2em;
}
/*Main Main*/
.main-main {
	width: 70%;
	display: inline-block;
}
.main-right {
	width: 30%;
	float: right;
}
.ar {
	text-align: right;
}
.ac {
	text-align: center;
}
.emailto {
    font-weight: 600;
    text-align: center;
    font-size: 130%;
}
.flfautowidth,
input[type=text].flfautowidth {
    width: auto;
}


/*.entry-content {
	margin: 1em 0;
}*/
.shorttext{
    max-width: 800px;
    width: 100%;
    margin: 0 auto;
    line-height: 1.5;
    font-size: 120%;
}
.colof.textpage .shorttext {
    padding: 0.5em 0;
    max-width: 100%;
}
.colof.textpage .shorttext.headerborder {
    border-bottom: 1px solid #dddddd;
    margin-top: 2em;
}
.colof {
    width: 100%;
    display: block;
    margin-bottom: 4em;
    vertical-align: top;
    overflow: hidden;
    position: relative;
}
.colof h1 {
    font-size: 220%;
    margin: 2em 0 1em;
    line-height: 1;
}
.colof h3 {
    line-height: 1.2;
}
.colof .wp-block-image {
    margin-bottom: 2em;
}

.colof img {
    width: 100%;
}
.colof p{
    margin-top: 1em;
    line-height: 1.8;
    padding-right: 2em;
}
.colof2 {
    width: 49.5%;
    display: inline-block;
    max-width: 697px;
    float: none;
}
.colof-row {
    position: relative;
}
.col1of2 {
    padding-right: 0.5em;
}
.col2of2 {
    padding-left: 0.5em;
    float: right;
}
.colofwrapper .col2of2 {

    float: none;
}
.colof3 {
    width: 33.2%;
    display: inline-block;
    float: none;
    padding-right: 0.5em;
}
.colof3.cols-2 {
    width: 66.4%;
    display: inline-block;
}
.col3of3 {
    padding-left: 0.5em;
    padding-right: 0;
    position: absolute;
    /*float: right;*/
}
.colof4 {
    width: 24.88%;
    display: inline-block;
    float: none;
    padding-right: 0.5em;
}
.colof4.cols-2 {
    width: 49.76%;
}
.colof4.cols-3 {
    width: 74.64%;
}
.col4of4 {
    padding-left: 0.5em;
    position: absolute;
    right: 0;
    padding-right: 0;
}
.vam {
    vertical-align: middle;
}
.colof p.header {
    font-size: 140%;
    margin: 3em 0 1em;
}
.colof .backgrey {
    height: 100%;
    vertical-align: middle;
    background-color: #ddd;
    display: block;
}
.colof .bt {
    margin-top: 2em;
}
.colofwrapper {
    position: relative;
    margin-bottom: 4em;
    overflow: hidden;
}

.colofwrapper .colof{
    margin-bottom: 0;
}
.colofwrapper .colofwrapper-child {
    position: relative;
    height: 38vw;
    overflow: hidden;
    max-height: 545px;
}
.colofwrapper .colofwrapper-child .greybox {
    background-color: #F6F6F6;
    display: inline-block;
    width: 100%;
    padding: 30% 10% 37%;
}
.accept-overlay {
    margin: 2em 0 10em;
    text-align: right;
}
.accept-overlay a.button {
    float: none;
}
.center {
    text-align: center;
}
.inactive,
#reload.inactive {
	display: none;
}

.preorder_overview {
    display: inline-block;
    vertical-align: top;
    margin: 1em 2em 2em;
}
.preorder_overview li.season {
    font-weight: 700;
    margin: 1em 0 0.5em;
}

/* Blog alt */
.has-overlay figcaption {
    display: block;
    position: absolute;
    top: 40%;
    transform: translate(0%,-50%);
    font-size: 6.5vw;
    width: 100%;
    text-align: center;
    padding: 0;
    line-height: 1;
}
.has-overlay.overlay-half figcaption {
    font-size: 4vw;
}
.has-overlay.overlay-half.mobile figcaption {
    font-size: 8vw;
}
.has-overlay figcaption,
.has-overlay figcaption a {
    letter-spacing: 0.06em;
    color: #FFFFFF;
}
.has-overlay figcaption a:hover {
    text-decoration: none;
}
.overlay-has-hover-underline figcaption a:hover {
    text-decoration: underline;
}
.has-overlay.mobile figcaption {
    font-size: 11.5vw;
}
.has-overlay.overlay-top figcaption {
    top: 10%;
}

.has-overlay.link-color-black figcaption,
.has-overlay.link-color-black figcaption a {
    color: #000000;
}

/*# Blog*/
.site-main-blog {
    text-align: center;
}
.site-main-blog img {
    max-width: 100%;
    height: auto;
    display: block;
}
.site-main-blog article {
    display: inline-block;
    width: 100%;
    max-width: 600px;
    vertical-align: top;
    padding: 0 2em;
    margin-bottom: 7em;
}
.site-main-blog h2 {
    margin-bottom: 0.5em;

}
.site-main-blog h2 a {
    vertical-align: middle;
    line-height: 1.1;
    display: block;
}
.site-main-blog a.article-thumb {
    margin-bottom: 2em;
    display: block;
}

figure.mobile,
.show-mobile,
.specialimage.device-mobile,
.specialimage.device-desktop + .standardimage {
    display: none;
}
figure.desktop,
.show-desktop {
    display: inherit;
}
.has-no-margin,
div.has-no-margin {
    margin: 0;
}
.overlay-block {
    position: relative;
}
.overlay-block .overlay-call-to-action {
    position: absolute;
    bottom: 2em;
    text-align: center;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
}
.overlay-block .overlay-call-to-action a {
    font-size: 240%;
    color: #ffffff;
    font-weight: 600;
}
.overlay-block .overlay-call-to-action.has-black-color a {
    color: #000000;
}
.overlay-block .countdown-block {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
}
.countdown-table {
    height: 100%;
    font-size: 200%;
    width: 10em;
    padding: 5vw;
    border-collapse: unset;
}
.countdown-cell {
    vertical-align: middle;
}
.countdown-cell span {
    display: block;
    text-align: center;
    line-height: 1;
    color: #FFFFFF;
}
.countdown-cell span.iblock {
    display: inline-block;
}
.countdown-number {
    text-transform: uppercase;
    font-family: 'bebas';
    font-weight: 600;
    letter-spacing: 0.1em;
    font-size: 250%;
    padding-left: 0.1em;
}
.countdown-name {
    text-transform: uppercase;
    font-family: 'bebas';    
}
.overlay-block .countdown-block-sc {
    position: inherit;
}
.countdown-block-sc .countdown-cell {
    padding: 0 0.3em;
    font-size: 80%;
}

.has-countdown.countdown-is-over .before-countdown,
.has-countdown.countdown-is-running .after-countdown {
    display: none;
}

.black-neg {
    background-color: #000;
    color: #fff;
    line-height: 1;
    padding: 0.2em;
    text-align: left;
    display: inline-block;
    height: 1.2em;
    margin: 0.05em 0;
}

.link2:hover {
    text-decoration: none;
}
.wp-block-group{
    margin: 0 auto 5em;
    clear: both;
}
.wp-block-group figure {
    position: relative;
}
.aligncenter {
    text-align: center;
}
.aligncenter iframe {
    margin: 0;
}
.full-block {
    width: 100%;
    margin: 0 auto;
}
.block-600 {
    max-width: 600px;
}
.block-triple-image {
    max-width: 1050px;
}
.wp-block-group p,
.wp-block-group h2 {
    padding: 1em 2em;
    clear: both;
}
.wp-block-group h2 {
    line-height: 1.2;
}
.wp-block-group p {
    line-height: 1.8;
}

.wp-block-group h2.flf-margin-bottom-off,
.wp-block-group p.flf-margin-bottom-off {
    margin-bottom: 0;
    padding-bottom: 0;
}
.wp-block-group h2.flf-margin-top-off,
.wp-block-group p.flf-margin-top-off {
    margin-top: 0;
    padding-top: 0;
}
.wp-block-group .has-margin-top-10 {
    margin-top: 0.5em;
}
.wp-block-group .has-margin-top-20 {
    margin-top: 1em;
}
.wp-block-group .has-margin-top-30 {
    margin-top: 1.5em;
}
.wp-block-group .has-margin-top-40 {
    margin-top: 2em;
}
.wp-block-group .has-margin-bottom-10 {
    margin-bottom: 0.5em;
}
.wp-block-group .has-margin-bottom-20 {
    margin-bottom: 1em;
}
.wp-block-group .has-margin-bottom-30 {
    margin-bottom: 1.5em;
}
.wp-block-group .has-margin-bottom-40 {
    margin-bottom: 2em;
}
.flf-position-center {
    text-align: center;
}
.has-overlay {
    position: relative;
}
.has-overlay.overlay-size-200 figcaption {
    font-size: 200%;
}
.has-overlay.overlay-size-300 figcaption {
    font-size: 300%;
}
.has-overlay.overlay-size-400 figcaption {
    font-size: 400%;
}
.has-overlay.overlay-size-500 figcaption {
    font-size: 500%;
}
.has-overlay.overlay-position-top figcaption {
    top: 15%;
}
.has-overlay.overlay-position-center figcaption {
    top: 45%;
}
.has-overlay.overlay-position-bottom figcaption {
    bottom: 0px;
    top: initial;
}
.wp-block-image img {
    vertical-align: top;
}
.wp-block-image.force-full-width img,
.wp-block-image.force-full-width figure,
.wp-block-video.force-full-width video {
    width: 100%;
}
.wp-block-image.has-mouseover figcaption {
    visibility: hidden;
}
.has-mouseover:hover figcaption {
    visibility: visible;
}
.elem-1of2,
.elem-2of2 {
    display: inline-block;
    width: 49%;
    margin: 0 1%;
}
.elem-1of2.has-no-margin,
.elem-2of2.has-no-margin,
.elem-1of2.has-no-margin.fix-mobile,
.elem-2of2.has-no-margin.fix-mobile {
    width: 50%;
    margin: 0;
}
.elem-1of2,
.elem-1of2.has-no-margin.fix-mobile {
    clear: both;
    margin-left: 0;
}
.elem-2of2,
.elem-2of2.has-no-margin.fix-mobile {
    float: right;
    margin-right: 0;
}
.elem-1of3,
.elem-2of3{
    float: left;
    display: inline-block;
    width: 32.66%;
    margin: 0 1% 0 0;
}
.elem-3of3 {
    display: inline-block;
    width: 32.66%;
    margin: 0;
    float: none;
}
.elem-1of3.has-no-margin,
.elem-2of3.has-no-margin{
    /*float: none;*/
    display: inline-block;
    width: 33.33%;
    margin: 0;
    clear: none;
}
.elem-3of3.has-no-margin {
    display: inline-block;
    width: 33.33%;
    margin: 0;
}
.elem-1of4,
.elem-2of4,
.elem-3of4 {
    float: left;
    width: 24.25%;
    margin-right: 1%;
}

.elem-4of4 {
    display: inline-block;
    width: 24.25%;
    margin: 0;
    float: none;
}
.elem-1of4.has-no-margin,
.elem-2of4.has-no-margin,
.elem-3of4.has-no-margin,
.elem-4of4.has-no-margin {
    width: 25%;
    margin: 0;
}
.instagram-dashicon a:before {
    font-family: dashicons;
    content: "\f12d";
    font-size: 400%;
    position: absolute;
    line-height: 1;
    left: 50%;
    margin-left: -0.5em;
    top: 50%;
    margin-top: -0.6em;
    color: #ffffff;
}

.category-jobs .site-main-blog article {
    margin: 3em auto 0;
    display: block;
}
.category-jobs .site-main-blog h2 {
    margin-bottom: 0;
    line-height: 1.2;
}

.single-job {
    max-width: 800px;
    margin: 1em auto 0;
    padding: 1em 2em;
}

.single-job h1 {
    line-height: 1;
    margin-top: 0.2em;
    font-size: 220%;
}

.single-job h4 {
    margin-top: 1em;
}
.single-job ul {
    padding-left: 1.25em;
}
.single-job li {
    list-style: disc outside;
    line-height: 1.2;
}
.single-job p {
    margin-top: 1.5em;
}
.single-job p.subinfo {
    margin-top: 0;
    font-weight: 600;
    color: #666666;
}

/* Blocks 2.0 */
/*.overlay-block.overlay-position-center > .wp-block-group__inner-container {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}*/
.overlay-child {
    position: absolute;
    margin: 0;
    width: 100%;
}
.overlay-child p {
    line-height: 1;
    padding: 0.1em;
}
.e-center-y {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.font-white,
.font-white strong,
.font-white a {
    color: #FFFFFF;
}

.is-button a {
    padding: 0.8em;
    border: 1px solid;
    display: inline-block;
}
.is-button.is-white a {
    background-color: #FFFFFF;
}
p.has-padding-bottom-0{
    padding-bottom: 0px;
}
p.has-padding-top-0{
    padding-top: 0px;
}

/* Listen */
ul.list li {
    position: relative;
    padding: 2px;
}
ul.list li.packing-list {
    padding: 0.1em 0 0;
    margin-top: 0.5em;
}
ul.list li.packing-list h5.pt0 {
    padding: 0 0 0.2em;
}

ul.list li:hover {
    background-color: #dddddd;
}
ul.list li.sumline {
    font-weight: 600;
    margin-top: 5px;
    padding-top: 5px;
    border-top: 1px solid #aaaaaa;
}
ul.list li.discount {
    background-color: #aaccff;
}
ul.list span,
ul.list div {
    display: inline-block;
    vertical-align: top;
}
ul.list .returnarticle div,
ul.list .addr .address span {
    display: block;
}
ul.list li:hover span {
    color: #ffffff;
}

ul.list span.number,
ul.list div.number {
    text-align: right;
    width: 100px;
}
ul.list span.placeinfo,
ul.list div.placeinfo {
    text-align: center;
    width: 3em;
}
ul.list span.level,
ul.list div.level {
    margin-right: 10px;
}
ul.list div.article {
    display: block;
}
ul.list div.artnum {
    width: 4em;
    padding-right: 0.7em;
    text-align: right;
}
ul.list .headerline div.artnum {
    text-align: center;
    padding: 0;
}
ul.list div.articlename,
ul.list div.name {
    width: 20em;
}
ul.list div.area {
    min-width: 8em;
}
ul.list div.pocket {
    min-width: 8em;
}
ul.list div.place {
    min-width: 11em;
    margin-right: 1em;
    padding: 0 0.5em;
}
ul.list div.ids {
    min-width: 5em;
    padding: 2em;
    background-color: #ffffff;
}

ul.list div.ids span {
    display: block;
    color: #666666;
}
ul.shipping-list div {
    padding-right: 1em;
}
ul.shipping-list div.nopad {
    padding: 0;
}
ul.shipping-list-articles div {
    vertical-align: middle;
    line-height: 3;
}
ul.shipping-list-articles div.byid input[type=number] {
    width: 10em;
    text-align: center;
}
.listpoint-b2c {
    background-color: #e9e9ff;
}
.listpoint-blocked {
    border-left: 5px solid red; 
}
ul.shipping-list-articles div a {
    line-height: 1;
    font-size: 14px;
}
ul.shipping-list-articles li:first-child {
    
    font-weight: 600;
    padding: 1em;
}
.flf_stock_shipping_box_packing ul.shipping-list-articles li:first-child {
    font-size: 200%;
}
.flf_stock_shipping_box_packing ul.shipping-list-articles li:first-child .place {
    font-size: 200%;
    line-height: 1;
    padding: 0.5em 1em 0.5em 0;
    min-width: auto;
}
.flf_stock_shipping_box_packing ul.shipping-list-articles li:first-child .area {
    font-size: 150%;
    line-height: 1;
    padding: 0em 1em 0.5em 0;
    min-width: auto;
}
.flf_stock_shipping_box_packing ul.shipping-list-articles li:first-child div {
    display: block;
}
ul.shipping-list-articles li + li.ready{
    display: none;
}
ul.shipping-list-articles-small {
    margin-left: 2em;
}
ul.shipping-list .infoblock {
    width: 20em;
}
ul.shipping-list .infoblock .innerblock {
    display: block;
}
ul.shipping-list .infoblock .innerblock .infoheader {
    font-weight: 600;
    width: 7em;
    color: #888888;
}
ul.shipping-list li.shipping-stock-row {
    padding: 0.2em 0 0.5em;
}
ul.shipping-list li.shipping-stock-row:hover {
    background-color: #eeeeee;
}
ul.shipping-list li.shipping-stock-row:hover span {
    color: inherit;
}
ul.shipping-list li.shipping-stock-row h5 {
    padding: 0.2em 0em;
}
ul.shipping-list li.shipping-stock-row.sum-row {
    margin-bottom: 2em;
    font-weight: 600;
    background-color: #d9d9f2;
}
ul.shipping-list li.shipping-stock-row h5 a {
    color: #222266;
}
ul.baglist label {
    width: 20em;
    display: inline-block;
    padding-right: 1em
}
ul.baglist input {
    display: inline-block;
    width: 2em;
    padding: 0.5em 0;
    text-align: right;
}
ul.baglist .available {
    display: inline-block;
    padding-right: 1em;
    width: 12em;
}
.shipping-details {
    display: inline-block;
    width: 400px;
}
ul#lastsells span {
    line-height: 1.5;
    display: inline-block;
    margin-right: 1em;
    vertical-align: top;
}
ul#lastsells .dashicons {
    line-height: 1;
    width: 20px;
}
ul#lastsells .payment {
    width: 12em;
}
ul#lastsells .payed {
    width: 6em;
    margin: 0 0 0.5em 2em;
}
ul#lastsells .full {
    display: block;
    margin: 0 0 0 2em;
}
ul#lastsells .full.article {
    margin: 0 0 0 4em;
}
/*ul#lastsells .ad {
    width: 6em;
}*/
ul#lastsells .username {
    width: 10em;
}
ul#lastsells .price {
    width: 6em;
    text-align: right;
}
ul.storeprice-list div {
    vertical-align: middle;
}
input.storeprice {
    text-align: right;
}
form.all-half div {
    width: 50%;
    min-width: 400px;
    display: block;
}
form.all-half  {
    display: inline-block;
    vertical-align: top;
}
p.message {
    margin-top: 0.5em;
}
.message-large {
    padding: 1em;
    font-size: 200%;
    margin: 0.5em 0 1em;
    border: 1px solid #dddddd;
}
.message-mid {
    padding: 1em;
    font-size: 150%;
    margin: 0.5em 0 1em;
    border: 1px solid #dddddd;
}
.daycol {
    padding: 1em;
    font-size: 120%;
    border: 1px solid #dddddd;
}
h3.rob-head {
    font-size: 160%;
    font-family: 'Roboto';
    letter-spacing: 0;
    margin-top: 0.6em;
    font-weight: 400;
}
.commentblock {
    padding: 1em;
}
input[type=text].w20em,
input[type=submit].w20em {
    width: 20em;
}
input[type=text].w20em.mbot1 {
    margin-bottom: 2em;
}

ul.list .commentblock,
.commentblock span.comment,
.commentblock div {
    display: block;
}
.commentblock div.inactive {
    display: none;
}
.commentblock span.comment,
.po-marked {
    padding: 0.5em;
    border: 1px solid blue;
    background-color: rgba(201, 76, 76, 0.15 );
}
.commentblock span.comment.older {
    border: 1px solid grey;
    background-color: transparent;
}

.commentblock span.comment.notme {
    border-left: 5px solid yellow;
}
.tolate {
    border-left: 5px solid red;
}
.nextdays {
    border-left: 5px solid yellowgreen;
}
.tolate2 {
    background-color: #ffaaaa;
}
.nextdays2 {
    background-color: yellowgreen;
}
ul.shipping-list .commentblock span.button-blu {
    padding: 0.5em;
}
ul.shipping-list .commentblock span.button-blu:hover {
    cursor: pointer;
}
ul.shipping-list li.shipping-stock-row:hover .commentblock span.button-blu {
    color: #ffffff;
}
iframe {
    vertical-align: top;
    margin-right: 2em;
}
.layer-in.sizeguide {
    width: 55em;
    padding: 4em;
    position: relative;
}
.layer-in.sizeguide .close::before,
.layer-in.notifyme .close::before,
.presale .layer-in .close::before,
.layer-in .close::before {
    font-family: dashicons;
    content: "\f335";
    font-size: 37px;
    position: absolute;
    right: 15px;
    top: 15px;
}
.layer-in.sizeguide .close:hover,
.layer-in.notifyme .close:hover,
.layer-in .close:hover {
    cursor: pointer;
    color: #aaaaaa;
}
.layer-in .close.close-white {
    color: #FFFFFF;
}
.layer-in .close.close-white::before {
    right: 0px;
    top: 0px;
}
ul.sizelist li {
    padding: 0.5em;
    margin: 1.5em 0;
    left: -0.5em;
}
ul.sizelist li.sizeinfo div {
    margin: 1.5em 0 0;
}
ul.sizelist li.lengthcm {
    padding-top: 2em;
}
ul.sizelist li.copenhagen {
    margin-top: 3em;
    padding-top: 3em;
    border-top: 1px solid #dddddd;
}

ul.sizelist span {
    min-width: 4em;
    text-align: center;
}
ul.sizelist span.name {
    width: 12em;
    font-weight: 700;
    text-align: left;
}
ul.sizelist li:hover {
    background-color: inherit;
    border-bottom: 1px 
}
ul.sizelist li:hover span {
    color: inherit;
}
.product-sizeguide {
    margin: 1em 0 3em;
}
.product-sizeguide a:hover {
    padding-bottom: 0.7em;
    border-bottom: 1px solid #000000;
    text-decoration: none;
}
ul.infobox {
    margin: 1em 0;
}
ul.infobox li {
    padding: 0.5em 0;
}
ul.infobox .header {
    min-width: 10em;
    font-weight: 600;
    display: inline-block;
}
.infobox.redbox {
    background-color: rgba(255, 100, 100, 0.3);
    padding: 0.5em;
}
/*.ordersheet {
	width: 100%;
}*/
.start-stop-full a {
    width: 100%;
    display: block;
    text-align: center;
    margin-top: 1em;
    font-size: 150%;
} 
.button-small.button {
    padding: 0.5em;
    line-height: 1;
    min-height: auto;
    float: right;
}
.button-small.button.fn {
    float: none;
    margin: 0 3px 3px 0;
}
#reload.button.button-small {
    float: none;
}
.button-small.stop-rearrange {
    display: block;
    margin-top: 6em;
}
.buttonlist .dblock,
.dblock {
    display: block;
}
.actionbuttons {
	text-align: right;
	display: block;
}
.actionbuttons .button {
	display: inline-block;
	font-size: 100%;
	float: none;
	height: auto;
	margin-left: 1em;
}
.button-neg,
.button.button-neg {
    color: #333333;
    background-color: #FFFFFF;
}
.button-cookie {
    margin: 0.5em;
}
.address.address-large {
    font-size: 200%;
}
input[type=number].inputform {
    width: 3em;
    text-align: right;
    padding: 0.1em 0.3em;
}
#get-paypal-transactions {
    padding: 1em;
    border: 1px solid #aaa;
    margin: 1em;
    cursor: pointer;
}
#paypal-transactions h4 {
    padding: 1em 0 2em;
}
.animation-frame {
    display: block;
    padding: 10em;
}
.animated-bike {
    position: absolute;
    top: 50%;
    left: 50%;
    margin:-20px 0 0 -32px;
    -webkit-animation:spin 2s linear infinite;
    -moz-animation:spin 2s linear infinite;
    animation:spin 2s linear infinite;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(-360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(-360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(-360deg); transform:rotate(-360deg); } }
.meta-box-orderinfos h6{
	font-size: 120%;
	line-height: 1;
	height: 20px;
}
.meta-box-orderinfos .shipping {

	vertical-align: middle;
}
.meta-box-orderinfos .iblock {

	vertical-align: top;
    min-width: 30%;
    margin-right: 3%;
    margin-bottom: 2em;
}
.meta-box-timestamp {
    display: block;
    position: absolute;
    right: 5px;
    text-align: right;
    bottom: 0;
    font-size: 70%;
    color: #aaaaaa;
}
.activeradio-parent {
	position: relative;
}
.activeradio-parent .activateradio {
	display: none;
}
.activeradio-parent .activateradio.active,
.activeradio-parent .activateradio.show {
	display: block;
}

.activateradio:hover {
	cursor: pointer;
	background-color: #dddddd;
}
.activateradio {
	margin: 0 1em 1em 0;
	padding-right: 2em;
}
.activateradio.active {
	font-weight: 600;
}
.activateradio .aaction {
	display: none;
}
.activateradio.active .aaction {
	display: block;
}

.ordersheet tbody.inactive {
	display: table-row-group;
}
.ordersheet tbody.inactive .term.inactive {
	display: table-row;
}
.ordersheet tbody.inactive .row,
.ordersheet tbody.inactive.parentinactive,
.parentinactive {
	display: none;
}
.pl2 {
    padding-left: 2em;
}
.p1 {
    padding: 1em;
}
.ordersheet .article th {
	border-bottom: 1px solid #dddddd;
}

.ordersheet .inactive.article th {
	border-bottom: 1px solid #dddddd;
}
.ordersheet th.name {
	font-size: 200%;
	text-align: left;
	
}
.ordersheet .term th.name {
	font-size: 120%;
	padding-top: 2em;
}
.ordersheet th.size {
	color: #aaaaaa;
	
}
.makechange.inactive:hover,
.inactive .makechange:hover {
    cursor: zoom-in;
}
.makechange:hover {
    cursor: zoom-out;
}
table.ordersheet,
table.production {
    width: 100%;
}
table.production {
    max-width: 80em;
}
table.production tr:hover {
    background-color: #dddddd;
}
table.production th {
    text-align: left;
}
table.production td {
    vertical-align: middle;
    padding: 0.3em 0.3em 0.3em 0;
}
table.production td.takeover,
table.production td.takeover input,
table.production td.number,
table.production th.number {
    text-align: right;
}
table.production td.takeover input,
table.production td.number,
table.production th.number {
    padding: 0 1em;
}
table.production td.article {
    width: 50%;
}
table.production.flf-table {
    width: auto;
    max-width: 100%;
    margin-bottom: 2em;
}
table.production.flf-table td,
table.production.flf-table th {
    padding: 0.3em 0.5em;
}
table.table-large {
    font-size: 150%;
}
table.stats-table-stock td {
    padding: 0.3em 0.3em 0.3em 0.5em;
}
table.stats-table-stock tr.can-see-everyone td.article_name {
    color: red;
}
.highlight {
    background-color: #cde;
}
.anchor-100 {
    scroll-margin-top: 100px;
}
.fb {
    font-weight: 600;
}
.ordersheet td,
.addstockingress td {
	padding: 1em 1em 1em 0;
	vertical-align: middle;
	white-space: nowrap;
}
.ordersheet .firstrow td {
	padding-top: 2em;
}
.ordersheet tbody tr:last-child td {
	padding-bottom: 4em;
}
.ordersheet .size,
.addstockingress .size {
    padding: 0 0.5em;
    text-align: center;
}
.addstockingress .makechange {
    display: none;
}
.ordersheet .size input,
.addstockingress .size input {
	border: 0;
	border-bottom: 1px solid #000000;
}
.ordersheet .size span {
    text-align: center;
    width: 100%;
    display: inline-block;
}
.ordersheet .size span.stock-preorder {
    font-size: 80%;
    display: block;
}
.ordersheet input[type=number],
.addstockingress input[type=number] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 3em;
    text-align: center;
    height: auto;
    font-size: 100%;
    margin: 0;
    border-radius: 0px;
    padding: 0 0 0.2em;
}
.ordersheet .summe {
	padding: 0.2em 2em;
}
.ordersheet input[type=number]::placeholder { 
    opacity: 0;
}
.stocksheet th {
    font-weight: 600;
    text-align: left;
}
.stocksheet td,
.stocksheet th {
    padding-right: 0.5em;
    vertical-align: middle;
}
.stocksheet td.size {
    text-align: center;
}
.stocksheet td.pic {
    height: 50px;
    position: relative;
}
.stocksheet td.pic img {
    height: 100%;
    width: auto;
}
.stocksheet td.pic img:hover {
    position: absolute;
    left: -20px;
    top: 0;
    height: auto;
    z-index: 999;
    padding: 0.2em;
    border: 1px solid #ccc;
    background-color: #ffffff;
}

.stocksheet .article td.name:before {
    display: none;
}
.stocksheet .makechange:hover {
    cursor: inherit;
}
#barcodelist span,
.barcodelist span {
    font-weight: 600;
    margin-right: 10px;
}
#barcodelist li,
.barcodelist li {
    padding-bottom: 0.3em;
}
li.is_not_selected {
    display: none;
}
.when-exploded,
ul.list .when-exploded {
    display: none;
}
ul.list .is-exploded .when-exploded,
.is-exploded .when-exploded {
    display: block;
}
.can-explode {
    cursor: pointer;
}
.can-explode.is-exploded {
    cursor: initial;
}

ul.list li.can-explode.is-exploded {
    background-color: #dddddd;
}

.search-article-results li:hover {
    cursor: pointer;
    background-color: #000000;
    color: #FFFFFF;
}
.search-article-results li.is_selected {
    background-color: #666666;
    color: #FFFFFF;
}
.search-article-results li.nover:hover {
    background-color: inherit;
    color: inherit;
}
.search-article-results li {
    padding: 0.5em;
    margin: 0.2em;
}
.article td.name:before {
    font: normal 110% dashicons;
    content: "\f464";
    display: inline-block;
    position: relative;
    top: 0.1em;
    margin-right: 0.5em;
    color: #dddddd;
}
.article td.name:hover:before {
    color: #aaaaaa;
}
.article td.name.marked:before {
    color: #000000;
}
.ordersheet td.pic img {
    width: auto;
    max-width: 4em;
    height: auto;
    max-height: 3em;
}
.ordersheet td.name {
    padding-left: 1em;
}
.ordersheet td.name,
.ordersheet td.pic {
    position: relative;
}
.ordersheet td.pic {
    width: 4em;
    text-align: center;
    line-height: 0;
}
.ordersheet td.name:hover,
.ordersheet td.pic:hover,
span.addforecastseason:hover {
    cursor: pointer;
}
.ordersheet td.pic:hover img {
    position: absolute;
    display: block;
    width: 300px;
    height: auto;
    max-width: unset;
    max-height: unset;
    z-index: 999;
    top: 0;
}
.ordersheetpdfslist .dashicons {
	top: -2px;
    position: relative;
}
.firstdash {
	margin-left: 2em;
}
.infodash {
	margin-right: 0.3em;
	color: #999;
}
.infodash:hover {
	color: #333;
	text-decoration: none;
}
.dashicons-info .delivery-info,
.infobox-inside .infobox-content {
    display: none;
    position: absolute;
    border: 1px solid #000000;
    padding: 1em;
    background-color: #ffffff;
    z-index: 999;
    font-size: 70%;
    max-width: 400px;
    text-align: left;
}
.dashicons-info .delivery-info ul {
  list-style-type: circle;
  list-style-position: outside;
  padding-left: 1.5em;
  margin-bottom: 2em;
}
.flf_stock_ship_final_box .delivery-info {
    padding: 0 0.5em 0.5em;
    border: 1px solid #1546a0;
}
/*.dashicons-info .delivery-info li {
    font-size: 80%;
}*/
.dashicons-info.blu-icon {
    color: #1546a0;
}
.dashicons-info:hover .delivery-info,
.infobox-inside:hover .infobox-content {
    display: block;
}
.infobox-inside {
    cursor: crosshair;
}

/* Formulare */


input[type=checkbox], input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=radio], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], select, textarea {
	font-size: 100%;
    background-color: #fff;
    color: #333333;
    outline: 0;
    transition: 50ms border-color ease-in-out;
    padding: 1em 0em 0.7em;
    margin: 0 0.3em 0.3em 0;
    width: 100%;
	box-sizing: border-box;
    border: 0;
    border-bottom: 1px solid #aaa;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}
input[type=checkbox], input[type=radio] {
    clear: none;
    cursor: pointer;
    display: inline-block;
    line-height: 0;
    height: 16px;
    margin: -4px 4px 0 0;
    outline: 0;
    padding: 0!important;
    text-align: center;
    vertical-align: middle;
    width: 16px;
    min-width: 16px;
    -webkit-appearance: none;
    -webkit-border-radius:0;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    transition: .05s border-color ease-in-out;
    border: 0;
}
input[type=checkbox]:checked:before, 
input[type=radio]:checked:before {
    float: left;
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    font: normal 21px/1 dashicons;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #555555;
}
input[type=checkbox]:checked:before,
input[type=radio]:checked:before {
    content: "\f147";
    margin: -3px 0 0 -4px;
}
input[type=checkbox] {
    border: 1px solid #AAAAAA;
}
.hide-button input[type=checkbox],
.hide-button input[type=radio] {
    position: absolute;
    clip: rect(0,0,0,0);
}
.submit {
	text-align: right;
}
.flf-form .w20 {
    width: 20%;
}
.flf-form .w30 {
    width: 30%;
}
.flf-form .w70 {
    width: 70%;
}
.flf-form .w80 {
    width: 80%;
}
.flf-form .w50,
.w50 {
    width: 50%;
}

.checkboxform .labelblock label {
    display: inline-block;
    margin-left: 1em;
}
.checkboxform .childrow {
    margin: 0 1em 1em 2em;
}

.cashbox-article-form {
    display: inline-block;
    margin: 0 0 5px 5px;
}
.cashbox-article-form .button-small.button {
    float: none;
}
.add-new form {
	margin-bottom: 20em;
}
.layer .layer-in select.in-label-select,
.in-label-select {
    display: none;
    width: auto;
    margin-left: 1em;
    font-size: 100%;
    padding: 1em;
    border: 0;
}
.labelcheckbox input[type="checkbox"]:checked + label select.in-label-select {
	display: inline-block;
}
.shippingbox label.decimal-select,
label.decimal-select {
    background-color: #ff9f9f;
}
.shippingbox label.dimensions-select {
    background-color: #9fdf9f;
}
label.dimensions-select span {
    min-width: 10em;
    display: inline-block;
}

.shippingbox input[type=text] {
    width: auto;
}
.decimal-select select,
.dimensions-select select {
    width: auto;
    margin-left: 1em;
    font-size: 100%;
    padding: 0.5em;
    border: 0;
    direction: rtl;
}
.decimal-select select:nth-of-type(2n){
    margin-left: 0.3em;
}
.activate:hover {
	cursor: pointer;
}
.return-question{
    font-size: 200%;
    font-weight: 600;
    margin-bottom: 2em;
}
input[type=submit],
.button {
    display: inline-block;
    min-height: 40px;
    padding: 1em 2em;
    text-align: center;
    text-decoration: none;
    color: #FFFFFF;
    border: 1px solid #000000;
    background-color: #000000;
    transition: all 0.3s;
    letter-spacing: 0.05em;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
}
.button-secondary {
    background-color: #FFFFFF;
    padding: 0.5em 1em;
}
#pass-strength-result{
    padding: 0.5em 0;
    font-weight: 600;
    font-size: 130%;
}
.login-form {
    display: block;
    max-width: 650px;
}
input[type=submit]:hover,
.button:hover {
    color: #000000;
    background-color: transparent;
    cursor: pointer;
}
.buttongroup .button {
    margin: 0 1em 1em 0;
}
.button-strong {
    font-weight: 600;
}
.button.neg {
    background-color: #ffffff;
    color: #000000;
}
.button-blu,
.labelcheckbox.button-blu-neg input[type="checkbox"]:checked + label,
.labelcheckbox.button-blu-neg input[type="checkbox"]:checked + label span,
.shippingbox label.decimal-select.blu,
label.decimal-select.blu,
.labelbutton.button-blu label,
input[type="submit"].button-blu,
input[type="submit"].button-blu-neg:hover {
    background-color: #1546a0;
    color: #fff;
}
.button-red {
    background-color: #cf2e2e;
    color: #fff;
}
.button-yellow {
    background-color: #f7bb12;
    color: #fff;
}
.reasonsout label {
    min-width: 10em;
}
.button-blu-neg,
.labelcheckbox.button-blu-neg input[type="checkbox"] + label,
input[type="submit"].button-blu-neg,
.labelbutton.button-blu-neg label {
    background-color: #ffffff;
    color: #1546a0;
    border-color: #1546a0;
}
.button-brown-neg,
.labelcheckbox.button-brown-neg input[type="checkbox"] + label,
input[type="submit"].button-brown-neg,
.labelbutton.button-brown-neg label {
    background-color: #ffffff;
    color: #351c15;
    border-color: #351c15;
}
.labelbutton.button-brown-neg input[type="radio"]:checked + label {
    background-color: #351c15;
    color: #ffffff;
    border-color: #351c15;
}
.labelcheckbox.shippingbox input[type="checkbox"]:checked + label.button-blu-neg,
.labelbutton.button-blu-neg input[type="radio"]:checked + label {
    background-color: #1546a0;
    color: #ffffff;
    border-color: #1546a0;
}
.labelcheckbox.button-red-neg input[type="checkbox"]:checked + label,
.labelcheckbox.button-red-neg input[type="checkbox"]:checked + label span,
.labelbutton.button-red-neg input[type="radio"]:checked + label {
    background-color: #cf2e2e;
    color: #ffffff;
    border-color: #cf2e2e;
}
.button-red-neg,
.labelcheckbox.button-red-neg input[type="checkbox"] + label {
    background-color: #ffffff;
    color: #cf2e2e;
    border-color: #cf2e2e;
}
.button-red-neg:hover,
.deepred {
    background-color: #cf2e2e;
    color: #ffffff;
}
.button-green,
.button.button-green {
    background-color: green;
    color: #fff;
}
.button-doc,
.button.button-doc {
    background-color: #596398;
    color: #fff;
}
.tipbutton,
.tipbutton.labelcheckbox.shippingbox {
    width: 100%;
    font-size: 200%;
    padding: 2em;
    border: 1px solid #1546a0;
    display: inline-block;
}
.labelcheckbox.button-fullsize input[type="checkbox"] + label {
    width: 100%;
    padding-left: 2em;
}
.labelcheckbox.button-fullsize input[type="checkbox"] + label select.in-label-select {
    text-align-last: right;
    min-width: 8em;
}
.labelcheckbox.button-fullsize input[type="checkbox"] + label span {
    min-width: 60%;
    padding: 1em;
    background-color: inherit;
    color: inherit;
    display: inline-block;
}
.labelbutton {
    padding: 0;
}
.labelbutton label,
.labelcheckbox .labelbutton input[type="radio"] + label {
    padding: 2em;
    margin: 0;
}
.task-time {
    display: block;
    text-align: center;
    font-size: 300%;
    color: #1546a0;
}
.nofyme {
    padding: 1em 1em 1em 2em;
    font-size: 120%;
    border: 1px solid #000000;
    position: relative;
}
.nofyme .dashicons {
    position: absolute;
    left: 0.3em;
    font-size: 120%;
}
.svg-button {
    padding: 11px;
    width: 45px;
    height: 45px;
    vertical-align: top;
    /*line-height: 45px;*/
}
.svg-button:hover {
    background-color: #000000;
    color: #ffffff;
}
.svg-button:hover svg {
    fill: #ffffff;
}
.svg-button.on-wishlist {
    background-color: #000000;
    fill: #ffffff;
}
.svg-button.on-wishlist:hover {
    background: 
    linear-gradient(to top left,
         rgba(0,0,0,0) 0%,
         rgba(0,0,0,0) calc(50% - 0.8px),
         rgba(0,0,0,1) 50%,
         rgba(0,0,0,0) calc(50% + 0.8px),
         rgba(0,0,0,0) 100%),
    linear-gradient(to top right,
         rgba(0,0,0,0) 0%,
         rgba(0,0,0,0) calc(50% - 0.8px),
         rgba(0,0,0,1) 50%,
         rgba(0,0,0,0) calc(50% + 0.8px),
         rgba(0,0,0,0) 100%);
    fill: #000000;
}
#wishlist-badge.inactive {
    display: none;
}
.notifyme-button {
    padding: 0;
}
.notifyme-button .st2 {
    fill: none;
}
.shortinfo {
    position: absolute;
    right: 1em;
    top: 1em;
}
.shortinfo.has-flags {
    padding-top: 3em;
}
.shortinfo-inner {
    background-color: #ffffff;
    border: 1px solid #888888;
    padding: 0.5em;
    margin-left: 0.5em;
    display: inline-block;
}
.flf_label_box .button {
    margin: 0 10px 10px 0;
}
.flf-form-address {
	max-width: 400px;
}
.labelcheckbox input[type="radio"], 
.labelcheckbox input[type="checkbox"] {
    position: absolute;
    clip: rect(0,0,0,0);
}
.labelcheckbox input[type="radio"]:checked:before, 
.labelcheckbox input[type="checkbox"]:checked:before {
    content: none;
}
.labelcheckbox input[type="checkbox"] + label,
.labelcheckbox input[type="radio"] + label,
.shippingbox label {
    display: inline-block;
    margin: 0 0.2em 0.2em 0;
    padding: 0.3em 0.3em 0.3em 0.3em;
    font-weight: 300;
    text-transform: none;

    border: 1px solid transparent;
    background-color: transparent;
}
.labelcheckbox input[type="checkbox"] + label:hover,
.labelcheckbox input[type="radio"] + label:hover {
    cursor: pointer;
    border: 1px solid #666666;
}
.labelcheckbox input[type="checkbox"]:checked + label,
.labelcheckbox input[type="radio"]:checked + label,
.labelcheckbox input[type="checkbox"]:checked + label span,
.labelcheckbox input[type="radio"]:checked + label span {
    cursor: pointer;
    background-color: #000000;
    color: #FFFFFF;
}
.labelcheckbox.not-available input[type="radio"] + label {
    color: #bbbbbb;
}
.makelabels ul {
    padding-left: 3em;
}
.labelcheckbox.startlabels input[type="radio"] + label {
    border: 1px solid #aaa;
    width: 4em;
    height: 2em;
}
.buttoncheckbox .labelcheckbox input[type="checkbox"] + label {
    padding: 0.5em 1em;
    margin: 0.1em 0;
    width: 100%;
    font-size: 120%;
}
.buttoncheckbox .labelcheckbox input[type="checkbox"]:checked + label,
.buttoncheckbox .labelcheckbox input[type="checkbox"]:checked + label span {
    background-color: green;
    
}
.labelcheckbox.shippingbox {
    font-size: 150%;
    min-width: 13em;
    display: block;
    float: left;
    min-height: 3.5em;
}
.labelcheckbox.shippingbox:nth-of-type(2n) {
    float: none;
}
.labelcheckbox.shippingbox.weightbox {
    float: none;
    clear: both;
}
.labelcheckbox.shippingbox input[type="checkbox"]:checked + label {
    background-color: #b37f31;
}
.labelcheckbox.shippingbox select.in-label-select {
    padding: 0.5em;
}

.labelcheckbox .stats-to-order input[type="radio"]:hover + label {
    border: 1px solid #006D16;
}
.labelcheckbox .stats-to-check input[type="radio"]:hover + label {
    border: 1px solid #1546a0;
}
.labelcheckbox .stats-waiting input[type="radio"]:hover + label {
    border: 1px solid #f7bb12;
}
.labelcheckbox .stats-sale input[type="radio"]:hover + label {
    border: 1px solid #D20005;
}

.labelcheckbox .stats-to-order input[type="radio"]:checked + label,
.statsstatus.stats-to-order {
    background-color: #006D16;
    color: #ffffff;
    border-color: #006D16;
}
.labelcheckbox .stats-to-check input[type="radio"]:checked + label,
.statsstatus.stats-to-check {
    background-color: #1546a0;
    color: #ffffff;
    border-color: #1546a0;
}
.labelcheckbox .stats-waiting input[type="radio"]:checked + label,
.statsstatus.stats-waiting {
    background-color: #f7bb12;
    color: black;
    border-color: #f7bb12;
}
.statsstatus.stats-ok {
    background-color: #ffffff;
    color: black;
    border-color: #000000;
}
.labelcheckbox .stats-sale input[type="radio"]:checked + label,
.statsstatus.stats-sale {
    background-color: #D20005;
    color: #ffffff;
    border-color: #D20005;
}
.labelcheckbox .stats-stock-sale input[type="radio"]:checked + label,
.statsstatus.stats-stock-sale {
    background-color: #bdb267;
    color: #ffffff;
    border-color: #bdb267;
}
.infotext textarea {
    height: 5em;
}
.productionorderblock table {
    margin-bottom: 1em;
}

.statsstatus {
    padding: 0.3em;
    text-align: center;
    line-height: 1;
    width: 100%;
    display: block;
    border: 1px solid;
}
.statsstats {
    max-width: 25em;
}

.shipping-details-stock .submit {
    clear: both;
}
.current-shipping-box {
    background-color: #eeeeff;
    padding: 1em;
    border: 1px solid #000099;
}
.current-shipping-box ul {
    margin: 1em 0;
}
.buttoncheckbox span {
    display: inline-block;
}
.buttoncheckbox span.order_id {
    width: 8em;
}
.buttoncheckbox span.order_name,
.buttoncheckbox span.name {
    min-width: 12em;
}
.buttoncheckbox span.sum {
    min-width: 8em;
    text-align: right;
}
#searchform .labelcheckbox {
    text-align: center;
    padding: 2em 0.5em; 
}
#searchform .labelcheckbox div {
    display: inline-block;
    
}
#searchform .labelcheckbox div label {
    margin: 1em;
    min-width: 5em;
    text-align: center;
}
.labelwide label {
	display: block;
	font-weight: 600;
	margin-top: 1em;
}
.labelwide input,
.layer .layer-in .labelwide input {
	display: block;
	width: 100%;
}
.layer .layer-in .submit input {
	font-size: 100%;
	width: auto;
	border: 0;
}
.labelwide textarea {
	max-width: 100%;
	min-width: 100%;
	font-size: 120%;
}
.list-default {
	position: relative;
}
.loglist {
	display: block;
    position: absolute;
    font-size: 80%;
    text-align: left;
    background-color: #ffffff;
    padding: 1em;
    border: 1px solid #dddddd;
    margin: 0.5em;
    width: auto;
    top: 0;
    z-index: 9;
}
.dashicons + .loglist {
	display: none;
}
.dashicons:hover + .loglist,
.dashicons + .loglist:hover {
	display: block;
	cursor: default;
    z-index: 9;
}
.logblock {
	margin-left: 0.5em;
}
/* Meta Boxen */
.meta-box {
    position: relative;
    min-width: 255px;
    border: 1px solid #e5e5e5;
    box-shadow: 0 1px 1px rgba(0,0,0,.04);
    background: #fff;
    margin-bottom: 20px;
    clear: both;
}
.meta-box .toggle-indicator:before {
    content: "\f142";
    display: inline-block;
    font: normal 20px/1 dashicons;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-decoration: none!important;
    margin-top: 4px;
    width: 20px;
    border-radius: 50%;
    text-indent: -1px;
    color: #72777c;
}
.meta-box.closed .toggle-indicator:before {
    content: "\f140";
}
.meta-box .handlediv {
    display: block;
    float: right;
    width: 36px;
    height: 36px;
    margin: 0;
    padding: 0;
    border: 0;
    background: 0 0;
    cursor: pointer;
    color: #72777c;
}
.meta-box .inside {
    margin: 6px 0 0 0;
    position: relative;
    padding: 0 12px 12px;    
    overflow: scroll;
}
.flf_stockarea_box.meta-box .inside {   
    overflow: visible;
}
.meta-box h5 {
    padding: 8px 12px;
    margin: 0;
}
.meta-box .inside h5 {
    padding: 8px 12px 8px 0;
}
.meta-box.closed .inside {
	display: none;
}
div.stockarea {
    margin-bottom: 25px;
}
.flf_stock_management .inside .button {
    float: none;
}
.green,
.button.green {
    background-color: green;
}
.message.green {
    color: white;
    padding-left: 1em;
    margin-bottom: 2em;
}
.message.blu {
    color: #1546a0;
}
.address span,
.labelinfos span {
    display: block;
}

li.communication {
	margin: 0.5em 0;
}
.labelinfos .dashicons {
	display: inline-block;
    float: left;
    margin-right: 5px;
    vertical-align: middle;
    line-height: 2;
    color: #aaaaaa;
}
.labelinfos .list-fixed .dashicons {
    line-height: 1.5;
}
.labelinfos span.icon {
    margin-right: 5px;
    vertical-align: middle;
    color: #aaaaaa;
    width: 20px;
    height: 20px;
    display: inline-block;
}
.labelinfos span.icon img {
    width: 100%;
    height: 100%;
}
.labelinfos label {
    font-weight: 600;
    vertical-align: middle;
}
.list-fixed li {
    display: inline-block;
    vertical-align: top;
    width: 100%;
}
.labelinfos span.ilbl {
    display: inline-block;
    vertical-align: middle;
    /*height: 1em;*/
    /*line-height: 2;*/
    padding: 0.5em 0;
}

.list-fixed label {
    margin-right: 0.5em;
}
.list-fixed li.d30,
.d30 {
    width: 30%;
    display: inline-block;
}
.list-fixed li.d35,
.d35 {
    width: 35%;
    display: inline-block;
}
.list-fixed li.d50,
.d50,
input.d50 {
    width: 50%;
    display: inline-block;
}
.list-fixed li.d70,
.d70 {
    width: 70%;
    display: inline-block;
}
form div {
	text-align: left;
}
.address {
    padding: 0.5em 0;
}
.address .iblock,
.address span.country {
	display: inline-block;
	margin-right: 0.2em;
}
span.shipping,
a.editlink {
    font: normal 20px/1 dashicons;
    color: #dddddd;
    /*float: right;*/
    display: inline-block;
    margin-right: 0.2em;
    text-decoration: none;
}
span.shipping.active {
    color: #555555;
}
span.shipping_address::before {
    content: "\f174";
}
span.billing_address::before {
    content: "\f466";
}
span.pos::before {
    content: "\f513";
}
a.editlink::before {
    content: "\f464";
}
span.clientcontact:before,
span.salescontact:before {
    content: "\f12e";
}

span.info {
    font-size: 80%;
    font-weight: 600;
}
.al {
	text-align: left;
}


/* Datepicker */
.ui-datepicker {
	background-color: #ffffff;
	font-size: 150%;
	border: 1px solid #bbbbbb;
	padding: 0.5em;
}
.ui-datepicker select {
	display: inline-block;
	font-size: 100%;
	width: auto;
}
.orderinfos input.datepicker {
	width: 7em;
}
.orderinfos input {
	width: 7em;
	border: 0;
	border-bottom: 1px solid #000000;
}
.orderinfos.clientinfos input {
    width: 20em;
}
.orderinfos label {
	min-width: 8em;
	display: inline-block;
}
.autobuttons label {
    min-width: auto;
}
.ui-datepicker th {
	font-weight: 600;
}
.ui-datepicker td {
	padding: 0.2em 0.5em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-week-end {
	background-color: #eeeeee;
}
/* Ordersheet */
.button.season {
	/*position: relative;*/
	padding: 0.5em 1em;
	background-color: transparent;
	border: 1px solid #fff;
	white-space: nowrap;
/*	width: 106px;
	height: 106px;*/
	box-sizing: border-box;
}
.button.season:hover {
	border: 1px solid #bbbbbb;
	text-decoration: none;
    background-color: #eeeeee;
}
.button.season span {
	/*position: absolute;*/
	width: 100%;
/*	left: 0;
	top: 30%;*/
	color: #000000;
	font-size: 200%;
	/*font-weight: 600;*/
	/*text-shadow: -1px 0 #aaaaaa, 0 1px #aaaaaa, 1px 0 #aaaaaa, 0 -1px #aaaaaa;*/
}
.ui-tooltip {
	background-color: #fff;
	border: 1px solid #dddddd;
	padding: 0.6em;
	max-width: 20em;
	display: inline-block;
    z-index: 999;
}
.tooltip-text{
    display: none;
} 
.labelcheckbox:hover .tooltip-text{
    display: block;
    position: absolute;
    padding: 0.3em 1em;
    text-align: center;
    bottom: -2em;
    left: 50%;
    transform: translate(-50%, 0);
    width: auto;
    border: 1px solid #000000;
    background-color: #fff;
    white-space: nowrap;
} 
/* Blocks */
.wp-block-flyingfashion-nl-colorblock {
    width:100%;
}
.flf-colorblock {
    text-align: center;
    padding: 20px 5px;
}
.flf-colorblock h3 {
    font-size: 580%;
    margin: 60px 0 20px 0;
}
.flf-colorblock h5 {
    font-size: 300%;
    margin: 40px 0 60px 0;
    font-weight: 300;
}
.flf-center {
    text-align: center;
}
.flf-colorblock a {
    font-size: 166%;
    margin: 20px 6px 20px 6px;
    font-weight: 300;
    border: 1px solid;
    display: inline-block;
    padding: 20px;
    min-width: 130px;
    text-decoration: none;
}
.flf-colorblock a:hover {
    text-decoration: underline;
}




/* Footer */
footer {
	clear: both;
}


table.forecast tr.sum {
    font-weight: 600;
}
table.forecast td {
    text-align: right;
    padding: 0.2em 0.8em;
}
table.forecast td.sales_territory,
table.forecast td.salesman {
    text-align: left;
}
table.standard-table td,
table.standard-table th {
    padding: 0.1em 0.5em;
}
table.standard-table td.number {
    text-align: right;
}
td.rp-name img {
    display: none;
}
td.rp-name:hover img {
    display: block;
    position: absolute;
    left: 50px;
    padding: 5px;
    background-color: #fff;
    border: 1px solid #ddd;
}
table.sumbox thead {
    font-weight: 600;
}
.stats-table tr:nth-of-type(2n) {
    background-color: #eee;
}
.stats-table tr.redbox {
    background-color: rgba(255, 100, 100, 0.3);
}
.stats-table tr.redbox:nth-of-type(2n) {
    background-color: rgba(255, 100, 100, 0.5);
}
.stats-table td {
    border-bottom: 1px solid #aaa;
}
.stats-table th {
    font-weight: 600;
    border-bottom: 1px solid #aaa;
    background-color: #eee;
    padding: 0.5em;
}
span.current {
	font-weight: 600;
}
.pagination {
	margin-top: 2em;
}

.iblock {
    display: inline-block;
}
.mbot1 {
    margin-bottom: 1em;
}
.mtop1 {
    margin-top: 1em;
}
.ml05 {
    margin-left: 0.5em;
}
.labelblock {
    margin: 0 1em 1em 0;
}
.labelblock label {
    display: block;
}
#wpbody select {
    height: auto;
    font-size: 100%;
}
#orderlist span,
.orderlist span {
	padding-right: 1em;
	display: inline-block; 
    line-height: 1.3;
}
#orderlist span.link,
.orderlist span.link {
	min-width: 30em;
}
#orderlist span.salesname,
.orderlist span.salesname {
	min-width: 10em;
}
#orderlist .date,
.orderlist .date {
	min-width: 6.5em;
	text-align: right;
}
#orderlist span.post_status,
.orderlist span.post_status {
	min-width: 3em;
	text-align: center;
}
#orderlist span.sum,
.orderlist span.sum {
	min-width: 4em;
	text-align: right;
}
#orderlist span.price,
.orderlist span.price {
    min-width: 6.5em;
    text-align: right;
}
.orderlist span.copy {
    visibility: hidden;
}
.orderlist span.copy a.button {
    float: none;
    transition: unset;
}
.orderlist .orderrow:hover span.copy {
    visibility: visible;
}
.orderlist .name {
    font-size: 120%;
    min-width: 30em;
}
.orderlist .articleout {
    max-width: 30em;
}
.orderlist .order-id,
.orderlist .ref-number,
.orderlist .po-number {
    display: block;
}
.orderlist .orderrow {
    padding: 0.5em;
    margin: 0 0 0.5em;
}
.orderlist .orderrow:hover {
    background-color: #eee;
}
.topseller .name::after {
	font: normal 150% dashicons;
    content: "\f534";
    display: inline-block;
    position: relative;
    top: 4px;
    left: 4px;
    margin-right: 0.5em;
    color: #aaaaaa;
}


/* Artikelliste  */

/*ul.articlelist {
    overflow: auto;
}*/

.articlelist li {
    display: inline-block;
    width: 33.333%;
    margin: 0 0 3em 0;
    position: relative;
    vertical-align: top;
    /*float: left;*/
}
.articlelist.startpage li {
    margin: 0 0 3em 0;
    width: 25%;
}

.articlelist li:nth-of-type( 3n + 1 ) {
    margin-right: 0;
    /*clear: both;*/
}

/*.articlelist li.swiper-slide:nth-of-type( 3n + 0 ) {
    margin-right: 1.5%;
}
.articlelist.startpage li.swiper-slide:nth-of-type( 3n + 0 ) {
    margin-right: 1%;
}*/
.articlelist li img,
.articlelist li video {
    width: 100%;
    height: auto;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -ms-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;

}
.articlelist li.cols-0 {
    display: none;
}
.articlelist li.cols-2 {
    width: 66%;
}
.articlelist li .alternative,
.specialimage .main {
    opacity: 0;
    position: absolute;
    display: block;
    left: 0;
    top: 0;
}
.articlelist li .alternative:hover,
.specialimage .main:hover {
    opacity: 1;
}
.articlelist li footer {
    font-size: 120%;
    margin-left: 0.5em;
}
.articlelist li footer .product-price {
    font-size: 100%;
    margin: 0.5em 0;
}
.startpage-swiper {
    margin-top: 1em;
}
.startpage-swiper .swiper-button-next {
    right: 0;
    top: 20em;
}
.startpage-swiper .swiper-button-prev {
    left: 0;
    top: 20em;
}
.startpage-swiper .swiper-button-next:after, .startpage-swiper .swiper-button-prev:after {
    font-size: 100%;
    color: #000000;
    font-weight: 600;
}

.flag-marker {
    position: absolute;
    top: 1em;
    /*left: -0.5em;*/
}
.flag-marker span {
    padding: 0.5em 2em;
    display: inline-block;
    margin-bottom: 0.5em;
}
.flf-form .flag-footer {
    margin-top: 0.2em;
}

#last-seen li:nth-of-type(4),
#may-also-like li:nth-of-type(4){
    display: none;
}
#last-seen .shipping-list li:nth-of-type(4){
    display: list-item;
}
.wishlist-button-img {
    position: absolute;
    top: 10px;
    left: 10px;
    background-color: #ffffff;
    border-radius: 45px;
}
.wishlist-button-img:hover {
    cursor: crosshair;
}
.wishlist-button-img svg {
    padding: 1em;
    height: 2em;
    width: 2em;
}
.profile-list {
    font-size: 120%;
    margin: 0.5em 0 1em;

}
.profile-list li {
    padding: 0.3em 0 0.1em 1em;

}
.profile-list li.name {
    padding: 0.1em 0;

}
.profile-list li.sub {
    margin-top: 1em;

}

.product-info div {
    margin-top: 0.3em;
    display: block;
}
.product-info .product-name-style {
    font-family: 'Bebas';
    font-size: 120%;
    letter-spacing: 0.1em;
    margin: 0.3em 0 0;
    font-weight: 600;
}
#product-info div.add-to-bag {
    margin-top: 2em;
    display: block;
}
.articlelist .product-info .product-sizes-available {
    display: none;
    transition: opacity 0.5s linear;
}
.articlelist .product-info .product-sizes-available a {
    margin-right: 0.5em;

}
.sizelink.grey,
.grey,
.grey td,
.grey a {
    color: #AAAAAA;
}
.articlelist li:hover .product-info .product-sizes-available.eshop {
    display: block;
}
.articlelist li:hover .product-info .product-name.eshop {
    display: none;
}
.was-price {
    margin-right: 1em;
    text-decoration: line-through;
}
.is-price.red {
    color: #D20005;
}
.colorlink {
    border-radius: 16px;
    width: 16px;
    height: 16px;
    border: 1px solid #ddd;
    display: inline-block;
    margin-right: 10px;
}
.colorlink:hover {
    border: 1px solid #aaa;
}
.filtercolor{
    width: 1em;
    height: 1em;
    border: 1px solid #ddd;
    display: inline-block;
    margin-right: 10px;
    vertical-align: bottom;
}
article.colarticle {
    padding-top: 1em;
}
#product-info .colorlink{
    width: 24px;
    height: 24px;
}
/* Productpage */
#product-gallery {
    width: 50%;
    position: relative;
    display: inline-block;
}
#product-thumbs {
    display: inline-block;
    width: 18%;
    vertical-align: top;
    position: absolute;
}
#product-images {
    margin-left: 20%;
    display: block;
    width: 80%;
    overflow: scroll;
}
#product-thumbs .scrollto,
#product-thumbs .swiper-slide {
    cursor: pointer;
}
#product-thumbs .swiper-slide {
    cursor: pointer;
    opacity: 0.6;
}
#product-thumbs .swiper-slide-thumb-active,
#product-thumbs .swiper-slide:hover {
    opacity: 1;
}
.swiper-button-prev:hover,
.swiper-button-next:hover {
    opacity: 0.6;
}
.last-seen-swiper .swiper-pagination-bullet-active {
    background-color: #999;
}
#product-images::-webkit-scrollbar { 
    display: none; 
} 
#product-images li {
    position: relative;
    overflow: hidden;
}
#product-images li:hover {
    cursor: all-scroll;
}
.product-images img {
    width: 100%;
    height: auto;
    overflow: hidden;

}
.product-images img.zoom:hover {
    opacity: 1;
}
.product-images img.zoom {
    position: absolute;
    /*left: 0;*/
    opacity: 0;
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -ms-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
    
}
#product-info {
    padding-left: 10%;
    display: inline-block;
    width: 49%;
    min-height: 100vh;
    vertical-align: top;
}
.is-stats-blog #product-info {
    min-height: auto;
}
#product-title {
    font-size: 180%;
    text-transform: none;
}
.product-color,
.product-sizes {
    margin-top: 2em;
}
.product-size-input {
    max-width: 3em;
    margin: 1em;
    display: inline-block;
    text-align: center;
}
.product-size-input input {
    text-align: center;
}
.product-size-input.bware input {
    background-color: #FFE1E1;
}
.product-size-input.retail input {
    background-color: #E1E1FF;
}
.product-size-input.eshop input {
    background-color: #E1FFE1;
}
.product-size-input.not-available input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: red;
  opacity: 1; /* Firefox */
}
.product-color span {
    font-weight: 600;
}

.other-colors {
    margin-top: 0.8em;
}
.product-size {
    display: inline-block;
    position: relative;
}
.product-price {
    font-size: 120%;
}
.product-size.labelcheckbox input[type="radio"] + label {
    padding: 12px ;
    text-align: center;
    background-color: #F6F6F6;
    line-height: 1;
    margin: 1em 1em 1em 0;
}
.product-size.labelcheckbox input[type="radio"] + label:hover {
    border: 1px solid #D6D6D6;
}
.product-size.labelcheckbox input[type="radio"]:checked + label {
        border: 1px solid #000000;
        color: #000000;
}
.add-to-bag-button {
    font-size: 110%;
    width: 300px;
    line-height: 1;
    margin: 0;
}
.product-description {
    margin-top: 3em;
}
.product-description .product-text {
    margin-top: 1em;
}
.is-stats-blog #product-gallery {
    width: 30%;
}
.is-stats-blog #product-info {
    width: 69%;
    height: auto;
}
.toggle-shortbag:hover,
.toggle-search:hover {
    cursor: pointer;
}
h1.shopping-bag {
    padding-top: 1.5em;
}
.shopping-bag-table {
    margin-top: 30px;
}
.shopping-bag-row {
    position: relative;
    padding: 1em 0;
    border-bottom: 1px solid #dddddd;
}
.shopping-bag-discount.shopping-bag-row {
    height: auto;
}
.shopping-bag-row.sum-row {
    border-bottom: 0;
    height: auto;
}
.shopping-bag-row.header {
    height: auto;
    padding: 1em 0;
    font-weight: 600;
}
.shopping-bag-row div {
    vertical-align: top;
}
.shopping-bag-row div.articlediscount form {
    padding-bottom: 2em;
}
.shopping-bag-row div.articlediscount form div {
    display: inline-block;
}
.shopping-bag-row .articlepics {
    height: 13em;
    display: inline-block;
    /*width: 15%;*/
    min-width: 9em;
    margin-right: 1em;
}
.shopping-bag-row.header .articlepics {
    height: auto;
}
.shopping-bag-row .articlepics img {
    width: auto;
    height: 100%;
}
.shopping-bag-row .articleinfo {
    /*margin: 0 0 20px 2%;*/
    width: 26%;
    display: inline-block;
}
.shortbag .b2blist .shopping-bag-row .articleinfo {
    width: 60%;
}
.shopping-bag-row.header .articleinfo {
    margin-bottom: 0;
}
.shopping-bag-row .articleinfo .articlename {
    font-size: 120%;
    font-weight: 600;
}
.shortbag .b2blist .shopping-bag-row .articleinfo .articlename {
    font-size: 100%;
    font-weight: 400;
}
.shopping-bag-row .articleprice {
    min-width: 50%;
    display: inline-block;
    position: absolute;
    right: 0;
    
}
.shortbag .b2blist .shopping-bag-row .articleprice {
    min-width: 35%;
}
.shopping-bag-row .articleprice p {
    text-align: right;
    
}
.shopping-bag-row .articleprice.number {
    text-align: right;
}
.shopping-bag-row .articleprice.number p,
.shopping-bag-row .articleprice.number .number {
    display: inline-block;
    padding-left: 20px;
    min-width: 7em;
    
}
.shopping-bag-row .articleprice.number p.single,
.shopping-bag-row .articleprice.number p.rowprice {
    /*width: 20%; */
    vertical-align: top;
}
.shopping-bag-row .articleprice.number .number {
    min-width: 8em;
}
.shopping-bag-row .articleprice.number .number select {
    margin: 0;
    padding: 0 22px 0 20px;
    text-align: right;
    text-align-last: right;
    border-bottom: none;
}
.shopping-bag-row .articleprice.number p.single span {
    display: block;
    margin: 0;
}
.shopping-bag-row .articleprice.number .select-wrapper::before {
    font-size: 16px;
    right: 5px;
    top: 0px;
    line-height: 1;
}
.shopping-bag-row .articleprice.number .number select option {
    direction: rtl;
}
.shopping-bag-row.sum-row .articleinfo,
.shopping-bag-row.sum-row .articleprice,
.shopping-bag-row .discountinfo,
.shopping-bag-row .discountprice {
    width: 49%;
    margin: 0 0 20px 0;
    display: inline-block;
}
.shopping-bag-row.sum-row p {
    font-size: 130%;
    font-weight: 600;
    
}
.shopping-bag-row.sum-row p.tax {
    font-size: 80%;
    font-weight: 300;
    display: block;
}
.shopping-bag-add-discount {
    width: 350px;
}
.shopping-bag-checkout {
    text-align: right;
    
}
.seasonrow {
    margin-top: 3em;
}
.bag-list-view {
    margin-top: 1em;
    line-height: 2;
}
.bag-list-view .dashicons {
    display: inline-block;
    margin-right: 0.5em;
    color: #888888;
}
.bag-list-view a:hover .dashicons {
    color: #000000;
}
.bag-list-view a {
    vertical-align: bottom;
}
.bag-list-view a:hover {
    text-decoration: none;
}
.shopping-bag-table.shortlist .articlepics,
.shopping-bag-table.shortlist .articleinfo .size,
.shortbag .b2blist .articlepics,
.shortbag .b2blist .articleinfo .size,
.shortbag h1,
.shortbag .bag-list-view,
.shortbag .shopping-bag-row.header,
.shortbag .shopping-bag-row .articleprice .single, .shopping-bag-row .articleprice .single,
.shortbag .shopping-bag-row .articleinfo .size,
.shortbag .checkout {
    display: none;
}
.shortbag .shopping-bag-row {
    min-height: 10em;
    position: relative;
}
.shortbag .b2blist .shopping-bag-row {
    min-height: auto;
}
.shortbag .shopping-bag-row .articlepics {
    min-width: 6em;
}
.shortbag .shopping-bag-row.discount-row{
    height: auto;
}

.shortbag .shopping-bag-row .articlepics {
    float: left;
    height: 8em;
}
.shortbag .shopping-bag-row .articleprice {
    float: none;
}
.shortbag .shopping-bag-row .articleprice.discountprice{
    width: auto;
}
.shortbag .shopping-bag-row.sum-row .articleinfo {
    width: auto;
    margin: 0 0 10px 0;
}
.sumup3g .labelcheckbox input[type="radio"] + label {
    background-color: #f6f6f6;
    padding: 1em;
    margin: 1em 0;
    text-align: center;
    width: 100%;
}
.sumup3g .labelcheckbox input[type="radio"]:checked + label {
    border: 1px solid #000000;
}
.sumup3g .labelcheckbox label span {
    background-color: #f6f6f6;
    color: #aaaaaa;
}
.sumup3g .labelcheckbox.higlight label span {
    color: #000000;
}
.sumup3g .labelcheckbox label span.dateinfo {
    display: block;
    font-size: 120%;
}
.sumup3g .labelcheckbox label .sum {
    display: block;
    font-size: 150%;
}

#masthead .shortbag,
#masthead .account-header,
.after-header-menues > div.active {
    font-size: 83%;
    border: 1px solid #dddddd;
    border-top: 0;
    top: 42px;
}
#masthead a:hover .shortbag {
    display: block;
}
#masthead .shortbag {
    overflow: scroll;
    max-height: 90vh;
}
#masthead .shortbag .shopping-bag-rows {
    max-height: 60vh;
    overflow: scroll;
}

.after-header-menues > div.active .close::before {
  font-family: dashicons;
  content: "\f335";
  font-size: 37px;
  position: absolute;
  left: 10px;
  top: 10px;
}
.shortbag-header .close:hover,
.account-header .close:hover{
  color: #aaaaaa;
}
.shortbag,
.account-header,
.after-header-menues > div {
    position: absolute;
    right: 0;
    top: 0;
    width: 500px;
    background-color: #ffffff;
    padding: 20px 60px;
    text-align: left;
    font-size: 100%;
}
.shortbag .shopping-bag-row .articleprice.number p.single, 
.shortbag .shopping-bag-row .articleprice.number p.rowprice,
.shortbag .shopping-bag-row .articleprice.number .number {
     width: 6em; 
     min-width: 6em;
}
.shortbag .shopping-bag-row.sum-row .articleprice.number .number,
.shopping-bag-row.sum-row .articleinfo .number {
    display: none;
}
.shortbag .shopping-bag-row.sum-row .articleinfo .number {
    font-size: 60%;
    font-weight: 400;
    display: inline-block;
}
.checkout-main {
    width: 100%;
    max-width: 620px;
    display: inline-block;
}
.checkout-main .orderinfos input {
    width: 20em;
}
.checkout-main .info {
    font-size: 120%;
    margin: 2em 0 1em;
}
.checkout-main label.info {
    font-size: 120%;
    margin: 2em 0 0;
    display: block;
}
.checkout-address div.first_name,
.checkout-form div.first_name {
    width: 45%;
    margin-right: 10%;
}
.checkout-address div,
.checkout-form div,
.login-form div {
    margin-top: 19px;
}
.checkout-address div.last_name,
.checkout-form div.last_name {
    width: 45%;
}
.checkout-address div.haus {
    width: 25%;
}
.checkout-address div.zipcode {
    width: 25%;
    margin-right: 10%;
}
.checkout-address div.city {
    width: 65%;
}
.checkout-form input[type=checkbox] {
    border: 1px solid #000000;
    margin-right: 1.5em;
}
.checkout-form input[type=checkbox] + label {
    cursor: pointer;
}
.checkout-form .newsletter input[type=checkbox] {
    margin-top: 3px;
}
.checkout-form .newsletter input[type=checkbox] + label {
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
}


.set-checkout-list label {
    width: auto;
    display: inline-block;
    margin: 0.3em 0.5em;
    padding: 0.5em 0;
}
.set-checkout-list li {
    border: 1px solid transparent;
    padding: 0.5em;
}
.set-checkout-list li.active {
    border: 1px solid #dddddd;
    padding: 0.5em;
}
.set-checkout-list li.hide-button label {
    display: block;
}
.set-checkout-list li:hover {
    border: 1px solid #dddddd;
    cursor: pointer;
}
.set-checkout-list label {
    cursor: pointer;
    vertical-align: middle;
}
.set-checkout-list label span {
    width: 10em;
    display: inline-block;
    height: 1.5em;
    vertical-align: middle;
    line-height: 1.5;
}
.set-checkout-list label span.logos {
    width: auto;
}
.set-checkout-list label span img {
    height: 100%;
    width: auto;
    margin-right: 1em;
}
.set-checkout-list label div {
    margin: 0;
    padding: 0;
}
.set-checkout-list input {
    border: 1px solid #AAAAAA;
}
.set-checkout-list .active div.inactive {
    display: block;
    margin-left: 16px;
    padding: 1em;
}
.set-checkout-list .checkout-creditcard {
    max-width: 30em;
    display: block;
}
.set-checkout-list .checkout-creditcard div {
    margin-right: 10px;
}
.set-checkout-list .checkout-creditcard label {
    margin: 1.5em 0 0;
    padding: 0;
    font-size: 80%;
}
.ui-accordion-header {
    color: #AAAAAA;
}
.ui-accordion-header-active {
    color: #000000;
}
.ui-accordion-header:hover {
    cursor: pointer;
    text-decoration: underline;
    color: #000000;
}
.ui-accordion-header-active:hover {
    cursor: inherit;
    text-decoration: none;
}
#login-list li {
    margin: 1em 0 2em;
}
.select-wrapper {
  /* ... */
  position: relative;
}
.select-wrapper::before {
  font-family: dashicons;
  content: "\f140";
  font-size: 20px;
  position: absolute;
  right: 5px;
  top: 10px;
  pointer-events: none;
}
.deliverytext {
    font-size: 120%;
    font-weight: 600;
    padding: 1em 0;
}
.site-footer ul  {
    margin: 2em 5em;
    padding: 2em 0 2em;
    text-align: center;
}
.site-footer ul.legitimation-menu {
    margin: 2em 5em 5em;
    padding-top: 4em;
    border-top: 1px solid #DADADA;
    text-align: center;
}
.site-footer ul li {
    margin: 0.5em 2em;
    display: inline-block;
}
#salesaction-layer .layer-in {
    width: 650px;
}
#salesaction-layer .layer-in  div{
    display: inline-block;
    vertical-align: baseline;
}
#salesaction-layer .layer-in div.pic {
    width: 60%;
}
#salesaction-layer .layer-in div.infotext {
    width: 39%;
    padding: 1.5em 1.5em 0 1.5em;
    text-align: left;
    vertical-align: baseline;
}
#salesaction-layer .layer-in div.infotext p {
    margin-top: 2em;
    font-size: 130%;
}
#salesaction-layer .layer-in div.infotext p.footer-infotext {
    margin-top: 10em;
    font-size: 80%;
}

/* Pre Sale */
#salesaction-layer.presale .layer-in {
    width: 530px;
    max-width: 100%;
    text-align: center;
}
#salesaction-layer.presale .layer-in .infotext {
    display: block;
    width: 348px;
    padding: 53px;
    text-align: center;
    margin: 0 auto;
}
#salesaction-layer.presale .layer-in .salesred {
    color: #E97271;
    font-size: 78px;
}
#salesaction-layer.presale .layer-in h1 {
    font-size: 136px;
}
#salesaction-layer.presale .layer-in .button {
    width: 246px;
    font-size: 13px;
}
#salesaction-layer.presale .layer-in .fullwidth {
    text-align: center;
    line-height: 1;
    display: block;
}
#salesaction-layer.presale .layer-in .fullwidth.excl {
    font-size: 58px;
}
#salesaction-layer.presale .layer-in div.infotext p.footer-infotext {
    margin-top: 30px;
    font-size: 10px;
}

.salebutton {
    display: inline-block;
    font-size: 60%;
    padding: 0.2em;
    margin: 0 0 0 1em;
    vertical-align: top;
}
.content-center-valign {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    display: table;
/*    display: flex;
    align-items: center;*/
}
.content-center-valign div {
    display: table-cell;
    vertical-align: middle;
    padding-right: 9em;
}
.returnpoint span.name {
    display: inline-block;
    min-width: 20em;
    vertical-align: middle;
}
.swiper-container {
    width: 100%;
    height: 100%;
}
.swiper-container img,
.swiper-container video {
    width: 100%;
    height: auto;
}
.youtube-container {
    position: relative; 
    padding-bottom: 56.25%; 
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
.youtube-iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.white-overlay {
    position: absolute;
    top: 0;
    background-color: rgba(255, 255, 255, 0.7);
    margin: 20%;
    padding: 2em;
}
.stats-box {
    width: 49.5%;
    display: inline-block;
    vertical-align: top;
    margin-right: 0.5%;
}
.stats-box span {
    display: inline-block;
}
.stats-box-half:nth-of-type(2n){
    margin-right: 0;
    margin-left: 0.5%;
}
.stats-box-flr {
    float: right;
}
.stats-info {
    display: block;
    margin-bottom: 2em;
}
.stats-info h3,
.stats-info h5 {
    margin-bottom: 0.5em;
}
.stats-info div {
    margin-bottom: 2em;
    vertical-align: top;
}
.stats-info .shipping-list div {
    margin-bottom: 0em;
}
.stats-info td,
.stats-info th {
    border-bottom: 1px solid #eeeeee;
    vertical-align: middle;
}
.stats-info .image img {
    height: 1.5em;
    vertical-align: middle;
}
.stats-info .image {
    text-align: center;
}
.trend img {
    height: 3em;
}
.alert-list .trend {
    vertical-align: middle;
}
.alert-list .trend img {
    height: 1.5em;
}


.stats-info:not(.stats-info-no-bold) tbody tr:last-child td {
    border-top: 1px solid #aaaaaa;
    border-bottom: 0px solid #aaaaaa;
    font-weight: 600;
}
.stats-info thead tr {
    font-weight: 600;
}
.stats-info tbody tr:hover td,
.stats-info tbody tr:hover td a {
    background-color: #0a1465;
    color: #ffffff;
}

.sb-row {
    position: relative;
}
.sb-large {
    font-size: 500%;
    margin: 0 1em;
}
.sb-mediumlarge {
    font-size: 400%;
}
.sb-medium {
    font-size: 250%;
    margin: 0 1em;
}
.sb-small {
    font-size: 150%;
    margin: 0 2em;
}
.sb-small.dashicons {
    margin: 0;
    vertical-align: baseline;
}
.sb-medium.sb-f {
    margin-left: 2em;
}
.sb-small.sb-s {
    margin-left: 1em;
}

.sb-small.sb-al {
    margin-left: 0;
}
.sb-red {
    color: red;
}
.sb-green {
    color: green;
}
.sb-old {
    font-size: 80%;
    color: #888888;
}
.sb-old.sb-small {
    font-size: 150%;
    color: #888888;
}
.sb-absright {
    margin: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.sb-row-element {
    display: inline-block;
}
.sb-row-element span {
    display: block;
    line-height: 1;
}
.sb-row-element .sb-small {
    margin: 0;
}
.return-article-list .articlerow {
    padding: 2em;
}

.return-article-list .no-credit {
    padding: 1em 0;
}
.return-article-list .name {
    font-size: 130%;
    padding-bottom: 1em;
}
.return-article-list .creditbox {
    font-size: 130%;
}
.return-article-list .creditbox label {
    display: inline-block;
    width: 10em;
}
.return-article-list .creditbox input {
    display: inline-block;
    width: 10em;
    text-align: right;
}
.language li {
    font-size: 130%;
    padding: 1em;
    text-align: center;
}
.shopping-bag-salesaction-hint {
    max-width: 42em;
}
.shopping-bag-salesaction-hint div {
    margin: 1em 0;
}


table.flf-table td.preview-image {
    height: 3.5em;
    padding: 0 0.5em;
    position: relative;
}

.preview-image:hover img {
    position: absolute;
    height: 15em;
    left: 0em;
    bottom: 0em;
    padding: 0.2em;
    background-color: #FFFFFF;
    border: 1px solid #AAAAAA;
}

.preview-image img {
    width: auto;
    height: 100%;
    display: block;
}

.eventblock {
    padding: 1em;
    font-size: 120%;
}
.soldout {
    display: block;
    position: absolute;
    top: 0.5em;
    left: 0.5em;
    font-size: 80%;
    color: red;
    font-weight: 600;
    -ms-transform: rotate(-21deg);
    -moz-transform: rotate(-21deg);
    -webkit-transform: rotate(-21deg);
    transform: rotate(-21deg);
    text-shadow: -1px 0 #FFFFFF, 0 1px #FFFFFF, 1px 0 #FFFFFF, 0 -1px #FFFFFF;
    /*background-color: rgba(255, 255, 255, 0.5); */
}
.nextbox {
    background-color: #acd2e4;
    padding: 2em;
}
.all_scanned td {
    color: #aaaaaa;
}


/*apple Pay*/
/* CSS */
@supports (-webkit-appearance: -apple-pay-button) {
    .apple-pay-button-with-text {
        display: inline-block;
        -webkit-appearance: -apple-pay-button;
        -apple-pay-button-type: buy;
    }
    .apple-pay-button-with-text:hover {
        cursor: pointer;
    }
    .apple-pay-button-with-text > * {
        display: none;
    }
    .apple-pay-button-black-with-text {
        -apple-pay-button-style: black;
    }
    .apple-pay-button-white-with-text {
        -apple-pay-button-style: white;
    }
    .apple-pay-button-white-with-line-with-text {
        -apple-pay-button-style: white-outline;
    }
}


@supports not (-webkit-appearance: -apple-pay-button) {
    .apple-pay-button-with-text {
        --apple-pay-scale: 1; /* (height / 32) */
        display: inline-flex;
        justify-content: center;
        font-size: 12px;
        border-radius: 5px;
        padding: 0px;
        box-sizing: border-box;
        min-width: 200px;
        min-height: 32px;
        max-height: 64px;
    }
    .apple-pay-button-black-with-text {
        background-color: black;
        color: white;
    }
    .apple-pay-button-white-with-text {
        background-color: white;
        color: black;
    }
    .apple-pay-button-white-with-line-with-text {
        background-color: white;
        color: black;
        border: .5px solid black;
    }
    .apple-pay-button-with-text.apple-pay-button-black-with-text > .logo {
        background-image: -webkit-named-image(apple-pay-logo-white);
        background-color: black;
    }
    .apple-pay-button-with-text.apple-pay-button-white-with-text > .logo {
        background-image: -webkit-named-image(apple-pay-logo-black);
        background-color: white;
    }
    .apple-pay-button-with-text.apple-pay-button-white-with-line-with-text > .logo {
        background-image: -webkit-named-image(apple-pay-logo-black);
        background-color: white;
    }
    .apple-pay-button-with-text > .text {
        font-family: -apple-system;
        font-size: calc(1em * var(--apple-pay-scale));
        font-weight: 300;
        align-self: center;
        margin-right: calc(2px * var(--apple-pay-scale));
    }
    .apple-pay-button-with-text > .logo {
        width: calc(35px * var(--scale));
        height: 100%;
        background-size: 100% 60%;
        background-repeat: no-repeat;
        background-position: 0 50%;
        margin-left: calc(2px * var(--apple-pay-scale));
        border: none;
    }
}
/**
 * 16.0 Media Queries
 */

/*
 * Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 * the meta tag. See https://core.trac.wordpress.org/ticket/25888.
 */
@-ms-viewport {
	width: device-width;
}

@viewport {
	width: device-width;
}

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

    #masthead {
        left: 0;
        padding: 12px;

    }
    .content-center-valign div {
        padding-right: 7em;
    }

    .startpage-swiper .swiper-button-next,
    .startpage-swiper .swiper-button-prev {
        top: 19vw;
    }

}

/**
 * 16.4 Desktop Small 955px
 */

@media screen and (max-width: 955px) {
    #product-thumbs {
        display: none;
    }
    #product-images {
        margin-left: 0;
        width: 100%;
    }
    #product-info {
        padding-left: 5%;
    }

    .content-center-valign div {
        padding-right: 3em;
    }

    .overlay-block .overlay-call-to-action a {
        font-size: 180%;
    }
}

/**
 * 16.3 Tablet Large 880px
 */

@media screen and (max-width: 880px) {
    #wpadminbar li#wp-admin-bar-customize,
    #wpadminbar li#wp-admin-bar-comments,
    #wpadminbar li#wp-admin-bar-clients,
    #wpadminbar li#wp-admin-bar-preorders {
        display: none;
    }

    html {
        font-size: 12px;
        line-height: 1.5;
    }
    #masthead,
    .admin-bar #masthead {
        padding: 4px 5px;
        height: 48px;
    }
    .site-logo {
        padding: 5px;
    }
    .header-menu-right-navigation {
        height: 100%;
        padding-top: 8px;
    }
    #masthead .header-menu-right-navigation li {
        display: none;
    }
    #masthead .header-menu-right-navigation li.mobile {
        display: inline-block;
    }
    #site-navigation {
        /*position: abs;*/
        cursor: pointer;
        top: 0px;
    }
    #site-navigation .menu-icon {
        width: 40px;
        height: 40px;
        position: relative;
    }
    #site-navigation .menu-icon:hover .menu-icon-line {
        background-color: #000000;
    }
    #site-navigation .menu-icon-line {
        width: 20px;
        height: 1px;
        position: absolute;
        left: 10px;
        top: 20px;
        background-color: #666666;
        -webkit-transition: all 0.4s cubic-bezier(0.04, 0.04, 0.12, 0.96);
        -o-transition: all 0.4s cubic-bezier(0.04, 0.04, 0.12, 0.96);
        transition: all 0.4s cubic-bezier(0.04, 0.04, 0.12, 0.96);
    }
    #site-navigation .menu-icon-line-1 {
        top: 14px;
    }
    #site-navigation .menu-icon-line-3 {
        top: 26px;
    }
    #site-navigation .main-menu {
        display: none;

    }
    #site-navigation.active .menu-icon-line {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        top: 20px;
    }
    #site-navigation.active .menu-icon-line-2 {
        opacity: 0;
    }
    #site-navigation.active .menu-icon-line-3 {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    .main-menu-right li a {
        height: 27px;
        width: 30px;
        padding: 3px;
    }
    #site-navigation.active .main-menu-container{
        top: 44px;
    }
    #site-navigation .menu-item-has-children > .menu-icon-nav {
        top: 3px;
    }

/*    #site-navigation::before {
        font-family: dashicons;
        content: "\f228";
        font-size: 28px;
        position: absolute;
        left: 0;
        top: -4px;
    }*/
/*    #site-navigation.active::before {
        content: "\f335";
    }*/
    #site-navigation.active .main-menu {
        display: inherit;
        display: block;
        position: relative;
        height: 100vw;
        padding-top: 20px;
    }
    #masthead .shortbag {
        top: 40px;
    }
    .main-menu-right li a .badge {
        font-size: 70%;
    }
    .content-head {
        margin-left: 13px;
    }
    .meta-box-clientinfos,
    .meta-box-orderdocs {
        width: 49%;
        display: inline-block;
        vertical-align: top;
    }
    .meta-box-clientinfos {
        float: right;
    }
    .main-main {
        width: 100%;
        display: block;
    }
    .main-right {
        width: 100%;
        float: none;
        display: block;
        margin-top: 3em;
    }
    .articlelist li {
        width: 50%;
        /*margin: 0 1.5% 3em 0;*/
    }
    .articlelist.startpage li {
        width: 33.334%;
    }
    .articlelist li:nth-of-type( 3n + 1 ) {
        clear: initial;
    }
    .articlelist li:nth-of-type( 2n + 0 ) {
        margin-right: 0;
    }
    .articlelist li:nth-of-type( 2n + 1 ) {
        clear: both;
    }
    .specialimage.device-mobile,
    .specialimage.device-desktop + .standardimage {
        display: inherit;
    }

    .specialimage.device-desktop,
    .specialimage.device-mobile + .standardimage,
    .specialimage.device-mobile + .device-desktop + .standardimage {
        display: none;
    }
/*    .articlelist li.swiper-slide:nth-of-type( 2n + 0 ) {
        margin-right: 1.5%;
    }*/
    .articlelist li.cols-2 {
        width: 100%;
    }
    #last-seen li:nth-of-type(4),
    #may-also-like li:nth-of-type(4){
        display: inline-block;
    }
    .checkout-side .shortbag {
        position: relative;
        left: 0;
        width: 100%;
        padding: 5em 5px;
    }
    .colofwrapper .colofwrapper-child .greybox {
        padding: 20% 10% 47%;
    }
    .svg-button {
        padding: 8px;
        width: 41px;
        height: 41px;
    }
    .add-to-bag-button {
        max-width: 280px;
    }
    .content-center-valign div {
        padding-right: 0;
    }
    .content-center-valign div p {
        line-height: 1.4;
    }
    .articlelist li.mobile-center {
        margin: 0 17%;
        width: 65%;
    }
    .mobile-zoom-50 {
        display: block;
        width: 150%;
        margin-left: -25%;
    }
    .white-overlay {
        margin: 10%;
    }
    .stats-box {
        width: 100%;
        
    }
    .has-overlay.overlay-half figcaption {
        font-size: 6vw;
    }
    .elem-1of4, .elem-3of4 {
        float: left;
        width: 49.45%;
        margin-right: 1%;
    }
    .elem-2of4, .elem-4of4 {
        display: inline-block;
        width: 49.45%;
        margin-right: 0;
    }
    .is-stats-blog #product-gallery,
    .is-stats-blog #product-info {
        width: 100%;
        display: block;
        padding: 0;
    }
    .swiper-pagination-bullet {
        width: 5px;
        height: 5px;
    }
    .startpage-swiper .swiper-button-next,
    .startpage-swiper .swiper-button-prev {
        top: 26vw;
    }
    input[type=text].w20em,
    input[type=submit].w20em {
        font-size: 120%;
        width: 100%;
    }
}

@media screen and (max-width: 782px) {
    .admin-bar #masthead {
        top: 46px;
    }
/*    #content {
        margin-top: 48px;
    }*/
    article.colarticle {
        padding-top: 0em;
    }
    #product-gallery {
        width: 100%; 
        height: auto; 
    }
    #product-images {
        width: 80%; 
        margin-left: 20%;
    }
    #product-thumbs {
        display: inline-block;
        width: 18%;
        vertical-align: top;
        position: absolute;
    }
    #product-info {
        padding: 5px;
        display: inline-block;
        width: 100%;
        height: auto;
        vertical-align: top;
        margin-top: 20px;
    }
    .shopping-bag-row .articleprice.number .number select {
        padding: 0 10px;
    }
    .shopping-bag-row .articleprice.number .select-wrapper::before {
        right: 0;
        font-size: 12px;
    }
    .sb-large {
        margin: 0em 0.5em;
    }
    .sb-small.sb-s {
        margin: 0 1em 0 0.3em;
    }
    .overlay-block .overlay-call-to-action a {
        font-size: 180%;
    }
    #salesaction-layer .layer-in {
        margin: 2em auto;
    }
    .overlay-child {
        font-size: 80%;
    }
}

/**
 * 16.2 Tablet Small 740px
 */

@media screen and (max-width: 740px) {
    html {
        font-size: 11px;
        line-height: 1.4;
    }

    .main-menu-right li a .badge {
        font-size: 80%;
    }
    #site-navigation .main-menu-container {
        min-width: 400px;
    }
    .colof,
    .colof2,
    .colof2.colof,
    .colof3.colof,
    .colof4.cols-2.colof {
        width: 100%;
        padding: 0;
        position: relative;
    }
    .colof4.colof {
        width: 49.5%;
        padding: 0;
    }
    .content-center-valign {
        position: absolute;
    }

    
/*    .col2of4 {
        position: absolute;
        right: 0;
    }*/
    .colofwrapper .colofwrapper-child {
        height: auto;
        margin-bottom: 4em;
    }
    .colofwrapper .colofwrapper-child .greybox {
        display: block;
        padding: 25% 10%;
    }
/*    .articlelist li {
        margin: 0 1.5% 3em 0;
    }*/
/*    .articlelist li.swiper-slide:nth-of-type( 2n + 0 ) {
        margin-right: 1%;
    }*/
    .layer-in.sizeguide {
        padding: 2em;
    }
    ul.sizelist span.name {
        width: 9em;
    }
    #flf-overlay .layer-in, .layer .layer-in {
        max-width: 90%;
        width: 90%;
        padding: 2em 1em;
        margin: 5em auto;
    }


    .svg-button {
        padding: 7px;
        width: 40px;
        height: 40px;
    }
    .has-overlay.overlay-half figcaption {
        font-size: 8vw;
    }
    .flag-marker {
        top: 0.5em;
        font-size: 80%;
    }

    #site-navigation .menu-item-has-children > .menu-icon-nav {
        top: 1px;
    }
}






/**
 * 16.1 Mobile Large 620px
 */

@media screen and (max-width: 620px) {
    figure.mobile,
    .show-mobile {
        display: inherit;
    }
    figure.desktop,
    .show-desktop {
        display: none;
    }
    .header-ticker {
        font-size: 70%;
    }
    .admin-bar #masthead {
        position: absolute;
        top: 48px;
    }
    #content {
        margin: 48px auto;
    }
    .admin-bar #masthead.bar {
        position: fixed;
        top: 0;
    }
    #masthead .shortbag,
    #masthead .account-header,
    .after-header-menues > div {
        width: 100%;
        padding: 20px 40px;
        border: 0;

    }
    .after-header-menues > div.active {
        border: 0;
    }
    .after-header-menues > div.active .close::before,
    .shortbag-header .close::before,
    .account-header .close::before {
        font-size: 30px;
        left: 3px;
    }
    html {
        font-size: 12px;
        line-height: 1.3;
    }
    ul.sizelist span {
        min-width: 2.7em;
    }
    input[type=submit], .button {
        min-height: 34px;
    }
    .svg-button {
        padding: 5px;
        width: 35px;
        height: 35px;
    }

    .white-overlay {
        margin: 5%;
        padding: 2em 1em;
    }
    #salesaction-layer .layer-in {
        max-width: 100%;
        width: 98%;
    }
    #salesaction-layer .layer-in div.infotext {
        width: 39%;
        padding: 1.5em 0.5em 0 1.5em;
        text-align: left;
        vertical-align: baseline;
    }
    #salesaction-layer .layer-in div.infotext p.footer-infotext {
        margin-top: 8em;
    }
    .layer-in .close::before {
        right: 5px;
        top: 5px;
    }
/*    .overlay-block .countdown-block {
        height: 90%;
    }*/
    .countdown-table {
        width: 100%;
        font-size: 300%;
    }
    .countdown-cell span {
        color: #FFFFFF;
    }
    .waitlistsignup {
        position: initial;
        z-index: 1;
        top: 0;
        margin-top: 0;
    }
    .waitlistsignup .button {
        min-height: 31px;
    }
    .mobile-single .overlay-block {
        width: 100%;
    }
    .shopping-bag-row .articleprice.number p.single {
        display: none;
    }
}
@media screen and (max-width: 500px) {
    #product-thumbs {
        display: none;
    }
    #product-images {
        width: 100%; 
        margin-left: 0;
        height: auto;
    }
}




/**
 * 16.5 Desktop Medium 1100px
 */

@media screen and (min-width: 1100px) {
	
}


/**
 * 16.6 Desktop Large 1240px
 */

@media screen and ( min-width: 1240px ) {
	
}



@media print {
	
}