@charset "UTF-8";
           #wrapper {
width: 100%;
height: auto;
}
#main-content {
width: 100%;
position: relative;
z-index: 2;
background-color: #f8f5ef;
overflow: hidden;
}
.no-herobanner #main-content, .password-required #main-content {
margin-top: 14rem;
}
.home #main-content {
border-top: 1px solid #2d382d;
} .is-style-container-full, .is-style-container-xl, .is-style-container-l, .is-style-container-m, .is-style-container-m-ext, .is-style-container-sm, .is-style-container-s, .is-style-container-xs {
display: block;
width: 100%;
max-width: 100%;
position: relative;
margin-left: auto;
margin-right: auto;
margin-bottom: 10rem !important;
margin-bottom: min(max(6rem, 10vw), 10rem) !important;
margin-bottom: clamp(6rem, 10vw, 10rem) !important;
padding: 2rem;
}
@media screen and (min-width: 540px) {
.is-style-container-full, .is-style-container-xl, .is-style-container-l, .is-style-container-m, .is-style-container-m-ext, .is-style-container-sm, .is-style-container-s, .is-style-container-xs {
padding: 2rem 5rem;
}
}
@media screen and (min-width: 2020px) {
.is-style-container-full {
padding: 1rem 0;
}
}
@media screen and (min-width: 2020px) {
.is-style-container-xl {
max-width: 1920px;
padding: 1rem 0;
}
}
@media screen and (min-width: 1740px) {
.is-style-container-l {
max-width: 1640px;
padding: 1rem 0;
}
}
@media screen and (min-width: 1464px) {
.is-style-container-m {
max-width: 1364px;
padding: 1rem 0;
}
}
@media screen and (min-width: 1524px) {
.is-style-container-m-ext {
max-width: 1484px;
padding: 1rem 0;
}
}
@media screen and (min-width: 1188px) {
.is-style-container-sm {
max-width: 1088px;
padding: 1rem 0;
}
}
@media screen and (min-width: 912px) {
.is-style-container-s {
max-width: 812px;
padding: 1rem 0;
}
}
@media screen and (min-width: 636px) {
.is-style-container-xs {
max-width: 536px;
padding: 1rem 0;
}
} .min-svh-100 {
display: flex;
align-items: center;
min-height: 100svh;
} @media screen and (min-width: 1640px) {
.pt-1 {
padding-top: clamp(5vw, 10vw, 13.3rem);
}
.pt-2 {
padding-top: clamp(10vw, 20vw, 26.6rem);
}
.pt-3 {
padding-top: clamp(15vw, 30vw, 39.9rem);
}
.pt-4 {
padding-top: clamp(20vw, 40vw, 52.5rem);
}
.pt-5 {
padding-top: clamp(25vw, 50vw, 65.8rem);
}
.pr-1 {
padding-right: clamp(5vw, 10vw, 13.3rem);
}
.pr-2 {
padding-right: clamp(10vw, 20vw, 26.6rem);
}
.pr-3 {
padding-right: clamp(15vw, 30vw, 39.9rem);
}
.pr-4 {
padding-right: clamp(20vw, 40vw, 52.5rem);
}
.pr-5 {
padding-right: clamp(25vw, 50vw, 65.8rem);
}
.pb-1 {
padding-bottom: clamp(5vw, 10vw, 13.3rem);
}
.pb-2 {
padding-bottom: clamp(10vw, 20vw, 26.6rem);
}
.pb-3 {
padding-bottom: clamp(15vw, 30vw, 39.9rem);
}
.pb-4 {
padding-bottom: clamp(20vw, 40vw, 52.5rem);
}
.pb-5 {
padding-bottom: clamp(25vw, 50vw, 65.8rem);
}
.pl-1 {
padding-left: clamp(5vw, 10vw, 13.3rem);
}
.pl-2 {
padding-left: clamp(10vw, 20vw, 26.6rem);
}
.pl-3 {
padding-left: clamp(15vw, 30vw, 39.9rem);
}
.pl-4 {
padding-left: clamp(20vw, 40vw, 52.5rem);
}
.pl-5 {
padding-left: clamp(25vw, 50vw, 65.8rem);
}
.mt-auto {
margin-top: auto !important;
}
.mt-1 {
margin-top: clamp(5vw, 10vw, 13.3rem);
}
.mt-2 {
margin-top: clamp(10vw, 20vw, 26.6rem);
}
.mt-3 {
margin-top: clamp(15vw, 30vw, 39.9rem);
}
.mt-4 {
margin-top: clamp(20vw, 40vw, 52.5rem);
}
.mt-5 {
margin-top: clamp(25vw, 50vw, 65.8rem);
}
.mr-1 {
margin-right: clamp(5vw, 10vw, 13.3rem);
}
.mr-2 {
margin-right: clamp(10vw, 20vw, 26.6rem);
}
.mr-3 {
margin-right: clamp(15vw, 30vw, 39.9rem);
}
.mr-4 {
margin-right: clamp(20vw, 40vw, 52.5rem);
}
.mr-5 {
margin-right: clamp(25vw, 50vw, 65.8rem);
}
.mb-0 {
margin-bottom: 0 !important;
}
.mb-1 {
margin-bottom: clamp(5vw, 10vw, 13.3rem);
}
.mb-2 {
margin-bottom: clamp(10vw, 20vw, 26.6rem);
}
.mb-3 {
margin-bottom: clamp(15vw, 30vw, 39.9rem);
}
.mb-4 {
margin-bottom: clamp(20vw, 40vw, 52.5rem);
}
.mb-5 {
margin-bottom: clamp(25vw, 50vw, 65.8rem);
}
.ml-1 {
margin-left: clamp(5vw, 10vw, 13.3rem);
}
.ml-2 {
margin-left: clamp(10vw, 20vw, 26.6rem);
}
.ml-3 {
margin-left: clamp(15vw, 30vw, 39.9rem);
}
.ml-4 {
margin-left: clamp(20vw, 40vw, 52.5rem);
}
.ml-5 {
margin-left: clamp(25vw, 50vw, 65.8rem);
}
}    html {
font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body {
margin: 0;
}  article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
display: block;
} audio,
canvas,
progress,
video {
display: inline-block; vertical-align: baseline; } audio:not([controls]) {
display: none;
height: 0;
} [hidden],
template {
display: none;
} ol, ul, menu {
border: 0;
margin: 0;
padding: 0;
list-style: none;
}  a {
background: transparent;
} a:active, a:hover {
outline: 0;
}  abbr[title] {
border-bottom: 1px dotted;
} b,
strong {
font-weight: bold;
} dfn {
font-style: italic;
} h1 {
font-size: 2em;
margin: 0.67em 0;
} mark {
background: #ff0;
color: #000;
} small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}  img {
border: 0;
} svg:not(:root) {
overflow: hidden;
}  figure {
margin: 0;
} hr {
box-sizing: content-box;
height: 0;
} pre {
overflow: auto;
} code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}   button,
input,
optgroup,
select,
textarea {
color: inherit; font: inherit; margin: 0; } button {
overflow: visible;
padding: 0;
} button,
select {
text-transform: none;
} button,
html input[type=button],
input[type=reset],
input[type=submit] {
-webkit-appearance: button; cursor: pointer; } button[disabled],
html input[disabled] {
cursor: default;
} button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
} input {
line-height: normal;
} input[type=checkbox],
input[type=radio] {
box-sizing: border-box; padding: 0; } input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
height: auto;
} input[type=search] {
-webkit-appearance: textfield;  box-sizing: content-box;
} input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
} fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
} legend {
border: 0; padding: 0; } textarea {
overflow: auto;
} optgroup {
font-weight: bold;
}  table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
} *, *:before, *:after {
box-sizing: inherit;
}
html, body {
box-sizing: border-box;
}
html {
font-size: 62.5%;
scroll-behavior: smooth;
}
body {
min-width: 100%;
font-family: "Geist", Helvetica, Arial, sans-serif;
font-weight: 300;
font-variation-settings: "wght" 300;
font-size: 18px;
font-size: 1.8rem;
overflow-x: hidden;
overflow-y: scroll;
background-color: #f8f5ef;
color: #2d382d;
}
body::-webkit-scrollbar {
width: 6px;
}
body::-webkit-scrollbar-track {
background: #2d382d;
}
body::-webkit-scrollbar-thumb {
background: #ff6347;
}
body.overflow-hidden {
overflow: hidden;
}
.preload * {
transition: none !important;
transition: all 0s linear;
}
img {
max-width: 100%;
height: auto;
vertical-align: middle;
}
@media (prefers-reduced-motion: reduce) {
*, :after, :before {
animation: none !important;
transition: none !important;
}
} html.lenis, html.lenis body {
height: auto;
}
.lenis.lenis-smooth {
scroll-behavior: auto !important;
}
.lenis.lenis-smooth [data-lenis-prevent] {
overscroll-behavior: contain;
}
.lenis.lenis-stopped {
overflow: hidden;
}
.lenis.lenis-smooth iframe {
pointer-events: none;
} ::-moz-selection {
color: white;
background: #ff6347;
}
::selection {
color: white;
background: #ff6347;
}
::-moz-selection {
color: white;
background: #ff6347;
}
*:focus {
outline: none;
text-decoration: none;
}
*:focus-visible {
outline: 1px solid #000000 !important;
}
noscript {
display: block;
width: 100%;
position: fixed;
bottom: 0;
left: 0;
z-index: 99999999999999;
background: red;
padding: 2rem;
text-align: center;
color: white;
}
div[id] {
scroll-margin-top: 15vw;
} @media screen and (max-width: 768px) {
.hidden-mobile {
display: none !important;
visibility: hidden;
}
}
@media screen and (min-width: 769px) and (max-width: 1366px) {
.hidden-tablet {
display: none !important;
visibility: hidden;
}
}
@media screen and (min-width: 1367px) {
.hidden-desktop {
display: none !important;
visibility: hidden;
}
}
.hidden-all {
display: none !important;
visibility: hidden;
}
.t404-embed-container {
position: relative;
width: 100%;
padding-bottom: 56.25%;
}
.t404-embed-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
} .t404-back-to-top {
display: none;
}
@media screen and (min-width: 1920px) {
.js .t404-back-to-top {
width: 30px;
height: 30px;
display: block;
background: url(//www.artvalon.de/wp-content/themes/artvalon/assets/img/layout/icons/scrollup.svg) no-repeat 0 0;
border: 0;
bottom: -30px;
position: fixed;
color: white;
top: auto;
margin: 0;
right: 20px;
z-index: 9999999;
text-indent: -999999px;
opacity: 0.4;
transition: all 0.3s ease-in;
}
.js .t404-back-to-top:hover {
opacity: 1;
}
}
.t404-back-to-top.visible {
bottom: 65px;
} .observe-item {
opacity: 0;
visibility: hidden;
transform: translateY(4rem);
transition: all 0.8s ease-in-out;
}
.observe-item.in-viewport {
opacity: 1;
visibility: visible;
transform: translateY(0);
transition: all 0.8s ease-in-out;
}
.fade-in {
opacity: 0;
transform: translateY(40px);
transition: all 0.8s ease;
}
.fade-in.visible {
opacity: 1;
transform: translateY(0);
} #screenwidth {
position: fixed;
z-index: 1000000;
left: 0;
top: 0;
background: #E03100;
padding: 5px 10px;
color: #fff;
font-size: 12px;
} @font-face {
font-display: swap;
font-family: "Geist";
src: url(//www.artvalon.de/wp-content/themes/artvalon/assets/fonts/geist/geist.woff2);
}
@font-face {
font-display: swap;
font-family: "Boldonse";
font-style: normal;
font-weight: 400;
src: url(//www.artvalon.de/wp-content/themes/artvalon/assets/fonts/boldonse/boldonse-v1-latin-regular.woff2) format("woff2");
} b, strong {
font-family: "Geist", Helvetica, Arial, sans-serif;
font-weight: 500;
font-variation-settings: "wght" 500;
}
@media screen and (max-width: 768px) {
* br {
display: none;
}
}
h1, h2, h3, h4, h5, h6, p, a {
white-space: normal;
overflow-wrap: break-word;
word-wrap: break-word;
word-break: break-word;
}
.has-text-align-center {
text-align: center;
}
.has-text-align-right {
text-align: right;
}
.is-style-text-transform-uppercase {
text-transform: uppercase;
}
.is-style-text-transform-lowercase {
text-transform: lowercase;
}
.is-style-text-transform-none {
text-transform: none;
}  h1, h1.has-h-1-font-size, h2.has-h-1-font-size, h3.has-h-1-font-size, h4.has-h-1-font-size, h5.has-h-1-font-size, h6.has-h-1-font-size {
font-size: 4.737rem;
font-size: min(max(4.263rem, 4vw), 4.737rem);
font-size: clamp(4.263rem, 4vw, 4.737rem);
}
h2, h1.has-h-2-font-size, h2.has-h-2-font-size, h3.has-h-2-font-size, h4.has-h-2-font-size, h5.has-h-2-font-size, h6.has-h-2-font-size {
font-size: 3.4rem;
font-size: min(max(2.8rem, 3vw), 3.4rem);
font-size: clamp(2.8rem, 3vw, 3.4rem);
}
h3, h4, h5, h6, h1.has-h-3-font-size, h2.has-h-3-font-size, h3.has-h-3-font-size, h4.has-h-3-font-size, h5.has-h-3-font-size, h6.has-h-3-font-size {
font-size: 2.4rem;
font-size: min(max(2rem, 2vw), 2.4rem);
font-size: clamp(2rem, 2vw, 2.4rem);
}
h1.has-h-4-font-size, h2.has-h-4-font-size, h3.has-h-4-font-size, h4.has-h-4-font-size, h5.has-h-4-font-size, h6.has-h-4-font-size {
font-size: 2rem;
font-size: min(max(1.8rem, 1.2vw), 2rem);
font-size: clamp(1.8rem, 1.2vw, 2rem);
} .wpcf7-form label .label-title, .wpcf7-form input[type=text], .wpcf7-form input[type=number], .wpcf7-form input[type=email], .wpcf7-form input[type=tel], .wpcf7-form input[type=file], .wpcf7-form textarea, .wpcf7-form select, #main-content ol:not([class]) > li, #main-content ul:not([class]) > li, #main-content ul.wp-block-list > li, #main-content ul.has-text-color > li, .wp-block-file .wp-block-file__button, .wp-block-button__link, .btn, a, p {
font-size: 1.3rem;
}
.wpcf7-form #submitarea .wpcf7-acceptance a, .wpcf7-form #submitarea .wpcf7-acceptance, #main-content ul:not([class]).has-small-font-size a, #main-content ul.wp-block-list.has-small-font-size a, #main-content ul.has-text-color.has-small-font-size a, #main-content ul:not([class]).has-small-font-size li, #main-content ul.wp-block-list.has-small-font-size li, #main-content ul.has-text-color.has-small-font-size li, #footer-creator .footer-creator-item a, #footer-creator .footer-creator-item, p.has-small-font-size a, p.has-small-font-size {
font-size: 1.1rem;
}
#main-content ul:not([class]).has-large-font-size a, #main-content ul.wp-block-list.has-large-font-size a, #main-content ul.has-text-color.has-large-font-size a, #main-content ul:not([class]).has-large-font-size li, #main-content ul.wp-block-list.has-large-font-size li, #main-content ul.has-text-color.has-large-font-size li, p.has-large-font-size a, p.has-large-font-size {
font-size: 1.8rem;
font-size: min(max(1.6rem, 1.2vw), 1.8rem);
font-size: clamp(1.6rem, 1.2vw, 1.8rem);
}
#main-content ul:not([class]).has-huge-font-size a, #main-content ul.wp-block-list.has-huge-font-size a, #main-content ul.has-text-color.has-huge-font-size a, #main-content ul:not([class]).has-huge-font-size li, #main-content ul.wp-block-list.has-huge-font-size li, #main-content ul.has-text-color.has-huge-font-size li, p.has-huge-font-size a, p.has-huge-font-size {
font-size: 2.6rem;
font-size: min(max(2.1rem, 2vw), 2.6rem);
font-size: clamp(2.1rem, 2vw, 2.6rem);
}
p.has-giant-font-size a, p.has-giant-font-size {
font-size: 3.8rem;
font-size: min(max(2.8rem, 3vw), 3.8rem);
font-size: clamp(2.8rem, 3vw, 3.8rem);
} h1, h2, h3, h4, h5, h6 {
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: "Boldonse", Helvetica, Arial, sans-serif;
font-weight: 400;
line-height: 150%;
}
h1 {
margin: 2.6rem 0 1.6rem 0;
}
h2 {
margin: 2.2rem 0 1.4rem 0;
}
h3, h4, h5, h6 {
margin: 1.6rem 0 1rem 0;
} p {
margin: 0 0 1.6rem 0;
line-height: 135%;
}
p:last-child {
margin: 0;
}
p.is-style-text-transform-uppercase {
text-transform: uppercase;
}
p.is-style-text-transform-lowercase {
text-transform: lowercase;
} a {
text-decoration: none;
color: #2d382d;
line-height: 135%;
}
a img {
border: none;
}
a:hover {
text-decoration: underline;
}
p a, #footer a {
display: inline-block;
position: relative;
transition: color 0.1s ease-in-out;
transition-delay: 0.2s;
}
p a:after, #footer a:after {
content: "";
display: block;
width: 100%;
height: 100%;
max-height: 1px;
position: absolute;
bottom: 0;
left: 0;
z-index: -1;
background-color: #ff6347;
transition: max-height 0.3s ease-in-out;
}
p a:hover, p a:focus-visible, #footer a:hover, #footer a:focus-visible {
text-decoration: none;
color: #FFFFFF;
transition: color 0.1s ease-in-out;
transition-delay: 0.2s;
}
p a:hover:after, p a:focus-visible:after, #footer a:hover:after, #footer a:focus-visible:after {
max-height: 100%;
transition: max-height 0.3s ease-in-out;
} .has-background.has-primary-background-color {
background-color: #ff6347;
}
.has-background.has-secondary-background-color {
background-color: #2d382d;
}
.has-background.has-tertiary-background-color {
background-color: #f8f5ef;
}
.has-background.has-font-background-color {
background-color: #2d382d;
}
.has-background.has-light-grey-background-color {
background-color: #E5E5E5;
}
.has-background.has-dark-green-background-color {
background-color: #202f27;
}
.has-background.has-white-background-color {
background-color: #FFFFFF;
}
.has-background.has-editorial-background-color {
background-color: #C41890;
} .has-text-color.has-primary-color, .has-inline-color.has-primary-color {
color: #ff6347;
}
.has-text-color.has-secondary-color, .has-inline-color.has-secondary-color {
color: #2d382d;
}
.has-text-color.has-tertiary-color, .has-inline-color.has-tertiary-color {
color: #f8f5ef;
}
.has-text-color.has-font-color, .has-inline-color.has-font-color {
color: #2d382d;
}
.has-text-color.has-editorial-color, .has-inline-color.has-editorial-color {
color: #C41890;
}
.has-text-color.has-white-color, .has-inline-color.has-white-color {
color: #FFFFFF;
}
.has-text-color.has-light-grey-color, .has-inline-color.has-light-grey-color {
color: #E5E5E5;
}
.has-text-color.has-dark-green-color, .has-inline-color.has-dark-green-color {
color: #202f27;
} #header {
width: 100%;
position: fixed;
left: 0;
top: 0;
z-index: 1;
}
#header-inner{
width:min(1640px, calc(100% - 10rem));
margin:0 auto;
height:96px;
display:grid;
grid-template-columns:220px 1fr;
align-items:center;
padding:0;
} #header-logo {
display: block;
width: 100%;
max-width: 18.6rem;
} #footer {
width: 100%;
position: relative;
background-color: #2d382d;
}
#footer #footer-inner {
width: 100%;
margin: 0 auto;
display: flex;
flex-direction: column;
flex-wrap: wrap;
gap: 4rem;
justify-content: space-between;
padding: 5rem 2rem;
color: #f8f5ef;
position: relative;
z-index: 0;
}
#footer #footer-inner a {
color: #f8f5ef;
}
@media screen and (min-width: 540px) {
#footer #footer-inner {
padding: 9rem 5rem;
}
}
@media screen and (min-width: 768px) {
#footer #footer-inner {
flex-direction: row;
}
}
#footer-creator {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 2rem;
padding: 2rem;
background-color: #f8f5ef;
position: relative;
}
#footer-creator .footer-creator-item a {
font-family: "Boldonse", Helvetica, Arial, sans-serif;
font-weight: 400;
transition: color 0.3s ease-in-out;
}
#footer-creator .footer-creator-item a:hover {
color: #ff6347;
} #primary-desktop-menu {
display: none;
}
@media screen and (min-width: 1200px) {
#primary-desktop-menu {
display: flex;
align-items: stretch;
line-height: 1;
}
#primary-desktop-menu > ul > li:hover > a:before {
max-width: 100%;
}
#primary-desktop-menu > ul {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: stretch;
gap: 4rem;
}
#primary-desktop-menu > ul > li {
display: flex;
position: relative;
}
#primary-desktop-menu > ul > li.current_page_ancestor > a:before, #primary-desktop-menu > ul > li.current-menu-item > a:before, #primary-desktop-menu > ul > li.current-menu-ancestor > a:before {
max-width: 100%;
}
}
@media screen and (min-width: 1200px) and (min-width: 1200px) and (max-width: 2100px) {
#primary-desktop-menu > ul > li:nth-last-child(-n+3) ul.second-level {
left: initial;
right: -1.2rem;
}
}
@media screen and (min-width: 1200px) {
#primary-desktop-menu > ul > li:nth-last-child(n+2) ul.third-level {
left: initial;
right: 100%;
}
}
@media screen and (min-width: 1200px) and (min-width: 2200px) {
#primary-desktop-menu > ul > li:nth-last-child(n+2) ul.third-level {
left: 100%;
right: initial;
}
}
@media screen and (min-width: 1200px) {
#primary-desktop-menu > ul > li:nth-last-child(1) ul.third-level {
left: initial;
right: 100%;
}
}
@media screen and (min-width: 1200px) and (min-width: 2600px) {
#primary-desktop-menu > ul > li:nth-last-child(1) ul.third-level {
left: 100%;
right: initial;
}
}
@media screen and (min-width: 1200px) {
#primary-desktop-menu > ul > li > a {
display: flex;
align-items: center;
padding: 1.8rem 0;
position: relative;
}
#primary-desktop-menu > ul > li > a:before {
content: "";
display: block;
width: 100%;
max-width: 0;
position: absolute;
top: 0;
left: 0;
height: 4px;
background-color: #ff6347;
transition: max-width 0.3s ease-in-out;
}
#primary-desktop-menu > ul > li > a { }
#primary-desktop-menu > ul > li > a:hover {
text-decoration: none;
}
#primary-desktop-menu > ul > li:hover > ul {
visibility: visible;
opacity: 1;
transition: all 0.3s ease-in-out;
top: 58px;
}
#primary-desktop-menu > ul > li:focus-visible > ul {
visibility: visible;
opacity: 1;
transition: all 0.3s ease-in-out;
top: 58px;
}
#primary-desktop-menu ul.second-level, #primary-desktop-menu ul.third-level {
visibility: hidden;
opacity: 0;
position: absolute;
top: 140%;
left: -1.2rem;
z-index: 100;
display: flex;
flex-direction: column;
padding: 1.4rem 0;
background-color: rgba(0, 0, 0, 0.9);
}
.is_IE #primary-desktop-menu ul.second-level, .is_IE #primary-desktop-menu ul.third-level {
min-width: 340px;
}
#primary-desktop-menu ul.second-level > li, #primary-desktop-menu ul.third-level > li {
width: 100%;
position: relative;
}
#primary-desktop-menu ul.second-level > li > a, #primary-desktop-menu ul.third-level > li > a {
display: flex;
width: 100%;
padding: 1rem 1.6rem;
font-size: 1.8rem;
color: white;
white-space: nowrap;
}
#primary-desktop-menu ul.second-level > li > a:hover, #primary-desktop-menu ul.second-level > li > a:focus, #primary-desktop-menu ul.second-level > li > a:visited, #primary-desktop-menu ul.third-level > li > a:hover, #primary-desktop-menu ul.third-level > li > a:focus, #primary-desktop-menu ul.third-level > li > a:visited {
text-decoration: none;
}
#primary-desktop-menu ul.second-level > li:hover > ul, #primary-desktop-menu ul.third-level > li:hover > ul {
visibility: visible;
opacity: 1;
transition: all 0.2s ease-in-out;
}
#primary-desktop-menu ul.second-level > li:focus-within > ul, #primary-desktop-menu ul.third-level > li:focus-within > ul {
visibility: visible;
opacity: 1;
transition: all 0.2s ease-in-out;
}
#primary-desktop-menu ul.second-level > li:hover > a, #primary-desktop-menu ul.third-level > li:hover > a {
font-family: "Geist", Helvetica, Arial, sans-serif;
font-weight: 700;
font-variation-settings: "wght" 700;
}
#primary-desktop-menu ul.second-level > li.current-menu-item a, #primary-desktop-menu ul.third-level > li.current-menu-item a {
font-family: "Geist", Helvetica, Arial, sans-serif;
font-weight: 700;
font-variation-settings: "wght" 700;
}
#primary-desktop-menu ul.third-level {
top: 0;
left: 100%;
padding: 0.6rem 0;
}
#primary-desktop-menu ul.third-level > li > a {
font-size: 1.8rem;
}
} #primary-mobile-menu {
display: block;
position: fixed;
right: 0;
top: 0;
height: 100%;
width: 100%;
padding: 4rem 2rem;
background: #FFFFFF;
z-index: 29;
backface-visibility: hidden;
overflow: auto;
-webkit-overflow-scrolling: touch;
opacity: 0;
visibility: hidden;
}
@media screen and (min-width: 1200px) {
#primary-mobile-menu {
display: none;
}
}
#primary-mobile-menu > ul {
display: flex;
flex-direction: column;
flex-wrap: wrap;
gap: 4rem;
}
#primary-mobile-menu > ul > li {
display: flex;
flex-direction: column;
padding-left: 3.5rem;
position: relative;
}
#primary-mobile-menu > ul > li > a {
display: flex;
flex-wrap: nowrap;
align-items: center;
font-size: 3.6rem;
color: #2d382d;
line-height: 1;
font-weight: 300;
position: relative;
}
#primary-mobile-menu > ul > li > a:hover, #primary-mobile-menu > ul > li > a:visited {
text-decoration: none !important;
}
#primary-mobile-menu ul.second-level {
display: flex;
flex-direction: column;
max-height: 0;
transition: all 0.2s ease;
overflow: hidden;
opacity: 0;
}
#primary-mobile-menu ul.second-level li {
padding: 0.5rem 0;
}
#primary-mobile-menu ul.second-level li a {
color: #2d382d;
font-family: "Geist", Helvetica, Arial, sans-serif;
font-weight: 300;
font-variation-settings: "wght" 300;
font-size: 3rem;
line-height: 1;
}
#primary-mobile-menu ul.second-level.is-visible {
max-height: 1000px;
opacity: 1;
margin-top: 1rem;
transition: all 0.2s ease;
}
.mobile-menu-open #primary-mobile-menu {
opacity: 1;
visibility: visible;
transition: all 0.4s ease-in-out;
}
.mobile-menu-closed #primary-mobile-menu {
opacity: 0;
visibility: hidden;
transition: all 0.4s ease-in-out;
}
#primary-mobile-menu .nav-click {
position: absolute;
top: 6px;
left: 0;
display: flex;
justify-content: center;
align-items: center;
height: 25px;
width: 25px;
cursor: pointer;
transition: all 0.2s ease-in-out;
}
#primary-mobile-menu .nav-click.nav-rotate {
transform: rotate(90deg);
}
#primary-mobile-menu .nav-click i {
display: block;
height: 22px;
width: 25px;
background: url(//www.artvalon.de/wp-content/themes/artvalon/assets/img/layout/icons/nav-expand.svg) no-repeat center center;
background-size: contain;
} #footer-menu {
width: 100%;
margin-top: 1rem;
}
#footer-menu ul {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
gap: 3rem;
}
#footer-menu ul li a {
font-size: 1.6rem;
color: #ff6347;
}  .hamburger {
padding: 8px 8px;
display: inline-block;
cursor: pointer;
transition-property: opacity, filter;
transition-duration: 0.15s;
transition-timing-function: linear;
font: inherit;
color: inherit;
text-transform: none;
background-color: transparent !important;
border: 0;
margin: 0;
overflow: visible;
z-index: 3;
}
@media screen and (min-width: 1200px) {
.hamburger {
display: none !important;
}
}
.hamburger:focus {
outline: none;
}
.hamburger .hamburger-box {
width: 26px;
height: 18px;
display: inline-block;
position: relative;
}
.hamburger .hamburger-box .hamburger-inner {
display: block;
top: 50%;
margin-top: -1px;
width: 26px;
}
.hamburger .hamburger-box .hamburger-inner, .hamburger .hamburger-box .hamburger-inner::before, .hamburger .hamburger-box .hamburger-inner::after {
height: 2px;
background-color: #ff6347;
border-radius: 0;
position: absolute;
right: 0;
transition-property: transform;
transition-duration: 0.15s;
transition-timing-function: ease;
}
.hamburger .hamburger-box .hamburger-inner::before, .hamburger .hamburger-box .hamburger-inner::after {
width: 26px;
content: "";
display: block;
}
.hamburger .hamburger-box .hamburger-inner::before {
top: -8px;
}
.hamburger .hamburger-box .hamburger-inner::after {
bottom: -8px;
} .hamburger-squeeze .hamburger-inner {
transition-duration: 0.075s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger-squeeze .hamburger-inner::before {
transition: top 0.075s 0.12s ease, opacity 0.075s ease;
}
.hamburger-squeeze .hamburger-inner::after {
transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger-squeeze.is-active .hamburger-inner {
width: 26px;
transform: rotate(45deg);
transition-delay: 0.12s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
background-color: #ff6347 !important;
}
.hamburger-squeeze.is-active .hamburger-inner::before {
top: 0;
opacity: 0;
background-color: #ff6347 !important;
transition: top 0.075s ease, opacity 0.075s 0.12s ease;
}
.hamburger-squeeze.is-active .hamburger-inner::after {
bottom: 0;
background-color: #ff6347 !important;
transform: rotate(-90deg);
transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
} .wp-block-columns {
gap: 2rem;
}
@media screen and (min-width: 782px) {
.wp-block-columns {
gap: 4rem;
}
}
@media screen and (min-width: 1440px) {
.wp-block-columns {
gap: 6rem;
}
}
.wp-block-columns.flip-mobile {
flex-direction: column-reverse;
}
@media screen and (min-width: 599px) {
.wp-block-columns.flip-mobile {
flex-direction: row;
}
}
.wp-block-columns.flip-mobile .wp-block-column {
margin-bottom: 2rem;
}
.wp-block-columns.flip-mobile .wp-block-column:first-child {
margin-bottom: 0;
}
@media screen and (min-width: 599px) {
.wp-block-columns.flip-mobile .wp-block-column {
margin-bottom: 0;
}
}
.wp-block-columns.no-gutter .wp-block-column {
margin-left: 0;
margin-bottom: 0;
} .wp-block-image {
margin: 0 0 1.6rem;
}
.wp-block-image img {
max-width: 100%;
}
.wp-block-image figure {
margin: 0;
}
.wp-block-image figcaption {
margin-top: 0.5rem;
margin-bottom: 1rem;
}
.wp-block-image.aligncenter {
text-align: center;
}
.wp-block-image.alignfull img, .wp-block-image.alignwide img {
width: 100%;
}
.wp-block-image .aligncenter, .wp-block-image .alignleft, .wp-block-image .alignright {
display: table;
}
.wp-block-image .aligncenter figcaption, .wp-block-image .alignleft figcaption, .wp-block-image .alignright figcaption {
display: table-caption;
caption-side: bottom;
}
.wp-block-image.alignleft {
float: left;
margin: 0.5rem 1rem 0.5rem 0;
}
.wp-block-image.alignright {
float: right;
margin: 0.5rem 0 0.5rem 1rem;
}
.wp-block-image.aligncenter {
margin-left: auto;
margin-right: auto;
} .wp-block-buttons {
display: flex;
} .wp-block-button__link, .btn {
display: inline-block;
margin-top: 1.8rem;
padding: 1.4rem 3.6rem;
line-height: 135%;
color: #FFFFFF;
background-color: #ff6347;
border: 1px solid #ff6347;
border-radius: 1rem;
align-self: baseline;
transition: all 0.2s ease-in-out;
cursor: pointer;
position: relative;
font-family: "Geist", Helvetica, Arial, sans-serif;
font-weight: 700;
font-variation-settings: "wght" 700;
transition: all 0.2s linear;
}
.wp-block-button__link:hover, .btn:hover {
text-decoration: none;
transition: all 0.2s linear;
}
.wp-block-button__link:focus, .wp-block-button__link:visited, .btn:focus, .btn:visited {
text-decoration: none;
}
.wp-block-button__link.has-background, .btn.has-background {
padding: 1.4rem 3.6rem;
}
.wp-block-button__link.has-background.has-primary-background-color, .btn.has-background.has-primary-background-color {
border: 1px solid #ff6347;
background-color: #ff6347;
}
.wp-block-button__link.has-background.has-secondary-background-color, .btn.has-background.has-secondary-background-color {
border: 1px solid #2d382d;
background-color: #2d382d;
}
.wp-block-button__link.has-background.has-tertiary-background-color, .btn.has-background.has-tertiary-background-color {
border: 1px solid #f8f5ef;
background-color: #f8f5ef;
color: #2d382d;
}
.wp-block-button__link.has-background.has-tertiary-background-color:hover, .btn.has-background.has-tertiary-background-color:hover {
background-color: transparent;
color: #f8f5ef;
}
.wp-block-button__link.has-background.has-white-background-color, .btn.has-background.has-white-background-color {
border: 1px solid #FFFFFF;
color: #2d382d;
}
.wp-block-button__link.has-background.has-light-grey-background-color, .btn.has-background.has-light-grey-background-color {
border: 1px solid #E5E5E5;
color: #2d382d;
} .wp-block-file {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.wp-block-file .wp-block-file__button {
align-self: baseline;
background-color: transparent;
border: 1px solid black;
color: black;
padding: 10px;
line-height: 135%;
border-radius: 10px;
text-transform: uppercase;
transition: all 0.2s ease-in-out;
}
.wp-block-file .wp-block-file__button:hover {
text-decoration: none;
background-color: black;
color: white !important;
}
.wp-block-file .wp-block-file__button:focus, .wp-block-file .wp-block-file__button:visited {
text-decoration: none;
} #main-content ul:not([class]), #main-content ul.wp-block-list, #main-content ul.has-text-color {
list-style-type: none;
padding: 0;
margin: 0;
}
#main-content ul:not([class]) > li, #main-content ul.wp-block-list > li, #main-content ul.has-text-color > li {
margin-bottom: 1rem;
padding-left: 2rem;
line-height: 135%;
position: relative;
}
#main-content ul:not([class]) > li:before, #main-content ul.wp-block-list > li:before, #main-content ul.has-text-color > li:before {
content: "» ";
position: absolute;
top: 0;
left: 0;
color: #ff6347;
}
#main-content ul:not([class]).has-text-color.has-primary-color li:before, #main-content ul.wp-block-list.has-text-color.has-primary-color li:before, #main-content ul.has-text-color.has-text-color.has-primary-color li:before {
color: #ff6347;
}
#main-content ul:not([class]).has-text-color.has-secondary-color, #main-content ul.wp-block-list.has-text-color.has-secondary-color, #main-content ul.has-text-color.has-text-color.has-secondary-color {
color: #2d382d;
}
#main-content ul:not([class]).has-text-color.has-secondary-color li:before, #main-content ul.wp-block-list.has-text-color.has-secondary-color li:before, #main-content ul.has-text-color.has-text-color.has-secondary-color li:before {
color: #2d382d;
}
#main-content ul:not([class]).has-text-color.has-font-color li:before, #main-content ul.wp-block-list.has-text-color.has-font-color li:before, #main-content ul.has-text-color.has-text-color.has-font-color li:before {
color: #2d382d;
}
#main-content ul:not([class]).has-text-color.has-editorial-color li:before, #main-content ul.wp-block-list.has-text-color.has-editorial-color li:before, #main-content ul.has-text-color.has-text-color.has-editorial-color li:before {
color: #C41890;
}
#main-content ul:not([class]).has-text-color.has-white-color li:before, #main-content ul.wp-block-list.has-text-color.has-white-color li:before, #main-content ul.has-text-color.has-text-color.has-white-color li:before {
color: #ffffff;
}
#main-content ul:not([class]).is-style-text-transform-uppercase, #main-content ul.wp-block-list.is-style-text-transform-uppercase, #main-content ul.has-text-color.is-style-text-transform-uppercase {
text-transform: uppercase;
}
#main-content ul:not([class]).is-style-text-transform-lowercase, #main-content ul.wp-block-list.is-style-text-transform-lowercase, #main-content ul.has-text-color.is-style-text-transform-lowercase {
text-transform: lowercase;
}
#main-content ol:not([class]) {
list-style-type: decimal;
padding: 0 0 0 2rem;
margin: 0;
}
#main-content ol:not([class]) > li {
margin-bottom: 0.5rem;
line-height: 135%;
} .t404-scrollbanner {
width: 100%;
position: relative;
overflow: hidden;
margin-left: auto;
margin-right: auto;
margin-bottom: 10rem !important;
margin-bottom: min(max(6rem, 10vw), 10rem) !important;
margin-bottom: clamp(6rem, 10vw, 10rem) !important;
}
.t404-scrollbanner:before {
content: "";
display: block;
width: 100%;
height: 100%;
position: absolute;
z-index: 1;
background-color: rgba(45, 56, 45, 0.7);
}
.t404-scrollbanner .t404-scrollbanner-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
}
.t404-scrollbanner .t404-scrollbanner-overlay.has-primary-background-color {
background-color: #ff6347;
}
.t404-scrollbanner .t404-scrollbanner-overlay.has-secondary-background-color {
background-color: #2d382d;
}
.t404-scrollbanner .t404-scrollbanner-overlay.has-tertiary-background-color {
background-color: #f8f5ef;
}
.t404-scrollbanner img {
width: 100%;
height: auto;
} .t404-infobanner {
display: block;
width: 100%;
background-color: #f8f5ef;
padding: 7rem 2rem;
border-bottom: 1px solid #2d382d;
opacity: 0;
visibility: hidden;
transform: translateY(50%);
transition: all 0.8s ease-in-out;
}
@media screen and (min-width: 540px) {
.t404-infobanner {
padding: 7rem 5rem;
}
}
.t404-infobanner.in-viewport {
opacity: 1;
visibility: visible;
transform: translateY(0);
transition: all 0.8s ease-in-out;
}
#main-content .t404-infobanner:last-of-type {
border-bottom: none;
}
.t404-infobanner:hover {
background-color: #2d382d;
transition: all 0.2s ease-in-out;
color: #f8f5ef;
}
.t404-infobanner-inner {
display: flex;
flex-wrap: wrap;
flex-direction: column;
gap: 2rem;
width: 100%;
max-width: 1364px;
margin: 0 auto;
}
@media screen and (min-width: 540px) {
.t404-infobanner-inner {
flex-direction: row;
gap: 4rem;
}
}
.t404-infobanner-column {
flex: 1;
}
.t404-infobanner-column.t404-infobanner-headline h2 {
margin: 0;
hyphens: none;
}
.t404-infobanner-column.t404-infobanner-headline h2 .letter-spacing {
letter-spacing: -6px;
}
.t404-infobanner-column.t404-infobanner-headline h2 .condense-letter {
display: inline-block;
transform: scaleX(0.75);
letter-spacing: -4px;
}
@media screen and (min-width: 540px) {
.t404-infobanner-column.t404-infobanner-image {
flex: 0 1 300px;
}
.t404-infobanner-column.t404-infobanner-content {
flex: 0 1 365px;
align-self: center;
}
} .t404-gallery {
display: block;
width: calc(100% - 2rem);
margin: 1rem auto;
}
.t404-gallery .grid-sizer {
width: 100%;
}
@media screen and (min-width: 540px) {
.t404-gallery .grid-sizer {
width: 50%;
}
}
@media screen and (min-width: 768px) {
.t404-gallery .grid-sizer {
width: 25%;
}
}
.t404-gallery .t404-gallery-image {
width: 100%;
padding: 1rem;
opacity: 0;
visibility: hidden;
transition: all 0.8s ease-in-out;
}
@media screen and (min-width: 540px) {
.t404-gallery .t404-gallery-image {
width: 50%;
}
}
@media screen and (min-width: 768px) {
.t404-gallery .t404-gallery-image {
width: 25%;
}
.t404-gallery .t404-gallery-image.t404-gallery-image--width2 {
width: 50%;
}
.t404-gallery .t404-gallery-image.t404-gallery-image--width3 {
width: 75%;
}
.t404-gallery .t404-gallery-image.t404-gallery-image--height2 {
height: 50svh;
}
}
.t404-gallery .t404-gallery-image picture {
display: block;
}
.t404-gallery .t404-gallery-image picture img {
width: 100%;
}
.t404-gallery .t404-gallery-image.in-viewport {
opacity: 1;
visibility: visible;
transition: all 0.8s ease-in-out;
}
.t404-gallery.has-margin-bottom {
margin-left: auto;
margin-right: auto;
margin-bottom: 10rem !important;
margin-bottom: min(max(6rem, 10vw), 10rem) !important;
margin-bottom: clamp(6rem, 10vw, 10rem) !important;
} .has-background {
padding: 7rem 2rem;
}
@media screen and (min-width: 540px) {
.has-background {
padding: 7rem 5rem;
}
}
@media screen and (min-width: 1920px) {
.has-background.is-style-container-full {
padding: 18rem 5rem;
}
}
@media screen and (min-width: 1920px) {
.has-background.is-style-container-xl {
max-width: 2020px;
padding: 7rem 5rem;
}
}
@media screen and (min-width: 1640px) {
.has-background.is-style-container-l {
max-width: 1740px;
padding: 7rem 5rem;
}
}
@media screen and (min-width: 1364px) {
.has-background.is-style-container-m {
max-width: 1464px;
padding: 7rem 5rem;
}
}
@media screen and (min-width: 1088px) {
.has-background.is-style-container-sm {
max-width: 1188px;
padding: 7rem 5rem;
}
}
@media screen and (min-width: 812px) {
.has-background.is-style-container-s {
max-width: 912px;
padding: 7rem 5rem;
}
}
@media screen and (min-width: 536px) {
.has-background.is-style-container-xs {
max-width: 636px;
padding: 7rem 5rem;
}
}
.has-background .wp-block-group, .has-background .wp-block-columns {
margin-bottom: 1.75rem;
padding-left: 0;
padding-right: 0;
}
.has-background .wp-block-group:last-child, .has-background .wp-block-columns:last-child {
margin-bottom: 0 !important;
}
.has-background.has-primary-background-color {
background-color: #ff6347;
}
.has-background.has-secondary-background-color {
background-color: #2d382d;
}
.has-background.has-tertiary-background-color {
background-color: #f8f5ef;
}
.has-background.has-font-background-color {
background-color: #2d382d;
}
.has-background.has-editorial-background-color {
background-color: #C41890;
}
.has-background.has-white-background-color {
background-color: #ffffff;
}
.has-background.has-light-grey-background-color {
background-color: #E5E5E5;
} .lightbox-image {
display: block;
}
.lightbox-image-inner {
display: block;
position: relative;
}
.lightbox-image-inner:before {
content: "";
display: block;
position: absolute;
right: 10px;
bottom: 10px;
width: 100%;
max-width: 34px;
height: 100%;
max-height: 34px;
z-index: 2;
background-image: url(//www.artvalon.de/wp-content/themes/artvalon/assets/img/layout/icons/img-zoom.svg);
background-size: 20px;
background-position: center;
background-repeat: no-repeat;
transition: all 0.4s ease-in-out;
opacity: 0;
}
.lightbox-image-inner:after {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
background-color: #2d382d;
opacity: 0.7;
transition: opacity 0.4s ease-in-out;
}
.lightbox-image-inner:hover:before {
opacity: 1;
}
.lightbox-image-inner:hover:after {
opacity: 0;
} .wpcf7-form {
display: flex;
flex-direction: column;
gap: 5rem;
}
.wpcf7-form .wpcf7-form-section {
display: flex;
flex-direction: column;
gap: 7rem;
border: none;
margin: 0;
padding: 0;
}
.wpcf7-form .wpcf7-form-section.is-hidden {
transform: translateY(-10rem);
opacity: 0;
visibility: hidden;
max-height: 0;
transition: all 0.4s;
}
.wpcf7-form .wpcf7-form-row {
display: flex;
flex-direction: column;
}
.wpcf7-form .wpcf7-form-row.has-columns {
display: grid;
grid-template-columns: 1fr;
gap: 4rem;
}
@media screen and (min-width: 768px) {
.wpcf7-form .wpcf7-form-row.column-count-2 {
grid-template-columns: repeat(2, 1fr);
}
}
@media screen and (min-width: 768px) {
.wpcf7-form .wpcf7-form-row.column-count-3 {
grid-template-columns: repeat(3, 1fr);
}
}
.wpcf7-form .wpcf7-form-row.has-border {
border: 1px solid #2d382d;
padding: 1.5rem;
}
.wpcf7-form .wpcf7-form-row-column {
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 3rem;
}
.wpcf7-form .wpcf7-form-control-wrap {
display: block;
}
.wpcf7-form input[type=text], .wpcf7-form input[type=number], .wpcf7-form input[type=email], .wpcf7-form input[type=tel], .wpcf7-form input[type=file], .wpcf7-form textarea, .wpcf7-form select {
width: 100%;
height: 100%;
padding: 1.7rem 1.5rem 1.3rem 1.5rem;
color: #ff6347;
background: #ff6347;
border: 0;
outline: 1px solid #ff6347;
}
.wpcf7-form input[type=text]:focus, .wpcf7-form input[type=text].has-content, .wpcf7-form input[type=number]:focus, .wpcf7-form input[type=number].has-content, .wpcf7-form input[type=email]:focus, .wpcf7-form input[type=email].has-content, .wpcf7-form input[type=tel]:focus, .wpcf7-form input[type=tel].has-content, .wpcf7-form input[type=file]:focus, .wpcf7-form input[type=file].has-content, .wpcf7-form textarea:focus, .wpcf7-form textarea.has-content, .wpcf7-form select:focus, .wpcf7-form select.has-content {
background: #2d382d;
color: #ff6347;
outline: 1px solid #ff6347;
}
.wpcf7-form input[type=submit] {
display: inline-block;
background: white;
color: black;
border: 1px solid black;
padding: 10px;
font-size: 2rem;
transition: all 0.2s ease-in-out;
}
.wpcf7-form input[type=submit]:hover {
background: #ff6347;
color: #FFFFFF;
}
.wpcf7-form input[type=submit]:focus {
outline: none;
}
.wpcf7-form .wpcf7-checkbox, .wpcf7-form .wpcf7-radio {
display: flex;
flex-wrap: wrap;
gap: 2rem;
}
.wpcf7-form input[type=radio], .wpcf7-form input[type=checkbox] {
position: relative;
visibility: hidden;
display: none;
}
.wpcf7-form input[type=radio] + span:before, .wpcf7-form input[type=checkbox] + span:before {
content: "";
position: absolute;
top: 50%;
left: 0;
transform: translate(calc(-100% - 1rem), -50%);
height: 100%;
max-height: 3rem;
aspect-ratio: 1/1;
outline: 1px solid #ff6347;
border-radius: 0;
background: white;
}
.wpcf7-form input[type=radio] + span:after, .wpcf7-form input[type=checkbox] + span:after {
content: "×";
display: flex;
justify-content: center;
align-items: center;
position: absolute;
top: 50%;
left: 0;
transform: translate(calc(-100% - 1rem), -50%);
height: 100%;
max-height: 3.4rem;
aspect-ratio: 1/1;
font-size: 3.2rem;
color: #2d382d;
visibility: hidden;
font-family: "Geist", Helvetica, Arial, sans-serif;
font-weight: 100;
font-variation-settings: "wght" 100;
}
.wpcf7-form input[type=radio]:checked + span:before, .wpcf7-form input[type=checkbox]:checked + span:before {
background: #ff6347;
}
.wpcf7-form input[type=radio]:checked + span:after, .wpcf7-form input[type=checkbox]:checked + span:after {
visibility: visible;
}
.wpcf7-form label {
position: relative;
}
.wpcf7-form label .label-title {
position: absolute;
top: 0;
left: 0;
z-index: 1;
display: block;
padding: 1.7rem 1.5rem 1.3rem 1.5rem;
color: #FFFFFF;
transition: transform 0.3s ease;
transform: translateY(0);
}
.wpcf7-form label .label-title.is-active {
transform: translateY(calc(-100% + 1rem));
color: #ff6347;
transition: transform 0.3s ease;
}
.wpcf7-form .wpcf7-list-item {
margin: 0;
padding-left: 4rem;
}
.wpcf7-form .wpcf7-list-item .wpcf7-list-item-label {
display: block;
padding: 0.5rem 0;
position: relative;
}
.wpcf7-form .screen-reader-response {
display: none;
}
.wpcf7-form .wpcf7-not-valid-tip {
display: block;
width: calc(100% + 2px);
padding: 0.4rem 1.5rem;
position: absolute;
bottom: 0;
left: -1px;
transform: translateY(calc(100% + 1.5rem));
color: #FFFFFF;
background-color: #EB6666;
}
.wpcf7-form .wpcf7-not-valid-tip:after {
content: "";
position: absolute;
top: -1rem;
left: 1rem;
width: 0px;
height: 0px;
border-style: solid;
border-width: 0 1rem 1rem 1rem;
border-color: transparent transparent #EB6666 transparent;
}
.wpcf7-form .wpcf7-response-output {
display: block;
margin: 0 !important;
padding: 1rem !important;
text-align: center;
border: none !important;
}
.wpcf7-form .wpcf7-spinner {
margin: 0 auto !important;
background-color: #2d382d;
}
.wpcf7-form .wpcf7-spinner:before {
background-color: #ff6347;
}
.wpcf7-form #submitarea {
gap: 2rem;
align-items: flex-start;
}
.wpcf7-form #submitarea .wpcf7-acceptance {
display: block;
}
.wpcf7-form #submitarea .wpcf7-acceptance .wpcf7-list-item-label {
display: block;
line-height: 1;
}
.wpcf7-form.invalid .wpcf7-response-output {
color: #FFFFFF;
background-color: #EB6666;
}
.wpcf7-form.sent .wpcf7-response-output {
color: #FFFFFF;
background-color: #73BF7A;
} .captcha-image {
border: 1px solid #ff6347;
}
.captcha-image label input:checked + svg {
border: none;
}
.captcha-image label input:checked + svg path {
fill: #2d382d;
transition: all 0.2s ease-in-out;
}
.captcha-image label svg:hover path {
fill: #2d382d;
transition: all 0.2s ease-in-out;
} .post-password-form {
display: block;
width: 100%;
max-width: 812px;
margin-left: auto;
margin-right: auto;
margin-bottom: 10rem !important;
margin-bottom: min(max(6rem, 10vw), 10rem) !important;
margin-bottom: clamp(6rem, 10vw, 10rem) !important;
text-align: center;
margin-top: 10vh;
} @media print {
* {
background: transparent !important;
color: #000 !important;
box-shadow: none !important;
text-shadow: none !important;
}
a[href]:after {
content: " (" attr(href) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
.ir a:after, a[href^="javascript: "]:after, a[href^="#"]:after {
content: "";
}
pre, blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group;
}
tr, img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
filter: none !important;
-webkit-filter: grayscale(0%) !important;
}
@page {
margin: 0.5cm;
}
p, h2, h3 {
orphans: 3;
widows: 3;
}
h2, h3 {
page-break-after: avoid;
}
#header, #footer {
display: none;
}
.wp-block-group, .wp-block-columns {
margin-bottom: 1cm !important;
}
.wp-block-image img {
max-width: 12cm !important;
}
} .modula-item img {
filter: brightness(0.8);
transition: all 0.4s ease;
}
.modula-item:hover img {
filter: brightness(1);
transform: scale(1.04);
}  .modula-item img {
filter: brightness(0.75);
transition: all 0.4s ease;
}
.modula-item:hover img {
filter: brightness(1);
transform: scale(1.04);
}
.fade-in {
opacity: 0;
transform: translateY(40px);
transition: all 1s ease;
}
.fade-in.visible {
opacity: 1;
transform: translateY(0);
} #footer {
width: 100%;
background: #29392c;
color: #f5f1e8;
}
#footer #footer-inner {
width: 100%;
min-height: 78vh;
padding: 7rem 6vw 4rem;
display: flex;
flex-direction: column;
}
.footer-brand {
width: 100%;
border-top: 1px solid rgba(255,255,255,.10);
padding-top: 5rem;
padding-bottom: 10rem;
}
.footer-logo {
font-size: .75rem;
text-transform: uppercase;
letter-spacing: .22em;
color: rgba(255,255,255,.55);
margin-bottom: 3.2rem;
font-weight: 600;
}
.footer-claim {
margin: 0 0 0 8vw;
max-width: 72%;
font-family: Georgia, "Times New Roman", serif;
font-weight: 400;
font-size: clamp(6.5rem, 9.4vw, 12.5rem);
line-height: .9;
letter-spacing: -.065em;
color: #f7f3eb;
}
.footer-bottom {
width: 100%;
margin-top: auto;
border-top: 1px solid rgba(255,255,255,.10);
padding-top: 2.2rem;
display: flex;
justify-content: space-between;
align-items: flex-end;
}
.footer-copyright {
font-size: .88rem;
letter-spacing: .12em;
text-transform: uppercase;
color: rgba(255,255,255,.48);
}
.footer-legal {
display: flex;
gap: 3rem;
margin-right: 8vw;
}
.footer-legal a {
color: rgba(255,255,255,.58);
text-decoration: none;
border: none;
font-size: .88rem;
letter-spacing: .05em;
transition: .25s ease;
}
.footer-legal a:hover {
color: #fff;
}
@media (max-width: 900px) {
#footer #footer-inner {
min-height: auto;
padding: 5rem 2rem 2rem;
}
.footer-brand {
padding-top: 3rem;
padding-bottom: 5rem;
}
.footer-logo {
margin-bottom: 2.5rem;
}
.footer-claim {
margin-left: 0;
max-width: 100%;
font-size: clamp(3.6rem, 14vw, 5.8rem);
line-height: .95;
}
.footer-bottom {
flex-direction: column;
align-items: flex-start;
gap: 1rem;
}
.footer-legal {
margin-right: 0;
gap: 1.5rem;
}
}