/*
  Name: style.css
  Author: esense GmbH, Basel, Switzerland
  http://www.esense.ch
*/

/*
  Basic Style
*/

/* reset */
* {
margin: 0;
padding: 0;
font-weight: normal;
border: none;
outline:none;
box-sizing: border-box;
}

html {
height: 100%;
width: 100%;
font-size: 62.5%; /* 1em = 10px */
background-color: #fff;
overflow-x: hidden;
overflow-y: scroll;
}

html.open-overlay,
html.open-menu {
overflow: hidden;
}

html.open-overlay,
html.open-overlay #header,
html.open-overlay #social-links,
html.open-menu #social-links,
html.open-menu,
html.open-menu #header {
padding-right: 15px;
}

html.open-menu.no-mouse #header,
html.open-menu.no-mouse #social-links,
html.open-overlay.no-mouse #social-links,
html.open-menu.no-mouse,
html.open-overlay.no-mouse #header,
html.open-overlay.no-mouse {
padding-right: 0;
}

body {
height: 100%;
width: 100%;
line-height: 1;
background-color: transparent;
color: #000;
margin: 0;
/* mobile device */
-webkit-text-size-adjust: 100% !important;
-moz-text-size-adjust: 100% !important;
-ms-text-size-adjust: 100% !important;
-o-text-size-adjust: 100% !important;
text-size-adjust: 100% !important;
}

.grecaptcha-badge {
    visibility: hidden;
    display: none;
}

.form-item .txt::selection {
background: #000;
color: #fff;
-webkit-text-fill-color: #fff;
-moz-text-fill-color: #fff;
-o-text-fill-color: #fff;
-ms-text-fill-color: #fff;
text-fill-color: #fff;
}

.form-item input[type=text]::selection {
background: #000;
color: #fff;
-webkit-text-fill-color: #fff;
-moz-text-fill-color: #fff;
-o-text-fill-color: #fff;
-ms-text-fill-color: #fff;
text-fill-color: #fff;
}

.form-item textarea::selection {
background: #000;
color: #fff;
-webkit-text-fill-color: #fff;
-moz-text-fill-color: #fff;
-o-text-fill-color: #fff;
-ms-text-fill-color: #fff;
text-fill-color: #fff;
}

::selection {
background: #000;
color: #fff;
}

form#search input[type=text]::selection {
-webkit-text-fill-color: #000;
-moz-text-fill-color: #000;
-o-text-fill-color: #000;
-ms-text-fill-color: #000;
text-fill-color: #000;
background-color: #fff;
color: #000;
}

#header a,
#footer a,
#menu a,
#stage a,
.slider a {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}

input,
select,
textarea,
label,
figcaption,
form *,
input *,
select *,
.text *,
.text table *,
.text li * {
-webkit-user-select: text;
-khtml-user-select: text;
-moz-user-select: text;
-ms-user-select: text;
-o-user-select: text;
user-select: text;
}

/*** center wrapper ***/
.center {
position: relative;
margin: 0 auto;
clear: both;
}

.text.standard table .c-text,
.c-text {
text-align: center;
}

.text.standard table .r-text,
.r-text {
text-align: right;
}

.l-text {
text-align: left;
}

.c-text img {
float: none;
}

/*** clear block ***/
.clear {
display: block;
clear: both;
}

.clear:after {
visibility: hidden;
display: block;
content: "";
clear: both;
height: 0;
}

.clear-l {
clear: left;
}

.clear-r {
clear: right;
}

/* old IE clear block */
* html .clear {
zoom: 1;
}

*:first-child+html .clear {
zoom: 1;
}

/* position */
.p-rel {
position: relative;
}

.p-fix {
position: fixed;
}

.p-abs {
position: absolute;
}

/* float direction */
.fl {
float: left;
}

.fr {
float: right;
}

.fn {
float: none;
}

/* box sizing */
/* the size (width and height) of the element includes border, padding, and width */
.b-box {
box-sizing: border-box;
}

/* the size (width and height) of the element without border, padding, and width */
.c-box {
box-sizing: content-box;
}

/*** float grid ***/
.c-100 {
width: 100%;
}

.c-25 {
width: 25%;
}

.c-50 {
width: 50%;
}

.h-100 {
height: 100%;
}

/*** spaces in pixel ***/
.mr-20 {
margin-right: 20px;
}

.mt-3 {
margin-top: 3px;
}

.mt-10 {
margin-top: 10px;
}

.mt-32 {
margin-top: 32px;
}

.mt-24 {
margin-top: 24px;
}

.mt-44 {
margin-top: 44px;
}

.mb-21 {
margin-bottom: 21px;
}

.mb-58 {
margin-bottom: 58px;
}

.mb-66 {
margin-bottom: 66px;
}

.line-top {
margin-top: 1.41176470588235em;
}

.line-bottom {
margin-bottom: 1.41176470588235em;
}

.pr-30 {
padding-right: 30px;
}

.pl-46 {
padding-left: 46px;
}

.pl-30 {
padding-left: 30px;
}

.no-title {
margin-top: -1.41176470588235em !important;
}

.col .text.standard.no-title:first-child {
margin-top: 0 !important;
}

.neg-mb-1 {
margin-bottom: -1.41176470588235em;
}
/* no space (margin and padding) */
.ns {
margin: 0 !important;
padding: 0 !important;
}

.nsv {
margin-top: 0 !important;
padding-top: 0 !important;
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}

.nsh {
margin-left: 0 !important;
padding-left: 0 !important;
margin-right: 0 !important;
padding-right: 0 !important;
}

.nst {
margin-top: 0 !important;
padding-top: 0 !important;
}

.nsb {
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}

.nsl {
margin-left: 0 !important;
padding-left: 0 !important;
}

.nsr {
margin-right: 0 !important;
padding-right: 0 !important;
}

/* no space (margin) */
.nm {
margin: 0 !important;
}

.nmv {
margin-top: 0 !important;
margin-bottom: 0 !important;
}

.nmh {
margin-left: 0 !important;
margin-right: 0 !important;
}

.nmt {
margin-top: 0 !important;
}

.nmb {
margin-bottom: 0 !important;
}

.nml {
margin-left: 0 !important;
}

.nmr {
margin-right: 0 !important;
}

/* no space (padding) */
.np {
padding: 0 !important;
}

.npv {
padding-top: 0 !important;
padding-bottom: 0 !important;
}

.nph {
padding-left: 0 !important;
padding-right: 0 !important;
}

.npt {
padding-top: 0 !important;
}

.npb {
padding-bottom: 0 !important;
}

.npl {
padding-left: 0 !important;
}

.npr {
padding-right: 0 !important;
}

/* basic content styles */
ul, ol, 
table, tbody, tr, td, th, 
dl, dt, dd,
input, textarea, button {
margin: 0;
padding: 0;
}

/* list */
ul, ol {
list-style: none;
}

.text ul,
.text ol {
overflow: hidden;
width: 100%;
float: left;
padding-left: 28px;
}

.text ul {
list-style: none;
}

.text ol li,
.text ul li {
position: relative;
}

.text ul li:before {
position: absolute;
content: "–";
top: 0px;
left: -28px;
float: left;
font-size: 110%;
}

.text ul.list li:before {
content: "";
display: none;
}

.text ol {
list-style: decimal;
}

.list,
.text .list {
padding-bottom: 0;
padding-left: 0;
list-style: none;
}

/* links (mailto and tel) */
a[href^="mailto"] {
word-break: keep-all !important;
word-wrap: initial !important;
white-space: nowrap !important;
}

a[href^=tel]{
color: inherit !important;
background-color: transparent !important;
text-decoration: none !important;
}

/* media */
img, a {
border: none;
outline:none;
appearance: none;
text-decoration: none;
outline: none;
}

figure {
margin: 0;
padding: 0;
display: block;
}

figcaption {
width: 100%;
float: left;
padding: 0;
margin: 0;
}

img {
width: 100%;
max-width: 100%;
font-size: 0;
line-height: 0;
float: left;
outline: none;
}

iframe {
position: relative;
left: 0;
top: 0;
border: none;
margin: 0;
padding: 0;
outline: none;
}

/* form */
.form-item input[type=checkbox],
.form-item input[type=radio],
.form-item .submit,
.form-item button {
cursor: pointer;
}

form input[type=text],
form textarea {
border-radius:0;
background-color: transparent;
outline: none !important;
box-shadow: none;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
text-shadow: 0px 0px 0px rgba(0,0,0,0);
-webkit-text-fill-color: #000;
-moz-text-fill-color: #000;
-o-text-fill-color: #000;
-ms-text-fill-color: #000;
text-fill-color: #000;
}

form#search input[type=text] {
-webkit-text-fill-color: #fff;
-moz-text-fill-color: #fff;
-o-text-fill-color: #fff;
-ms-text-fill-color: #fff;
text-fill-color: #fff;
}

form input[type=text] {
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
}

form input[type=text] {
white-space: nowrap;
}

form textarea {
max-width: 100%;
min-width: 100%;
}

.form-wrapper .form-item.block textarea:focus:not(:focus-visible),
form input[type=text]:focus:not(:focus-visible),
form textarea:focus:not(:focus-visible) {
background-color: #f1f1f1;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
font-family:'Brown-Light', Arial, Helvetica, sans-serif, 'Sans Serif';
color: #a1a1a2;
-webkit-text-fill-color: #a1a1a2;
}

::-moz-placeholder { /* Firefox 19+ */
font-family:'Brown-Light', Arial, Helvetica, sans-serif, 'Sans Serif';
color: #a1a1a2;
-moz-text-fill-color: #a1a1a2;
}

:-ms-input-placeholder { /* IE 10+ */
font-family:'Brown-Light', Arial, Helvetica, sans-serif, 'Sans Serif';
color: #a1a1a2;
-ms-text-fill-color: #a1a1a2;
}

:-moz-placeholder { /* Firefox 18- */
font-family:'Brown-Light', Arial, Helvetica, sans-serif, 'Sans Serif';
color: #a1a1a2;
-moz-text-fill-color: #a1a1a2;
}

/* custom select */
.form-item select.custom-select {
position: relative;
margin: 0;
padding: 6px 10px;
width: 100%;
min-width: 100%;
max-width: 100%;
border-radius: 0;
outline: none !important;
background-color: transparent;
background-color: rgba(255,255,255,0);
cursor: pointer;
-webkit-appearance: none;
-moz-appearance:window;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
overflow: hidden;
text-overflow: ellipsis;
}

input[type=text]:focus:not(:focus-visible),
input[type=checkbox]:focus:not(:focus-visible),
input[type=radio]:focus:not(:focus-visible),
textarea:focus {
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
}

/* moz bugfix */
/*
html.moz .form-row select.select,
html.moz .form-row select.custom-select {
padding: 0;
}
*/

html.moz .form-item select.select,
html.moz .form-item select.select:focus:not(:focus-visible),
html.moz .form-item select.custom-select,
html.moz .form-item select.custom-select:focus:not(:focus-visible) {
outline: none !important;
border: none !important;
margin: 0;
outline: none;
}

/* warning and info */
.warn,
.info {
display: block;
clear: both;
padding: 10px;
margin-bottom: 10px;
margin-top: -10px;
}

.warn {
background-color: #ff5555 !important;
}

.warn,
.warn * {
color: #fff !important;
}

.info {
background-color: #e1e8cc !important;
}

.info,
.info * {
color: #000 !important;
}

/* hidden object */
.hidden {
display: none !important;
visibility: hidden !important;
}

.hide {
display: none;
}

.skip:not(.a11y-button:focus-within) {
position: absolute !important;
top: -9999px;
left: -9999px;
height: 1px; 
width: 1px;
overflow: hidden;
clip: rect(1px 1px 1px 1px); /* IE 7+ */
clip: rect(1px, 1px, 1px, 1px);
margin: -1px;
}

.skip.a11y-button {
    width: 100%;

    & button {
        margin-top: 10px;
        width: 100%;
    }
}/* Animation */
.download a img,
#basket-wrapper .image-wrapper img,
#press-page .product-header figure img,
.press-list li a.cover img,
.square-wrapper img {
transition: transform 0.25s ease-in-out;
}

.form-item .checkbox.image label img {
transition: opacity 0.25s ease-in-out;
}

.menu-button,
.menu-button span,
.menu-button span:before,
.menu-button span:after {
transition: all 0.25s ease-in-out;
}

#header {
transition: box-shadow 0.5s ease-in-out;
}

html.is-resizing *,
html.is-loading * {
-moz-transition: none !important;
-webkit-transition: none !important;
-ms-transition: none !important;
-o-transition: none !important;
transition: none !important;
}/*
 * Legal Disclaimer
 *
 * These Fonts are licensed only for use on these domains and their subdomains:
 * cms-basel.ch
 * dreispitz.ch
 * merianverlag.ch
 * baslerstadtbuch.ch
 *
 * It is illegal to download or use them on other websites.
 *
 * While the @font-face statements below may be modified by the client, this
 * disclaimer may not be removed.
 *
 * Lineto.com, 2017
 */
@font-face {
font-family: "Brown-Lightitalic";
src:url("/.resources/merianverlag/webresources/fonts/lineto-brown-lightitalic.eot");
src:url("/.resources/merianverlag/webresources/fonts/lineto-brown-lightitalic.eot?#iefix") format("embedded-opentype"),
    url("/.resources/merianverlag/webresources/fonts/lineto-brown-lightitalic.woff2") format("woff2"),
    url("/.resources/merianverlag/webresources/fonts/lineto-brown-lightitalic.woff") format("woff");
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: "Brown-Light";
src:url("/.resources/merianverlag/webresources/fonts/lineto-brown-light.eot");
src:url("/.resources/merianverlag/webresources/fonts/lineto-brown-light.eot?#iefix") format("embedded-opentype"),
    url("/.resources/merianverlag/webresources/fonts/lineto-brown-light.woff2") format("woff2"),
    url("/.resources/merianverlag/webresources/fonts/lineto-brown-light.woff") format("woff");
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: "Brown-Bold";
src:url("/.resources/merianverlag/webresources/fonts/lineto-brown-bold.eot");
src:url("/.resources/merianverlag/webresources/fonts/lineto-brown-bold.eot?#iefix") format("embedded-opentype"),
    url("/.resources/merianverlag/webresources/fonts/lineto-brown-bold.woff2") format("woff2"),
    url("/.resources/merianverlag/webresources/fonts/lineto-brown-bold.woff") format("woff");
font-weight: normal;
font-style: normal;
}

.backend-text,
.backend-link,
.form-wrapper .txt,
.form-wrapper textarea,
#basket-wrapper .small .cols *,
#basket-wrapper .small-title,
time,
time *,
.required-text *,
/*
.required-icon,
*/
.stage-image-wrapper figcaption p,
.light,
.text li,
.text li a,
.text p,
.text p a,
.text td,
.text td a,
.text th,
.text th a {
font-family:'Brown-Light', Arial, Helvetica, sans-serif, 'Sans Serif';
font-weight:normal;
font-style:normal;
text-rendering: optimizeLegibility;
}

.text.standard p em,
.text.standard p i,
.text.standard table em,
.text.standard table i,
.text.standard li em,
.text.standard li i,
.italic *,
.text.standard .italic *,
em,
i {
font-family:'Brown-Lightitalic', Arial, Helvetica, sans-serif, 'Sans Serif';
font-weight:normal;
font-style:normal;
text-rendering: optimizeLegibility;
}

.inline-title i,
time.inline-title,
#basket-wrapper .small .total .cols.col-1 .text strong,
#basket-wrapper .small .total .cols.col-3 .text strong,
#basket-wrapper .small .total .cols.col-4 .text strong,
#basket-wrapper .text .button,
.product-list a time,
.text p strong a,
.text p a strong,
.text table strong a,
.text table a strong,
.text li strong a,
.text li a strong,
* {
font-family:'Brown-Bold', Arial, Helvetica, sans-serif, 'Sans Serif';
font-weight:normal;
font-style:normal;
}

.headline {
font-size: 5.2em;
line-height: 120%;
}

#stage .headline {
font-size: 3.5em;
}

.text .link .title-1,
.title-1 {
font-size: 3em;
line-height: 130%;
}

#basket-items li > span,
.form-item textarea,
.form-item input,
.form-item label,
.form-item option,
.form-item select,
.title-2,
.button,
.button-zoom,
.text p,
.text a,
.text span,
.text li,
input,
p,
table,
strong,
dt,
dd,
a time,
time,
#header a  {
font-size: 1.7em;
line-height: 170.43478260869564%;
}

.text.standard li,
.text.standard table,
.text.standard table caption,
.text.standard .title-2,
.text.standard p,
.text.standard strong,
.text.standard a,
.text.standard span {
    line-height: 1.41176470588235em;
}

.button.icon-button span {
line-height: 170.43478260869564%;
}

/*
.text.standard p {
hyphens: auto;
}
*/

.small-text.text,
.small-text,
.text .small-text {
/*font-size: 1.3em;*/
    font-size: 1.6em;
line-height: 121.428571428571%;
}

#footer .small-text strong,
.small-text.text *,
.small-text.text,
.small-text p,
.text .small-text p {
/*line-height: 121.428571428571%;*/
line-height: 150%;
}

/* reset children */
a .button.checkout,
.small-text.text *,
.text .small-text *,
.text .required-text p,
.text .link,
time *,
.text time *,
.text.standard p *,
.button *,
.button-zoom *,
.text p *,
.text a *,
.text span *,
.text li *,
.title-1 *,
a *,
p *,
table *,
.text.standard table *,
th *,
td *,
strong *,
table *,
.small-text * {
font-size: 100%;
}

.price.old {
text-decoration: line-through;
}/* wrappers */

#container {
position: relative;
min-height: 100vh;
width: 100%;
padding-bottom: 58px;
margin-bottom: -58px;
float: left;
}

.content-w {
max-width: 1540px;
}

.main-content-wrapper {
width: 100%;
float: left;
padding-bottom: 64px;
margin-top: 136px;
}

#content-page .main-content-wrapper {
padding: 0 80px 34px 80px;
margin-top: 188px;
}

#home-page .main-content-wrapper > .content-w {
padding: 0 80px 0 80px;
}

#press-page .main-content-wrapper {
margin-top: 188px;
padding-bottom: 0;
}

.left-col {
width: 395px;
margin-right: -395px;
}

.right-col {
width: 100%;
padding: 0 0 67px 455px;
clear: none;
}

#press-page .right-col {
padding-bottom: 9px;
}

#press-page .right-col > div > div:first-child {
padding-bottom: 58px;
}

.col:first-child {
padding-right: 30px;
}

.col:last-child {
padding-left: 30px;
}

.fullsize {
min-width: 100%;
margin-top: 58px;
}

.fullsize.init {
opacity: 0;
}

.c-50 .fullsize:first-child {
margin-top: -2px;
}

/* header */
#header {
position: fixed;
top: 0;
left: 0;
float: left;
width: 100%;
z-index: 100;
box-shadow: 0 0 0 0 rgba(0,0,0,0);
}

.open-entry #header {
opacity: 0;
z-index: -100;
}

.edit-mode #header {
position: absolute;
z-index: 65536 !important;
}

.scrolled-header #header {
box-shadow: 0 0 100px 20px rgba(0,0,0,0.05);
}

/* logo */
#overlay-logo,
#logo {
float: right;
width: 247px;
height: 62px;
margin: 40px 40px 32px 44px;
}

#overlay-logo {
position: absolute;
top: 0;
right: 0;
}

#overlay-logo img,
#logo img {
width: auto;
max-width: 100%;
float: right;
}

#overlay-logo #cmv-top-overlay,
#logo #cmv-top {
height: 33px;
}

#overlay-logo #cmv-bottom-overlay,
#logo #cmv-bottom {
height: 29px;
}

#menu {
margin: 76px -100% 32px 40px;
}

#menu,
#menu * {
width: auto;
float: left;
}

#menu li {
margin-right: 28px;
position: relative;
}

#menu li:last-child {
margin-right: 0;
}

#menu ul ul {
position: absolute;
top: 100%;
left: 0;
float: left;
clear: both;
padding: 0;
}

#menu ul ul * {
white-space: nowrap;
}

#menu ul ul li,
#menu ul ul a {
width: 100%;
margin: 0;
}

#menu ul ul a {
padding: 0 6px;
}

/* menu button */
#menu #close-menu.menu-button,
.menu-button {
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 46px;
    float: left;
    margin: 58px 0 0 20px;
    cursor: pointer;
    display: none;
}

#menu #close-menu.menu-button {
    left: auto;
    right: 0;
}

.menu-button span,
.menu-button span:after,
.menu-button span:before {
position: absolute;
top: 20px;
left: 20px;
width: 30px;
height: 2px;
float: left;	
border-radius: 2px;
margin-top: 8px;
}

.menu-button span:after,
.menu-button span:before {
content: "";
top: 0;
left: 0;
}

.menu-button span:before {
margin-top: -8px;
}

#menu #close-menu {
display: none;
right: 0;
left: auto;
margin-left: 0;
margin-right: 20px !important;
z-index: 100;
}

#menu #close-menu span,
#menu #close-menu span:after,
#menu #close-menu span:before {
position: absolute;
top: 20px;
left: 25px;
width: 20px;
height: 2px;
float: left;	
border-radius: 2px;
margin-top: 8px;
}

#menu #close-menu span:after,
#menu #close-menu span:before {
content: "";
top: 0;
left: 0;
}

#menu #close-menu span:before {
margin-top: 0px;
transform: rotate(-45deg);
}

#menu #close-menu span:after {
transform: rotate(45deg);
margin-top: 0px;
}

.open-menu #menu #menu-overlay {
position: fixed;
top: 0;
left: 0;
height: 100%;
float: left;
}

.responsive-menu-title {
display: none;
}

.tablet .responsive-menu-title {
display: block;
}

/* meta */
#meta {
float: right;
margin: 76px 0 0 -100%;
}

/* basket header */
#basket {
float: left;
margin-right: 30px;
}

#basket .drop-button strong {
padding-right: 10px;
float: left;
}

#basket.empty .drop-button .skip-init,
#basket.empty .drop-button strong {
display: none;
}

#basket-items {
width: 400px;
}

#header #basket .drop-wrapper {
width: 700px;
margin-left: -150px;
margin-right: -150px;
padding-left: 150px;
padding-right: 150px;
padding-bottom: 150px;
}

#basket-items li,
#basket-items a {
width: 100%;
float: left;
}

#basket-items a {
padding-right: 80px;
position: relative;
}

#basket-items span {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%;
float: left;
}

#basket-items .count {
position: absolute;
right: 0;
top: 0;
width: 80px;
float: left;
text-align: right;
padding-right: 6px;
}

#basket-items span.total {
padding-left: 6px;
width: auto;
margin-right: -100%;
}

#basket-items span.price {
width: auto;
float: right;
padding: 0 6px 0 30px;
}

#basket-items .checkout {
width: auto;
padding-right: 6px;
float: right;
}

.basket-item .counter {
position: relative;
}

.basket-item .add-item,
.basket-item .remove-item {
position: absolute !important;
top: 0;
line-height: 28px;
width: 56px;
text-align: center;
float: left;
display: block;
}

.basket-item .add-item {
right: -24px;
padding-left: 28px;
}

.basket-item .remove-item {
left: -24px;
padding-right: 28px;
}

.basket-item .counter span {
text-align: center;
width: 100%;
float: left;
}

/* search (header) */
#search {
float: left;
margin-right: 30px;
}

#search > a {
float: left;
}

#search #search-field {
position: absolute;
top: 100%;
left: 0;
width: 200px;
float: left;
margin: 0;
padding: 0 6px;
display: none;
}

#search #search-field .close {
display: none;
}

#search.active #search-field {
display: block;
}

#search.active #search-query {
width: 100%;
}

/* language */
#language {
float: left;
margin-right: 30px;
}

/* buttons and icons */
.button,
.drop-button {
float: left;
padding: 0 6px;
}

.button.center-button {
position: relative;
left: 50%;
transform: translateX(-50%);
}

a.button,
a.drop-button,
.drop-hover .drop-button {
cursor: pointer;
}

.main-content-wrapper .drop-hover.open .drop-wrapper {
display: block;
}

/*
.pc #menu .drop-hover.open .drop-wrapper {
display: none;
}
*/

#menu .drop-hover[aria-hidden="true"] .drop-wrapper {
    display: none;
}
#menu .drop-hover[aria-hidden="false"] .drop-wrapper {
    display: block;
}

.drop-button span {
float: left;
}

.button .drop-button {
padding: 0;
height: 28px;
}

.button.sample {
margin-left: -100%;
}

.align-l {
margin-left: -6px;
}

.align-r {
margin-right: -6px;
}

.button.fr {
float: right;
}

.button.icon-button .icon {
margin-right: 18px;
}

.button.icon-button span {
float: left;
margin-right: -200%;
}

.product-download .button.icon-button span,
.add-to-basket-button.button.icon-button span,
.drop-button.button.icon-button span {
margin-right: 0;
}

.product-download .button.icon-button span:last-child,
.add-to-basket-button.button.icon-button span:last-child,
.drop-button.button.icon-button span:last-child{
margin-right: -200%;
}

.product-download .button.icon-button span.icon,
.add-to-basket-button.button.icon-button span.icon,
.drop-button.button.icon-button span.icon{
margin-right: 18px;
}

.drop-button.square,
.button.square,
.icon {
width: 28px;
height: 28px;
float: left;
padding: 0;
}

.button.square {
cursor: pointer;
}

.drop-hover {
position: relative;
float: left;
margin-right: -100%;
}

.drop-wrapper {
position: relative;
float: left;
display: none;
}

#header .drop-wrapper {
position: absolute;
top: 100%;
left: 0;
margin-top: 0;
margin-left: 0;
}

#header #menu .drop-hover.temp-open .drop-wrapper {
display: block;
}

.drop-wrapper {
margin-top: 28px;
margin-left: -28px;
}

.product-download .drop-wrapper,
.product-header .drop-wrapper {
margin-left: -100%;
transform: translateX(100%);
left: 48px;
}

.drop-wrapper .button {
clear: both;
width: 100%;
}

.highlight {
width: auto;
float: left;
padding: 0 6px;
}

.basket-wrapper {
width: 100%;
float: left;
position: relative;
z-index: 2;
}

/* stage */
.stage-wrapper {
position: relative;
width: 100%;
float: left;
overflow: hidden;
z-index: 1;
}

#home-page .stage-wrapper {
margin-bottom: 30px;
}

.stage-wrapper.no-click * {
pointer-events: none;
}

.main-content-wrapper.no-stage {
margin: 135px 0 0 0;
}

.main-content-wrapper.no-stage.no-image {
margin: 166px 0 0 0;
}

.main-content-wrapper.no-stage.no-image.text-start {
margin: 188px 0 0 0;
}

.stage-image-wrapper > div,
.stage-wrapper div.fade-wrapper,
.stage-wrapper ul.fade-wrapper,
.stage-wrapper .fade-wrapper .item {
position: relative;
width: 100%;
float: left;
}

.stage-image-wrapper > div,
.stage-wrapper .item > a,
.stage-wrapper .item > div {
position: relative;
width: 100%;
float: left;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}

.stage-wrapper .item > .edit-wrapper {
height: auto !important;
}

.stage-image-wrapper > div,
.stage-wrapper .item > a,
.stage-wrapper .item > div,
.stage-wrapper ul.fade-wrapper,
.stage-wrapper .fade-wrapper .item,
.stage-wrapper ul {
height: 600px;
}
	
.edit-mode .stage-wrapper div.fade-wrapper {
height: auto !important;
}
	
.stage-wrapper .fade-wrapper .item {
z-index: -1;
margin-bottom: -100%;
margin-right: -100%;
opacity: 0;
}

.stage-wrapper .fade-wrapper .item .fullscreen-wrapper {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
float: left;
background-repeat: no-repaet;
background-size: cover;
background-position: center center;
}

.edit-mode .stage-wrapper .fade-wrapper .item {
z-index: 1;
margin-bottom: 20px;
margin-right: 0;
opacity: 1;
height: auto;
}

.edit-mode .article-image.stage-wrapper .fade-wrapper .item {
z-index: 1;
margin-bottom: 0;
height: 100%;
}

.stage-wrapper .item.visible {
z-index: 3;
opacity: 1;
}

.stage-wrapper .item.active,
.stage-wrapper .item.visible.active {
opacity: 1;
}

.stage-wrapper .item.next,
.stage-wrapper .item.visible.next {
z-index: 2;
}

.stage-wrapper .item .title-wrapper,
.stage-wrapper .item figure {
position: absolute;
width: 33.33333333333333%;
float: left;
height: 100%;
}

.stage-wrapper .fade-wrapper .item .title-wrapper,
.stage-wrapper .fade-wrapper .item .headline {
width: 100%;
float: left;
}

.stage-wrapper .item.left .title-wrapper, 
.stage-wrapper .item.right .title-wrapper {
width: 50%;
max-width: 50%;
}

.stage-wrapper .item.center-text.left .title-wrapper, 
.stage-wrapper .item.center-text.right .title-wrapper {
width: 33.33333333333%;
}

.stage-wrapper .item.center-text.left .title-wrapper.c-50, 
.stage-wrapper .item.center-text.right .title-wrapper.c-50 {
width: 50%;
}

.stage-wrapper .item.center-text.left .title-wrapper,
.stage-wrapper .item.center-text.right .title-wrapper,
.stage-wrapper .item.center.right .title-wrapper,
.stage-wrapper .item.center.left .title-wrapper {
width: 33.33333333333333%;
}

.stage-wrapper .item .title-wrapper {
top: 50%;
height: auto;
transform: translateY(-50%);
padding: 0;
}

.stage-wrapper .item figure {
padding: 3% 40px;
bottom: 0;
}

.stage-wrapper .item figure img {
position: relative;
top: 50%;
transform: translateY(-50%);
width: auto;
height: auto;
max-width: 100%;
}

.stage-wrapper .item.left figure img,
.stage-wrapper .item.center-text.left figure img,
.stage-wrapper .item.center figure img,
.stage-wrapper .item.center.right figure img,
.stage-wrapper .item.center.left figure img {
float: left;
}

.stage-wrapper .item.center-text.right figure img,
.stage-wrapper .item.right figure img {
float: right;
}

.stage-wrapper .item.size-1 figure img {
max-height: 100%;
}

.stage-wrapper .item.size-2 figure img {
max-height: 80%;
}

.stage-wrapper .item.size-3 figure img {
max-height: 60%;
}

.standard-image-wrapper figcaption p,
.stage-image-wrapper figcaption p {
width: 100%;
padding: 0;
text-align: right;
margin-top: 6px;
}

.standard-image-wrapper.medium,
.standard-image-wrapper.medium img,
.standard-image-wrapper.medium figcaption {
max-width: 1300px;
}

.standard-image-wrapper.small,
.standard-image-wrapper.small img,
.standard-image-wrapper.small figcaption {
max-width: 850px;
}

/* image right */
.stage-wrapper .item.right figure,
.stage-wrapper .item.center-text.right figure,
.stage-wrapper .item.left .title-wrapper,
.stage-wrapper .item.center.right .title-wrapper {
right: 0;
left: auto;
}

.stage-wrapper .item.left .title-wrapper,
.stage-wrapper .item.center.right .title-wrapper {
text-align: right;
}

.stage-wrapper .item.center.left .title-wrapper {
text-align: left;
}

.stage-wrapper .item.center-text .title-wrapper {
text-align: center;
}

.stage-wrapper .item.right figure {
padding-right: 10%;
}

.stage-wrapper .item.right .title-wrapper {
padding-right: 0;
padding-left: 80px;
}

.stage-wrapper .item.center.right .title-wrapper {
padding-right: 80px;
padding-left: 0;
}

/* image left */
.stage-wrapper
.stage-wrapper .item.left figure,
.stage-wrapper .item.right .title-wrapper,
.stage-wrapper .item.center.left .title-wrapper {
left: 0;
right: auto;
}

.stage-wrapper .item.left figure {
padding-left: 10%;
}

.stage-wrapper .item.left .title-wrapper {
padding-right: 80px;
padding-left: 0;
}

.stage-wrapper .item.center.left .title-wrapper {
padding-right: 0;
padding-left: 80px;
}

/* image center */
.stage-wrapper .item.center-text.right .title-wrapper,
.stage-wrapper .item.center figure {
left: 33.3333333333333%;
}

.stage-wrapper .item.center-text.right .title-wrapper.c-50 {
left: 25%;
}

.stage-wrapper .item.center.size-1 figure img,
.stage-wrapper .item.center.size-2 figure img,
.stage-wrapper .item.center.size-3 figure img {
transform: translateY(-50%) translateX(-50%);
left: 50%
}

.stage-wrapper .item.center.left figure,
.stage-wrapper .item.center.right figure {
padding-left: 5%;
padding-right: 5%;
}

/* text center */
.stage-wrapper .item.center-text.left .title-wrapper,
.stage-wrapper .item.center-text.right .title-wrapper {
left: 33.333333333333%;
right: auto;
padding-left: 0;
padding-right: 0;
}

/* article detail stage */
.article {
padding: 0 80px;
width: 100%;
float: left;
}

.article-image {
width: 100%;
float: left;
position: relative;
}

.article-image ul,
.article-image ul * {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.article-image .item img {
top: auto;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
padding: 20px 20px 40px 20px;
}

/* stage navigation */
.stage-wrapper .arrow.prev,
.stage-wrapper .arrow.next {
position: absolute;
top: 0;
width: 10%;
min-width: 110px;
height: 100%;
float: left;
cursor: pointer;
z-index: 4;
display: none;
}

.stage-wrapper .arrow.next {
right: 0;
left: auto !important;
}

.stage-wrapper .arrow.prev {
left: 0;
right: auto !important;
}

.stage-wrapper .arrow.prev .icon,
.stage-wrapper .arrow.next .icon {
content: "";
position: absolute;
bottom: 0;
top: auto !important;
margin: 0 0 30px 0;
width: 46px;
height: 46px;
float: left;
}

.stage-wrapper .arrow.next .icon {
right: 30px;
left: auto !important;
}

.stage-wrapper .arrow.prev .icon {
left: 30px;
right: auto !important;
}

.article-image .button-menu,
.button-menu {
position: relative;
top: -30px;
width: auto;
height: auto;
margin: 0 auto -12px auto;
clear: both;
z-index: 5;
display: table;
}

.article-image .button-menu .item,
.button-menu .item {
position: relative;
width: 10px;
height: 10px;
margin: 0 10px;
border-radius: 50%;
display: inline-block;
float: none;
z-index: 6;
cursor: pointer;
}

/* product list */
.product-list {
width: 100%;
float: left;
padding: 0;
}

#content-page .product-list {
padding: 0;
width: auto;
float: none;
clear: both;
display: block;
margin: 0 -30px;
}

.product-list ul {
display: block;
clear: both;
}

#home-page .product-list ul#product-list-items {
margin-left: -30px;
margin-right: -30px;
}

#content-page .product-list ul {
padding-bottom: 30px;
}

#content-page.no-stage .product-list ul {
margin-top: -22px;
}

aside .product-list {
padding: 0;
float: none;
width: auto;
display: block;
margin: 0 -30px;
}

.product-list li {
position: relative;
width: 25%;
float: left;
padding: 30px 30px 25px 30px;
z-index: 1;
}

.product-list li.spacer {
position: relative;
width: 100%;
float: left;
padding: 0;
margin: 0;
z-index: -1;
display: block;
clear: both;
height: 0px;
}

.product-list li.ontop {
z-index: 2;
}

.product-list .not-match,
.product-list .match {
width: 100%;
float: left;
}

.product-list li .square-wrapper {
position: relative;
width: 100%;
float: left;
}

.square-wrapper img {
position: absolute;
left: 0;
bottom: 0;
transform: scale(1,1);
transform-origin: 0 100%;
width: auto;
height: auto;
}

.size-1.square-wrapper img {
max-width: 70%;
max-height: 100%;
}

.size-2.square-wrapper img {
max-width: 58.8%;
max-height: 84%;
}

.size-3.square-wrapper img {
max-width: 50.4%;
max-height: 72%;
}

.product-list li .text {
padding-top: 20px;
}

.inline-title {
display: inline;
float: none;
clear: both;
}

.price {
float: left;
padding-right: 20px;
}

.price:last-child {
padding-right: 0;
margin-right: -100%;
}

#basket-items .price:last-child {
margin-right:0;
}

/* fix 23-02-2018 new inline title */
.inline-title.fix-title {
display: block;
float: left;
}

.inline-title.fix-title i {
float: left;
padding: 0 6px;
margin-left: -6px;
}

.product-list .not-match a.text, 
.product-list .not-match .text > a {
overflow: hidden;
}

/* text */
.text {
width: 100%;
float: left;
}

/*
.right-col .text.standard .inner {
max-width: 925px;
clear: both;
}
.main-content-wrapper > .text.standard .inner {
max-width: 1380px;
clear: both;
}
.text.standard.download,
.main-content-wrapper > .text.standard.download {
max-width: none;
clear: none;
}
*/

.form-wrapper .text.c-50 {
padding-right: 50%;
}

.text .link {
float: left;
clear: both;
}

.text p {
width: 100%;
float: left;
padding-top: 1.41176470588235em;
}

.text .inner p:first-child {
padding-top: 0;
}

.text .inner.has-title p:first-child {
padding-top: 1.41176470588235em;
}

.text.standard p a,
.text.standard li a,
.text.standard table a {
text-decoration: underline;
}

.small-text.text p {
float: left;
width: 100%;
padding-top: 1em;
}

/* table */
.table-wrapper.scroll {
overflow: hidden;
overflow-x: scroll;
-webkit-overflow-scrolling: touch;
-moz-overflow-scrolling: touch;
-ms-overflow-scrolling: touch;
-o-overflow-scrolling: touch;
overflow-scrolling: touch;
margin-right: 0;
}

.text.standard .table {
width: auto !important;
float: left;
border-collapse: collapse;
border-spacing: 0;
}

.text.standard .table thead,
.text.standard .table tbody {
border: none;
border-collapse: collapse;
border-spacing: 0;
vertical-align: top;
}

.table-wrapper table {
min-width: 330px !important;
}

.text.standard table,
.text.standard table caption {
padding-top: 1.41176470588235em;
}

.text.standard table caption {
margin-bottom: -1.41176470588235em;
}

.text.standard td,
.text.standard th {
vertical-align: top;
padding: 0 20px 0 0;
}

.text.standard table * {
text-align: left;
}

.text.standard td:last-child,
.text.standard th:last-child {
padding: 0;
}

/* colums */
.col.c-4-1 {
padding-right: 45px;
}

.col.c-4-2 {
padding-right: 30px;
padding-left: 15px;
}

.col.c-4-3 {
padding-right: 15px;
padding-left: 30px;
}

.col.c-4-4 {
padding-left: 45px;
}

.col.c-3-2.c-25 {
padding-left: 30px;
padding-right: 15px;
}

.col.c-3-3.c-25 {
padding-left: 45px;
}

.c-50.c-3 {
padding-right: 30px;
}

.c-50.c-3.second {
padding-right: 0;
padding-left: 30px;
}

/* product detail */
#product-page article {
padding-top: 41px;
}

#product-page .product-list {
padding-top: 22px;
}

#product-page .product-list article {
padding-top: 0;
}

.product-list .not-match a.text {
width: auto;
float: none;
}

#product-page .left-col {
padding-top: 39px;
}

.product-download {
display: none;
}

.product-download > div {
position: relative;
z-index: 1;
}

.sample {
position: relative;
z-index: 2;
}

/* press overview */
.press-list-wrapper {
margin-top: 54px;
margin-bottom: 64px;
}

.press-list-wrapper .form-wrapper {
padding-right: 30px;
}

.press-list {
display: block;
margin: 0 -30px;
}

.press-list li {
padding: 30px;
}

.press-list li .text,
.press-list li .cover {
width: 50%;
padding: 0 30px;
}

.press-list li a.cover {
transform: scale(1,1);
transform-origin: 0 100%;
}

.press-list li .text {
padding: 30px;
}

.press-list li .title-2 {
padding-top: 1.41176470588235em;
max-width: 100%;
/*
overflow: hidden;
text-overflow: ellipsis;
*/
}

.press-list li .text > .c-100 {
padding-top: 2.4em;
}

.press-list li .size-1,
.press-list li .size-2,
.press-list li .size-3 {
padding: 0 7%;
}

.press-list li .size-2 img {
padding: 10%;
}

.press-list li .size-3 img {
padding: 16%;
}

time span:first-child {
padding-right: 0.5em;
}

.event-list-wrapper time span:first-child {
padding-right: 0;
}

/* press / event detail */
#event-page .product-header figure,
#press-page .product-header figure {
padding-right: 25%;
margin-bottom: 44px;
}

#event-page .product-header figure img,
#press-page .product-header figure img {
transform: scale(1,1);
transform-origin: 0 100%;
max-height: 330px;
width: auto;
}

#event-page .product-header figure,
#press-page .product-header figure {
margin-bottom: 16px;
}

#event-page .product-header time span,
#press-page .product-header time span {
white-space: nowrap;
padding: 0;
}

.product-header.event-header .text.no-image {
margin-top: 63px;
}

.event-list-wrapper {
margin-top: -30px;
}

time {
float: left;
}

time span {
white-space: nowrap;
float: left;
}

.large-screen-button {
cursor: pointer;
}

/* basket / checkout */
#basket-wrapper {
margin-bottom: 64px;
}

#basket-wrapper .form-wrapper,
#basket-wrapper form {
width: 100%;
float: left;
}

#basket-wrapper ul,
#basket-wrapper li {
position: relative;
list-style: none;
}

#basket-wrapper ul {
padding-top: 80px;
}

#basket-wrapper ul li {
padding-top: 54px;
padding-bottom: 60px;
}

#basket-wrapper ul li.total {
border-top: 1px solid #000;
padding-top: 32px;
margin-top: 0;
padding-bottom: 32px;
}

#basket-wrapper ul li.sub-total {
border-top: 1px solid #000;
margin-top: 1.4em;
padding-top: 1.4em;
}

#basket-wrapper .image-wrapper,
#basket-wrapper .image-wrapper a {
width: 140px;
height: 140px;
position: relative;
float: left;
margin-top: -54px;
z-index: 2;
}

#basket-wrapper .image-wrapper a {
margin-top: 0;
}

#basket-wrapper .image-wrapper img {
max-width: 140px;
max-height: 140px;
width: auto;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
}

#basket-wrapper .col-1 .text {
position: relative;
margin-left: -140px;
padding-left: 180px;
}

#basket-wrapper .total .col-1 .text {
margin-left: 0;
}

#basket-wrapper .text .button {
text-decoration: none;
white-space: nowrap;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
}

#basket-wrapper .text .small-title {
position: relative;
margin-top: -130px;
float: left;
}

#basket-wrapper .total .text .small-title {
margin-top: 0;
}

#basket-wrapper .cols {
float: left;
padding-right: 40px;
}

#basket-wrapper.cols:last-child {
padding-right: 0;
}

#basket-wrapper .cols.col-1 {
width: 54%;
}

#basket-wrapper .cols.col-2 {
width: 8%;
}

#basket-wrapper .cols.col-3 {
width: 14%;
}

#basket-wrapper .cols.col-4 {
width: 24%;
margin-right: -120px;
padding-right: 160px;
}

#basket-wrapper .cols.col-5 {
width: 120px;
padding-right: 0;
}

#basket-wrapper .cols.col-2 input,
#basket-wrapper .cols.col-2 .price.c-text,
#basket-wrapper .cols.col-2 .small-title,
#basket-wrapper .cols.col-5 .small-title {
width: 100%;
text-align: center;
}

#basket-wrapper .cols.col-2 .input input {
padding: 6px 0;
}

#basket-wrapper .cols.col-3 .text *,
#basket-wrapper .cols.col-4 .text * {
float: right;
tetx-align: right;
}

#basket-wrapper .cols .text .price {
float: right;
margin: 0 0 0 20px;
padding: 0;
}

#basket-wrapper .cols .text .price:last-child {
margin: 0 0 0 -100%;
}

#basket-wrapper .cols.col-5 .image-wrapper {
width: 120px;
height: 120px;
position: relative;
}

#basket-wrapper .col-5 .delete-item {
background-color: transparent;
box-shadow: none;
border-radius: 0;
text-shadow: none;
cursor: pointer;
z-index: 2;
width: 120px;
height: 120px;
text-indent: -9999px;
overflow: hidden;
}

#basket-wrapper .cols.col-5 .image-wrapper:after,
#basket-wrapper .cols.col-5 .image-wrapper:before {
content: "";
position: absolute;
top: 50%;
left: 50%;
margin: 7px 0 0 -8px;
width: 20px;
height: 2px;
float: left;
z-index: -1;
}

#basket-wrapper .cols.col-5 .image-wrapper:after {
transform: rotate(-45deg);
}

#basket-wrapper .cols.col-5 .image-wrapper:before {
transform: rotate(45deg);
}

/* small */
#basket-wrapper .small {
padding-top: 2.8em;
}

#basket-wrapper .small li {
padding: 0;
}

#basket-wrapper .small .cols {
padding: 0;
margin: 0;
}

#basket-wrapper .small .cols.col-1 {
width: 52%;
}

#basket-wrapper .small .cols.col-1.large {
width: 68%;
}

#basket-wrapper .small .cols.col-1.large-2 {
width: 84%;
}

#basket-wrapper .small .cols.col-2,
#basket-wrapper .small .cols.col-3,
#basket-wrapper .small .cols.col-4 {
width: 16%;
}

#basket-wrapper .small .total .cols.col-1 .text strong {
float: none;
display: inline;
overflow: auto;
padding: 0 0.25em 0 0;
}

#basket-wrapper .small li.total {
margin-top: 1.4em;
padding-top: 1.4em;
}

#basket-wrapper .small .cols.col-1 .text {
margin: 0;
padding: 0 20px 0 0;
}

#basket-wrapper .small .cols.col-1 .text strong {
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
float: left;
}

#basket-wrapper .small .text .small-title {
margin-top: -3.24em;
}

/* form */
.col.c-50 .form-wrapper {
max-width: 552px;
}

.col.c-50 .title-2 {
max-width: 552px;
}

.form-wrapper > .small-title {
float: left;
margin-bottom: 33px;
}

.form-wrapper > strong {
float: right;
margin: 0.65em 0 0 -100%;
}

.form-wrapper .form-item,
.form-wrapper .radio-set,
.form-wrapper .checkbox-set {
width: 100%;
float: left;
margin: 0 0 15px 0;
padding: 0;
position: relative;
}

#basket-wrapper .form-wrapper .form-item.fr {
width: auto;
float: right;
margin-bottom: 0;
}

.form-wrapper .form-item.radio,
.form-wrapper .form-item.checkbox,
.form-wrapper .radio-set .form-item,
.form-wrapper .checkbox-set .form-item {
margin: 0;
}

.form-wrapper .form-item.block {
background-color: #fff !important;
}

.form-wrapper .form-item.block textarea {
}

.form-wrapper .form-item.block label {
position: relative;
margin: 0;
padding: 0 0 12px 0;
}

.form-item input[type=text],
.form-item textarea {
position: relative;
width: 100%;
max-width: 100%;
min-width: 100%;
float: left;
z-index: 8;
padding: 6px 10px;
}

.form-item textarea {
resize: vertical;
min-height: 40px;
}

.form-item label {
position: relative;
top: 0;
left: 0;
width: auto;
float: left;
z-index: 9;
padding: 6px 0 6px 10px;
margin: 0 -100% -100% 0;
}

.form-item.radio-set label {
margin: 0;
}

.form-item .checkbox label,
.grid-wrapper .grid-item .form-item .checkbox.image label {
margin: 0;
}

.form-wrapper form {
width: 100%;
float: left;
}

.mobile.-webkit- .form-item .custom-select,
.mobile.-webkit- .form-item input,
.mobile.-webkit- .form-item textarea,
.tablet.-webkit- .form-item .custom-select,
.tablet.-webkit- .form-item input,
.tablet.-webkit- .form-item textarea {
border-radius: 0 !important;
-webkit-border-radius: 0 !important;
-webkit-tap-highlight-color: transparent;
}

.form-item .custom-select {
border: none;
padding: 0;
height: auto;
box-sizing: border-box;
}

.moz .form-item .custom-select {
border: none;
padding: 7px 46px 7px 20px;
height: 42px;
}

.is-win.is-ie.v-10 .form-item .custom-select,
.is-win.is-ie.v-11 .form-item .custom-select {
padding: 8px 10px 8px 20px;
}

.moz .form-item .select-wrapper {
border: 1px solid #fff;
}

.form-item .select-wrapper:after {
content: "";
width: 10px;
height: 10px;
float: right;
position: absolute;
top: 0;
right: 0;
border: 2px solid #ededed;
border-right: 2px solid #fff;
border-bottom: 2px solid #fff;
border-top: 0px solid rgba(0,0,0,0) !important;
border-left: 0px solid rgba(0,0,0,0) !important;
transform: rotate(45deg);
margin: 12px 12px 0 0;
pointer-events: none;
}

.moz.is-win .form-item .select-wrapper:after,
.is-win.is-ie.v-10 .form-item .select-wrapper:after,
.is-win.is-ie.v-11 .form-item .select-wrapper:after {
display: none;
}

form button {
position: relative;
z-index: 9;
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
background-color: transparent;
background-color: rgba(255,255,255,0);
cursor: pointer;
}

.form-wrapper .form-item.agb {
margin-top: 16px;
}

.form-item.agb * {
float: left;
}

span.required-icon {
/*
font-size: 0.8em;
*/
position: relative;
display: inline-block;
top: -0.25em;
left: 0.1em;
}

.form-item.agb label span.required-icon {
float: none;
}

.form-item.agb .button {
font-size: 50%;
margin-left: 20px;
}

.form-item .radio label,
.form-item .checkbox label {
width: 100%;
padding-left: 35px;
position: relative;
z-index: 2;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

.form-item.radio .form-item .radio label,
.form-item.checkbox .form-item .checkbox label {
white-space: normal;
}

.form-item .radio,
.form-item .checkbox {
position: relative;
width: 100%;
float: left;
}

.form-item .radio input,
.form-item .checkbox input {
position: absolute;
top: 0;
left: 0;
z-index: 10;
width: 20px;
height: 20px;
opacity: 0;
float: left;
margin-top: 0.45em;
}

.form-item .checkbox label:after,
.form-item .radio label:after {
content: "";
width: 20px;
height: 20px;
position: absolute;
top: 0;
left: 0;
float: left;
margin-top: 0.45em;
z-index: 3;
}

.form-item .radio.active label:before,
.form-item .checkbox.active label:before {
content: "+";
width: 20px;
height: 20px;
position: absolute;
top: 0;
left: 0;
float: left;
margin: 0.22em 0 0 6px;
z-index: 4;
transform: rotate(45deg);
font-size: 150%;
}

.form-item.text .small {
padding-top: 8px;
width: 100%;
float: left;
}

.form-item.text .small p:first-child {
padding-top: 0;
}

.drop-button,
.article-header .button {
position: relative;
}

.form-item .button.submit {
margin-top: 22px;
height: auto;
padding: 0 10px;
float: right;
cursor: pointer;
}

#basket-wrapper .button.submit {
margin-top: 0;
cursor: pointer;
}

input.submit,
input[type=submit],
.form-item input[type=submit],
.form-item input.submit {
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
border-radius: 0;
box-shadow: none;
}

.left-col .form-item .button.submit {
float: left;
}

.left-col .fullsize .form-item .button.submit {
float: right;
}

.article-header .form-item .button.submit {
float: left;
}

.article-header .form-wrapper form {
margin-bottom: 59px;
}

.form-item.search-field button {
font-size: 100%;
/*margin: 8px -35px 0 2px;*/
    margin: 8px 2px 0 -35px;
}

.form-item.input.search-field input[type=text] {
width: 100%;
padding-right: 35px;
}

.radio-set .toggle-button {
padding: 0;
}

/* toggle form */
.toggle-button {
width: 100%;
float: left;
}

.toggle-content {
display: none;
}

.toggle-content.active {
display: block;
}

.fullsize .toggle-content.active {
margin-bottom: 74px;
}

.required-text {
width: auto;
margin: 8px 0 0 -100%;
}

.form-wrapper .text .required-text {
margin: 0 30px 17px 0;
}

.form-wrapper .c-50 .required-text {
margin: -20px 0 16px 0;
}

.form-wrapper fieldset.c-50 .required-text {
margin: -33px 0 16px 0;
}


/* form checkbox grid with images */
.grid-wrapper {
display: block;
clear: both;
margin: 0 -60px 18px 0;
}

.grid {
opacity: 1;
width: 100%;
float: left;
}

.grid:after {
content: "";
clear: both;
display: block;
}

.grid-wrapper .grid-sizer,
.grid-wrapper .grid-item {
width: 25%;
float:left;
}

.column-wrapper .col.c-50 .grid-wrapper .grid-sizer,
.column-wrapper .col.c-50 .grid-wrapper .grid-item {
width: 50%;
}

.column-wrapper .col.c-25 .grid-wrapper .grid-sizer,
.column-wrapper .col.c-25 .grid-wrapper .grid-item {
width: 100%;
}

.column-wrapper .col fieldset.c-50 {
width: 100%;
padding-right: 0;
padding-left: 0;
}

.grid-wrapper .grid-item .form-item {
width: 100%;
padding: 0 60px 53px 0;
margin: 0;
}

.grid-wrapper .grid-item .form-item .checkbox {
width: 100%;
float: left;
}

.grid-wrapper .grid-item .form-item .checkbox.image label {
cursor: pointer;
padding-left: 30px;
}

.grid-wrapper .grid-item .form-item .checkbox.image.active label {
opacity: 1;
}

.grid-wrapper .grid-item .form-item .checkbox.image img {
margin-top: 2px;
}

.grid-wrapper .grid-item .form-item .checkbox.image.active label {
opacity: 1;
}

/* download */
.download {
width: 25%;
padding: 0 20px 54px 20px;
}

.c-50 .download {
width: 50%;
padding-bottom: 54px;
}

.col .col.c-50 .download {
width: 100%;
}

/*
.c-50 .download.left {
padding-right: 30px;
}

.c-50 .download.right {
padding-right: 0;
padding-left: 30px;
}
*/

/*
.main-content-wrapper > .download {
width: 25%;
}
*/

.main-content-wrapper > .download-wrapper {
margin: 0 -20px;
}

.set-download .main-content-wrapper > .download {
width: calc(25% + 10px);
margin-left: 0;
}

.set-download .main-content-wrapper > .download.first,
.set-download .main-content-wrapper > .download.first.last {
margin-left: -20px;
margin-right: 0;
float: left;
}

.set-download .main-content-wrapper > .download.last {
margin-right: -20px;
margin-left: 0;
float: right;
}

.col .col.c-50 .download:nth-child(odd),
.col .col.c-50 .download:nth-child(even) {
padding-right: 0;
padding-left: 0;
}

.download figcaption {
margin: 0 0 6px 0;
width: 100%;
float: left;
}

.download a img {
transform: scale(1,1);
transform-origin: 50% 0;
}

.download a img {
transform: scale(1,1);
transform-origin: 50% 0;
}

.download a.image {
position: relative;
}

.download a.image:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
float: left;
opacity: 0;
background-image: url('/.resources/merianverlag/webresources/images/page-icons/download-icon-w.svg');
background-position: center center;
background-repeat: no-repeat;
background-size: 21px 28px;
cursor: pointer;
}

/* team */
.team {
width: 50%;
padding-bottom: 40px;
}

.team.right {
padding-left: 30px;
}

.team.left {
padding-right: 30px;
}

.team.large {
width: 100%;
}

.team.large.right,
.team.large.left {
padding-right: 0;
padding-left: 0;
}

.c-50 .team {
width: 100%;
padding-bottom: 40px;
}

.c-50 .team:nth-child(odd),
.c-50 .team:nth-child(even) {
padding-right: 0;
padding-left: 0;
}

.team img,
.team figcaption {
width: 50%;
padding-right: 20px;
float: left;
}

.team figcaption {
width: 50%;
padding-right: 0;
padding-left: 20px;
float: right;
}


/* event list */
.event-list {
margin: 0 -30px;
clear: both;
display: block;
padding-bottom: 30px;
}

.event-list li {
width: 25%;
float: left;
padding: 30px;
}

.event-list li article .text {
padding: 14px 18px;
}

/* media overlay */
.overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
float: left;
z-index: 99;
background: rgba(255,255,255,0.95);
display: none;
}

#entry-overlay.overlay {
background: rgba(255,255,255,1);
}

#entry-overlay .headline {
display: none;
}

.open-entry #entry-overlay .headline {
display: block;
}

.overlay .frame {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
float: left;
z-index: 1;
cursor: pointer;
}

.overlay-inner {
position: relative;
top: 50%;
left: 50%;
width: 100%;
height: 100%;
float: left;
transform: translateX(-50%) translateY(-50%);
padding: 0 80px;
z-index: 10;
}

#soundcloud-overlay .overlay-inner {
height: 200px;
}

#issuu-overlay .overlay-inner {
height: calc(100% - 280px);
min-height: 300px;
margin-top: 160px;
transform: translateX(-50%) translateY(0);
top: 0;
padding: 0;
}

#youtube-overlay .overlay-inner > div,
#issuu-overlay .overlay-inner > div {
position: absolute;
top: 0;
left: 0;
height: 100%;
padding: 0 80px;
}

#youtube-overlay .overlay-inner > div {
padding: 0;
}

.overlay-inner .close {
position: absolute !important;
top: 0;
right: 80px;
width: 28px;
height: 28px;
float: left;
cursor: pointer;
margin-top: -6px;
    background-color: transparent;
}

#youtube-overlay .overlay-inner .close {
right: 0;
}

.overlay-inner .close:after,
.overlay-inner .close:before {
content: "";
position: absolute;
top: 50%;
left: 50%;
margin: 7px 0 0 -8px;
width: 20px;
height: 2px;
float: left;
z-index: -1;
}

.overlay-inner .close:after {
transform: rotate(45deg);
}

.overlay-inner .close:before {
transform: rotate(-45deg);
}

/* entry overlay */
#entry-overlay.overlay {
display: block;
}

#entry-overlay .overlay-inner {
height: auto;
}

#entry-overlay .overlay-inner *{
text-align: center;
}

/* footer */
#footer {
position: relative;
width: 100%;
float: left;
padding: 0 40px 36px 40px;
z-index: 3;
}

#footer p,
#footer p a,
#footer p em,
#footer p strong {
width: auto;
float: left;
}

#footer p a,
#footer p em,
#footer p strong {
margin-right: 15px;
}

/* social links */
#social-links {
position: fixed;
bottom: 0;
right: 0;
margin: 0 40px 40px 0;
float: left;
}

#social-links ul,
#social-links li,
#social-links a {
float: left;
}

#social-links li {
margin-left: 10px;
}

#social-links li:first-child {
margin-left: 0;
}

#social-links a {
border-radius: 50%;
width: 20px;
height: 20px;
}

/* cookie banner */
#cookie-banner {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
z-index: 90;
float: left;
background-color: #EDEDED;
padding: 14px 40px;
transform: translateY(100%);
transition: transform 0.25s ease-in-out;
}

.edit-mode #cookie-banner {
position: relative;
bottom: auto;
}

.show-cookie-banner #cookie-banner {
transform: translateY(0);
}

#cookie-banner .box {
display: flex;
width: 100%;
align-content: stretch;
align-items: stretch;
flex: 1 1 30%;
}

#cookie-banner .box > * {
align-self: stretch;
}

#cookie-banner .box > .cookie-banner-text {
/*width: 100%;*/
padding-right: 40px;
}

#cookie-banner .box > .cookie-banner-button {
width: auto;
white-space: nowrap;
height: auto;
align-self: center;
cursor: pointer;
}

@media only screen and (max-width : 600px) {
#cookie-banner {
padding: 14px 18px;
}

#cookie-banner .box {
display: block;
text-align: center;
font-size: 80%;
}

#cookie-banner .box > .cookie-banner-text {
padding-right: 0;
text-align: left;
}

#cookie-banner .box > .cookie-banner-button {
margin-top: 24px;
}

}

/* font cookie banner */
#cookie-banner .cookie-banner-text p,
#cookie-banner .cookie-banner-text p a {
font-family:'Brown-Light', Arial, Helvetica, sans-serif, 'Sans Serif';
font-weight:normal;
font-style:normal;
text-rendering: optimizeLegibility;
}

#cookie-banner .cookie-banner-button {
font-family:'Brown-Bold', Arial, Helvetica, sans-serif, 'Sans Serif';
font-weight:normal;
font-style:normal;
}

#cookie-banner .cookie-banner-button,
#cookie-banner .cookie-banner-text * {
font-size: 1.7em;
line-height: 170.43478260869564%;
}

#cookie-banner .cookie-banner-text * {
line-height: 1.41176470588235em;
}

#cookie-banner .cookie-banner-text * * {
line-height: 100%;
font-size: 100%;
}

#cookie-banner .cookie-banner-text p a {
text-decoration: underline;
}

#cookie-banner .cookie-banner-button {
background-color: #000;
color: #fff;
padding: 0 6px;
display: inline-block;
}

#cookie-banner .cookie-banner-button.deny {
background-color: transparent;
color: #000;
border: 1px solid #555;
padding: 0 6px;
display: inline-block;
margin-left: 24px;
}/* colors 

gray:
rgb(237,237,237)
#EDEDED

red:
rgb(255,0,0)
#FF0000

*/

/* color */
#stage .black-text .headline,
* {
color: #000;
}

a[href^="tel:"] {
color: #000;
}

.drop-hover.open .button,
.drop-hover.open .drop-button *,
.drop-hover.open .drop-button *,
.form-item .submit,
.highlight,
#stage .headline,
#basket.item-added .drop-button *,
.drop-click.active .button,
.drop-wrapper *,
#menu ul ul a,
.button.active {
color: #fff;
}

.drop-wrapper a.special,
#menu ul ul a.special,
.error *,
#basket-wrapper .price.special,
.form-item.error *,
.button.special,
.price.special {
    /*color: #ff0000;*/
    color: #BF3F3F;
}

.button.special.active {
    background-color: #BF3F3F;
    color: #fff;
}
.backend-link {
color: #6a9000;
}

/* background */
.overlay-inner .close:after,
.overlay-inner .close:before,
.download a.image:after,
#basket.item-added .drop-button,
#basket-wrapper .cols.col-5 .image-wrapper:after, 
#basket-wrapper .cols.col-5 .image-wrapper:before,
.mobile .drop-hover.open .drop-button,
.tablet .drop-hover.open .drop-button,
.form-item .submit,
#social-links a,
.highlight,
.button-menu .item.active,
#search input,
.drop-wrapper,
#basket-items,
.menu-button span,
.menu-button span:after,
.menu-button span:before,
#menu ul ul,
.drop-click.active .button,
.button.active {
background-color: #000;
}

.bg-w,
.fade-wrapper.bg-w,
.radio-set .toggle-button,
#search #search-field .close:after,
#search #search-field .close:before ,
.button-menu .item,
#header {
background-color: #fff;
}

.drop-wrapper .button.active {
background-color: #333333;
}

.bg-grey,
.form-wrapper .form-item.block textarea,
.event-list li article a,
.press-list li article,
.form-item .radio label:after, 
.form-item .checkbox label:after, 
.form-item.input, 
.form-item.select,
.stage-wrapper .fade-wrapper .item,
.fade-wrapper {
background-color: #EDEDED;
}

.stage-wrapper .fade-wrapper.bg-w .item {
background-color: #fff;
}

.no-bg,
#close-menu.menu-button span {
background-color: transparent;
}

#basket.item-added .drop-button svg *,
.mobile .drop-hover.open .drop-button svg *,
.tablet .drop-hover.open .drop-button svg *,
.drop-click.active svg *,
#social-links a svg *,
.stage-wrapper svg * {
fill: #fff;
}

.article-image.stage-wrapper svg * {
fill: #000;
}

.form-item.error .icon svg * {
/*fill: #ff0000;*/
    fill: #BF3F3F;

}

/* border */
.form-item .select-wrapper:after {
border-color: #000;
}

.form-item.error .select-wrapper:after {
/*border-color: #ff0000;*/
    border-color: #BF3F3F;
}
/*
  Responsive Style
*/

@media only screen and (min-width : 1920px) {
	.stage-image-wrapper > div,
	.stage-wrapper .item > a,
	.stage-wrapper .item > div,
	.stage-wrapper ul.fade-wrapper,
	.stage-wrapper .fade-wrapper .item,
	.stage-wrapper ul {
	height: 700px;
	}
	
	.content-w {
	max-width: 1900px;
	}
	
	.set-download .main-content-wrapper > .download {
	width: calc(20% + 8px);
	}

	.main-content-wrapper > .download,
	.download,
	.event-list li,
	.grid-wrapper .grid-sizer,
	.grid-wrapper .grid-item,
	.product-list li {
	width: 20%;
	}
	
}

@media only screen and (max-width : 1680px) {
	.stage-image-wrapper > div,
	.stage-wrapper .item > a,
	.stage-wrapper .item > div,
	.stage-wrapper ul.fade-wrapper,
	.stage-wrapper .fade-wrapper .item,
	.stage-wrapper ul {
	height: 500px;
	}
	
}

@media only screen and (max-width : 1440px) {
	.stage-image-wrapper > div,
	.stage-wrapper .item > a,
	.stage-wrapper .item > div,
	.stage-wrapper ul.fade-wrapper,
	.stage-wrapper .fade-wrapper .item,
	.stage-wrapper ul {
	height: 450px;
	}

	#basket-wrapper .cols.col-1 {
	width: 42%;
	}
	
	#basket-wrapper .col-1 .text {
	padding-left: 160px;
	}
	
	#basket-wrapper .cols.col-2 {
	width: 11%;
	}
	
	#basket-wrapper .cols.col-3 {
	width: 18%;
	}
	
	#basket-wrapper .cols.col-4 {
	width: 29%;
	padding-right: 140px;
	}

	#basket-wrapper .small .cols.col-1 {
	width: 52%;
	}
	
	#basket-wrapper .small .cols.col-1 .text {
	padding-left: 0;
	}
	
	#basket-wrapper .small .cols.col-1.large {
	width: 68%;
	}
	
	#basket-wrapper .small .cols.col-2,
	#basket-wrapper .small .cols.col-3,
	#basket-wrapper .small .cols.col-4 {
	width: 16%;
	padding-right: 0;
	}
	
}

@media only screen and (max-width : 1360px) {
	#basket-wrapper.text .table-wrapper strong span {
	max-width: 300px;
	}
	
}

@media only screen and (max-width : 1240px) {
	.stage-image-wrapper > div,
	.stage-wrapper .item > a,
	.stage-wrapper .item > div,
	.stage-wrapper ul.fade-wrapper,
	.stage-wrapper .fade-wrapper .item,
	.stage-wrapper ul {
	height: 400px;
	}
	
	.open-menu #menu-button.menu-button,
	#menu #close-menu.menu-button,
	#menu > .scroll-wrapper {
	display: none;
	}
	
	.open-menu #menu > .scroll-wrapper,
	.open-menu #menu #close-menu.menu-button,
	.menu-button {
	display: block;
	}

	.press-list li .text {
	width: 55%;
	padding-left: 0;
	}
	
	.press-list li .cover {
	width: 45%;
	}
	
	.event-list li,
	.grid-wrapper .grid-sizer,
	.grid-wrapper .grid-item {
	width: 33.3333333333%;
	}
	
	.grid-wrapper .grid-item .form-item {
	padding-right: 40px;
	padding-bottom: 33px;
	}

	.grid-wrapper {
	margin-right: -40px;
	}
	
	/* mobile menu */
	.open-menu #menu {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	max-width: 420px;
	float: left;
	overflow: hidden;
	background-color: #fff;
	z-index: 100;
	box-shadow: 0 0 100px 20px rgba(0,0,0,0.04);
	margin: 0;
	}
	
	#menu > .scroll-wrapper {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	max-width: 420px;
	height: 100%;
	float: left;
	overflow: hidden;
	background-color: #fff;
	z-index: 100;
	}
	
	.pc #menu > .scroll-wrapper {
	width: 440px;
	}
	
	#menu > .scroll-wrapper > .scroll-inner {
	position: absolute;
	top: 0;
	left: 0;
	height: 120%;
	width: calc(100% + 15px);
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	-moz-overflow-scrolling: touch;
	-ms-overflow-scrolling: touch;
	-o-overflow-scrolling: touch;
	overflow-scrolling: touch;
	}

	#menu > .scroll-wrapper ul,
	#menu > .scroll-wrapper ul li,
	#menu > .scroll-wrapper ul li a {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	float: left;
	}
	
	#menu > .scroll-wrapper ul li a {
	padding-right: 30px;
	white-space: normal;
	}
	
	.mobile #menu > .scroll-wrapper ul,
	.tablet #menu > .scroll-wrapper ul {
	padding-bottom: 60vh;
	}
	
	.mobile #menu > .scroll-wrapper ul ul,
	.tablet #menu > .scroll-wrapper ul ul {
	padding-bottom: 0;
	}
	
	#menu > .scroll-wrapper ul li a {
	font-size: 17px;
	line-height: 20px;
	}
	
	#menu > .scroll-wrapper ul {
	padding: 154px 0 100px 0;
	}
	
	#menu .drop-hover.open {
	background-color: #000;
	}
	
	#menu > .scroll-wrapper ul ul {
	padding: 0;
	margin-top: -2px;
	}
	
	#menu > .scroll-wrapper ul li > a {
	padding: 10px 30px;
	}
	
	#menu > .scroll-wrapper ul li.drop-hover.open > a {
	padding: 10px 30px 2px 30px;
	}
	
	#menu > .scroll-wrapper ul li li > a {
	padding: 2px 30px 2px 60px;
	}
	
	#menu > .scroll-wrapper ul li li:last-child > a {
	padding: 2px 30px 10px 60px;
	}
	
	/*#menu > ul > li.open ul,*/
	/*.pc #menu .drop-hover.open .drop-wrapper,*/
	/*#menu .drop-hover.open .drop-wrapper {*/
	/*display: block;*/
	/*}*/
	
	/*#menu .drop-hover.open .drop-wrapper {*/
	/*display: block;*/
	/*}*/
	
	.open-menu #menu .close-button-wrapper {
	position: absolute;
	top: 0;
	left: 0;
	height: 134px;
	width: 100%;
	background-color: #fff;
	z-index: 102;
	}
	
	.mobile.open-menu #menu .close-button-wrapper,
	.tablet.open-menu #menu .close-button-wrapper {
	background-color: transparent;
	heoght: 1px;
	}
	
	#menu > .scroll-wrapper ul {
	padding-top: 136px;
	}
		
	.responsive-menu-title {
	display: block;
	}

	#basket-wrapper.text .table-wrapper strong span {
	max-width: 250px;
	}
	
	#basket-wrapper.text .table-wrapper .min-w .row-item.line-center {
	clear: both;
	margin: 0;
	}
	
	#basket-wrapper.text .table-wrapper .min-w {
	width: 100px;
	min-width: 100px;
	max-width: 100px;
	}
	
	#basket-wrapper .small .cols.col-2 {
	width: 10%;
	}

	#basket-wrapper .small .cols.col-3,
	#basket-wrapper .small .cols.col-4 {
	width: 19%;
	}

	#basket-wrapper .small .cols.col-2 .text .small-title {
	display: none;
	}
	
	#basket-wrapper .small .cols.col-1.large {
	width: 62%;
	}

	#header #basket.drop-hover .drop-wrapper {
	margin-left: -490px;
	}
	
	/* fix 02.2018 */
	#header #basket.drop-hover .drop-wrapper {
    margin-left: -510px;
	}
}

@media only screen and (max-width : 1024px) {
	#content-page .main-content-wrapper,
	#product-page .main-content-wrapper,
	#press-page .main-content-wrapper,
	#home-page .main-content-wrapper,
	.main-content-wrapper {
	margin-top: 105px;
	}
	
	.stage-image-wrapper > div,
	.stage-wrapper .item > a,
	.stage-wrapper .item > div,
	.stage-wrapper ul.fade-wrapper,
	.stage-wrapper .fade-wrapper .item,
	.stage-wrapper ul {
	height: 320px;
	}

	#overlay-logo #cmv-bottom-overlay,
	#cmv-bottom {
	display: none;
	}
	
	#overlay-logo,
	#logo {
	height: 33px;
	width: 127px;
	}
	
	#meta,
	#menu {
	margin-top: 52px;
	}

	#menu #close-menu.menu-button,
	.menu-button {
	margin-top: 38px;
	}

	.open-menu #menu .close-button-wrapper {
	height: 105px;
	}

	.product-list li {
	width: 33.33333333333%;
	}
	
	.event-list li {
	width: 50%;
	}
	
	.left-col {
	width: 260px;
	margin-right: -260px;
	}
	
	.right-col {
	padding-left: 320px;
	}
	
	.press-list li {
	width: 100%;
	}

	.press-list li .text {
	width: 60%;
	padding-left: 30px;
	}
	
	.press-list li .cover {
	width: 40%;
	}
	
	.press-list-wrapper .form-wrapper {
	width: 100%;
	padding-right: 0;
	}
	
	.c-50.c-3,
	.col.c-50.np {
	width: 100%;
	}
	
	.col.c-4-1,
	.col.c-4-2,
	.col.c-4-3,
	.col.c-4-4 {
	width: 50%;
	}
	
	.col.c-4-1 {
	padding-right: 30px;
	}

	.col.c-4-2 {
	padding-right: 0;
	padding-left: 30px;
	}
	
	.col.c-4-3 {
	padding-right: 30px;
	padding-left: 0;
	}

	.col.c-4-4 {
	padding-right: 0;
	padding-left: 30px;
	}
	
	.col.c-3-2.c-50 {
	width: 50%;
	padding-right: 0;
	}
	
	.col.c-3-3.c-50 {
	width: 50%;
	padding-left: 0;
	padding-right: 30px;
	}

	.c-50.c-3 {
	padding-right: 0;
	}

	.c-50.c-3.second {
	padding-left: 0;
	}

	.c-50.c-3 .c-3-2 {
	padding-right: 0;
	}

	.c-50.c-3 .c-3-3 {
	padding-right: 0;
	padding-left: 30px;
	}

	#basket-wrapper .cols.col-1 .image-wrapper {
	display: none;
	}
	
	#basket-wrapper .col-1 .text {
	padding-left: 0;
	margin-left: 0;
	}
	
	#basket-wrapper ul li {
	padding-top: 14px;
	padding-bottom: 20px;
	}
	
	#basket-wrapper .text .small-title {
	margin-top: -90px;
	}
	
	#basket-wrapper .text .price.old {
	display: none;
	}
	
	#basket-wrapper .cols.col-1 {
	width: 46%;
	}
	
	#basket-wrapper .cols.col-2 {
	width: 15%;
	}
	
	#basket-wrapper .cols.col-3 {
	width: 14%;
	}
	
	#basket-wrapper .cols.col-4 {
	width: 25%;
	padding-right: 140px;
	}

	#basket-wrapper .small .cols.col-1 {
	width: 36%;
	}

	#basket-wrapper .small .cols.col-1.large {
	width: 50%;
	}
	
	#basket-wrapper .small .cols.col-2,
	#basket-wrapper .small .cols.col-3,
	#basket-wrapper .small .cols.col-4 {
	width: 25%;
	}

	#basket-wrapper .small .cols.col-2 {
	width: 14%;
	}

	.overlay-inner,
	#youtube-overlay .overlay-inner > div,
	#issuu-overlay .overlay-inner > div {
	padding: 0 30px;
	}

	.overlay-inner .close {
	right: 30px;
	}
	
	.set-download .main-content-wrapper > .download {
	width: calc(33.3333333333333% + 13px);
	}

	.main-content-wrapper > .download,
	.download {
	width: 33.333333333333%;
	}

}

@media only screen and (min-width : 768px) {
	#search {
	position: relative;
	}
}

@media only screen and (max-width : 768px) {
	#basket-items li > span,
	.icon-button span,
	.drop-wrapper *,
	.drop-button > span,
	.form-item input,
	.form-item label,
	.form-item option,
	.form-item select,
	.form-item textarea,
	.title-2,
	.text p,
	.text a,
	.text span,
	.text li,
	table,
	table caption,
	.button,
	input,
	p,
	th,
	td,
	strong,
	dt,
	dd,
	.more-wrapper:after,
	time,
	#header a {
	font-size: 14px;
	line-height: 20px;
	}
	
	.text.standard li, 
	.text.standard table, 
	.text.standard table caption, 
	.text.standard .title-2, 
	.text.standard p, 
	.text.standard strong, 
	.text.standard a, 
	.text.standard span {
	line-height: 20px;
	}
	
	/*
	.product-header .text.standard strong {
	display: block;
	clear: both;
	}
	*/
	
	.title-1 {
	font-size: 2.1em;
	}
	
	.icon-button span,
	.button *,
	.drop-button span {
	line-height: 24px;
	}
	
	.text.standard table,
	.text.standard table caption,
	.text p {
	padding-top: 20px;
	}

	/* reset children */
	a *,
	p *,
	th *,
	td *,
	strong *,
	dt *,
	dd * {
	font-size: 100%;
	}
	
	/* style */
	#content-page .main-content-wrapper,
	#press-page .main-content-wrapper,
	#product-page .main-content-wrapper,
	#home-page .main-content-wrapper,
	.main-content-wrapper {
	margin-top: 86px;
	}
	
	#stage {
	display: none;
	}
	
	#overlay-logo,
	#logo {
	height: 33px;
	width: 77px;
	margin: 20px 20px 22px 4px;
	}
	
	#meta,
	#menu {
	margin-top: 26px;
	}
	
	#menu > .scroll-wrapper ul {
	padding-top: 75px;
	}
	
	.open-menu #menu .close-button-wrapper {
	height: 75px;
	}

	.mobile.open-menu #menu .close-button-wrapper,
	.tablet.open-menu #menu .close-button-wrapper {
	height: 1px;
	}

	#menu #close-menu.menu-button,
	.menu-button {
	margin-top: 8px;
	margin-left: 0;
	}
	
	.drop-button.square, 
	.button.square,
	.icon,
	#basket .drop-button strong,
	.button,
	.drop-button {
	height: 24px;
	line-height: 24px !important;
	}
	
	.large-button .button.icon-button {
	height: auto;
	min-height: 24px;
	}
	
	#menu .drop-button,
	#menu .button {
	height: auto;
	}
	
	.drop-button.square, 
	.button.square,
	.button.square,
	.icon {
	width: 24px;
	}

	#basket {
	margin-right: 12px;
	}
		
	#search {
	margin-right: 10px;
	min-width: 24px;
	}

	.product-list {
	padding-left: 0;
	padding-right: 0;
	padding-top: 0;
	}
	
	.product-list ul {
	padding: 0 12px;
	float: left;
	}
	
	aside .product-list ul {
	padding: 0;
	}
	
	.product-list li {
	width: 50%;
	padding: 20px 12px;
	}

	.product-list li .drop-wrapper {
    margin-top: 24px;
    margin-left: -24px;
	}
	
	.press-list {
	margin: 0 -12px;
	}
	
	.press-list li {
	padding: 20px 12px 10px 12px;
	}
	
	aside .product-list,
	.event-list {
	margin: -12px;
	}
	
	.event-list li {
	padding: 12px;
	}
	
	#footer {
	padding-left: 20px;
	padding-right: 20px;	
	}

	html.open-menu #header,
	html.open-overlay #header,
	html.open-menu #social-links,
	html.open-overlay #social-links,
	html.open-menu,
	html.open-overlay {
	padding-right: 0;
	}

	#social-links {
	position: relative;
	bottom: auto;
	float: right;
	margin-right: 0;
	padding-left: 20px;
	}
	
	#content-page .main-content-wrapper,
	.article {
	padding: 0 24px;
	}
	
	.left-col {
	width: 100%;
	margin-right: 0;
	}
	
	.right-col {
	padding-left: 0;
	}
	
	#product-page article {
	padding-top: 29px;
	}
	
	#product-page .product-header {
	padding-top: 0;
	padding-bottom: 58px;
	}
	
	.split-wrapper {
	width: 50%;
	}
	
	.split-wrapper.first {
	padding-right: 15px;
	}
	
	.split-wrapper.second {
	padding-left: 15px;
	}

	.split-wrapper .mt-44 {
	margin-top: 32px;
	}
	
	.toggle-button {
	cursor: pointer;
	background-color: #000;
	width: auto;
	padding: 0 6px;
	color: #fff;
	line-height: 24px;
	}

	.button.large-screen-button {
	display: none;
	}

	.toggle-button.open {
	background-color: #fff;
	color: #000;
	padding: 0;
	}

	.required-text {
	margin-top: 4px;
	}
	
	.form-wrapper .text.c-50 .required-text {
	margin-right: 12px;
	}

	.form-item textarea {
	min-height: 32px;
	}
		
	.product-header .required-text {
	display: none;
	}
	
	.product-header .required-text.open {
	display: block;
	}
	
	.toggle-content,
	.toggle-content.active {
	display: none;
	}
	
	.drop-wrapper {
	margin-top: 24px;
	}
	
	.product-download .drop-wrapper, 
	.product-header .drop-wrapper {
	left: 36px;
	}
	
	.form-item .radio.active label:before,
	.form-item .checkbox.active label:before {
	font-size: 200%;
	margin-left: 3px;
	}

	.button.icon-button .icon {
	margin-right: 12px;
	}
	
	.split-wrapper.last {
	padding-left: 0;
	}
	
	.form-item.search-field button {
	margin-top: 6px;
	}
	
	.form-item .select-wrapper:after {
	margin-top: 7px;
	}

	.grid-wrapper .grid-sizer,
	.grid-wrapper .grid-item {
	width: 50%;
	}

	.grid-wrapper .grid-item .form-item {
	padding-right: 24px;
	padding-bottom: 33px;
	}

	.grid-wrapper {
	margin-right: -24px;
	}
	
	.pr-30 {
	padding-right: 12px;
	}

	.pl-30 {
	padding-left: 12px;
	}
	
	.col:first-child {
	padding-right: 12px;
	}

	.col:last-child {
	padding-left: 12px;
	}
	
	.fullsize {
	margin-top: 20px;
	margin-bottom: 58px;
	}

	#search #search-field {
	position: absolute;
	top: 0;
	left: 0;
	height: 75px;
	line-height: 75px;
	width: 100%;
	padding: 0 60px;
	z-index: 1;
	}

	#search.active #search-button {
	position: absolute;
	top: 0;
	left: 0;
	height: 75px;
	width: 50px;
	z-index: 2;
	}

	#search.active #search-button .icon {
	margin: 26px 0 0 15px;
	}

	#search #search-field input {
	font-size: 2.1em;
	line-height: 35px;
	margin-top: 20px;
	position: relative;
	z-index: 1;
	}

	#search #search-field .close {
	position: absolute;
	right: 0;
	top: 0;
	height: 75px;
	width: 50px;
	float: left;
	display: block;
	cursor: pointer;
	z-index: 3;
	}

	#search #search-field .close:after,
	#search #search-field .close:before {
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	margin: -5px 20px 0 0;
	height: 2px;
	width: 20px;
	float: left;
	}

	#search #search-field .close:before {
	transform: rotate(-45deg);
	}

	#search #search-field .close:after {
	transform: rotate(45deg);
	}
	
	#basket-wrapper .cols.col-4 {
	padding-right: 100px;
	margin-right: -80px;
	}
	
	#basket-wrapper .cols.col-5 {
	width: 80px;
	}
	
	#basket-wrapper .col-5 .delete-item,
	#basket-wrapper .cols.col-5 .image-wrapper {
	width: 80px;
	height: 50px;
	}
	
	#basket-wrapper .cols.col-5 .image-wrapper {
	margin-top: -24px;
	overflow: hidden;
	}
	
	.form-wrapper fieldset.toggle-button {
	background-color: #fff;
	}
	
	#basket-wrapper ul {
	padding-top: 50px;
	}
	
	#basket-wrapper .text .small-title {
	margin-top: -60px;
	}
	
	.basket-item .add-item, 
	.basket-item .remove-item {
	line-height: 20px;
	height: 20px;
	}
	
	.product-header.event-header {
	margin-bottom: 58px;
	}
	
	.product-header.event-header .text.no-image {
	margin-top: 0;
	}
	
	#meta.no-language-selection #search {
	margin-right: 30px;
	}
	
	.product-list ul {
	margin-left: 0;
    margin-right: 0;
	}
	
	#home-page .main-content-wrapper > .content-w {
	padding: 0 30px;
	}

	/* fix 02.2018 */
	#header #basket.drop-hover .drop-wrapper {
    margin-left: -514px;
	}
}

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

	.product-download {
	display: block;
	margin: 0 0 -100% 0;
	}
	
	.product-download .price:last-child {
	margin-right: -100%;
	}
	
	.standard-download,
	.large-button {
	display: none;
	}
	
	/*
	.button.sample {
	margin-top: 15px;
	}
	*/
	
	.press-list li .text {
	padding-left: 0;
	}

	.form-wrapper .text.c-50 {
	padding-right: 0;
	}

	.form-wrapper .text.c-50 .required-text {
	margin-right: 0;
	}
	
	.split-wrapper,
	.split-wrapper.first,
	.split-wrapper.second,
	.form-wrapper fieldset.c-50 {
	padding-right: 0;
	padding-left: 0;
	width: 100%;
	}
	
	.press-list li .size-1, 
	.press-list li .size-2, 
	.press-list li .size-3 {
	padding: 10px 20px 10px 10px;
	}
	
	.price:last-child {
	margin-right: 0;
	/*
	padding-right: 20px;
	*/
	}
	
	.col.c-3-2.c-50,
	.col.c-3-3.c-50,
	.col.c-50 {
	width: 100%;
	padding-right: 0;
	padding-left: 0;
	}
	
	.more-wrapper.closed {
	overflow: hidden;
	position: relative;
	}
	
	.more-wrapper.closed:after {
	content: "mehr…";
	width: 100%;
	height: 20px;
	background: #fff;
	position: absolute;
	bottom: 0;
	left: 0;
	float: left;
	cursor: pointer;
	text-decoration: underline;
	}
	
	.more-wrapper.count-5.closed {
	height: 140px;
	}

	.more-wrapper.count-10.closed {
	height: 240px;
	}

	.more-wrapper.open {
	height: auto !important;
	}

	.more-wrapper.open:after {
	display: none;
	}
	
	#basket-items {
	width: calc(100vw - 15px);
    right: -208px !important;
    padding: 15px 0;
	}
	
	#basket-items span.total,
	#basket-items a {
	padding-left: 20px;
	}
	
	#basket-items .checkout,
	#basket-items span.price,
	#basket-items .count {
	padding-right: 20px;
	}
	
	#basket-items span.price,
	#basket-items .count {
	padding-left: 0;
	}

	.form-wrapper .col:last-child {
	margin-top: 50px;
	}

	.press-list-wrapper .form-wrapper .col:last-child {
	margin-top: 0;
	}
	
	/* standard */
	#basket-wrapper .cols.col-1 {
	width: 47%;
	padding-right: 10px;
	}

	#basket-wrapper .cols.col-1.large {
	padding-right: 40px;
	}
	
	#basket-wrapper .cols.col-2,
	#basket-wrapper  .cols.col-3,
	#basket-wrapper .cols.col-4 {
	width: 23%;
	}

	#basket-wrapper .cols.col-2 {
	width: 10%;
	padding: 0;
	}

	#basket-wrapper .cols.col-3 {
	width: 20%;
	padding-right: 10px;
	}
	
	#basket-wrapper .cols.col-4 {
	padding-right: 40px;
	margin-right: -24px;
	}
	
	#basket-wrapper .cols.col-5 .image-wrapper,
	#basket-wrapper .cols.col-5 {
	width: 24px;
	}
	
	#basket-wrapper .cols.col-5 .small-title {
	display: none;
	}
	
	/* small */
	#basket-wrapper .small .cols.col-1 {
	width: 52%;
	}

	#basket-wrapper .small .cols.col-1.large {
	width: 62%;
	}
	
	#basket-wrapper .small .cols.col-2,
	#basket-wrapper .small .cols.col-3,
	#basket-wrapper .small .cols.col-4 {
	width: 19%;
	}

	#basket-wrapper .small .cols.col-2 {
	width: 10%;
	}

	.overlay-inner .close {
	margin-top: -50px;
	}

	.set-download .main-content-wrapper > .download {
	width: calc(50% + 20px);
	}

	.main-content-wrapper > .download,
	.download {
	width: 50%;
	}

}

@media only screen and (max-width : 480px) {
	.split-wrapper:last-child,
	.split-wrapper:first-child
	.split-wrapper {
	width: 100%;
	padding-left: 0;
	padding-right: 0;
	}
	
	.product-download {
	margin-bottom: 0;
	}
	
	.button.sample {
	margin-left: -6px;
	margin-right: 0;
	float: left;
	}
	
	.col:first-child,
	.col:last-child {
	padding: 0;
	width: 100%;
	}

	.set-download .main-content-wrapper > .download,
	.main-content-wrapper .download,
	.set-download .main-content-wrapper > .download,
	.set-download .main-content-wrapper > .download.first,
	.set-download .main-content-wrapper > .download.last,
	.set-download .main-content-wrapper > .download.first.last,
	.main-content-wrapper .download {
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;
	padding-right: 0;
	width: 100%;
	}

	.event-list li,
	.grid-wrapper .grid-sizer,
	.grid-wrapper .grid-item {
	width: 100%;
	}

	#basket-wrapper .cols.col-1 {
	width: 33%;
	}

	#basket-wrapper .cols.col-2,
	#basket-wrapper  .cols.col-3,
	#basket-wrapper .cols.col-4 {
	width: 31%;
	}

	#basket-wrapper .cols.col-2 {
	width: 13%;
	}

	#basket-wrapper .cols.col-3 {
	width: 23%;
	}

}

@media only screen and (max-width : 400px) {
	#overlay-logo,
	#logo {
	margin-left: 10px;
	}
	
	#search {
	margin-right: 0;
	}
	
	#basket {
	margin-right: 2px;
	}
	
	#basket .drop-button strong {
	padding-right: 5px;
	}
	
	#basket-items {
	display: none;
	}

}
/* Hover
 
buttons:
#333333
rgb(51,51,51)

*/

/* background */
#social-links a:hover,
a:hover .inline-title,
a:hover .inline-title *,
.pc #menu ul li a.drop-button:hover,
.pc .drop-button:hover,
.pc .button:hover,
.pc .drop-hover .drop-button:hover,
.pc #menu ul li a.button:hover,
.button-menu .item:hover,

.event-list a:hover .text,
.pc .drop-hover:hover .drop-button,
.pc #menu > ul > li:hover .drop-button {
background-color: #000;
}

/* moved to #000
#social-links a:hover,
.inline-title:hover,
.inline-title:hover *,
#menu ul li a.drop-button:hover,
.pc .drop-button:hover,
.button:hover,
.pc .drop-hover .drop-button:hover,
*/

a:hover .button.checkout,
#basket-items .button:hover,
.pc .drop-wrapper .button:hover,
#basket-wrapper .cols.col-5 .image-wrapper:hover:after,
#basket-wrapper .cols.col-5 .image-wrapper:hover:before,
.pc #menu ul ul li a.button:hover {
background-color: #333333;
}

@media only screen and (max-width : 768px) {
	.toggle-button:hover {
	/*
	background-color: #333333;
	*/
	background-color: #000;
	}
	
	.toggle-button.open:hover {
	background-color: #fff;
	}
	
	.radio-set .toggle-button:hover {
	background-color: #fff;
	}
}

@media only screen and (max-width : 600px) {
	#basket.drop-hover:hover .drop-wrapper {
	display: none;
	}
}

a::hover .inline-title.no-hover,
.toggle-button.open:hover {
background-color: #fff;
}

/*
.pc .drop-click:hover .button svg *,
*/
.pc .drop-hover:hover .drop-button svg *,
.pc .drop-button:hover svg *,
.pc .button:hover svg * {
fill: #fff;
}

/* color */
.event-list a:hover *,
a:hover .inline-title,
a:hover .inline-title *,
/*
.pc .drop-click:hover .button *,
*/
.pc .drop-hover:hover .drop-button,
.pc .drop-hover:hover .drop-button *,
.pc #menu > ul > li:hover .drop-button,
.pc .drop-button:hover *,
.pc .button:hover,
.pc .button:hover * {
color: #fff;
}

.pc .drop-hover:hover .special.drop-button,
.pc .button:hover .price.special,
.price.special:hover,
.pc .button.special:hover {
/*color: #ff0000;*/
	color: #BF3F3F;
}

a:hover .inline-title.no-hover {
color: #000;
box-shadow: none;
}

/* style */
@media screen and (min-width: 1241px) {
	.drop-hover:hover .drop-wrapper {
		display: block;
	}
}

.stage-wrapper:hover .button-menu {
display: table;
}

.stage-wrapper:hover .next,
.stage-wrapper:hover .prev {
display: block;
}

@media only screen and (min-width : 1240px) {
	#menu > ul > li:hover ul {
	display: block;
	}

	/*.pc #menu .drop-hover.open:hover .drop-wrapper {*/
	/*display: block;*/
	/*}*/
}

@media only screen and (max-width : 1240px) {
	/*#menu > ul > li:hover ul,*/
	/*.pc #menu .drop-hover:hover .drop-wrapper {*/
	/*display: none;*/
	/*}*/

	/*#menu > ul > li.open:hover ul,*/
	/*.pc #menu .drop-hover.open:hover .drop-wrapper {*/
	/*display: block;*/
	/*} */
}

a:hover .inline-title {
padding: 4px 0;
}

a:hover .inline-title {
/*
box-shadow: -6px 0 0 #333333, 6px 0 0 #333333;

bugfix 22-02-2018!
box-shadow: -6px 0 0 #000, 6px 0 0 #000;
*/
}

#press-page .product-header figure a img:hover,
.press-list li a.cover img:hover,
.square-wrapper img:hover {
transform: scale(1.1,1.1);
}

#basket-wrapper .image-wrapper img:hover {
transform: scale(1.1,1.1) translateY(-50%);
}

.product-list li:hover {
z-index: 2;
}

.text .link:hover,
.text.standard p a:hover,
.form-item a:hover,
#footer p a:hover {
text-decoration: underline;
}

.basket-item .counter:hover .add-item,
.basket-item .counter:hover .remove-item {
opacity: 0.8;
}

.basket-item .add-item:hover,
.basket-item .remove-item:hover {
text-decoration: none;
}

.download a.image:hover:after,
.grid-wrapper:hover .grid-item .form-item .checkbox.image.active label img,
.grid-wrapper:hover .grid-item .form-item .checkbox.image:hover label img {
opacity: 1;
}

.grid-wrapper:hover .grid-item .form-item .checkbox.image label img {
opacity: 0.5;
}

.product-list .not-match a.text:hover,
.product-list .not-match .text > a:hover {
padding-left: 6px;
margin-right: -6px;
}

/*
.product-list .not-match .text > a:hover {
width: auto;
}
*/

.product-list .not-match .text > a.backend-link:hover {
padding-left: 0;
margin-right: 0;
}

.product-list .not-match .text a:hover .inline-title.no-hover,
.product-list .not-match a.text:hover .inline-title.no-hover,
.product-list .not-match a.text:hover .inline-title,
.product-list .not-match .text > a:hover .inline-title {
position: relative;
left: -6px;
}

.product-list .not-match .text > a:hover time.inline-title.no-hover {
left: 0;
margin-right: -6px;
white-space: nowrap;
margin-left: -6px;
}

.product-list .not-match .text > a:hover time.inline-title.no-hover {
margin-left: 6px;
}

.product-list .not-match a.text:hover .inline-title,
.product-list .not-match .text > a:hover .inline-title {
left: 0;
}

.drop-hover.align-l:hover,
.button.align-l:hover {
margin-left: 0;
}

.button.align-l:hover {
margin-left: 0;
}

.product-header .button.align-l.icon-button:hover .icon {
margin-left: -6px;
}

/*
.product-list .not-match .text > a:hover .inline-title {
margin-right: -6px;
}
*/

.product-list .not-match a.text:hover time,
.product-list .not-match .text > a:hover .highlight {
margin-left: -6px;
}

a.sample.align-r:hover {
margin-right: 0;
}

.menu-button:hover {
/* rotate
transform: rotate(-90deg);
*/
}

#menu-button.menu-button:hover span {
/* rotate
margin-top: 10px;
margin-left: 6px;
*/
margin-top: 8px;
margin-left: 0;
}

#menu-button.menu-button:hover span:after {
transform: rotate(-45deg);
width: 10px;
margin-top: 3px;
margin-left: 22px;
}

#menu #close-menu.menu-button:hover span:after {
transform: rotate(45deg);
width: 10px;
margin-top: 3px;
margin-left: -4px;
}

#menu-button.menu-button:hover span:before {
transform: rotate(45deg);
width: 10px;
margin-top: -3px;
margin-left: 22px;
}

#menu #close-menu.menu-button:hover span:before {
transform: rotate(-45deg);
width: 10px;
margin-top: -3px;
margin-left: -4px;
}

#menu #close-menu.menu-button:hover span {
background-color: #000;
margin-top: 8px;
margin-left: -5px;
width: 30px;
}

/* fix 23-02-2018 new inline title */
a:hover .inline-title.fix-title i {
background-color: #000;
}

/*
a:hover .inline-title.fix-title i:first-child {
padding: 0 4px 0 6px;
margin-left: -6px;
}

a:hover .inline-title.fix-title i:last-child {
padding: 0 6px 0 4px;
}
*/

a:hover .inline-title.fix-title {
padding: 0 0 0 6px;
background-color: transparent;
box-shadow: none;
}

.product-list .not-match a.text:hover, 
.product-list .not-match .text > a:hover {
padding-left: 0;
margin-left: 0;
}

:where(a, #main-content-area, *:not(div)) {
  scroll-margin-block-start: 16em;
}

html {
  scroll-behavior: smooth;
}

:where(.skip-wrapper, .skip-link, .visually-hidden) {
  position: fixed;
  top: 1em;
  left: 1em;
  z-index: 100;
  background-color: #fff;
}
:where(.skip-wrapper, .skip-link, .visually-hidden):not(:focus-visible, :focus-within) {
  width: 0;
  height: 0;
  overflow: hidden;
  clip-path: rect(0, 0, 0, 0);
  z-index: -1;
}

.skip-wrapper:focus-within {
  box-shadow: 0 0.5em 4em 0.5em rgba(0, 0, 0, 0.2);
  display: grid;
  padding: 1em;
  z-index: 101;
}
.skip-wrapper:focus-within .text * {
  padding: 0;
}
.skip-wrapper:focus-within.related-to-item:is(:focus-within) {
  position: relative;
  top: 0;
  left: 0;
}

.keyboard-focused .form-item select.custom-select:is(:focus-visible),
.keyboard-focused :is(form input[type=text], form textarea):focus-visible,
.keyboard-focused .close:focus-visible,
:is(:focus-visible:not(.overlay, form, ul, [type=text])),
input:is([type=checkbox], [type=radio]):is(:focus-visible) + label,
html.keyboard-focused input:is([type=text]):is(:focus-visible) {
  outline: 4px solid #60b791 !important;
  outline-offset: 0.3rem !important;
  transition: none !important;
  position: relative;
  z-index: 10;
}

.drop-hover:focus-within > :is(.button, .drop-button),
:is(.button, .drop-button):focus-visible {
  color: #fff;
  background-color: #000;
}
.drop-hover:focus-within > :is(.button, .drop-button) svg *,
:is(.button, .drop-button):focus-visible svg * {
  fill: #fff;
}
.drop-hover:focus-within > :is(.button, .drop-button) #basket-meta-count-product, .drop-hover:focus-within > :is(.button, .drop-button) span,
:is(.button, .drop-button):focus-visible #basket-meta-count-product,
:is(.button, .drop-button):focus-visible span {
  color: #fff;
}

#basket:is(:focus-visible, :focus-within) .drop-wrapper {
  display: block;
}

:is(.drop-hover:focus-within) > a, :is(.drop-hover:focus-within):focus-visible {
  color: #fff;
  background-color: #000;
}

:is(.drop-button:focus-visible) svg * {
  fill: #fff;
}

.fade-wrapper:focus-within li {
  opacity: 0 !important;
  z-index: 1 !important;
}
.fade-wrapper:focus-within li:focus-visible, .fade-wrapper:focus-within li:focus-within {
  opacity: 1 !important;
  z-index: 3 !important;
}
.fade-wrapper:is(:focus-visible, :focus-within) li:is(:focus-visible, :focus-within), .fade-wrapper:is(:focus-visible, :focus-within) li:is(:focus-visible, :focus-within) > a:focus-visible, .fade-wrapper:is(:focus-visible, :focus-within) li:is(:focus-visible, :focus-within) > :is(div), .fade-wrapper a:is(:focus-visible) {
  outline-offset: -6px !important;
  outline: 4px solid #60b791 !important;
  position: relative;
  z-index: 10;
  transition: none !important;
}

.stage-wrapper:focus-within :is(.button-menu, .arrow) {
  display: none;
}

button:is(.button, .drop-button, .menu-button) {
  background-color: #fff;
}

#search:focus-within #search-field {
  display: block;
}
#search:focus-within .button {
  color: #fff;
  background-color: #000;
}
#search:focus-within .button svg * {
  fill: #fff;
}

.accordion-content[data-state=closed] {
  display: none;
}
.accordion-content[data-state=open] {
  display: block;
}

.main-menu-item {
  position: relative;
}

:focus-within > .menu-button-access,
.menu-button-access:focus-visible {
  position: absolute;
  left: 100%;
  top: 0;
  width: 1.6em !important;
  height: 100%;
  background-color: #000;
  display: grid;
  place-content: center;
  top: 0 !important;
  right: 0 !important;
  box-sizing: border-box;
}
:focus-within > .menu-button-access::after,
.menu-button-access:focus-visible::after {
  content: "";
  width: 10px;
  height: 10px;
  border: 2px solid #ededed;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  border-top: 0px solid rgba(0, 0, 0, 0) !important;
  border-left: 0px solid rgba(0, 0, 0, 0) !important;
  transform: rotate(45deg);
  pointer-events: none;
  margin: -4px 0 0 -0.2em;
}

.submenu .skip-link.close-button:focus-visible {
  top: 0 !important;
  left: 0 !important;
  padding: 0 6px 4px 6px;
  background-color: #000;
}

.notification {
  position: absolute;
  top: -9999px;
}

#cookie-banner-i11y-link {
  display: none;
}

.show-cookie-banner #cookie-banner-i11y-link {
  display: block;
}

.keyboard-focused:not(.open-overlay) .overlay:is(:focus-visible) {
  outline-offset: -6px !important;
  outline: 4px solid #60b791 !important;
}

[lang=en] .skip-wrapper .de,
[lang=de] .skip-wrapper .en,
[lang=en] .visually-hidden.a11y-de,
[lang=de] .visually-hidden.a11y-en {
  display: none !important;
}

@media screen and (max-width: 1240px) {
  #menu .menu-button-access {
    overflow: visible;
    clip-path: none;
    position: absolute;
    top: 0 !important;
    right: 16px !important;
    left: auto !important;
    width: 30% !important;
    height: 42px;
    background-color: transparent;
    display: grid;
    align-items: end;
    align-content: center;
    justify-content: end;
    box-sizing: border-box;
    cursor: pointer;
    z-index: 1000;
  }
  #menu .menu-button-access:is(:focus-visible) {
    outline-offset: -3px !important;
  }
  #menu .menu-button-access::after {
    content: "";
    width: 10px;
    height: 10px;
    border: 2px solid transparent;
    border-right: 2px solid #000;
    border-bottom: 2px solid #000;
    border-top: 0px solid rgba(0, 0, 0, 0) !important;
    border-left: 0px solid rgba(0, 0, 0, 0) !important;
    transform: rotate(45deg);
    pointer-events: none;
    margin: -6px 2em 0 0;
  }
  #menu li:where(:hover, :focus-within) .menu-button-access::after {
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
  }
  #menu a:where(:hover, :focus-visible) + .menu-button-access {
    opacity: 0;
  }
  .main-menu-item.active {
    padding: 10px 30px 2px 30px;
  }
  .main-menu-item:is(:focus-visible) {
    outline-offset: -3px !important;
  }
  .main-menu-item:focus-visible + .menu-button-access {
    z-index: 1000 !important;
  }
  #menu > .scroll-wrapper ul li.drop-hover.open > a:has(+ button[aria-expanded=false]) {
    padding: 10px 30px !important;
  }
}
article .drop-hover:hover .drop-wrapper,
article .drop-hover .drop-wrapper[aria-hidden=false] {
  display: block;
}

.more-wrapper p + span.italic:first-of-type {
  margin-top: 1lh;
  float: left;
}

.small-text p a {
  text-decoration: underline;
}

/*# sourceMappingURL=accessibility.css.map */

/* cms edit mode style corrections */
.edit-mode .cms-info-box,
.edit-mode .copy-freemarker-values {
    background-color: #EEF4E4;
    padding: 16px;
    margin-top: 2px;
    margin-bottom: 20px;
    border-radius: 10px;
}

.edit-mode .text .copy-freemarker-values label {
    font-family: 'Theinhardt-Bold', 'Helvetica Neue', Helvetica, Arial, 'Trebuchet MS', snas-serif, 'sans serif';
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    margin: 0;
    padding: 0 0 6px 0;
    display: block;
}

.edit-mode .copy-freemarker-values form {
    border: none;
}

.edit-mode .copy-freemarker-values textarea {
    display: inline-block;
    user-select: all;
    resize: none;
    height: auto;
    border: none !important;
    background-color: transparent !important;
}

.edit-mode .cms-info-box > * {
    width: 100%;
}

.edit-mode .cms-info-box .key {
    padding-right: calc(2 * var(--gap));
    width: min(15%, 15em);
    white-space: nowrap;
}

.edit-mode .cms-info-box .one-line input {
    width: 100%;
    user-select: all;
    cursor: pointer;
    padding: 0;
}

.edit-mode .cms-info-box .one-line input::selection {
    color: #fff;
    background-color: #000;
}

.edit-mode .cms-info-box .value {
    width: min(85%, calc(100% - 15em));
}

.edit-mode .cms-info-box td {
    padding-block: 0.5em;
}
.edit-mode .cms-info-box tr:not(:last-child) td {
    border-bottom: 1px solid rgba(0,0,0,0.2);
}

.mgnlEditorBar {
    max-height: 30px !important;
}