:root {
--bg-color: #F9F8F6;
--text-main: #1A1A1A;
--text-muted: #6B6A68;
--accent: #8E735B;
--border-light: #E5E4E2;
--font-heading: 'Cinzel', serif;
--font-body: 'Outfit', sans-serif;
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
background-color: var(--bg-color);
color: var(--text-main);
font-family: var(--font-body);
line-height: 1.6;
-webkit-font-smoothing: antialiased;
} .navbar {
display: flex;
justify-content: space-between;
align-items: center;
padding: 2rem 5%;
border-bottom: 1px solid var(--border-light);
position: sticky;
top: 0;
background-color: var(--bg-color);
z-index: 1000;
}
.nav-brand {
font-family: var(--font-heading);
font-size: 1.5rem;
font-weight: 600;
letter-spacing: 2px;
display: flex;
align-items: center;
}
.brand-logo {
max-height: 40px;
width: auto;
}
.nav-brand span {
color: var(--text-muted);
font-weight: 400;
margin-left: 0.5rem;
}
.nav-links a {
text-decoration: none;
color: var(--text-main);
margin: 0 1.5rem;
font-size: 0.85rem;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 400;
transition: color 0.3s;
}
.nav-links a:hover {
color: var(--accent);
}
.icon-btn {
background: none;
border: none;
font-size: 1.5rem;
color: var(--text-main);
cursor: pointer;
margin-left: 1rem;
transition: color 0.3s;
}
.icon-btn:hover {
color: var(--accent);
} .hero {
display: grid;
grid-template-columns: 1fr 1.2fr;
min-height: 80vh;
padding: 5% 5% 0 5%;
gap: 4rem;
}
.hero-content {
display: flex;
flex-direction: column;
justify-content: center;
}
.hero-content h1 {
font-family: var(--font-heading);
font-size: 5rem;
line-height: 1.1;
margin-bottom: 2rem;
font-weight: 400;
}
.hero-content p {
font-size: 1.2rem;
color: var(--text-muted);
max-width: 400px;
}
.hero-image {
width: 100%;
height: 100%;
overflow: hidden;
}
.hero-image img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
} .catalog-section {
padding: 8rem 5%;
}
.catalog-header {
margin-bottom: 4rem;
}
.catalog-header h2 {
font-family: var(--font-heading);
font-size: 3rem;
font-weight: 400;
margin-bottom: 2rem;
}
.catalog-controls {
display: flex;
gap: 2rem;
align-items: center;
border-top: 1px solid var(--border-light);
border-bottom: 1px solid var(--border-light);
padding: 1.5rem 0;
}
.search-wrapper {
display: flex;
align-items: center;
flex: 1;
gap: 1rem;
}
.search-wrapper i {
font-size: 1.2rem;
color: var(--text-muted);
}
.search-wrapper input {
background: none;
border: none;
outline: none;
width: 100%;
font-family: var(--font-body);
font-size: 1rem;
color: var(--text-main);
}
.filter-wrapper {
display: flex;
gap: 1rem;
}
.filter-wrapper select {
background: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e") no-repeat right 0.75rem center/1em 1em;
background-color: transparent;
border: 1px solid var(--border-light);
padding: 0.5rem 2.5rem 0.5rem 1rem;
font-family: var(--font-body);
font-size: 0.85rem;
text-transform: uppercase;
letter-spacing: 1px;
outline: none;
cursor: pointer;
appearance: none;
-webkit-appearance: none;
border-radius: 0;
color: var(--text-main);
}
.filter-wrapper select option {
background-color: var(--bg-color);
color: var(--text-main);
} .grid-container {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
gap: 4rem 2rem;
}
.product-card {
cursor: pointer;
group: hover;
}
.product-image {
width: 100%;
aspect-ratio: 3/4;
overflow: hidden;
margin-bottom: 1.5rem;
background: #EAE8E3;
display: flex;
justify-content: center;
align-items: center;
position: relative;
}
.product-image img {
max-width: 80%;
max-height: 80%;
width: auto;
height: auto;
object-fit: contain;
transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
mix-blend-mode: multiply; }
.catalog-badge {
position: absolute;
top: 10px;
right: 10px;
background: var(--bg-color);
color: var(--text-main);
padding: 0.25rem 0.5rem;
font-size: 0.65rem;
text-transform: uppercase;
letter-spacing: 1px;
z-index: 10;
}
.product-card:hover .product-image img {
transform: scale(1.05);
}
.product-content {
display: flex;
flex-direction: column;
gap: 0.5rem;
}
.product-meta {
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.product-info h3 {
font-family: var(--font-heading);
font-size: 1.15rem;
font-weight: 600;
margin-bottom: 0.25rem;
}
.era-tag {
font-size: 0.75rem;
color: var(--text-muted);
text-transform: uppercase;
letter-spacing: 1px;
}
.product-price {
font-weight: 600;
font-size: 0.95rem;
}
.product-details {
border-top: 1px solid var(--border-light);
padding-top: 0.5rem;
}
.expertise {
font-size: 0.8rem;
color: var(--text-muted);
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
margin-bottom: 0.25rem;
}
.dimensions {
font-size: 0.75rem;
color: var(--text-main);
} .footer {
background-color: var(--text-main);
color: var(--bg-color);
padding: 6rem 5% 2rem 5%;
}
.footer-grid {
display: grid;
grid-template-columns: 2fr 1fr 1fr;
gap: 4rem;
margin-bottom: 6rem;
}
.footer-brand h3 {
font-family: var(--font-heading);
font-size: 2rem;
margin-bottom: 1rem;
font-weight: 400;
}
.footer-brand p {
color: #A0A0A0;
max-width: 300px;
}
.footer-links h4 {
font-family: var(--font-body);
text-transform: uppercase;
letter-spacing: 2px;
font-size: 0.75rem;
color: #A0A0A0;
margin-bottom: 1.5rem;
}
.footer-links a {
display: block;
color: var(--bg-color);
text-decoration: none;
margin-bottom: 0.75rem;
font-size: 0.95rem;
transition: color 0.3s;
}
.footer-links a:hover {
color: var(--accent);
}
.footer-bottom {
border-top: 1px solid #333;
padding-top: 2rem;
text-align: center;
font-size: 0.8rem;
color: #A0A0A0;
}:root {
--hm-accent: #8E735B;
--hm-bg: #F9F8F6;
--hm-text: #1A1A1A;
--hm-muted: #6B6A68;
--hm-border: #E5E4E2;
} .hm-modal {
display: none;
position: fixed;
z-index: 10000;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgba(0,0,0,0.4);
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);
}
.hm-modal-content {
background-color: var(--hm-bg);
margin: 5% auto;
padding: 0;
border: 0;
width: 90%;
max-width: 1100px;
position: relative;
box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
border-radius: 4px;
overflow: hidden;
}
.hm-modal-close {
position: absolute;
right: 25px;
top: 20px;
color: var(--hm-text);
font-size: 35px;
font-weight: 200;
cursor: pointer;
z-index: 10;
transition: color 0.3s;
}
.hm-modal-close:hover {
color: var(--hm-accent);
} .hm-modal-grid {
display: grid;
grid-template-columns: 1fr 1.5fr;
min-height: 600px;
}
.hm-modal-product-info {
background: #EAE8E3;
padding: 3rem;
display: flex;
flex-direction: column;
justify-content: center;
border-right: 1px solid var(--hm-border);
}
.hm-modal-img-wrap {
width: 100%;
margin-bottom: 2rem;
}
.hm-modal-img-wrap img {
width: 100%;
height: auto;
mix-blend-mode: multiply;
}
.hm-modal-subtitle {
display: block;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 0.75rem;
color: var(--hm-accent);
margin-bottom: 0.5rem;
}
#hm-modal-title {
font-family: 'Cinzel', serif;
font-size: 1.8rem;
font-weight: 400;
margin-bottom: 0.5rem;
color: var(--hm-text);
}
.hm-modal-pid {
font-size: 0.85rem;
color: var(--hm-muted);
text-transform: uppercase;
letter-spacing: 1px;
} .hm-modal-form-side {
padding: 4rem;
background: #fff;
}
.hm-modal-heading {
font-family: 'Cinzel', serif;
font-size: 2.2rem;
font-weight: 400;
margin-bottom: 1rem;
color: var(--hm-text);
}
.hm-modal-intro {
font-size: 1rem;
color: var(--hm-muted);
margin-bottom: 2.5rem;
line-height: 1.6;
} .hm-form-group {
margin-bottom: 1.5rem;
}
.hm-form-row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 1.5rem;
}
.hm-form-group label {
display: block;
font-size: 0.75rem;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 0.6rem;
color: var(--hm-muted);
font-weight: 600;
}
.hm-form-group input[type="text"],
.hm-form-group input[type="email"],
.hm-form-group input[type="tel"],
.hm-form-group input[type="url"],
.hm-form-group textarea {
width: 100% !important;
padding: 0.8rem 0 !important;
border: none !important;
border-bottom: 1px solid var(--hm-border) !important;
background: transparent !important;
border-radius: 0 !important;
box-shadow: none !important;
font-family: inherit;
font-size: 1rem;
color: var(--hm-text);
transition: border-color 0.3s;
}
.hm-form-group input[type="text"]:focus,
.hm-form-group input[type="email"]:focus,
.hm-form-group input[type="tel"]:focus,
.hm-form-group textarea:focus {
outline: none;
border-color: var(--hm-accent);
}
.hm-checkbox-group {
display: flex;
align-items: flex-start;
gap: 0.8rem;
margin-top: 2rem;
}
.hm-checkbox-group input[type="checkbox"] {
margin-top: 4px;
}
.hm-checkbox-group label {
font-size: 0.85rem;
text-transform: none;
letter-spacing: 0;
color: var(--hm-muted);
line-height: 1.5;
font-weight: 400;
}
.hm-checkbox-group a {
color: var(--hm-accent);
text-decoration: none;
} .hm-submit-btn {
margin-top: 2rem;
background: var(--hm-text);
color: #fff;
border: none;
padding: 1.2rem 3rem;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 0.85rem;
font-weight: 600;
cursor: pointer;
transition: all 0.3s ease;
width: 100%;
}
.hm-submit-btn:hover {
background: var(--hm-accent);
}
.hm-submit-btn:disabled {
opacity: 0.5;
cursor: not-allowed;
} .hm-form-response {
margin-top: 1.5rem;
font-size: 0.9rem;
padding: 1rem;
border-radius: 2px;
display: none;
}
.hm-form-response.success {
display: block;
background: #f4f8f4;
color: #2e7d32;
border: 1px solid #c8e6c9;
}
.hm-form-response.error {
display: block;
background: #fdf4f4;
color: #c62828;
border: 1px solid #ffcdd2;
} .hm-contact-container {
max-width: 600px;
margin: 4rem auto;
padding: 3rem;
background: #fff;
box-shadow: 0 10px 30px rgba(0,0,0,0.05);
} @media (max-width: 768px) {
.hm-modal-grid {
grid-template-columns: 1fr;
}
.hm-modal-product-info {
padding: 2rem;
text-align: center;
}
.hm-modal-form-side {
padding: 2rem;
}
.hm-form-row {
grid-template-columns: 1fr;
gap: 0;
}
.hm-modal-heading {
font-size: 1.8rem;
}
}.cmplz-video.cmplz-iframe-styles{background-color:transparent}.cmplz-video.cmplz-hidden{visibility:hidden !important}.cmplz-blocked-content-notice{display:none}.cmplz-placeholder-parent{height:inherit}.cmplz-optin .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optin .cmplz-wp-video .cmplz-blocked-content-notice,.cmplz-optout .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optout .cmplz-wp-video .cmplz-blocked-content-notice{display:block}.cmplz-blocked-content-container,.cmplz-wp-video{animation-name:cmplz-fadein;animation-duration:600ms;background:#FFF;border:0;border-radius:3px;box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15);display:flex;justify-content:center;align-items:center;background-repeat:no-repeat !important;background-size:cover !important;height:inherit;position:relative}.cmplz-blocked-content-container.gmw-map-cover,.cmplz-wp-video.gmw-map-cover{max-height:100%;position:absolute}.cmplz-blocked-content-container.cmplz-video-placeholder,.cmplz-wp-video.cmplz-video-placeholder{padding-bottom:initial}.cmplz-blocked-content-container iframe,.cmplz-wp-video iframe{visibility:hidden;max-height:100%;border:0 !important}.cmplz-blocked-content-container .cmplz-custom-accept-btn,.cmplz-wp-video .cmplz-custom-accept-btn{white-space:normal;text-transform:initial;cursor:pointer;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:200px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-custom-accept-btn:focus,.cmplz-wp-video .cmplz-custom-accept-btn:focus{border:1px dotted #cecece}.cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-wp-video .cmplz-blocked-content-notice{white-space:normal;text-transform:initial;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:300px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links{display:block;margin-bottom:10px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links a,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links a{color:#fff}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body{display:block}.cmplz-blocked-content-container div div{display:none}.cmplz-wp-video .cmplz-placeholder-element{width:100%;height:inherit}@keyframes cmplz-fadein{from{opacity:0}to{opacity:1}}@font-face {
font-family: 'Cinzel';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://antikmobiliar.com/wp-content/themes/heritage-modernism-v2/fonts/8vIJ7ww63mVu7gt7-GT7LEc.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: 'Cinzel';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://antikmobiliar.com/wp-content/themes/heritage-modernism-v2/fonts/8vIJ7ww63mVu7gt79mT7.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} @font-face {
font-family: 'Cinzel';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(https://antikmobiliar.com/wp-content/themes/heritage-modernism-v2/fonts/8vIJ7ww63mVu7gt7-GT7LEc.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: 'Cinzel';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(https://antikmobiliar.com/wp-content/themes/heritage-modernism-v2/fonts/8vIJ7ww63mVu7gt79mT7.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} @font-face {
font-family: 'Outfit';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(https://antikmobiliar.com/wp-content/themes/heritage-modernism-v2/fonts/QGYvz_MVcBeNP4NJuktqQ4E.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: 'Outfit';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(https://antikmobiliar.com/wp-content/themes/heritage-modernism-v2/fonts/QGYvz_MVcBeNP4NJtEtq.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} @font-face {
font-family: 'Outfit';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://antikmobiliar.com/wp-content/themes/heritage-modernism-v2/fonts/QGYvz_MVcBeNP4NJuktqQ4E.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: 'Outfit';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://antikmobiliar.com/wp-content/themes/heritage-modernism-v2/fonts/QGYvz_MVcBeNP4NJtEtq.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} @font-face {
font-family: 'Outfit';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(https://antikmobiliar.com/wp-content/themes/heritage-modernism-v2/fonts/QGYvz_MVcBeNP4NJuktqQ4E.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: 'Outfit';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(https://antikmobiliar.com/wp-content/themes/heritage-modernism-v2/fonts/QGYvz_MVcBeNP4NJtEtq.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}.nav-actions {
display: flex !important;
flex-direction: row !important;
align-items: center !important;
gap: 2rem !important;
margin-left: auto !important;
}
.desktop-contact-btn { margin: 0 !important; order: 1 !important; }
.language-switcher-wrapper { margin: 0 !important; order: 2 !important; }
:root {
--bg-color: #F9F8F6;
--text-main: #1A1A1A;
--text-muted: #6B6A68;
--accent: #8E735B;
--border-light: #E5E4E2;
--font-heading: 'Cinzel', serif;
--font-body: 'Outfit', sans-serif;
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
background-color: var(--bg-color);
color: var(--text-main);
font-family: var(--font-body);
line-height: 1.6;
-webkit-font-smoothing: antialiased;
} .navbar {
position: -webkit-sticky; position: sticky;
top: 0;
z-index: 1000;
background-color: var(--bg-color);
display: flex;
justify-content: space-between;
align-items: center;
padding: 2rem 5%;
border-bottom: 1px solid var(--border-light);
}
.nav-brand {
font-family: var(--font-heading);
font-size: 1.5rem;
font-weight: 600;
letter-spacing: 2px;
display: flex;
align-items: center;
}
.brand-logo {
max-height: 40px;
width: auto;
}
.nav-brand a {
text-decoration: none;
color: inherit;
display: flex;
align-items: center;
}
.nav-brand span {
color: var(--text-muted);
font-weight: 400;
margin-left: 0.5rem;
}
.primary-menu {
list-style: none;
display: flex;
flex-wrap: wrap;
row-gap: 0.5rem;
margin: 0;
padding: 0;
}
.primary-menu li {
margin: 0 1rem;
white-space: nowrap;
}
.primary-menu a {
text-decoration: none;
color: var(--text-main);
font-size: 0.85rem;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 400;
transition: color 0.3s;
}
.primary-menu a:hover {
color: var(--accent);
}
.icon-btn {
background: none;
border: none;
font-size: 1.5rem;
color: var(--text-main);
cursor: pointer;
margin-left: 1rem;
transition: color 0.3s;
}
.icon-btn:hover {
color: var(--accent);
}
.mobile-menu-toggle {
display: none;
background: none;
border: none;
font-size: 1.8rem;
color: var(--text-main);
cursor: pointer;
} .hero {
display: grid;
grid-template-columns: 1fr 1.2fr;
min-height: 80vh;
padding: 5% 5% 0 5%;
gap: 4rem;
position: relative;
}
.hero-contained { }
.hero-full-width {
padding: 0;
grid-template-columns: 1fr;
min-height: 80vh;
display: flex; align-items: center;
justify-content: center;
}
.hero-intro {
display: flex;
flex-direction: column;
justify-content: center;
z-index: 10;
}
.hero-full-width .hero-intro {
position: absolute;
text-align: center;
align-items: center;
background: rgba(249, 248, 246, 0.85); padding: 3rem;
border-radius: 8px;
max-width: 800px;
}
.hero-intro-title,
.hero-content h1 {
font-family: var(--font-heading);
font-size: 4.5rem;
line-height: 1.1;
margin-bottom: 2rem;
font-weight: 400;
}
.hero-intro-text,
.hero-content p {
font-size: 1.2rem;
color: var(--text-muted);
max-width: 600px;
margin-bottom: 2rem;
}
.hero-full-width .hero-large-logo {
display: none;
}
.hero-media {
width: 100%;
height: 100%;
overflow: hidden;
position: relative;
}
.hero-full-width .hero-media {
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
.hero-video,
.hero-img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
} @media (max-width: 992px) {
.mobile-menu-toggle {
display: inline-block;
margin-left: 1rem;
}
.nav-links {
display: none;
position: absolute;
top: 100%;
left: 0;
width: 100%;
background: var(--bg-color);
padding: 2rem 5%;
border-bottom: 1px solid var(--border-light);
box-shadow: 0 10px 15px rgba(0, 0, 0, 0.05);
}
.nav-links.active {
display: block !important;
} .nav-links.active ul.primary-menu {
display: flex;
flex-direction: column;
list-style: none;
padding: 0;
margin: 0;
}
.nav-links.active li {
margin: 1rem 0;
}
.nav-links.active a {
display: block;
padding: 0.5rem 0;
}
.primary-menu {
flex-direction: column;
}
.primary-menu li {
margin: 1rem 0;
}
.desktop-contact-btn {
display: none;
}
.hero {
grid-template-columns: 1fr;
padding-top: 2rem;
gap: 2rem;
text-align: center;
}
.hero-intro {
align-items: center;
}
.hero-intro-title {
font-size: 3rem;
}
.hero-media {
min-height: 400px;
}
.hero-full-width .hero-intro {
width: 90%;
padding: 2rem;
}
.footer {
padding: 4rem 5% 2rem 5%;
}
.footer-grid {
grid-template-columns: 1fr !important;
gap: 2.5rem !important;
text-align: center;
}
.footer-brand p {
margin: 0 auto;
}
} .footer {
background-color: var(--text-main);
color: var(--bg-color);
padding: 6rem 5% 2rem 5%;
}
.footer-grid {
display: grid;
grid-template-columns: 2fr 1fr 1fr;
gap: 4rem;
margin-bottom: 6rem;
}
.footer-brand h3 {
font-family: var(--font-heading);
font-size: 2rem;
margin-bottom: 1rem;
font-weight: 400;
}
.footer-brand p {
color: #A0A0A0;
max-width: 300px;
}
.footer-links h4 {
font-family: var(--font-body);
text-transform: uppercase;
letter-spacing: 2px;
font-size: 0.75rem;
color: #A0A0A0;
margin-bottom: 1.5rem;
}
.footer-links ul {
list-style: none;
padding: 0;
margin: 0;
}
.footer-links a {
display: block;
color: var(--bg-color);
text-decoration: none;
margin-bottom: 0.75rem;
font-size: 0.95rem;
transition: color 0.3s;
}
.footer-links a:hover {
color: var(--accent);
}
.footer-bottom {
border-top: 1px solid #333;
padding-top: 2rem;
text-align: center;
font-size: 0.8rem;
color: #A0A0A0;
} main.site-main {
padding: 4rem 5%;
max-width: 1200px;
margin: 0 auto;
}
main.site-main h1,
main.site-main h2 {
font-family: var(--font-heading);
margin-bottom: 1.5rem;
font-weight: 400;
}
main.site-main p {
margin-bottom: 1.5rem;
color: var(--text-muted);
} .hero-stage {
position: relative;
height: 80vh;
overflow: hidden;
background: #000;
}
.hero-media-container {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.hero-video, .hero-img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
} .front-page-main {
position: relative;
z-index: 10;
margin-top: 0 !important;
padding-top: 0 !important;
}
.wp-block-group.is-style-hero-overlay {
margin-top: -55vh !important;
margin-bottom: 15vh !important;
background: rgba(249, 248, 246, 0.85) !important;
backdrop-filter: blur(10px);
padding: 4rem !important;
border-radius: 12px;
max-width: 800px;
width: 90%;
margin-left: auto !important;
margin-right: auto !important;
text-align: center;
box-shadow: 0 30px 60px rgba(0,0,0,0.15);
border: 1px solid rgba(255, 255, 255, 0.3);
}
.wp-block-group.is-style-hero-overlay h1 {
font-size: 4.5rem !important;
line-height: 1.1 !important;
margin-bottom: 1.5rem !important;
} .pll-dropdown:hover .pll-list {
opacity: 1 !important;
visibility: visible !important;
transform: translateY(0) !important;
}
@media (max-width: 992px) {
.hero-stage { height: 60vh; }
.wp-block-group.is-style-hero-overlay {
margin-top: -45vh !important;
padding: 2.5rem 1.5rem !important;
}
.wp-block-group.is-style-hero-overlay h1 { font-size: 2.8rem !important; }
} .language-switcher-wrapper {
position: relative;
display: flex;
align-items: center;
}
.pll-dropdown {
position: relative;
display: inline-block;
}
.pll-current {
background: transparent;
border: 1px solid var(--border-light);
padding: 0.5rem 0.8rem;
display: flex;
align-items: center;
gap: 0.5rem;
border-radius: 4px;
font-family: var(--font-body);
font-size: 0.85rem;
color: var(--text-main);
transition: all 0.3s ease;
cursor: pointer;
min-width: 80px;
}
.pll-current:hover {
border-color: var(--accent);
background: rgba(142, 115, 91, 0.05);
}
.pll-current img {
width: 20px;
height: auto;
border-radius: 2px;
}
.pll-list {
position: absolute;
top: 100%;
right: 0;
margin-top: 5px;
background: white !important;
border: 1px solid var(--border-light);
border-radius: 8px;
list-style: none !important;
padding: 0.5rem 0 !important;
margin: 0 !important;
min-width: 150px;
box-shadow: 0 10px 30px rgba(0,0,0,0.1);
opacity: 0;
visibility: hidden;
transform: translateY(10px);
transition: all 0.3s ease;
z-index: 9999;
}
.pll-dropdown:hover .pll-list {
opacity: 1 !important;
visibility: visible !important;
transform: translateY(0) !important;
}
.pll-list li {
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
}
.pll-list li::before {
content: none !important;
display: none !important;
}
.pll-list li a {
display: flex;
align-items: center;
gap: 0.8rem;
padding: 0.6rem 1.2rem;
text-decoration: none;
color: var(--text-main);
font-size: 0.85rem;
background: none !important;
}
.pll-list li a:hover {
background: #f9f8f6 !important;
color: var(--accent) !important;
}
.pll-list img {
width: 20px;
height: auto;
border-radius: 2px;
} .nav-actions {
display: flex !important;
flex-direction: row !important;
align-items: center !important;
gap: 1.5rem !important;
margin-left: 2rem;
}
.desktop-contact-btn {
text-decoration: none !important;
color: var(--text-main) !important;
font-size: 0.9rem !important;
display: flex !important;
align-items: center !important;
gap: 0.5rem !important;
transition: color 0.3s ease;
white-space: nowrap;
}
.desktop-contact-btn:hover {
color: var(--accent) !important;
}
@media (max-width: 768px) {
.nav-actions {
gap: 1rem !important;
}
.desktop-contact-btn span {
display: none; }
} .navbar {
display: flex !important;
justify-content: space-between !important;
align-items: center !important;
padding: 1rem 5% !important;
}
.nav-actions {
display: flex !important;
flex-direction: row !important;
flex-wrap: nowrap !important;
align-items: center !important;
gap: 2rem !important;
margin-left: auto;
}
.desktop-contact-btn {
margin: 0 !important;
order: 1; }
.language-switcher-wrapper {
margin: 0 !important;
order: 2; }
.mobile-menu-toggle {
order: 3;
} .product-action-btns {
margin-top: 3rem !important;
display: flex !important;
gap: 1.5rem !important;
flex-wrap: wrap !important;
}
.btn-primary {
display: inline-block !important;
background-color: var(--accent) !important;
color: #fff !important;
padding: 1.2rem 2.5rem !important;
text-decoration: none !important;
border-radius: 4px !important;
font-family: var(--font-body) !important;
font-size: 0.9rem !important;
font-weight: 500 !important;
letter-spacing: 1.5px !important;
text-transform: uppercase !important;
transition: all 0.3s ease !important;
border: 1px solid var(--accent) !important;
cursor: pointer !important;
}
.btn-primary:hover {
background-color: transparent !important;
color: var(--accent) !important;
}
.btn-secondary {
display: inline-block !important;
background-color: transparent !important;
color: var(--text-main) !important;
padding: 1.2rem 2.5rem !important;
text-decoration: none !important;
border: 1px solid var(--border-light) !important;
border-radius: 4px !important;
font-family: var(--font-body) !important;
font-size: 0.9rem !important;
font-weight: 500 !important;
letter-spacing: 1.5px !important;
text-transform: uppercase !important;
transition: all 0.3s ease !important;
}
.btn-secondary:hover {
border-color: var(--accent) !important;
color: var(--accent) !important;
} .single-tillman_product .site-main a[href*='kontakt'] { display: inline-block;
background-color: var(--accent);
color: white;
padding: 1rem 2rem;
text-decoration: none;
border-radius: 4px;
font-family: var(--font-body);
text-transform: uppercase;
letter-spacing: 1px;
margin-top: 2rem;
}input[type="checkbox"].cmplz-category { width: initial; -webkit-appearance: checkbox;}input[type="checkbox"].cmplz-category:checked::before { content: '';}.cmplz-cookiebanner { box-sizing: border-box;}:root { --cmplz_banner_width: 526px; --cmplz_banner_background_color: #ffffff; --cmplz_banner_border_color: #f2f2f2; --cmplz_banner_border_width: 0px 0px 0px 0px ; --cmplz_banner_border_radius: 12px 12px 12px 12px; --cmplz_banner_margin: 10px; --cmplz_categories-height: 163px; --cmplz_title_font_size: 15px; --cmplz_text_line_height: calc(var(--cmplz_text_font_size) * 1.5); --cmplz_text_color: #222222; --cmplz_hyperlink_color: #ff5a06; --cmplz_text_font_size: 12px; --cmplz_link_font_size: 12px; --cmplz_category_body_font_size: 12px; --cmplz_button_accept_background_color: #ff5a06; --cmplz_button_accept_border_color: #ff5a06; --cmplz_button_accept_text_color: #ffffff; --cmplz_button_deny_background_color: #f9f9f9; --cmplz_button_deny_border_color: #f2f2f2; --cmplz_button_deny_text_color: #222222; --cmplz_button_settings_background_color: #f9f9f9; --cmplz_button_settings_border_color: #f2f2f2; --cmplz_button_settings_text_color: #333333; --cmplz_button_border_radius: 6px 6px 6px 6px; --cmplz_button_font_size: 15px; --cmplz_category_header_always_active_color: green; --cmplz_category_header_title_font_size: 14px; --cmplz_category_header_active_font_size: 12px; --cmplz-manage-consent-height: 50px; --cmplz-manage-consent-offset: -35px; --cmplz_slider_active_color: #ff5a06; --cmplz_slider_inactive_color: #555; --cmplz_slider_bullet_color: #ffffff;}body.cmplz-banner-active *:not(.cmplz-cookiebanner):not(.cmplz-cookiebanner *) { pointer-events: none !important; user-select: none !important;}.cmplz-cookiebanner * { pointer-events: auto !important; user-select: auto !important;}#cmplz-manage-consent .cmplz-manage-consent { margin: unset; z-index: 9998; color: var(--cmplz_text_color); background-color: var(--cmplz_banner_background_color); border-style: solid; border-color: var(--cmplz_banner_border_color); border-width: var(--cmplz_banner_border_width); border-radius: var(--cmplz_banner_border_radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; line-height: initial; position: fixed; bottom: var(--cmplz-manage-consent-offset); min-width: 100px; height: var(--cmplz-manage-consent-height); right: 40px; padding: 15px; cursor: pointer; animation: mc_slideOut 0.5s forwards;}#cmplz-manage-consent .cmplz-manage-consent:active { outline: none; border: none;}#cmplz-manage-consent .cmplz-manage-consent.cmplz-dismissed { display: none;}#cmplz-manage-consent .cmplz-manage-consent:hover,#cmplz-manage-consent .cmplz-manage-consent:focus { animation: mc_slideIn 0.5s forwards; animation-delay: 0;}@-webkit-keyframes mc_slideIn { 100% { bottom: 0; }}@keyframes mc_slideIn { 100% { bottom: 0; }}@-webkit-keyframes mc_slideOut { 100% { bottom: var(--cmplz-manage-consent-offset); }}@keyframes mc_slideOut { 100% { bottom: var(--cmplz-manage-consent-offset); }}@media (max-width: 425px) { .cmplz-cookiebanner .cmplz-header .cmplz-title { display: none; }}.cmplz-cookiebanner { max-height: calc(100vh - 20px); overflow-y: auto; position: fixed; height: auto; left: 50%; top: 50%; -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); grid-template-rows: minmax(0, 1fr); z-index: 99999; background: var(--cmplz_banner_background_color);}.cmplz-cookiebanner a { transition: initial;}.cmplz-cookiebanner .cmplz-buttons a.cmplz-btn.tcf { display: none;}.cmplz-cookiebanner.cmplz-dismissed { display: none;}.cmplz-cookiebanner .cmplz-body { width: 100%; grid-column: span 3; overflow-y: auto; overflow-x: hidden; max-height: 55vh;}.cmplz-cookiebanner .cmplz-body::-webkit-scrollbar-track { border-radius: 10px; -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0); background-color: transparent;}.cmplz-cookiebanner .cmplz-body::-webkit-scrollbar { width: 5px; background-color: transparent;}.cmplz-cookiebanner .cmplz-body::-webkit-scrollbar-thumb { background-color: var(--cmplz_button_accept_background_color); border-radius: 10px;}@media (min-width: 350px) { .cmplz-cookiebanner .cmplz-body { min-width: 300px; }}@media (max-height: 400px) { .cmplz-cookiebanner { height: calc(100vh - 20px); display: flex; flex-direction: column; overflow: hidden; gap: 1px; grid-row-gap: 1px; padding: 7px 12px !important; zoom: 0.6; } .cmplz-cookiebanner .cmplz-body { flex: 1; min-height: 0; overflow-y: auto; max-height: none; margin-top: 15px !important; } .cmplz-cookiebanner .cmplz-header, .cmplz-cookiebanner .cmplz-divider, .cmplz-cookiebanner .cmplz-links, .cmplz-cookiebanner .cmplz-buttons, .cmplz-cookiebanner .cmplz-documents { flex-shrink: 0; } .cmplz-cookiebanner .cmplz-header { margin-bottom: 15px !important; max-height: 10px; } .cmplz-close { zoom: 0.6 !important; } .cmplz-cookiebanner .cmplz-buttons { gap: 1px !important; } .cmplz-cookiebanner .cmplz-buttons .cmplz-btn { height: 15vh !important; min-height: unset !important; padding: 0 !important; white-space: nowrap !important; font-size: 1.1rem !important; line-height: 14px !important; zoom: 0.5 !important; } .cmplz-cookiebanner .cmplz-documents, .cmplz-cookiebanner .cmplz-information { zoom: 0.5 !important; }}@media (max-height: 400px) and (max-width: 768px) { .cmplz-cookiebanner { gap: 1px; }}.cmplz-cookiebanner { border-style: solid; border-color: var(--cmplz_banner_border_color); border-width: var(--cmplz_banner_border_width); border-radius: var(--cmplz_banner_border_radius); padding: 15px 20px; display: grid; grid-gap: 10px;}.cmplz-cookiebanner .cmplz-divider { margin-left: -20px; margin-right: -20px;}.cmplz-cookiebanner .cmplz-header { grid-template-columns: 100px 1fr 100px; align-items: center; display: grid; grid-column: span 3;}@media (max-width: 399px) { .cmplz-cookiebanner .cmplz-header { grid-template-columns: auto 1fr auto; }}.cmplz-cookiebanner .cmplz-logo svg { max-height: 35px; width: inherit;}.cmplz-cookiebanner .cmplz-logo img { max-height: 40px; width: inherit;}.cmplz-cookiebanner .cmplz-title { justify-self: center; grid-column-start: 2; font-size: var(--cmplz_title_font_size); color: var(--cmplz_text_color); font-weight: 500;}.cmplz-cookiebanner .cmplz-close { line-height: 20px; justify-self: end; grid-column-start: 3; font-size: 20px; cursor: pointer; width: 20px; height: 20px; color: var(--cmplz_text_color);}.cmplz-cookiebanner .cmplz-close svg { width: 20px; height: 20px;}.cmplz-cookiebanner .cmplz-close:hover { text-decoration: none; line-height: initial; font-size: 18px;}.cmplz-cookiebanner .cmplz-message { word-wrap: break-word; font-size: var(--cmplz_text_font_size); line-height: var(--cmplz_text_line_height); color: var(--cmplz_text_color); margin-bottom: 5px;}.cmplz-cookiebanner .cmplz-message a { color: var(--cmplz_hyperlink_color);}.cmplz-cookiebanner .cmplz-message,.cmplz-cookiebanner .cmplz-categories,.cmplz-cookiebanner .cmplz-links,.cmplz-cookiebanner .cmplz-buttons,.cmplz-cookiebanner .cmplz-divider { grid-column: span 3;}.cmplz-cookiebanner .cmplz-categories.cmplz-tcf .cmplz-category .cmplz-category-header { grid-template-columns: 1fr auto;}.cmplz-cookiebanner .cmplz-categories .cmplz-category { background-color: rgba(239, 239, 239, 0.5);}.cmplz-cookiebanner .cmplz-categories .cmplz-category:not(:last-child) { margin-bottom: 10px;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header { display: grid; grid-template-columns: 1fr auto 15px; grid-template-rows: minmax(0, 1fr); align-items: center; grid-gap: 10px; padding: 10px;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-category-title { font-weight: 500; grid-column-start: 1; justify-self: start; font-size: var(--cmplz_category_header_title_font_size); color: var(--cmplz_text_color); margin: 0;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-always-active { font-size: var(--cmplz_category_header_active_font_size); font-weight: 500; color: var(--cmplz_category_header_always_active_color);}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-always-active label { display: none;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-banner-checkbox { display: flex; align-items: center; margin: 0;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-banner-checkbox input[data-category=cmplz_functional] { display: none;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-category-toggle { background: none; border: none; padding: 0; margin: 0; cursor: pointer; grid-column-start: 3; display: flex; align-items: center; justify-content: center; color: inherit;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-icon.cmplz-open { cursor: pointer; content: ''; transform: rotate(0deg); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; background-size: cover; height: 18px; width: 18px;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-description { font-size: var(--cmplz_category_body_font_size); color: var(--cmplz_text_color); margin: 0; max-width: 100%; padding: 10px;}@media (max-width: 425px) { .cmplz-cookiebanner .cmplz-category .cmplz-category-header { grid-template-columns: 1fr!important; }}@media (max-width: 425px) { .cmplz-cookiebanner .cmplz-message { margin-right: 5px; }}.cmplz-cookiebanner .cmplz-buttons { display: flex; gap: var(--cmplz_banner_margin);}.cmplz-cookiebanner .cmplz-buttons .cmplz-btn { min-height: 45px; padding: 10px; margin: initial; width: 100%; white-space: nowrap; border-radius: var(--cmplz_button_border_radius); cursor: pointer; font-size: var(--cmplz_button_font_size); font-weight: 500; text-decoration: none; line-height: 20px; text-align: center; flex: initial;}.cmplz-cookiebanner .cmplz-buttons .cmplz-btn:hover { text-decoration: none;}.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept { background-color: var(--cmplz_button_accept_background_color); border: 1px solid var(--cmplz_button_accept_border_color); color: var(--cmplz_button_accept_text_color);}.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-deny { background-color: var(--cmplz_button_deny_background_color); border: 1px solid var(--cmplz_button_deny_border_color); color: var(--cmplz_button_deny_text_color);}.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-view-preferences { background-color: var(--cmplz_button_settings_background_color); border: 1px solid var(--cmplz_button_settings_border_color); color: var(--cmplz_button_settings_text_color);}.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-save-preferences { background-color: var(--cmplz_button_settings_background_color); border: 1px solid var(--cmplz_button_settings_border_color); color: var(--cmplz_button_settings_text_color);}.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-manage-options { background-color: var(--cmplz_button_settings_background_color); border: 1px solid var(--cmplz_button_settings_border_color); color: var(--cmplz_button_settings_text_color);}.cmplz-cookiebanner .cmplz-buttons a.cmplz-btn { display: flex; align-items: center; justify-content: center; padding: initial;}@media (max-width: 425px) { .cmplz-cookiebanner .cmplz-links.cmplz-information { display: initial; text-align: center; }}.cmplz-cookiebanner .cmplz-links { display: flex; gap: var(--cmplz_banner_margin);}.cmplz-cookiebanner .cmplz-links.cmplz-information { justify-content: space-between;}.cmplz-cookiebanner .cmplz-links.cmplz-documents { justify-content: center;}.cmplz-cookiebanner .cmplz-links .cmplz-link { color: var(--cmplz_hyperlink_color); font-size: var(--cmplz_link_font_size); text-decoration: underline; margin: 0;}.cmplz-cookiebanner .cmplz-links .cmplz-link.cmplz-read-more-purposes { display: none;}.cmplz-cookiebanner .cmplz-links ul { margin: 0; padding: 0; list-style: none; display: flex; gap: var(--cmplz_banner_margin); justify-content: center;}.cmplz-categories .cmplz-category .cmplz-description-statistics-anonymous { display: none;}.cmplz-categories .cmplz-category .cmplz-description-statistics { display: block;}.cmplz-categories .cmplz-category .cmplz-category-header .cmplz-category-toggle { background: none; border: none; padding: 0; margin: 0; cursor: pointer; grid-column-start: 3; display: flex; align-items: center; justify-content: center; color: inherit;}.cmplz-categories .cmplz-category .cmplz-category-toggle[aria-expanded="true"] .cmplz-icon.cmplz-open { transform: rotate(180deg);}.cmplz-cookiebanner { top: initial; left: initial; right: 10px; bottom: 10px; transform: initial;}@media (min-width: 768px) { .cmplz-cookiebanner { min-width: var(--cmplz_banner_width); max-width: 100%; display: grid; grid-row-gap: 10px; }}@media (max-width: 768px) { .cmplz-cookiebanner { left: initial; right: initial; bottom: 0; width: 100%; } .cmplz-cookiebanner .cmplz-buttons { flex-direction: column; }}@media (min-width: 768px) { .cmplz-message, .cmplz-categories { width: calc(var(--cmplz_banner_width) - 42px); }}.cmplz-cookiebanner .cmplz-categories,.cmplz-cookiebanner .cmplz-save-preferences,.cmplz-cookiebanner .cmplz-link.cmplz-manage-options,.cmplz-cookiebanner .cmplz-manage-vendors,.cmplz-cookiebanner .cmplz-read-more,.cmplz-cookiebanner .cmplz-btn.cmplz-manage-options { display: none;}.cmplz-cookiebanner .cmplz-categories.cmplz-fade-in { animation: fadeIn 1s; -webkit-animation: fadeIn 1s; -moz-animation: fadeIn 1s; -o-animation: fadeIn 1s; -ms-animation: fadeIn 1s; display: block;}@keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; }}@-moz-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; }}@-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; }}@-o-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; }}@-ms-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; }}.cmplz-cookiebanner .cmplz-links.cmplz-information { display: none;}.cmplz-cookiebanner { animation: fadeIn 2s; -webkit-animation: fadeIn 2s; -moz-animation: fadeIn 2s; -o-animation: fadeIn 2s; -ms-animation: fadeIn 2s;}@keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; }}@-moz-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; }}@-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; }}@-o-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; }}@-ms-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; }}.cmplz-cookiebanner .cmplz-preferences,.cmplz-manage-consent-container .cmplz-preferences { display: none;}@media (max-width: 768px) { #cmplz-manage-consent .cmplz-manage-consent { display: none; }}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox { position: relative;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox input.cmplz-consent-checkbox { opacity: 0; margin: 0; margin-top: -10px; cursor: pointer; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; position: absolute; z-index: 1; top: 0px; left: 0px; width: 40px; height: 20px;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox input.cmplz-consent-checkbox:focus + .cmplz-label:before { box-shadow: 0 0 0 2px #245fcc;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox input.cmplz-consent-checkbox:checked + .cmplz-label::before { display: block; background-color: var(--cmplz_slider_active_color); content: ""; padding-left: 6px;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox input.cmplz-consent-checkbox:checked + .cmplz-label:after { left: 14px;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox .cmplz-label { position: relative; padding-left: 30px; margin: 0;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox .cmplz-label:before,.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox .cmplz-label:after { box-sizing: border-box; position: absolute; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; transition: background-color 0.3s, left 0.3s;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox .cmplz-label:before { display: block; content: ""; color: #fff; box-sizing: border-box; font-family: 'FontAwesome', sans-serif; padding-left: 23px; font-size: 12px; line-height: 20px; background-color: var(--cmplz_slider_inactive_color); left: 0px; top: -7px; height: 15px; width: 28px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox .cmplz-label:after { display: block; content: ""; letter-spacing: 20px; background: var(--cmplz_slider_bullet_color); left: 4px; top: -5px; height: 11px; width: 11px;}.cmplz-cookiebanner { box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;}#cmplz-manage-consent .cmplz-manage-consent { box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;}.cmplz-cookiebanner.cmplz-show { box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;}.cmplz-cookiebanner.cmplz-show:hover { transition-duration: 1s; box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;} .cmplz-blocked-content-container.recaptcha-invisible, .cmplz-blocked-content-container.g-recaptcha { max-width: initial !important; height: 80px !important; margin-bottom: 20px; } @media only screen and (max-width: 400px) { .cmplz-blocked-content-container.recaptcha-invisible, .cmplz-blocked-content-container.g-recaptcha { height: 100px !important } } .cmplz-blocked-content-container.recaptcha-invisible .cmplz-blocked-content-notice, .cmplz-blocked-content-container.g-recaptcha .cmplz-blocked-content-notice { max-width: initial; padding: 7px; }