@font-face {
font-family: 'Material Symbols Outlined';
font-style: normal;
font-weight: 100 700;
src: url(https://berkei.de/wp-content/uploads/custom/materials_symbols_outlined.woff2) format('woff2');
}
.material-symbols-outlined {
font-family: 'Material Symbols Outlined';
font-weight: normal;
font-style: normal;
font-size: 24px;
line-height: 1;
letter-spacing: normal;
text-transform: none;
display: inline-block;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-webkit-font-feature-settings: 'liga';
-moz-font-feature-settings: 'liga';
font-feature-settings: 'liga';
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
} .slide-overlay .material-symbols-outlined {
font-size: 16px;
margin-right: 4px;
margin-bottom: 1px;
}   *,
*::before,
*::after {
box-sizing: border-box;
padding: 0;
margin: 0;
}
.SEARCH_CUSTOM {
padding: 20px;
}
.footer-flowbox {
overflow-wrap: break-word;
margin-left: 15px;
margin-right: 15px;
} .df_wrapper {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
margin: 0 auto;
}
.df_wrapper ._df_thumb {
margin: 0 auto !important;
float: none !important;
display: block !important;
}
.df_wrapper .df-element {
margin-left: auto !important;
margin-right: auto !important;
}  h1.berkei-heading-line,
h2.berkei-heading-line,
h3.berkei-heading-line,
h4.berkei-heading-line,
h5.berkei-heading-line,
h6.berkei-heading-line,
.berkei-heading-line h1,
.berkei-heading-line h2,
.berkei-heading-line h3,
.berkei-heading-line h4,
.berkei-heading-line h5,
.berkei-heading-line h6 {
position: relative;
display: block;
padding-bottom: 10px;
margin-bottom: 20px;
}
h1.berkei-heading-line::after,
h2.berkei-heading-line::after,
h3.berkei-heading-line::after,
h4.berkei-heading-line::after,
h5.berkei-heading-line::after,
h6.berkei-heading-line::after,
.berkei-heading-line h1::after,
.berkei-heading-line h2::after,
.berkei-heading-line h3::after,
.berkei-heading-line h4::after,
.berkei-heading-line h5::after,
.berkei-heading-line h6::after {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 3px;
background: linear-gradient(to right, var(--berkei-line-dark, #333) 50px, var(--berkei-line-light, #ddd) 50px);
}   table.variations {
margin-bottom: 8px;
border-spacing: 0;
border-collapse: collapse;
}
table.variations th.label {
padding: 0 6px 4px 0;
vertical-align: middle;
white-space: nowrap;
width: 1%;
}
table.variations td.value {
padding: 0 0 4px 0;
}
table.variations td.value ul {
margin: 0;
padding: 0;
}
table.variations td.value select {
margin: 0;
} table.variations .cfvsw-swatches-container {
margin: 0;
padding: 0;
gap: 6px;
}
table.variations .cfvsw-hidden-select {
display: none;
}
table.variations .reset_variations {
margin: 0;
font-size: 0.8em;
} #payment-method-message {
margin-top: 0 !important;
margin-bottom: 0 !important;
} .single-product .wp-block-woocommerce-product-price {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px;
} .summary .price {
display: inline;
}
.summary .price + #payment-method-message,
.summary .woocommerce-product-details__short-description ~ #payment-method-message {
display: inline-block;
vertical-align: middle;
margin-left: 8px;
} #payment-method-message .__PrivateStripeElement {
min-width: 280px;
}   .berkei-tag-icons-row {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-evenly;
gap: 8px;
margin: 10px 0;
}
.berkei-tag-icon {
display: inline-flex;
align-items: center;
justify-content: center;
transition: transform .15s ease;
}
.berkei-tag-icon--link {
text-decoration: none;
color: inherit;
}
.berkei-tag-icon:hover {
transform: scale(1.15);
}
.berkei-tag-icon img {
display: block;
}  .berkei-attr-badge {
display: inline-flex;
align-items: center;
gap: 4px;
background: #f3f3f3;
color: #333;
font-size: 12px;
line-height: 1.3;
padding: 3px 8px;
border-radius: 4px;
border: 1px solid #ddd;
white-space: nowrap;
}
.berkei-attr-badge-label {
font-weight: 600;
color: #555;
} .berkei-attr-color-dot {
display: inline-block;
width: 22px;
height: 22px;
border-radius: 50%;
border: 2px solid #ccc;
box-shadow: inset 0 0 0 1px rgba(0,0,0,.08);
}
.berkei-attr-icon--color {
padding: 2px;
}    .swiper {
width: var(--berkei-swiper-width, 1280px);
max-width: 100%;
padding: 16px 0 20px;
margin-bottom: 50px;
margin-left: 30px;
font-family: var(--berkei-swiper-font-family, Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif);
display: flex;
align-items: center;
justify-content: center;
letter-spacing: 4px;
border: 0px solid black;
}
.swiper-wrapper {
margin-left: 107px;
}
.swiper-slide {
position: relative;
width: 450px;
opacity: 0.2;
}
.swiper-slide-active {
filter: blur(0px);
opacity: 1.0;
}
.swiper-slide img {
height: 500px;
width: 330px;
object-fit: cover; border: 1px solid rgba(0, 0, 0, .2); backdrop-filter: blur(0px);
opacity: 0.9;
} .swiper-button-prev {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23E56B28'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-prev:hover {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23177797'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23E56B28'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next:hover {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23177797'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next::after,
.swiper-button-prev::after {
content: "";
border: 0px solid rgba(0, 0, 0, .5);
}
.swiper-button-next,
.swiper-button-prev {
padding: 10px 12px;
border: 0px solid rgba(0, 0, 0, .5);
} .swiper-pagination {
--swiper-pagination-bottom: -4px;
}
.swiper-pagination-bullet {
width: 10px;
height: 10px;
background-color: #000000;
transition: all 0.1s ease-in-out;
}
.swiper-pagination-bullet-active {
background-color: #666;
width: 18px;
border-radius: 8px;
} .slide-overlay {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-end;
row-gap: 12px;
position: absolute;
inset: 0;
width: 330px;
height: 500px;
background: linear-gradient(250deg,
transparent,
transparent,  rgba(255, 101, 15, 0.2));  backdrop-filter: blur(0px);
font-family: inherit;
}
.slide-overlay .item-title {  width: 100%;
font-size: clamp(1rem, 2.2vw, 1rem);
text-transform: uppercase;
color: #FFFFFF;
background: rgba(0, 0, 0, 0.8); padding: 6px;
padding-left: 12px; backdrop-filter: blur(10px);
}
.slide-overlay .item-description {
font-size: clamp(0.8rem, 3vw, 1.0rem);
color: #000000;
background: rgba(255, 255, 255, 0.75);
padding-left: 20px;
padding-right: 20px;
width: 100%;
backdrop-filter: blur(10px);
}
.slide-overlay .item-info {
font-family: inherit;
font-size: clamp(1.5rem, 3vw, 1.5rem);
text-transform: uppercase;
text-align: center;
color: rgba(0, 0, 0, 0.8);
left: 10px;
top: 45px;
position: absolute;
transform: rotate(315deg);
}
.slide-overlay .item-warn {
font-family: inherit;
font-size: clamp(1.5rem, 3vw, 1.5rem);
text-align: center;
text-transform: uppercase;
color: rgba(255, 0, 0, 0.75);
left: 10px;
top: 45px;
position: absolute;
transform: rotate(315deg);
background-color: black;
}
.slide-overlay .button-cls {
text-transform: uppercase;
font-size: clamp(0.8rem, 3vw, 1rem);
align-items: center;
display: flex;
justify-content: left;
width: 100%; padding: 6px;
padding-left: 12px;
background: rgba(23, 119, 151, 0.9); opacity: 0.9;
text-decoration: none;
color: #000000;
outline: 0;
margin-bottom: 12px;
font-family: inherit;
transition: all 0.1s linear;
cursor: pointer;
}
.slide-overlay .button-cls:hover {
background: #E56B28;
color: #000;
opacity: 0.9;
}
.slide-overlay .button-active {
text-transform: uppercase;
font-size: clamp(0.8rem, 3vw, 1rem);
align-items: center;
display: flex;
justify-content: left;
width: 100%; padding: 6px;
padding-left: 12px; background: rgba(23, 119, 151, 0.9);
opacity: 0.9;
text-decoration: none;
color: #fff;
outline: 0;
margin-bottom: 12px;
font-family: inherit;
transition: all 0.1s linear;
cursor: pointer;
}
.slide-overlay .button-active:hover {
background: #E56B28;  color: #fff;
opacity: 0.9;
}   #metaslider-id-239 .flexslider {
max-height: 700px;
margin: 0;
}
#metaslider-id-239 .flexslider .flex-direction-nav li a {
border: 1px solid rgba(0, 0, 0, 0);
min-height: 40px;
min-width: 40px;
}
#metaslider-id-239 .flexslider .flex-direction-nav li a:before {
background-color: #E56B28;
background-size: 100% 100%;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23E56B28'%2F%3E%3C%2Fsvg%3E");
content: "";
}
#metaslider-id-239 .flexslider .flex-direction-nav li a:hover:before {
background: rgba(13, 118, 151, 0.7);
}
#metaslider-id-239 .flexslider .flex-direction-nav li a:hover:after {
background: rgba(13, 118, 151, 0.7);
}
#metaslider-id-239 .flexslider .flex-control-nav li a {
height: 12px;
margin-bottom: 18px;
}
#metaslider-id-239 .flexslider .flex-control-nav li a.flex-active {
border-radius: 8px;
width: 20px;
background: rgba(60, 60, 60, 1.0);
border: 1px solid rgba(255, 255, 255, 0.8);
}
#metaslider-id-239 .flexslider ol.flex-control-nav:not(.flex-control-thumbs) li a:not(.flex-active) {
width: 12px;
background: rgba(255, 255, 255, 0.8);
border: none;
}
#metaslider-id-239 .flexslider ol.flex-control-nav:not(.flex-control-thumbs) li a:not(.flex-active):hover {
width: 12px;
background: rgba(255, 255, 255, 0.8);
border: 1px solid rgba(0, 0, 0, 0.8);
}
#metaslider-id-239 .flexslider .caption-wrap {
height: 30px;
background: rgba(0, 0, 0, 0.75);
color: rgb(255, 255, 255);
padding: 2px;
margin: 0px;
margin-bottom: 12px;
text-transform: uppercase;
}
#metaslider-id-239 .flexslider .caption-wrap .caption {
color: rgba(255, 255, 255);
padding: 0px;
margin: 4px;
font-size: 12pt;
}   @media only screen and (max-width: 767px) {
body.metaslider-plugin:after { display: none; content: "smartphone"; }
.hide-arrows-smartphone .flex-direction-nav,
.hide-navigation-smartphone .flex-control-paging,
.hide-navigation-smartphone .flex-control-nav,
.hide-navigation-smartphone .filmstrip,
.hide-slideshow-smartphone,
.metaslider-hidden-content.hide-smartphone { display: none !important; }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
body.metaslider-plugin:after { display: none; content: "tablet"; }
.hide-arrows-tablet .flex-direction-nav,
.hide-navigation-tablet .flex-control-paging,
.hide-navigation-tablet .flex-control-nav,
.hide-navigation-tablet .filmstrip,
.hide-slideshow-tablet,
.metaslider-hidden-content.hide-tablet { display: none !important; }
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
body.metaslider-plugin:after { display: none; content: "laptop"; }
.hide-arrows-laptop .flex-direction-nav,
.hide-navigation-laptop .flex-control-paging,
.hide-navigation-laptop .flex-control-nav,
.hide-navigation-laptop .filmstrip,
.hide-slideshow-laptop,
.metaslider-hidden-content.hide-laptop { display: none !important; }
}
@media only screen and (min-width: 1440px) {
body.metaslider-plugin:after { display: none; content: "desktop"; }
.hide-arrows-desktop .flex-direction-nav,
.hide-navigation-desktop .flex-control-paging,
.hide-navigation-desktop .flex-control-nav,
.hide-navigation-desktop .filmstrip,
.hide-slideshow-desktop,
.metaslider-hidden-content.hide-desktop { display: none !important; }
}   .berkei-product-filter {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 16px;
padding: 16px 0;
margin-bottom: 24px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.berkei-filter-group {
display: flex;
align-items: center;
gap: 8px;
}
.berkei-filter-label {
font-weight: 600;
font-size: 0.9rem;
text-transform: uppercase;
letter-spacing: 1px;
}
.berkei-filter-options {
display: flex;
flex-wrap: wrap;
gap: 6px;
align-items: center;
} .berkei-filter-btn {
margin: var(--berkei-btn-margin, 4px 4px 4px 0);
padding: var(--berkei-btn-padding, 6px 14px);
border: var(--berkei-btn-border, 1px solid rgba(0, 0, 0, 0.2));
border-radius: var(--berkei-btn-radius, 0px);
background: var(--berkei-btn-bg, transparent);
color: var(--berkei-btn-color, inherit);
font-size: var(--berkei-btn-font-size, 0.85rem);
cursor: pointer;
transition: all 0.15s ease;
font-family: inherit;
line-height: 1.4;
display: inline-flex;
align-items: center;
gap: 6px;
} .berkei-btn-icon {
width: var(--berkei-sw-size, 20px);
height: var(--berkei-sw-size, 20px);
border-radius: var(--berkei-sw-radius, 50%);
object-fit: cover;
flex-shrink: 0;
}
.berkei-filter-btn:hover {
border-color: var(--berkei-btn-hover-border, #177797);
background: var(--berkei-btn-hover-bg, transparent);
color: var(--berkei-btn-hover-color, #177797);
}
.berkei-filter-btn.active {
background: var(--berkei-btn-active-bg, #177797);
color: var(--berkei-btn-active-color, #fff);
border-color: var(--berkei-btn-active-border, #177797);
}
.berkei-filter-count {
font-size: .85em;
opacity: .7;
} .berkei-filter-swatch {
width: var(--berkei-sw-size, 20px);
height: var(--berkei-sw-size, 20px);
border-radius: var(--berkei-sw-radius, 50%);
border: var(--berkei-sw-border, 2px solid rgba(0, 0, 0, 0.15));
padding: 2px;
cursor: pointer;
transition: all 0.15s ease;
background: transparent;
overflow: hidden;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 4px;
}
.berkei-filter-swatch:hover {
border-color: #177797;
transform: scale(var(--berkei-sw-hover-scale, 1.15));
}
.berkei-filter-swatch.active {
border-color: #177797;
box-shadow: 0 0 0 2px #177797;
}
.berkei-swatch-dot {
display: block;
width: 100%;
height: 100%;
border-radius: var(--berkei-sw-radius, 50%);
}
.berkei-filter-swatch img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: var(--berkei-sw-radius, 50%);
} .berkei-filter-swatch:has(.berkei-swatch-label) {
width: auto;
height: auto;
padding: 4px 10px 4px 4px;
gap: 6px;
}
.berkei-filter-swatch:has(.berkei-swatch-label) img,
.berkei-filter-swatch:has(.berkei-swatch-label) .berkei-swatch-dot {
width: var(--berkei-sw-size, 20px);
height: var(--berkei-sw-size, 20px);
flex-shrink: 0;
}
.berkei-swatch-label {
font-size: 0.82rem;
white-space: nowrap;
} .berkei-filter-overflow {
display: none !important;
}
.berkei-filter-options.berkei-expanded .berkei-filter-overflow {
display: inline-flex !important;
}
.berkei-filter-more {
background: none;
border: none;
color: #177797;
cursor: pointer;
font-size: 0.82rem;
text-decoration: underline;
font-family: inherit;
padding: 4px 6px;
white-space: nowrap;
}
.berkei-filter-more:hover {
color: #E56B28;
} .berkei-filter-group--hierarchical {
flex-basis: 100%;
}
.berkei-filter-options--tree {
flex-direction: column;
align-items: flex-start !important;
gap: 4px !important;
}
.berkei-filter-options--tree .berkei-filter-btn {
width: auto;
} .berkei-filter-depth-1 {
margin-left: var(--berkei-cat-indent, 20px);
font-size: 0.82rem;
position: relative;
}
.berkei-filter-depth-1::before {
content: var(--berkei-cat-symbol, '\2514');
position: absolute;
left: -16px;
top: 50%;
transform: translateY(-50%);
color: rgba(0,0,0,0.25);
font-size: 0.9em;
line-height: 1;
}
.berkei-filter-depth-2 {
margin-left: calc(var(--berkei-cat-indent, 20px) * 2);
font-size: 0.8rem;
position: relative;
}
.berkei-filter-depth-2::before {
content: var(--berkei-cat-symbol, '\2514');
position: absolute;
left: -16px;
top: 50%;
transform: translateY(-50%);
color: rgba(0,0,0,0.2);
font-size: 0.85em;
line-height: 1;
}
.berkei-filter-depth-3 {
margin-left: calc(var(--berkei-cat-indent, 20px) * 3);
font-size: 0.78rem;
position: relative;
}
.berkei-filter-depth-3::before {
content: var(--berkei-cat-symbol, '\2514');
position: absolute;
left: -16px;
top: 50%;
transform: translateY(-50%);
color: rgba(0,0,0,0.15);
font-size: 0.8em;
line-height: 1;
} .berkei-filter-reset {
margin-left: auto;
background: none;
border: none;
color: #999;
cursor: pointer;
font-size: 0.8rem;
text-decoration: underline;
font-family: inherit;
}
.berkei-filter-reset:hover {
color: #E56B28;
} .berkei-filter-no-results {
text-align: center;
padding: 40px 20px;
color: #888;
font-size: 1rem;
} @media only screen and (max-width: 600px) {
.berkei-product-filter {
flex-direction: column;
align-items: flex-start;
gap: 12px;
}
.berkei-filter-group {
flex-direction: column;
align-items: flex-start;
gap: 6px;
}
.berkei-filter-reset {
margin-left: 0;
}
}  .trust-bar {
width: 100%;
padding: 8px 12px;
margin: 0;
box-sizing: border-box;
} .trust-bar .wp-block-columns {
margin: 0 !important;
gap: 0 !important; align-items: center;
} .trust-bar .wp-block-column {
margin: 0 !important;
display: flex;
align-items: center;
justify-content: center;
} .trust-payment,
.trust-shipping,
.trust-newsletter,
.trust-contact,
.trust-response,
.trust-germany {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.45rem; margin: 0 !important;
padding: 0 10px; line-height: 1.25;
white-space: nowrap; box-sizing: border-box;
text-align: center;
} .trust-payment p,
.trust-shipping p,
.trust-newsletter p,
.trust-contact p,
.trust-response p,
.trust-germany p {
margin: 0 !important;
} .trust-payment a,
.trust-shipping a,
.trust-newsletter a,
.trust-contact a,
.trust-response a,
.trust-germany a {
color: inherit;
text-decoration: none;
}
.trust-payment a:hover,
.trust-shipping a:hover,
.trust-newsletter a:hover,
.trust-contact a:hover,
.trust-response a:hover,
.trust-germany a:hover {
text-decoration: underline;
text-underline-offset: 2px;
} .trust-payment::before,
.trust-shipping::before,
.trust-newsletter::before,
.trust-contact::before,
.trust-response::before,
.trust-germany::before {
display: inline-block;
line-height: 1;
font-size: 0.95em;
transform: translateY(-0.5px);
} .trust-payment::before {
content: "✓";
}
.trust-shipping::before {
content: "↗"; }
.trust-newsletter::before {
content: "✉";
}
.trust-contact::before {
content: "✉"; }
.trust-response::before {
content: "⏱"; }
.trust-germany::before {
content: "⌂"; } .trust-bar.has-dividers .wp-block-column:not(:last-child) {
position: relative;
}
.trust-bar.has-dividers .wp-block-column:not(:last-child)::after {
content: "";
position: absolute;
right: 0;
top: 20%;
height: 60%;
width: 1px;
background: rgba(255, 255, 255, 0.2); } @media (max-width: 1000px) {
.trust-bar {
padding: 8px 10px;
}
.trust-payment,
.trust-shipping,
.trust-newsletter,
.trust-contact,
.trust-response,
.trust-germany {
padding: 0 8px;
font-size: 0.92rem;
}
} @media (max-width: 760px) {
.trust-bar .wp-block-columns {
gap: 6px !important;
}
.trust-bar .wp-block-column {
justify-content: flex-start;
}
.trust-payment,
.trust-shipping,
.trust-newsletter,
.trust-contact,
.trust-response,
.trust-germany {
white-space: normal; justify-content: flex-start;
text-align: left;
width: 100%;
padding: 2px 4px;
} .trust-bar.has-dividers .wp-block-column::after {
display: none;
}
} @media (max-width: 420px) {
.trust-payment,
.trust-shipping,
.trust-newsletter,
.trust-contact,
.trust-response,
.trust-germany {
font-size: 0.88rem;
gap: 0.35rem;
}
.trust-payment::before,
.trust-shipping::before,
.trust-newsletter::before,
.trust-contact::before,
.trust-response::before,
.trust-germany::before {
font-size: 0.9em;
}
}
@media (max-width: 760px) {
.trust-bar .wp-block-column {
justify-content: center !important;
}
.trust-payment,
.trust-shipping,
.trust-newsletter,
.trust-contact,
.trust-response,
.trust-germany {
justify-content: center !important;
text-align: center !important;
padding: 4px 10px !important;
}
}   .berkei-inf-hide {
display: none !important;
} .berkei-inf-load-more {
text-align: center;
padding: 16px 0;
clear: both;
}
.berkei-inf-load-more a {
display: inline-block;
padding: 10px 28px;
border: 1px solid rgba(0, 0, 0, 0.2);
background: transparent;
color: inherit;
font-size: 0.95rem;
text-decoration: none;
cursor: pointer;
transition: all 0.15s ease;
font-family: inherit;
}
.berkei-inf-load-more a:hover {
border-color: #177797;
color: #177797;
}
.berkei-inf-load-more.berkei-inf-finished a {
border-color: transparent;
color: #999;
cursor: default;
font-size: 0.85rem;
} .berkei-inf-loader {
text-align: center;
clear: both;
padding: 16px 0;
}
.berkei-inf-loader img {
display: inline-block;
vertical-align: middle;
margin-right: 8px;
max-height: 32px;
}
.berkei-inf-loader span {
display: inline-block;
vertical-align: middle;
color: #666;
font-size: 0.9rem;
} @keyframes berkeiInfFadeIn {
from { opacity: 0; transform: translateY(16px); }
to   { opacity: 1; transform: translateY(0); }
}
.berkei-inf-fadein {
animation: berkeiInfFadeIn 0.35s ease forwards;
}   .berkei-catov-scope {
max-width: none !important;
width: 100% !important;
}
.berkei-catov-grid {
display: grid !important;
gap: var(--catov-gap, 16px);
}
.berkei-catov-grid.berkei-catov-grid-auto {
grid-template-columns: repeat(auto-fit, minmax(
max(var(--catov-minw, 220px), calc((100% - (var(--catov-cols, 3) - 1) * var(--catov-gap, 16px)) / var(--catov-cols, 3))),
1fr)) !important;
}
.berkei-catov-grid.berkei-catov-grid-fixed {
grid-template-columns: repeat(var(--catov-cols, 3), 1fr);
}
.berkei-catov-grid > .berkei-catov-cell {
grid-column: auto !important;
grid-row: auto !important;
width: 100% !important;
max-width: none !important;
min-width: 0 !important;
margin: 0 !important;
float: none !important;
clear: none !important;
}
.berkei-catov-cell > .berkei-catov-item {
display: block !important;
width: 100% !important;
}
.berkei-catov-scope .berkei-catov-grid {
display: grid !important;
grid-auto-flow: row !important;
}
.berkei-catov-scope .berkei-catov-grid.berkei-catov-grid-fixed {
grid-template-columns: repeat(var(--catov-cols, 3), minmax(0, 1fr)) !important;
}
.berkei-catov-scope .berkei-catov-grid.berkei-catov-grid-auto {
grid-template-columns: repeat(auto-fit, minmax(
max(var(--catov-minw, 220px), calc((100% - (var(--catov-cols, 3) - 1) * var(--catov-gap, 16px)) / var(--catov-cols, 3))),
1fr)) !important;
}
.berkei-catov-scope .berkei-catov-grid > .berkei-catov-cell {
display: block !important;
grid-column: auto !important;
grid-row: auto !important;
width: 100% !important;
max-width: none !important;
min-width: 0 !important;
margin: 0 !important;
float: none !important;
clear: none !important;
}
.berkei-catov-scope .berkei-catov-cell > .berkei-catov-item {
display: block !important;
width: 100% !important;
}
.berkei-catov-item {
position: relative !important;
display: block !important;
overflow: hidden !important;
border-radius: var(--catov-radius, 8px);
border: var(--catov-bw, 0px) solid var(--catov-bc, #ddd);
box-shadow: var(--catov-shadow, 0 2px 8px rgba(0,0,0,.12));
aspect-ratio: var(--catov-ar, 1) !important;
text-decoration: none !important;
color: inherit;
background: #e0e0e0;
} .berkei-catov-scope .berkei-catov-item {
position: relative !important;
display: block !important;
overflow: hidden !important;
aspect-ratio: var(--catov-ar, 1) !important;
text-decoration: none !important;
margin: 0 !important;
padding: 0 !important;
box-sizing: border-box !important;
}
.berkei-catov-scope .berkei-catov-item img,
.berkei-catov-item img {
position: absolute !important;
inset: 0 !important;
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
display: block !important;
transition: transform .35s ease;
max-width: none !important;
min-width: 0 !important;
max-height: none !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
}
.berkei-catov-item.berkei-catov-zoom:hover img {
transform: scale(1.07);
} .berkei-catov-noimg {
position: absolute;
inset: 0;
display: flex;
align-items: center;
justify-content: center;
font-size: 2rem;
font-weight: 700;
color: #888;
background: #e8e8e8;
} .berkei-catov-scope .berkei-catov-overlay {
position: absolute !important;
left: 0 !important;
right: 0 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
padding: 8px 12px !important;
background: var(--catov-title-bg, rgba(0,0,0,.55)) !important;
transition: opacity .3s ease;
z-index: 2 !important;
margin: 0 !important;
float: none !important;
box-sizing: border-box !important;
}
.berkei-catov-scope .berkei-catov-overlay-bottom { bottom: 0 !important; top: auto !important; }
.berkei-catov-scope .berkei-catov-overlay-center { top: 50% !important; bottom: auto !important; transform: translateY(-50%) !important; }
.berkei-catov-scope .berkei-catov-overlay-top    { top: 0 !important; bottom: auto !important; } .berkei-catov-scope .berkei-catov-hover {
opacity: 0;
bottom: 0 !important;
}
.berkei-catov-scope .berkei-catov-item:hover .berkei-catov-hover {
opacity: 1;
} .berkei-catov-none {
display: none;
}
.berkei-catov-title {
font-family: var(--catov-title-ff, inherit);
font-size: var(--catov-title-fs, 16px);
font-weight: 600;
color: var(--catov-title-color, #fff);
text-align: center;
line-height: 1.3;
}
.berkei-catov-count {
font-weight: 400;
opacity: .85;
margin-left: 4px;
} .berkei-catov-badge {
position: absolute;
top: 8px;
right: 8px;
background: rgba(0,0,0,.65);
color: #fff;
border-radius: 50%;
min-width: 26px;
height: 26px;
font-size: 12px;
font-weight: 600;
line-height: 26px;
text-align: center;
padding: 0 4px;
pointer-events: none;
} @media (max-width: 768px) {
.berkei-catov-scope .berkei-catov-grid.berkei-catov-grid-fixed {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
}
@media (max-width: 480px) {
.berkei-catov-scope .berkei-catov-grid {
grid-template-columns: 1fr !important;
}
}   .berkei-contact {
--berkei-contact-accent: #177797;
--berkei-contact-bg: #f5f8fa;
--berkei-contact-radius: 14px;
--berkei-contact-font: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
--berkei-contact-font-size: 0.97rem;
--berkei-contact-label-color: #24313f;
--berkei-contact-heading-size: 1.6rem;
--berkei-contact-heading-weight: 700;
--berkei-contact-heading-color: #1a2530;
--berkei-contact-intro-color: #495360;
--berkei-contact-input-radius: 10px;
--berkei-contact-input-border: rgba(0, 0, 0, 0.18);
--berkei-contact-input-bg: #ffffff;
--berkei-contact-input-color: #1e252d;
--berkei-contact-btn-radius: 999px;
--berkei-contact-btn-weight: 600;
--berkei-contact-btn-color: #ffffff;
--berkei-contact-shadow: 0 14px 36px rgba(0, 0, 0, 0.08);
--berkei-contact-border-color: rgba(0, 0, 0, 0.08);
margin: 24px 0;
font-family: var(--berkei-contact-font, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif) !important;
font-size: var(--berkei-contact-font-size);
}
.berkei-contact h1,
.berkei-contact h2,
.berkei-contact h3,
.berkei-contact h4,
.berkei-contact h5,
.berkei-contact h6,
.berkei-contact p,
.berkei-contact label,
.berkei-contact span,
.berkei-contact input,
.berkei-contact textarea,
.berkei-contact button,
.berkei-contact select {
font-family: var(--berkei-contact-font, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif) !important;
}
.berkei-contact-card {
background: linear-gradient(165deg, #ffffff 0%, var(--berkei-contact-bg) 100%);
border: 1px solid var(--berkei-contact-border-color);
border-radius: var(--berkei-contact-radius);
box-shadow: var(--berkei-contact-shadow);
padding: clamp(18px, 3vw, 28px);
}
.berkei-contact-head h3 {
margin: 0 0 8px;
font-size: var(--berkei-contact-heading-size);
font-weight: var(--berkei-contact-heading-weight);
color: var(--berkei-contact-heading-color);
letter-spacing: 0.02em;
}
.berkei-contact-head p {
margin: 0 0 18px;
color: var(--berkei-contact-intro-color);
font-size: var(--berkei-contact-font-size);
}
.berkei-contact-notice {
margin-bottom: 14px;
border-radius: 10px;
padding: 10px 12px;
font-size: 0.95rem;
}
.berkei-contact-notice-success {
background: rgba(30, 150, 90, 0.14);
border: 1px solid rgba(30, 150, 90, 0.35);
color: #0d6a3a;
}
.berkei-contact-notice-error {
background: rgba(180, 35, 35, 0.12);
border: 1px solid rgba(180, 35, 35, 0.35);
color: #8f1f1f;
}
.berkei-contact-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
}
.berkei-contact-grid label {
display: flex;
flex-direction: column;
gap: 6px;
color: var(--berkei-contact-label-color);
font-size: var(--berkei-contact-font-size);
}
.berkei-contact-col-2 {
grid-column: span 2;
}
.berkei-contact-privacy {
min-width: 0;
}
.berkei-contact-privacy-row {
display: flex;
align-items: flex-start;
gap: 8px;
line-height: 1.45;
min-width: 0;
}
.berkei-contact-privacy-row > span {
min-width: 0;
overflow-wrap: break-word;
}
.berkei-contact-privacy-row input[type="checkbox"] {
margin-top: 2px;
flex-shrink: 0;
}
.berkei-contact-recaptcha {
margin-top: 8px;
}
.berkei-contact-form input,
.berkei-contact-form textarea {
width: 100%;
border: 1px solid var(--berkei-contact-input-border);
border-radius: var(--berkei-contact-input-radius);
background: var(--berkei-contact-input-bg);
color: var(--berkei-contact-input-color);
padding: 11px 12px;
font-family: var(--berkei-contact-font, inherit);
font-size: var(--berkei-contact-font-size);
transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.berkei-contact-form input:focus,
.berkei-contact-form textarea:focus {
outline: none;
border-color: var(--berkei-contact-accent);
box-shadow: 0 0 0 3px rgba(23, 119, 151, 0.16);
}
.berkei-contact-form button {
margin-top: 14px;
border: 0;
border-radius: var(--berkei-contact-btn-radius);
background: var(--berkei-contact-accent);
color: var(--berkei-contact-btn-color);
padding: 11px 22px;
font-size: var(--berkei-contact-font-size);
font-weight: var(--berkei-contact-btn-weight);
cursor: pointer;
transition: transform 0.12s ease, opacity 0.12s ease;
}
.berkei-contact-form button:hover {
transform: translateY(-1px);
opacity: 0.95;
}
.berkei-contact-hp {
position: absolute !important;
left: -9999px !important;
opacity: 0 !important;
}
@media (max-width: 720px) {
.berkei-contact-grid {
grid-template-columns: 1fr;
}
.berkei-contact-col-2 {
grid-column: auto;
}
}   .berkei-footer,
.berkei-footer * {
box-sizing: border-box;
}
.berkei-footer {
--berkei-blue: #147798;
--berkei-orange: #e56b26;
--berkei-bg: #f0ecea;
--berkei-surface: #ffffff;
--berkei-text: #171717;
--berkei-muted: #5e5e5e;
--berkei-line: #ddd9d2;
--berkei-dark: #222222;
--berkei-bottom-bg: #dedada;
--berkei-max: 1320px;
--berkei-radius: 16px;
--berkei-radius-sm: 10px;
--berkei-frame-radius: 10px;
--berkei-social-icon-size: 16px;
--berkei-trust-icon-size: 20px;
--berkei-payment-card-width: 142px;
--berkei-payment-card-height: 64px;
--berkei-payment-logo-width: 122px;
--berkei-payment-logo-height: 40px;
--berkei-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);
background: var(--berkei-bg);
color: var(--berkei-text);
margin-top: 80px;
border-top: none;
font-family: var(--berkei-font-family, inherit);
} .berkei-footer__newsletter-bar {
background: var(--berkei-dark);
color: #fff;
}
.berkei-footer__newsletter-bar-inner {
max-width: var(--berkei-max);
margin: 0 auto;
padding: 32px 24px;
}
.berkei-footer__newsletter-bar .berkei-footer__newsletter h3 {
color: #fff;
margin: 0 0 8px;
}
.berkei-footer__newsletter-bar .berkei-footer__newsletter p {
color: rgba(255,255,255,.6);
margin: 0 0 16px;
}
.berkei-footer__newsletter-bar .berkei-footer__newsletter-form {
border-color: rgba(255,255,255,.2);
background: rgba(255,255,255,.08);
max-width: 520px;
}
.berkei-footer__newsletter-bar .berkei-footer__newsletter-form input {
color: #fff;
background: rgba(255,255,255,.08);
}
.berkei-footer__newsletter-bar .berkei-footer__newsletter-form input::placeholder {
color: rgba(255,255,255,.4);
}
.berkei-footer__newsletter-bar .berkei-footer__newsletter-form button {
background: var(--berkei-blue);
}
.berkei-footer__newsletter-bar .berkei-footer__newsletter-form button:hover,
.berkei-footer__newsletter-bar .berkei-footer__newsletter-form button:focus-visible {
background: var(--berkei-orange);
} .berkei-is-newsletter-page .berkei-footer__newsletter-bar {
display: none;
} .tnp-subscription {
max-width: 520px;
}
.tnp-subscription .tnp-field {
margin-bottom: 12px;
}
.tnp-subscription .tnp-field label {
display: block;
font-size: 14px;
font-weight: 600;
margin-bottom: 4px;
color: var(--berkei-text, #222);
}
.tnp-subscription input[type="text"],
.tnp-subscription input[type="email"] {
width: 100%;
border: 1px solid var(--berkei-line, #ddd);
border-radius: var(--berkei-frame-radius, 10px);
background: var(--berkei-surface, #fff);
color: var(--berkei-text, #222);
padding: 12px 14px;
font-size: 16px;
font-family: inherit;
outline: none;
transition: border-color 0.15s ease, box-shadow 0.15s ease;
box-sizing: border-box;
}
.tnp-subscription input[type="text"]:focus,
.tnp-subscription input[type="email"]:focus {
border-color: var(--berkei-blue, #147798);
box-shadow: 0 0 0 3px rgba(20, 119, 152, 0.16);
}
.tnp-subscription .tnp-privacy-field {
display: flex;
align-items: flex-start;
gap: 8px;
margin: 16px 0 8px;
line-height: 1.45;
font-size: 14px;
}
.tnp-subscription .tnp-privacy-field input[type="checkbox"] {
margin-top: 2px;
flex-shrink: 0;
}
.tnp-subscription input[type="submit"],
.tnp-subscription .tnp-submit {
display: inline-block;
margin-top: 8px;
border: 0;
border-radius: var(--berkei-frame-radius, 10px);
background: var(--berkei-blue, #147798);
color: #fff;
padding: 12px 28px;
font-size: 16px;
font-weight: 700;
font-family: inherit;
cursor: pointer;
transition: background 0.2s ease, transform 0.12s ease;
}
.tnp-subscription input[type="submit"]:hover,
.tnp-subscription .tnp-submit:hover {
background: var(--berkei-orange, #e56b26);
transform: translateY(-1px);
}
.berkei-footer__inner {
max-width: var(--berkei-max);
margin: 0 auto;
padding: 56px 24px 24px;
}
.berkei-footer__top {
display: grid;
grid-template-columns: 1fr 2fr;
gap: 48px;
align-items: start;
}
.berkei-footer__brand-link {
display: inline-flex;
align-items: center;
gap: var(--berkei-logo-gap, 16px);
text-decoration: none;
color: var(--berkei-text);
}
.berkei-footer__logo {
width: var(--berkei-logo-size, 72px);
height: var(--berkei-logo-size, 72px);
object-fit: contain;
display: block;
}
.berkei-footer__brand-name {
font-size: clamp(30px, 3vw, 52px);
line-height: 0.95;
font-weight: 800;
letter-spacing: 0.04em;
}
.berkei-footer__claim {
margin-top: 8px;
font-size: 18px;
font-weight: 700;
}
.berkei-footer__description {
margin: 24px 0 22px;
max-width: 420px;
font-size: 18px;
line-height: 1.65;
color: var(--berkei-muted);
}
.berkei-footer__socials {
display: flex;
flex-wrap: wrap;
gap: 14px;
}
.berkei-footer__social-icon {
width: calc(var(--berkei-social-icon-size) + 2px);
height: calc(var(--berkei-social-icon-size) + 2px);
display: inline-flex;
align-items: center;
justify-content: center;
margin-right: 6px;
vertical-align: -0.15em;
}
.berkei-footer__social-icon svg {
width: var(--berkei-social-icon-size);
height: var(--berkei-social-icon-size);
display: block;
}
.berkei-footer .berkei-symbol-filled {
font-size: 20px;
line-height: 1;
font-variation-settings: 'FILL' 1, 'wght' 500, 'GRAD' 0, 'opsz' 24;
}
.berkei-footer__socials a {
color: var(--berkei-text);
text-decoration: none;
font-weight: 600;
font-size: 15px;
padding: 8px 0;
display: inline-flex;
align-items: center;
position: relative;
}
.berkei-footer__socials a::after {
content: "";
position: absolute;
left: 0;
bottom: 2px;
width: 0;
height: 2px;
background: var(--berkei-orange);
transition: width 0.25s ease;
}
.berkei-footer__socials a:hover::after,
.berkei-footer__socials a:focus-visible::after {
width: 100%;
}
.berkei-footer__nav--desktop {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 32px;
border-left: 1px solid var(--berkei-line);
padding-left: 24px;
}
.berkei-footer__nav--desktop .berkei-footer__col + .berkei-footer__col {
border-left: 1px solid var(--berkei-line);
padding-left: 24px;
}
.berkei-footer__col h3,
.berkei-footer__newsletter h3 {
margin: 0 0 18px;
font-size: 20px;
line-height: 1.25;
font-weight: 800;
color: var(--berkei-blue);
}
.berkei-footer__col ul,
.berkei-footer__accordion ul {
list-style: none;
margin: 0;
padding: 0;
}
.berkei-footer__col li,
.berkei-footer__accordion li {
margin: 0 0 12px;
}
.berkei-footer__col a,
.berkei-footer__accordion a,
.berkei-footer__bottom-links a {
color: var(--berkei-text);
text-decoration: none;
font-size: 16px;
line-height: 1.5;
transition: color 0.2s ease;
}
.berkei-footer__col a:hover,
.berkei-footer__accordion a:hover,
.berkei-footer__bottom-links a:hover,
.berkei-footer__col a:focus-visible,
.berkei-footer__accordion a:focus-visible,
.berkei-footer__bottom-links a:focus-visible {
color: var(--berkei-orange);
}
.berkei-footer__newsletter p {
margin: 0 0 18px;
font-size: 17px;
line-height: 1.6;
color: var(--berkei-muted);
}
.berkei-footer__newsletter-form {
display: grid;
grid-template-columns: 1fr auto;
gap: 0;
overflow: hidden;
border-radius: var(--berkei-frame-radius);
border: 1px solid var(--berkei-line);
background: var(--berkei-surface);
box-shadow: var(--berkei-shadow);
}
.berkei-footer__newsletter-form input {
border: 0;
min-width: 0;
padding: 16px 18px;
font-size: 16px;
background: transparent;
color: var(--berkei-text);
outline: none;
}
.berkei-footer__newsletter-form input::placeholder {
color: #8b8b8b;
}
.berkei-footer__newsletter-form button {
border: 0;
padding: 16px 22px;
font-size: 16px;
font-weight: 700;
background: var(--berkei-dark);
color: #fff;
cursor: pointer;
transition: background 0.2s ease, transform 0.2s ease;
}
.berkei-footer__newsletter-form button:hover,
.berkei-footer__newsletter-form button:focus-visible {
background: var(--berkei-orange);
}
.berkei-footer__accordion {
display: none;
margin-top: 36px;
border-top: 1px solid var(--berkei-line);
}
.berkei-footer__accordion details {
border-bottom: 1px solid var(--berkei-line);
}
.berkei-footer__accordion summary {
list-style: none;
cursor: pointer;
padding: 18px 0;
font-size: 18px;
font-weight: 800;
position: relative;
}
.berkei-footer__accordion summary::-webkit-details-marker {
display: none;
}
.berkei-footer__accordion summary::after {
content: "+";
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
font-size: 24px;
line-height: 1;
font-weight: 400;
}
.berkei-footer__accordion details[open] summary::after {
content: "-";
}
.berkei-footer__accordion ul {
padding: 0 0 18px;
}
.berkei-footer__trust {
margin-top: 40px;
padding: 22px 0;
border-top: 1px solid var(--berkei-line);
border-bottom: 1px solid var(--berkei-line);
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
align-items: center;
gap: 16px 24px;
}
.berkei-footer__trust-item {
display: grid;
grid-template-columns: 24px 1fr;
align-items: center;
column-gap: 10px;
width: max-content;
justify-self: auto;
min-height: 28px;
font-size: 14px;
line-height: 1.25;
font-weight: 600;
color: var(--berkei-text);
}
.berkei-footer__trust-item > span:last-child {
white-space: nowrap;
}
.berkei-footer__trust-icon {
width: 24px;
min-width: 24px;
height: 24px;
display: inline-flex;
align-items: center;
justify-content: center;
}
.berkei-footer__trust-icon .material-symbols-outlined {
font-size: var(--berkei-trust-icon-size);
line-height: 1;
}
.berkei-footer__trust-icon svg {
width: var(--berkei-trust-icon-size);
height: var(--berkei-trust-icon-size);
display: block;
}
.berkei-footer__trust-flag {
width: 20px;
height: 14px;
border-radius: 2px;
border: 1px solid rgba(0, 0, 0, 0.18);
overflow: hidden;
display: inline-block;
position: relative;
color: transparent;
font-size: 0;
}
.berkei-footer__trust-flag::before {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(
to bottom,
#111111 0%,
#111111 33.333%,
#d0181f 33.333%,
#d0181f 66.666%,
#f2cd2f 66.666%,
#f2cd2f 100%
);
}
.berkei-footer__payments {
display: flex;
flex-wrap: wrap;
gap: 10px;
padding: 0;
align-items: stretch;
margin-top: 22px;
margin-bottom: 10px;
}
.berkei-footer__payment {
display: inline-flex;
align-items: center;
justify-content: center;
flex: 1 1 0;
min-height: var(--berkei-payment-card-height);
padding: 8px 12px;
border: 1px solid var(--berkei-line);
border-radius: var(--berkei-frame-radius);
background: transparent;
font-size: 14px;
font-weight: 700;
color: var(--berkei-text);
}
.berkei-footer__payment img {
width: var(--berkei-payment-logo-width);
max-width: 100%;
height: var(--berkei-payment-logo-height);
object-fit: contain;
object-position: center;
display: block;
}
.berkei-footer__bottom {
margin: 14px -24px 0;
padding: 20px 24px;
background: var(--berkei-bottom-bg);
border-top: 1px solid var(--berkei-line);
display: flex;
justify-content: space-between;
align-items: center;
gap: 18px;
flex-wrap: wrap;
}
.berkei-footer__copyright {
font-size: 16px;
color: var(--berkei-muted);
}
.berkei-footer__bottom-links {
display: flex;
flex-wrap: wrap;
gap: 0 0px;
}
.berkei-footer__bottom-links a {
font-size: 14px;
color: var(--berkei-muted);
display: inline-flex;
align-items: center;
}
.berkei-footer__bottom-links a + a::before {
content: "|";
color: var(--berkei-line);
margin: 0 18px;
pointer-events: none;
flex-shrink: 0;
}
@media (max-width: 1100px) {
.berkei-footer__top {
grid-template-columns: 1fr;
}
.berkei-footer__trust {
flex-wrap: wrap;
justify-content: center;
}
.berkei-footer__trust-item {
font-size: 16px;
}
}
@media (max-width: 767px) {
.berkei-footer__inner {
padding: 38px 18px 20px;
}
.berkei-footer__top {
grid-template-columns: 1fr;
gap: 28px;
}
.berkei-footer__brand-name {
font-size: 38px;
}
.berkei-footer__claim {
font-size: 16px;
}
.berkei-footer__description {
font-size: 16px;
margin: 18px 0;
}
.berkei-footer__nav--desktop {
display: none;
}
.berkei-footer__accordion {
display: block;
}
.berkei-footer__newsletter-bar .berkei-footer__newsletter-form {
max-width: 100%;
}
.berkei-footer__newsletter-form {
grid-template-columns: 1fr;
gap: 0;
border-radius: var(--berkei-frame-radius);
overflow: visible;
border: 0;
box-shadow: none;
background: transparent;
}
.berkei-footer__newsletter-form input {
border: 1px solid var(--berkei-line);
border-radius: var(--berkei-frame-radius) var(--berkei-frame-radius) 0 0;
background: var(--berkei-surface);
}
.berkei-footer__newsletter-form button {
border-radius: 0 0 var(--berkei-frame-radius) var(--berkei-frame-radius);
}
.berkei-footer__trust {
grid-template-columns: 1fr;
gap: 14px;
}
.berkei-footer__trust-item > span:last-child {
white-space: normal;
}
.berkei-footer__payments {
gap: 10px;
}
.berkei-footer__payment {
flex: 0 0 auto;
}
.berkei-footer__bottom {
flex-direction: column;
align-items: flex-start;
}
.berkei-footer__bottom-links {
gap: 0 0px;
}
.berkei-footer__bottom-links a + a::before {
margin: 0 12px;
}
}   .berkei-header-v2,
.berkei-header-v2 * {
box-sizing: border-box;
}
.berkei-header-v2 {
--berkei-header-max: 1320px;
--berkei-header-logo-width: 56px;
--berkei-header-font-family: inherit;
--berkei-header-top-bg: #222222;
--berkei-header-top-text: #f2f2f2;
--berkei-header-bg: #ffffff;
--berkei-header-text: #171717;
--berkei-header-accent: #147798;
--berkei-header-cta-bg: #147798;
--berkei-header-cta-text: #ffffff;
--berkei-header-border: #e5e1dc;
--berkei-header-mobile-bg: #ffffff;
position: relative;
z-index: 50;
font-family: var(--berkei-header-font-family, inherit);
color: var(--berkei-header-text);
}
.berkei-header-v2.is-sticky {
position: sticky;
top: 0;
}
.berkei-header-v2__topbar {
background: var(--berkei-header-top-bg);
color: var(--berkei-header-top-text);
border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}
.berkei-header-v2__topbar-inner {
max-width: var(--berkei-header-max);
margin: 0 auto;
padding: 10px 18px;
display: flex;
gap: 18px;
justify-content: center;
flex-wrap: wrap;
}
.berkei-header-v2__top-item {
font-size: 12px;
letter-spacing: 0.03em;
font-weight: 600;
opacity: 0.95;
}
.berkei-header-v2__main-wrap {
background: var(--berkei-header-bg);
border-bottom: 1px solid var(--berkei-header-border);
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);
}
.berkei-header-v2__main {
max-width: var(--berkei-header-max);
margin: 0 auto;
min-height: 84px;
padding: 10px 18px;
display: grid;
grid-template-columns: auto 1fr auto;
gap: 24px;
align-items: center;
}
.berkei-header-v2__brand {
display: inline-flex;
align-items: center;
gap: 12px;
text-decoration: none;
color: var(--berkei-header-text);
}
.berkei-header-v2__logo {
width: var(--berkei-header-logo-width);
height: auto;
object-fit: contain;
display: block;
}
.berkei-header-v2__brand-text {
display: flex;
flex-direction: column;
line-height: 1.1;
}
.berkei-header-v2__brand-text strong {
font-size: clamp(20px, 2vw, 30px);
letter-spacing: 0.06em;
}
.berkei-header-v2__brand-text small {
margin-top: 3px;
font-size: 12px;
font-weight: 600;
opacity: 0.7;
}
.berkei-header-v2__nav {
display: flex;
flex-wrap: wrap;
gap: 16px 22px;
justify-content: center;
align-items: center;
}
.berkei-header-v2__nav a {
text-decoration: none;
color: var(--berkei-header-text);
font-size: 15px;
font-weight: 700;
position: relative;
padding: 6px 0;
}
.berkei-header-v2__nav a::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 0;
height: 2px;
background: var(--berkei-header-accent);
transition: width 0.2s ease;
}
.berkei-header-v2__nav a:hover::after,
.berkei-header-v2__nav a:focus-visible::after {
width: 100%;
}
.berkei-header-v2__actions {
display: inline-flex;
align-items: center;
gap: 8px;
}
.berkei-header-v2__icon-link {
display: inline-flex;
align-items: center;
gap: 5px;
text-decoration: none;
color: var(--berkei-header-text);
font-size: 13px;
font-weight: 700;
padding: 8px 10px;
border-radius: 999px;
}
.berkei-header-v2__icon-link:hover,
.berkei-header-v2__icon-link:focus-visible {
background: rgba(20, 119, 152, 0.1);
}
.berkei-header-v2__cta {
display: inline-flex;
align-items: center;
justify-content: center;
text-decoration: none;
border-radius: 999px;
background: var(--berkei-header-cta-bg);
color: var(--berkei-header-cta-text);
font-size: 14px;
font-weight: 800;
letter-spacing: 0.01em;
padding: 10px 16px;
transition: transform 0.18s ease, opacity 0.18s ease;
}
.berkei-header-v2__cta:hover,
.berkei-header-v2__cta:focus-visible {
transform: translateY(-1px);
opacity: 0.94;
}
.berkei-header-v2__menu-toggle {
display: none;
width: 42px;
height: 42px;
border: 1px solid var(--berkei-header-border);
background: #fff;
border-radius: 8px;
align-items: center;
justify-content: center;
color: var(--berkei-header-text);
cursor: pointer;
}
.berkei-header-v2__mobile-panel {
border-top: 1px solid var(--berkei-header-border);
background: var(--berkei-header-mobile-bg);
padding: 12px 18px 16px;
}
.berkei-header-v2__mobile-nav,
.berkei-header-v2__mobile-actions {
display: grid;
gap: 8px;
}
.berkei-header-v2__mobile-nav {
margin-bottom: 12px;
}
.berkei-header-v2__mobile-nav a,
.berkei-header-v2__mobile-actions a {
text-decoration: none;
color: var(--berkei-header-text);
border: 1px solid var(--berkei-header-border);
border-radius: 8px;
padding: 10px 12px;
font-size: 14px;
font-weight: 700;
}
.berkei-header-v2__mobile-actions .berkei-header-v2__cta {
border: 0;
padding: 11px 14px;
}
@media (max-width: 1190px) {
.berkei-header-v2__brand-text small {
display: none;
}
.berkei-header-v2__icon-link span:last-child {
display: none;
}
}
@media (max-width: 980px) {
.berkei-header-v2__main {
grid-template-columns: auto 1fr auto;
}
.berkei-header-v2__nav,
.berkei-header-v2__actions .berkei-header-v2__icon-link,
.berkei-header-v2__actions .berkei-header-v2__cta {
display: none;
}
.berkei-header-v2__menu-toggle {
display: inline-flex;
}
.berkei-header-v2__brand-text strong {
font-size: 24px;
}
}
@media (max-width: 620px) {
.berkei-header-v2__topbar-inner {
justify-content: flex-start;
gap: 8px 14px;
}
.berkei-header-v2__top-item {
font-size: 11px;
}
.berkei-header-v2__main {
min-height: 72px;
padding: 8px 12px;
gap: 10px;
}
.berkei-header-v2__brand {
gap: 8px;
}
.berkei-header-v2__brand-text strong {
font-size: 20px;
}
} .wc-gzd-additional-info.small-business-info {
font-size: 0.9em;
}  .is-layout-constrained > #cmplz-document,
.is-layout-constrained > .cmplz-document {
max-width: 80rem !important;
} .privacy-policy .entry-content h2 {
font-size: clamp(1.5rem, 1.5rem + ((1vw - 0.48rem) * 0.721), 1.875rem) !important;
margin-block-start: 2em !important;
margin-block-end: 0.6em !important;
}
.privacy-policy .entry-content h3 {
font-size: clamp(1.15rem, 1.15rem + ((1vw - 0.48rem) * 0.481), 1.4rem) !important;
margin-block-start: 1.5em !important;
margin-block-end: 0.4em !important;
}
.privacy-policy .entry-content h4 {
font-size: clamp(1rem, 1rem + ((1vw - 0.48rem) * 0.385), 1.2rem) !important;
margin-block-start: 1.2em !important;
margin-block-end: 0.3em !important;
} .privacy-policy .entry-content > h2:first-child {
margin-block-start: 0 !important;
} .entry-content ul,
.entry-content ol {
padding-left: 1.2em;
}
.berkei-desc {
font-family: inherit;
line-height: 1.65;
word-wrap: break-word;
overflow-wrap: break-word;
}
.berkei-desc h5 {
font-size: 1.05rem;
font-weight: 800;
margin: 1.4em 0 0.4em;
line-height: 1.2;
letter-spacing: 0.06em;
text-transform: uppercase;
color: #0f1720;
}
.berkei-desc p {
margin: 0 0 0.9em;
}
.berkei-desc ul {
margin: 0.5em 0 1em 1.2em;
padding: 0;
list-style: disc;
}
.berkei-desc ul li {
margin-bottom: 0.25em;
}
.berkei-desc--kurz {
font-size: 0.97em;
}
.berkei-desc--lang h5:first-child {
margin-top: 0;
} .berkei-desc__intro {
margin-bottom: 1.2em;
}
.berkei-desc__section {
margin-bottom: 1em;
}
.berkei-desc__section:last-child {
margin-bottom: 0;
}  .single-product .wc-block-product-description,
.single-product .woocommerce-Tabs-panel--description {
display: grid;
grid-template-columns: minmax(0, 1.7fr) minmax(320px, 0.9fr);
gap: 44px;
align-items: start;
max-width: 1240px;
margin: 0 auto;
padding: 0;
font-size: 16px;
line-height: 1.75;
color: #1f1f1f;
}
.single-product .woocommerce-product-details__short-description {
max-width: 860px;
margin-left: auto;
margin-right: auto;
font-size: 16px;
line-height: 1.75;
color: #1f1f1f;
} .single-product .wc-block-product-description .berkei-desc,
.single-product .wc-block-product-description .berkei-desc *,
.single-product .wc-block-product-description .berkei-desc *::before,
.single-product .wc-block-product-description .berkei-desc *::after {
box-sizing: border-box;
} .single-product .wc-block-product-description:not(:has(.berkei-desc--background)),
.single-product .woocommerce-Tabs-panel--description:not(:has(.berkei-desc--background)) {
grid-template-columns: 1fr;
max-width: 860px;
} .single-product .wc-block-product-description .berkei-desc--lang,
.single-product .woocommerce-Tabs-panel--description .berkei-desc--lang {
min-width: 0;
} .single-product .wc-block-product-description .berkei-desc--background,
.single-product .woocommerce-Tabs-panel--description .berkei-desc--background {
background: #f7f8fa;
border: 1px solid #d9dfe5;
border-radius: 18px;
padding: 24px;
min-width: 0;
position: sticky;
top: 120px;
box-shadow: 0 8px 26px rgba(15, 23, 32, 0.04);
} .single-product .wc-block-product-description h5,
.single-product .woocommerce-Tabs-panel--description .berkei-desc h5 {
margin: 0 0 14px;
font-size: 1.05rem;
line-height: 1.2;
font-weight: 800;
letter-spacing: 0.06em;
text-transform: uppercase;
color: #0f1720;
} .single-product .wc-block-product-description .berkei-desc--lang h5::after,
.single-product .woocommerce-Tabs-panel--description .berkei-desc--lang h5::after {
content: "";
display: block;
width: 44px;
height: 3px;
margin-top: 10px;
border-radius: 999px;
background: #E56B26;
} .single-product .wc-block-product-description .berkei-desc--lang h5:first-child,
.single-product .woocommerce-Tabs-panel--description .berkei-desc--lang h5:first-child {
font-size: clamp(1.25rem, 1.8vw, 1.5rem);
line-height: 1.15;
font-weight: 800;
text-transform: none;
letter-spacing: 0.01em;
margin-bottom: 14px;
color: #111827;
}
.single-product .wc-block-product-description .berkei-desc--lang h5:first-child::after,
.single-product .woocommerce-Tabs-panel--description .berkei-desc--lang h5:first-child::after {
display: none;
} .single-product .wc-block-product-description .berkei-desc p,
.single-product .woocommerce-Tabs-panel--description .berkei-desc p {
margin: 0 0 18px;
font-size: 1rem;
line-height: 1.78;
color: #20262d;
max-width: 72ch;
} .single-product .wc-block-product-description .berkei-desc--lang h5:not(:first-child),
.single-product .woocommerce-Tabs-panel--description .berkei-desc--lang h5:not(:first-child) {
margin-top: 34px;
padding-top: 20px;
border-top: 1px solid #e4e8ed;
} .single-product .wc-block-product-description .berkei-desc--lang p:last-child,
.single-product .woocommerce-Tabs-panel--description .berkei-desc--lang p:last-child {
margin-bottom: 0;
} .single-product .wc-block-product-description .berkei-desc--background h5,
.single-product .woocommerce-Tabs-panel--description .berkei-desc--background h5 {
margin-bottom: 16px;
font-size: 1.55rem;
line-height: 1.15;
font-weight: 800;
letter-spacing: 0;
text-transform: none;
color: #111827;
} .single-product .wc-block-product-description .berkei-desc--background h5::after,
.single-product .woocommerce-Tabs-panel--description .berkei-desc--background h5::after {
display: none;
} .single-product .wc-block-product-description .berkei-desc--background img,
.single-product .woocommerce-Tabs-panel--description .berkei-desc--background img {
display: block;
width: 100%;
height: auto;
border-radius: 14px;
margin: 0 0 18px;
object-fit: cover;
} .single-product .wc-block-product-description .berkei-desc--background p,
.single-product .woocommerce-Tabs-panel--description .berkei-desc--background p {
max-width: none;
font-size: 0.98rem;
line-height: 1.82;
color: #33404c;
margin: 0 0 16px;
}
.single-product .wc-block-product-description .berkei-desc--background p:last-child,
.single-product .woocommerce-Tabs-panel--description .berkei-desc--background p:last-child {
margin-bottom: 0;
} .single-product .woocommerce-tabs,
.single-product .wc-block-product-description {
margin-top: 20px;
}
.single-product .wc-block-product-description strong {
color: #111827;
}
.single-product .wc-block-product-description a {
color: #147798;
text-decoration: none;
}
.single-product .wc-block-product-description a:hover {
text-decoration: underline;
} .single-product .woocommerce-Tabs-panel--additional_information p,
.single-product .woocommerce-Tabs-panel--additional_information li,
.single-product .woocommerce-Tabs-panel--reviews p,
.single-product .woocommerce-Tabs-panel--reviews li,
.single-product .woocommerce-Reviews p,
.single-product .woocommerce-Reviews li,
.single-product .woocommerce-Reviews .comment-text,
.single-product .wc-gzd-additional-info p,
.single-product .wc-gzd-additional-info li {
max-width: none;
}
.single-product .wc-gzd-additional-info {
max-width: 860px;
margin-left: auto;
margin-right: auto;
} .wc-gzd-manufacturer-eu-title {
margin-top: 1.4em;
} .safety-instructions .berkei-desc {
font-size: 16px;
line-height: 1.75;
color: #1f1f1f;
} .single-product .wp-block-accordion-panel .wp-block-woocommerce-product-specifications,
.single-product .wp-block-accordion-panel .wp-block-woocommerce-product-reviews,
.single-product .wp-block-accordion-panel .woocommerce-Reviews,
.single-product .wp-block-accordion-panel .safety-instructions.wc-gzd-additional-info {
max-width: 860px;
margin-left: auto;
margin-right: auto;
}
.single-product .wp-block-accordion-panel .wp-block-woocommerce-product-specifications table {
width: 100%;
}
.single-product .wp-block-accordion-panel .wp-block-woocommerce-product-reviews p,
.single-product .wp-block-accordion-panel .wp-block-woocommerce-product-reviews li,
.single-product .wp-block-accordion-panel .woocommerce-Reviews p,
.single-product .wp-block-accordion-panel .woocommerce-Reviews li {
max-width: none;
}  .single-product .woocommerce-Tabs-panel--description .berkei-desc--lang ul,
.single-product .woocommerce-Tabs-panel--description .berkei-desc--gpsr ul,
.single-product .wp-block-woocommerce-product-description .berkei-desc--lang ul,
.single-product .wp-block-woocommerce-product-description .berkei-desc--gpsr ul {
list-style: none;
padding-left: 0;
margin: 1.5rem 0 2rem;
display: grid;
grid-template-columns: repeat(2, minmax(240px, 1fr));
gap: 0.75rem 1rem;
}
.single-product .woocommerce-Tabs-panel--description .berkei-desc--lang li,
.single-product .woocommerce-Tabs-panel--description .berkei-desc--gpsr li,
.single-product .wp-block-woocommerce-product-description .berkei-desc--lang li,
.single-product .wp-block-woocommerce-product-description .berkei-desc--gpsr li {
position: relative;
padding: 0.9rem 1rem 0.9rem 2.2rem;
background: #fafafa;
border: 1px solid #ececec;
border-radius: 14px;
margin: 0;
}
.single-product .woocommerce-Tabs-panel--description .berkei-desc--lang li::before,
.single-product .woocommerce-Tabs-panel--description .berkei-desc--gpsr li::before,
.single-product .wp-block-woocommerce-product-description .berkei-desc--lang li::before,
.single-product .wp-block-woocommerce-product-description .berkei-desc--gpsr li::before {
content: "\2713";
position: absolute;
left: 0.9rem;
top: 0.9rem;
color: #e56b26;
font-weight: 700;
} .single-product .shop_attributes,
.single-product .woocommerce-product-attributes {
width: 100%;
border-collapse: separate;
border-spacing: 0;
overflow: hidden;
border: 1px solid #ececec;
border-radius: 14px;
background: #fff;
}
.single-product .shop_attributes th,
.single-product .shop_attributes td,
.single-product .woocommerce-product-attributes th,
.single-product .woocommerce-product-attributes td {
padding: 0.9rem 1rem;
border-bottom: 1px solid #f1f1f1;
}
.single-product .shop_attributes tr:last-child th,
.single-product .shop_attributes tr:last-child td,
.single-product .woocommerce-product-attributes tr:last-child th,
.single-product .woocommerce-product-attributes tr:last-child td {
border-bottom: 0;
}  @media (max-width: 1080px) {
.single-product .wc-block-product-description,
.single-product .woocommerce-Tabs-panel--description {
gap: 28px;
grid-template-columns: minmax(0, 1.5fr) minmax(280px, 1fr);
}
} @media (max-width: 980px) {
.single-product .wc-block-product-description,
.single-product .woocommerce-Tabs-panel--description {
display: block;
max-width: 100%;
}
.single-product .wc-block-product-description .berkei-desc--background,
.single-product .woocommerce-Tabs-panel--description .berkei-desc--background {
position: static;
margin-top: 28px;
}
} @media (max-width: 640px) {
.single-product .wc-block-product-description .berkei-desc--lang h5:first-child,
.single-product .woocommerce-Tabs-panel--description .berkei-desc--lang h5:first-child {
font-size: 1.6rem;
}
.single-product .wc-block-product-description .berkei-desc--background,
.single-product .woocommerce-Tabs-panel--description .berkei-desc--background {
padding: 18px;
border-radius: 14px;
}
.single-product .woocommerce-Tabs-panel--description .berkei-desc--lang ul,
.single-product .woocommerce-Tabs-panel--description .berkei-desc--gpsr ul,
.single-product .wc-block-product-description .berkei-desc--lang ul,
.single-product .wc-block-product-description .berkei-desc--gpsr ul {
grid-template-columns: 1fr;
}
} .single-product .product .single_add_to_cart_button.button {
background-color: #147798;
color: #ffffff;
border-radius: 3px;
padding: 10px 20px;
}
.single-product .product .single_add_to_cart_button.button:hover {
background-color: #439daa;
} .single-product .wp-block-woocommerce-product-description ul,
.single-product .wp-block-woocommerce-product-description ol {
margin-left: 0 !important;
padding-left: 1.25rem !important;
padding-inline-start: 1.25rem !important;
list-style-position: outside;
}
.single-product .wp-block-woocommerce-product-description li {
margin-left: 0 !important;
margin-bottom: 0.1rem;
}
.single-product .wp-block-woocommerce-product-description li:last-child {
margin-bottom: 0;
} .wc-gzd-product-safety-instructions code,
.wc-gzd-product-safety-instructions pre,
.wc-gzd-product-safety-information code,
.wc-gzd-product-safety-information pre,
.wc-gzd-additional-info code,
.wc-gzd-additional-info pre {
font-family: inherit;
font-size: inherit;
background: none;
border: none;
padding: 0;
margin: 0;
white-space: normal;
word-wrap: break-word;
overflow-wrap: break-word;
color: inherit;
display: inline;
} .berkei-contact code,
.berkei-contact pre,
.berkei-header-v2 code,
.berkei-header-v2 pre,
.berkei-footer code,
.berkei-footer pre,
.berkei-catov-scope code,
.berkei-catov-scope pre {
font-family: inherit !important;
font-size: inherit !important;
background: none !important;
border: 0 !important;
padding: 0 !important;
margin: 0 !important;
color: inherit !important;
white-space: normal !important;
display: contents;
}  .woocommerce ul.products li.product .woocommerce-loop-product__link,
.woocommerce-page ul.products li.product .woocommerce-loop-product__link,
.wc-block-product-template .wc-block-components-product-image {
overflow: hidden;
display: block;
isolation: isolate; } .wc-block-product-template .wc-block-components-product-image > a {
overflow: hidden;
display: block;
} .wc-block-product-template .wc-block-components-product-image,
.wc-block-product-template .wc-block-components-product-image > a {
width: 100%;
} .wc-block-product-template li.wc-block-product {
align-items: stretch !important;
} .wc-block-product-template .wc-block-product > .is-layout-constrained,
.wc-block-product-template .wc-block-product > .is-layout-flex > .alignfull {
width: 100%;
}
.woocommerce ul.products li.product .woocommerce-loop-product__link > img:first-child,
.woocommerce-page ul.products li.product .woocommerce-loop-product__link > img:first-child,
.wc-block-product-template .wc-block-components-product-image img {
display: block; width: 100%; height: auto;
transform: scale(1);
transform-origin: center center;
transition: transform var(--berkei-collection-zoom-duration, 320ms) cubic-bezier(0.22, 0.61, 0.36, 1);
backface-visibility: hidden;
will-change: transform; }
.woocommerce ul.products li.product:hover .woocommerce-loop-product__link > img:first-child,
.woocommerce-page ul.products li.product:hover .woocommerce-loop-product__link > img:first-child,
.wc-block-product-template li.wc-block-product:hover .wc-block-components-product-image img,
.wc-block-product-template li.product:hover .wc-block-components-product-image img {
transform: scale(var(--berkei-collection-zoom-scale, 1.04));
}   [class*="wopb-filter"],
[class*="wopb-product-filter"],
[class*="wopb-search"] {
display: none !important;
}