/*
Theme Name: Menura Audio
description: Menura Audio - Theme - Ver. 01
Author: neo7
Author URI: https://neo7.de
Template: customify
Version: 1.0.0
Text Domain: menura-audio
*/
@font-face {
	font-family: 'Lausanne';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://menura-audio.com/wp-content/themes/menura-audio/fonts/TWKLausanne-0300.otf') format('opentype');
}

@font-face {
	font-family: 'Lausanne';
	font-style: bold;
	font-weight: 700;
	font-display: auto;
	src: url('https://menura-audio.com/wp-content/themes/menura-audio/fonts/TWKLausanne-0700.otf') format('opentype');
}

@font-face {
	font-family: 'ABCMaxiRoundMono';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://menura-audio.com/wp-content/themes/menura-audio/fonts/ABCMaxiRoundMono-Regular.otf') format('opentype');
}
@font-face {
	font-family: 'ABCMaxiRoundMono';
	font-style: normal;
	font-weight: 100;
	font-display: auto;
	src: url('https://menura-audio.com/wp-content/themes/menura-audio/fonts/ABCMaxiRoundMono.otf') format('opentype');
}
@font-face {
	font-family: 'ABCMaxiRoundMono';
	font-style: normal;
	font-weight: 200;
	font-display: auto;
	src: url('https://menura-audio.com/wp-content/themes/menura-audio/fonts/ABCMaxiRoundMono-Regular.otf') format('opentype');
}

@font-face {
    font-family: 'Font Awesome 6 Brands';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url("https://menura-audio.com/wp-content/themes/webfonts/fa-brands-400.woff2") format("woff2"), url("https://menura-audio.com/wp-content/themes/webfonts/fa-brands-400.ttf") format("truetype");
}

@font-face {
    font-family: 'Font Awesome 6 Free';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url("https://menura-audio.com/wp-content/themes/webfonts/fa-regular-400.woff2") format("woff2"), url("https://menura-audio.com/wp-content/themes/webfonts/fa-regular-400.ttf") format("truetype");
}
@font-face {
    font-family: 'Font Awesome 5 Brands';
    font-display: block;
    font-weight: 400;
    src: url("https://menura-audio.com/wp-content/themes/webfonts/fa-brands-400.woff2") format("woff2"), url("https://menura-audio.com/wp-content/themes/webfonts/fa-brands-400.ttf") format("truetype");
}
@font-face {
    font-family: 'Font Awesome 5 Free';
    font-display: block;
    font-weight: 400;
    src: url("https://menura-audio.com/wp-content/themes/webfonts/fa-regular-400.woff2") format("woff2"), url("https://menura-audio.com/wp-content/themes/webfonts/fa-regular-400.ttf") format("truetype");
}
@font-face {
    font-family: 'FontAwesome';
    font-display: block;
    src: url("https://menura-audio.com/wp-content/themes/webfonts/fa-solid-900.woff2") format("woff2"), url("https://menura-audio.com/wp-content/themes/webfonts/fa-solid-900.ttf") format("truetype");
}

@font-face {
    font-family: 'FontAwesome';
    font-display: block;
    src: url("https://menura-audio.com/wp-content/themes/webfonts/fa-brands-400.woff2") format("woff2"), url("https://menura-audio.com/wp-content/themes/webfonts/fa-brands-400.ttf") format("truetype");
}

@font-face {
    font-family: 'FontAwesome';
    font-display: block;
    src: url("https://menura-audio.com/wp-content/themes/webfonts/fa-regular-400.woff2") format("woff2"), url("https://menura-audio.com/wp-content/themes/webfonts/fa-regular-400.ttf") format("truetype");
    unicode-range: U+F003, U+F006, U+F014, U+F016-F017, U+F01A-F01B, U+F01D, U+F022, U+F03E, U+F044, U+F046, U+F05C-F05D, U+F06E, U+F070, U+F087-F088, U+F08A, U+F094, U+F096-F097, U+F09D, U+F0A0, U+F0A2, U+F0A4-F0A7, U+F0C5, U+F0C7, U+F0E5-F0E6, U+F0EB, U+F0F6-F0F8, U+F10C, U+F114-F115, U+F118-F11A, U+F11C-F11D, U+F133, U+F147, U+F14E, U+F150-F152, U+F185-F186, U+F18E, U+F190-F192, U+F196, U+F1C1-F1C9, U+F1D9, U+F1DB, U+F1E3, U+F1EA, U+F1F7, U+F1F9, U+F20A, U+F247-F248, U+F24A, U+F24D, U+F255-F25B, U+F25D, U+F271-F274, U+F278, U+F27B, U+F28C, U+F28E, U+F29C, U+F2B5, U+F2B7, U+F2BA, U+F2BC, U+F2BE, U+F2C0-F2C1, U+F2C3, U+F2D0, U+F2D2, U+F2D4, U+F2DC;
}

@font-face {
    font-family: 'FontAwesome';
    font-display: block;
    src: url("https://menura-audio.com/wp-content/themes/webfonts/fa-v4compatibility.woff2") format("woff2"), url("https://menura-audio.com/wp-content/themes/webfonts/fa-v4compatibility.ttf") format("truetype");
    unicode-range: U+F041, U+F047, U+F065-F066, U+F07D-F07E, U+F080, U+F08B, U+F08E, U+F090, U+F09A, U+F0AC, U+F0AE, U+F0B2, U+F0D0, U+F0D6, U+F0E4, U+F0EC, U+F10A-F10B, U+F123, U+F13E, U+F148-F149, U+F14C, U+F156, U+F15E, U+F160-F161, U+F163, U+F175-F178, U+F195, U+F1F8, U+F219, U+F27A;
}
/* End Custom Fonts CSS */



body {
	--standardfont: "Montserrat", Arial, Helvetica, sans-serif;
	--standardfont: "Lausanne", Arial, Helvetica, sans-serif;
	--headerfont: "ABCMaxiRoundMono", Arial, Helvetica, sans-serif;
	--emerald: #51c878;
	--gold: #c9a227;
	--lavender: #b8b8ff;
	--tomato: #ff5533;
	--royalblue: #002366;
	--lightcyan: #90e0ef;
	--fullblack: #000000;
	--eerieblack: #1e1e1e;
	--grayweb: #81807e;
	--platinum: #e5e5e5;
	--creamygray: #ebeae6;
	--white: #ffffff;
	--highlightcolor: var(--emerald);
	--linkcolor: var(--tomato);
	--fluentform-primary: var(--highlightcolor) !important;
	--cmplz_button_accept_background_color: var(--highlightcolor) !important;
	--cmplz_button_accept_border_color: var(--highlightcolor) !important;
	--cmplz_hyperlink_color: var(--highlightcolor) !important;
	--fa-style-family: "Font Awesome 6 Free", "FontAwesome";
	
	--hellerblau: rgb(211, 223, 233);
    --hellblau: rgb(52, 169, 225);
    --blau: rgb(23, 112, 184);
	--blau: rgb(24, 117, 167);
    --dunkelblau: rgb(36, 59, 111);
    --grau: rgb(103, 103, 103);
    --hellgrau: rgb(153, 153, 153);
	--dunkelgrau rgb(55, 55, 55);
	--orange: rgb(255,102,0);
    font-family: var(--standardfont) !important;
    font-weight: normal !important;
    font-size: 110%;
    line-height: 1.4 !important;
    background-color: #f4f4f4 !important;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

body div#site-content {
	/*
  overflow-x: hidden;
  height: 100vh;
  */
}

body.page-id-30  {
    --highlightcolor: var(--gold);
}

body.page-id-21 {
    --highlightcolor: var(--emerald);
}

body.page-id-364, body.page-id-501 {
    --highlightcolor: var(--royalblue);
}

body.page-id-88 {
    --highlightcolor: var(--lightcyan);
}

body.page-id-121, body.page-id-1435  {
    --highlightcolor: var(--lavender);
}


body .comments-area .comment-reply-title, body .h1, body .h2, body .h3, body .h4, body .h5, body .h6, body h1, body h2, body h3, body h4, body h5, body h6 {
    font-weight: normal;
    font-family: var(--standardfont);
    margin: 0 0 0.5407911001em;
    color: var(--eerieblack);
    clear: both;
}

body .h1, body h1 {
    font-family: var(--headerfont);
}

body h1.product_title.entry-title {
    font-family: var(--standardfont);
}

body .footer-main .light-mode {
    background: var(--creamygray);
}

body .footer-bottom .dark-mode {
    background: var(--eerieblack);
    border-bottom: solid 4px var(--fullblack);
}

body a {
	color: var(--highlightcolor);
	text-decoration:none;
}

body a:hover, body .cmplz-cookiebanner a:hover {
	color: var(--linkcolor);
}

body #main a {
	text-decoration:underline;
}

div#cb-row--header-main {
    border-bottom: solid 0px var(--creamygray);
}

body .light-mode .nav-menu>li>a {
	color: var(--eerieblack);
}

body .light-mode .nav-menu>li>a:hover, body .header-social-icons.customify-builder-social-icons.color-custom li a:hover {
	color: var(--linkcolor) !important;
}

body .footer--row-inner.dark-mode a:not(.button) {
    color: var(--lightcyan);
}

body .footer--row-inner.dark-mode a:not(.button):hover {
    color: var(--linkcolor);
}

body .footer--row-inner.light-mode {
    color: var(--eerieblack);
/*	background-color: var(--lightcyan);*/
	background-color: #fff;
}

body nav#site-navigation-bottom-desktop {
    text-align: center;
}

body .light-mode .nav-menu-desktop.style-plain .nav-menu>li.current-menu-item>a, body .nav-menu-desktop .menu li.current-menu-item>a {
    color: var(--highlightcolor);
}

p.site-description.text-uppercase.text-xsmall {
    color: var(--creamygray);
    font-size: 2.32vw;
    font-weight: 600;
}

.zitat {
	color: #FFF;
	font-size: 0.7em;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
}

.autor {
	color:#FFF;
	font-size:0.7em;
	text-align:right;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.pdflink {
	background-image:url(pdf.png);
	background-position:top left;
	background-repeat:no-repeat;
	padding-left:25px;
}


body .site-header .cb-row--mobile .site-branding img {
	width:61vw;
    max-width: 12em;
}

body h1.titlebar-title.h4 {
    font-size: 2em;
}

body h2.wp-block-heading {
	color: var(--highlightcolor);
	font-size:2em;
}

.smalltext {
	font-size:85%
}

.boxshadow {
	box-shadow: 0 3px 6px -4px rgba(0,0,0,.16), 0 3px 6px rgba(0,0,0,.23);
}

body .nav-menu-desktop .sub-menu li a {
    color: var(--eerieblack);
}

body .nav-menu-desktop .sub-menu li a:hover {
    background: rgba(0,0,0,.06);
    color:  var(--eerieblack) !important;
}

body .wp-block-image.movelinked img {
    display: block;
    transition: ease-out 0.15s;
}

body .wp-block-image.movelinked img:hover {
    margin-left:-0.35em;
	margin-top:-0.35em;
    transition: ease-out 0.15s;
}

body .header--row.header-bottom .customify-grid, body .header--row.header-bottom .style-full-height .primary-menu-ul > li > a {
	min-height: 50vw;
}

footer#site-footer a, #main a {
    font-family:Arial, Helvetica, sans-serif;
}

body .site-branding a {
    min-width: 10vw;
}

body .header-top .header--row-inner {
	background-color: var(--highlightcolor);
}

body .page-cover:before {
    background-color: rgba(0, 0, 0, .001);
}

body #page {
	background-color: #fff !important;
}

body .header-main .light-mode {
    box-shadow: 0 0px 0px 0 #e1e5ea;
    background: #fff;
}

body .page-cover-title {
	text-transform:uppercase;
    color: var(--fullblack) !important;
}

figure.divider-top:before {
	display: block;
  	content: ' ';
    background-image: url(https://menura-audio.com/wp-content/themes/menura-audio/menura-trenner-top-03.svg);
	background-size: 100%;
	background-repeat:no-repeat;
    width: 100%;
    height: 20vw;
	margin-bottom: -15vw;
    z-index: 999;
    position: relative;
}


figure.divider-bottom:after {
	display: block;
  	content: ' ';
    background-image: url(https://menura-audio.com/wp-content/themes/menura-audio/menura-trenner-bottom-03.svg);
	background-size: 100%;
	background-repeat:no-repeat;
    width: 100%;
    height: 20vw;
    margin-top: -10vw;
    z-index: 999;
    position: relative;
}

footer#site-footer .has-black-color a {
    font-family: Arial, Helvetica, sans-serif;
    color: var(--eerieblack) !important;
}

footer#site-footer .has-black-color a:hover {
    font-family: Arial, Helvetica, sans-serif;
    color: var(--linkcolor) !important;
}

body .page-cover {
	margin: 0 1vw 0 1vw;
	max-width: calc(100vw - 2vw);
	border-radius: 2vw;
}

body .rounded>img, body .rounded a>img, body .wp-block-cover, body .wp-block-cover-image {
/*
	margin: 0 1vw 1em 1vw;
	max-width: calc(100% - 2vw);
	*/
	margin:0;
	border-radius: 2vw;
}

.extramargin {
	margin: 0 2vw 1em 2vw !important;
	max-width: calc(100% - 4vw);
}

body :where(.wp-block-columns.is-layout-flex.nogap) {
    gap: 0;
	padding: 1.5em;
}

body .wp-block-cover, .wp-block-cover-image {
	transition-duration:1s;
}
body .wp-block-cover:hover, .wp-block-cover-image:hover {
	scale:1.1;
	background-color:#fff;
	transition-duration:1s;
	z-index:9999 !important;
}

body img.wp-block-cover__image-background:hover {
	scale: 1.5;
	transition-duration:1s;
}

body #main .wp-block-cover__inner-container a {
	text-decoration:none;
}

body .wp-block-cover__inner-container a:hover {
	font-size:110%;
	transition-duration:0.5s;	
}

body img.wp-block-cover__image-background:hover {
	scale:1.5;
	transition-duration:1s;
}

body .wp-block-cover .wp-block-cover__background {
	opacity:0.75;
	transition-duration:1s;
}

body .wp-block-cover .wp-block-cover__background:hover {
	opacity:0;
	transition-duration:1s;
}



body .button:not(.components-button):not(.customize-partial-edit-shortcut-button), body:not(.fl-builder-edit) .button, body:not(.fl-builder-edit) button:not(.menu-mobile-toggle,.components-button,body .customize-partial-edit-shortcut-button), body:not(.fl-builder-edit) input[type=button]:not(.ed_button), body input[type=button]:not(.components-button):not(.customize-partial-edit-shortcut-button), body input[type=button]:not(.ed_button), body input[type=reset]:not(.components-button):not(.customize-partial-edit-shortcut-button), body input[type=submit]:not(.components-button):not(.customize-partial-edit-shortcut-button), .configbutton a {
    color: #fff;
    background: var(--highlightcolor);
	border-radius: 15px;
}


.sticky-section {
    position: -webkit-sticky;
    position: sticky;
    top: 150px;
}


body .wp-block-button__link {
    color: #fff;
    background-color: var(--highlightcolor);
    border-radius: 9999px;
    box-shadow: none;
    text-decoration: none !important;
    padding: calc(.667em + 2px) calc(1.333em + 2px);
    font-size: 2em;
}

body .wp-block-button__link a, .configbutton a {
	text-decoration: none !important;
		color: #fff !important;
	
}

body a.wp-block-button__link:hover, body a.wp-block-button__link:active, .configbutton a:hover  {
	color: #fff !important;
    background-color: var(--linkcolor);
	transform:scale(1.1);
	transition:0.25s;
}

.configbutton {
	display: inline-block;
    width: fit-content;
	margin: 0.2em;
}
.configbutton a {
    padding: 0.35em 1.4em;
}

body .wp-block-button__link:hover, .configbutton a:hover {
    background-color: var(--linkcolor);
}

.highlightcolorbg {
	background-color:var(--highlightcolor);
}

body p.total.total-cart-tax.wc-gzd-total-mini-cart {
    display: block;
    margin-top: 0;
    margin-bottom: 1.1em;
    padding-left: 1.25em;
    padding-right: 1.25em;
	font-size:100%;
}

@keyframes fade {
  0%, 100% { opacity: 0 }
  1%, 50%, 99% { opacity: 1 }
}

li.customify-col.product.type-product>.wc-product-inner {
    border: 1px solid #ccc;
    border-radius: 15px;
    padding: 1em;
}

h2.woocommerce-loop-product__title a {
    color: var(--highlightcolor) !important;
    font-size: 150%;
    text-decoration: none !important;
}

body ul.wc-block-product-categories-list.wc-block-product-categories-list--depth-1 {
    padding-left: 1em;
}

body .widget-area .widget ul li {
    margin: 0 0 .2em;
}

#mdmx-configurator, .case-layer, .module-layer {
    display: block;
    position: absolute;
    transition: opacity 400ms ease;
    -moz-transition: opacity 400ms ease;
    -webkit-transition: opacity 400ms ease;
    -o-transition: opacity 400ms ease;
    visibility: visible;
    overflow: auto;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: local;
}

#mdmx-configurator {
	position:relative;
}


.module-layer {
    width: 100%;
	opacity:0;
}

#mdmx-configurator, .case-layer, .module-layer {
	max-width: 512px;
	max-height: 640px;
	min-height: auto;
	height: 62vw;
	margin: auto;
}

.case-layer, .module-layer {
	max-width: 100% !important;
	height: auto !important;
	margin: auto;
}

div#select-modules {
    max-width: 90vw;
    margin: 0 auto 0;
    padding-left: 0;
}

body.main-layout-content .entry-content > .alignwide {
    width: calc(1400px - 4em);
    max-width: calc(100vw - 4em);
}

body.main-layout-content .entry-content>.alignfull {
    max-width: calc(var(--vw, 1vw)* 100 - 0.93em);
}

#select-modules h2 {
    color: var(--highlightcolor);
}

#select-modules h3 {
    color: var(--highlightcolor);
    font-size: 80%;
    font-weight: 600;
	margin-bottom:0;
}

#select-modules p {
    font-size: 79%;
    margin: 1em;
}

#select-modules p a  {
    text-decoration: none;
    border: 1px solid var(--grayweb);
	background-color: #fff;
    padding: 2px 9px;
    margin: 3px;
    text-wrap: nowrap;
    border-radius: 15px;
    line-height: 1.6;
    width: 11em;
    display: inline-block;
	color:var(--grayweb);
}

#select-modules p a:hover {
    color: #fff;
	background-color:var(--linkcolor);
}

#select-modules p.select-modules {
	transition-duration:2ms;
}

#select-modules .wp-block-details {
	box-sizing: border-box;
	border: solid 2px var(--creamygray);
	border-radius: 0.75em;
	margin-bottom: 0.25em;
	background-color: var(--lightcyan)
}

body .wp-block-details summary {
    cursor: pointer;
    background-color: var(--highlightcolor);
	padding: 0.2em 0.8em;
    margin-bottom: 0.5em;
    color: white;
    font-size: 150%;
    border-radius: 0.7em;
	transition-duration:0.5s;
}

body #select-modules .wp-block-details summary:after {
  transition : 800ms;
}

body #select-modules .wp-block-details summary {
    cursor: pointer;
	background-color: var(--platinum);
	padding: 0.2em 0.8em;
    margin-bottom: 0;
    color: var(--highlightcolor);
    font-size: 85%;
    border-radius: 0.7em;
}


body #select-modules .wp-block-details summary:hover {
    cursor: pointer;
    background-color: var(--linkcolor);
    border-color: var(--linkcolor);
	color:#fff;

}

body #select-modules .wp-block-details:hover {
    border-color: var(--linkcolor);

}

.sectiongroup, .inspirationgroup {
	border: 1px solid var(--grayweb);
	padding: 0.5em;
	border-radius: 0.7em;
	margin-bottom: 0.5em;
	margin-right:1em;
}

.sectiongroup {
	max-width: 600px;	
}

.inspirationgroup {
	margin-left:0em;
	margin-right:1em;
}

b, strong {
    color: var(--highlightcolor);
}

body div.product div.images img {
  max-width: 650px;
}

body figcaption.wp-element-caption {
	text-align:center;
}


@keyframes fade-out {
	from {opacity: 1;}
	to {opacity: 0;}
}

@keyframes fade-in {
	from {opacity: 0;}
	to {opacity: 1;}
}

.marquee {
  height: 3em;
  width: 100%;

  overflow: hidden;
  position: relative;
  background-color: var(--highlightcolor);
  color: #fff;  
  padding: 0.75em 0 2em 0;
  font-size:3.4vw;
}

body .marquee a {
	  color: #fff; 
	  text-decoration: none !important; 
}
	
body .marquee a:hover {
	  color: var(--linkcolor);  
}
	

/* would need to be adjusted depending on time */
.marquee .marqueeone{
  animation: marquee 50s linear infinite
}

.marquee .marqueetwo{
  animation: marquee 50s linear 12.5s infinite 
}

.marquee .marqueethree{
  animation: marquee 50s linear 25s infinite
}

.marquee .marqueefour{
  animation: marquee 50s linear 37.5s infinite
}

/* even out the elements */
.marquee div {
  position: absolute;
  width: 100%;
  left: 100%;
  height: 3em;
  display: flex;
  justify-content: space-between;
}

.marquee:hover div {
  animation-play-state: paused;
}

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

.justify-text {
	text-align: justify;
}

.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained {
	background-color: var(--highlightcolor);
	border-radius: 15px;
	color: #fff;
	font-weight: bold;
	text-decoration: none !important;
	text-transform: uppercase;
	padding: 1em;
	margin: 1em;
	width: calc(100% - 2em);
	font-size: 120%;
}

.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained:hover{
	background-color: var(--linkcolor);
}

div#ppcp-cart-paylater-messages, .ppcp-messages, button .message {
    padding: 1em !important;
}

body .wc-block-components-totals-shipping .wc-block-components-shipping-address {
    margin-bottom: 0.5em;
}

body .is-large.wc-block-cart .wc-block-cart__payment-options {
    padding: 1em;
}

body .mailpoet_submit {
    background-color: var(--highlightcolor) !important;
    color: #fff !important;
    border-radius: 15px !important;
}

body .mailpoet_paragraph {
	text-align:center !important;
    width: 100%;
}

#mailpoet_form_1 .mailpoet_text, #mailpoet_form_1 .mailpoet_textarea {
    width: 300px !important;
	max-width: 90%;
	font-family: var(--standardfont) !important;
    text-align: center;
	padding: 0.25em 1em !important;	
    margin: auto !important;
	border-radius: 23px !important
}

#mailpoet_form_1 h2.mailpoet-heading {
    margin: 0 0 20px 0;
    font-family: var(--headerfont);
	color: var(--highlightcolor) !important;
}

#mailpoet_form_1 {
    color: var(--eerieblack) !important;
}

#mailpoet_form_1 .mailpoet_submit {
    padding: 0.2em 2em !important;
    border-radius: 23px !important;
}

div#page-breadcrumb {
    display: none;
}

.widget-area .widget_shopping_cart .total {
  padding-left: 1.25em;
  padding-right: 1.25em;
}

.headerfont a mark {
    font-family: var(--headerfont);
    font-weight: normal;
    font-size: 100%;
    hyphens: auto;
}

.headerfont a:hover mark {
	color: var(--linkcolor) !important;
}

#customer_login h2, .headerfont {
    font-family: var(--headerfont);
    color: var(--highlightcolor);
}

#customer_login h2 {
    text-align: center;
}

/* add delay at the end of animation so you dont start while another div is going */
@keyframes marquee {
  0% { left: 100%; }
  50% { left: -100%; }
  100% {left: -100%}
}

@media (prefers-color-scheme: dark) {
  /* Dark theme styles go here */

}

@media screen and (max-width: 568px) {
	body #page-cover .page-cover-inner {
		min-height: 50vw;
	}
	
	.page-cover-title {
		margin-top: -5vh;
		margin-bottom: .5em;
		font-size: 4vw;
	}
	
	body .page-cover {
		margin: 0 1vw 0 1vw;
		max-width: calc(100vw - 2vw);
		border-radius: 2vw;
		min-height: 120vw;
	}
}


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

@media screen and (max-width: 781px) {
	#mdmx-configurator, .case-layer, .module-layer {	
        height: 122vw;
	}
}

@media screen and (max-width: 1024px) {
	body.woocommerce ul.products li.product, .woocommerce ul.products>li {
		margin: 0.5em 0;
		padding-left: 0.5em;
		padding-right: 0.5em;
	}
}

@media screen and (min-width: 569px) {
	
	body .nav-menu-desktop .menu {
		font-size: 140%;
	}
	
	body nav#site-navigation-bottom-desktop {
	    text-align: right;
	}
	
	p.site-description.text-uppercase.text-xsmall {
		color: var(--creamygray);
		font-size: 0.93em;
		font-weight: 600;
	}
	
	.site-header .cb-row--mobile .site-branding img {
		max-width: 100%;
	}
	
	.zitat {
		font-size: 1.3em;
		text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.6);
	}
	
	.autor {
		font-size:1.15em;
		text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
	}
	
	figcaption {
		margin-left: -1.7em;
	}
	
	body #page-cover .page-cover-inner {
		min-height: 80vh;
	}
	
	.page-cover-title {
		margin-top: -65vh;
		margin-bottom: .5em;
		font-size: 4vw;
	}
	
	body .page-cover {
		margin: 0 1vw 0 1vw;
		max-width: calc(100vw - 2vw);
		border-radius: 2vw;
	}
	
	body .wc-product-inner {
	  min-height: 97vw;
	}	
}

@media screen and (min-width: 660px) {
	body .wc-product-inner {
	  min-height: 79vw;
	}	
}

@media screen and (min-width: 800px) {
	body .wc-product-inner {
	  min-height: 65vw;
	}	
}

@media screen and (min-width: 800px) {
	body .wc-product-inner {
	  min-height: 62vw;
	}	
}


@media screen and (min-width: 1024px) {
	.zitat {
		font-size: 2em;
		text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.6);
	}
	
	.autor {
		font-size:1.35em;
		text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
	}

	body .wc-product-inner {
	  min-height: 54vw;
	}	
}

@media screen and (min-width: 1100px) {
	body .wc-product-inner {
	  min-height: 51vw;
	}	
}


@media screen and (min-width: 1260px) {
	body .header--row.header-bottom .customify-grid, body .header--row.header-bottom .style-full-height .primary-menu-ul > li > a {
		min-height: 630px;
	}
	
	body .wc-product-inner {
	  min-height: 45vw;
	}			
}


@media screen and (min-width: 1540px) {
	body .wc-product-inner {
	  min-height: 39vw;
	}
}

@media screen and (min-width: 1602px) {
	body .wc-product-inner {
	  min-height: 37vw;
	}
}