@font-face{font-family:flexslider-icon;src:url(//berkei.de/wp-content/plugins/ml-slider/assets/sliders/flexslider/fonts/flexslider-icon.eot);src:url(//berkei.de/wp-content/plugins/ml-slider/assets/sliders/flexslider/fonts/flexslider-icon.eot?#iefix) format('embedded-opentype'),url(//berkei.de/wp-content/plugins/ml-slider/assets/sliders/flexslider/fonts/flexslider-icon.woff) format('woff'),url(//berkei.de/wp-content/plugins/ml-slider/assets/sliders/flexslider/fonts/flexslider-icon.ttf) format('truetype'),url(//berkei.de/wp-content/plugins/ml-slider/assets/sliders/flexslider/fonts/flexslider-icon.svg#flexslider-icon) format('svg');font-weight:400;font-style:normal}.flex-container a:hover,.flex-slider a:hover{outline:0}.flex-control-nav,.flex-direction-nav,.slides,.slides>li{margin:0;padding:0;list-style:none}.flex-pauseplay span{text-transform:capitalize}.flexslider{margin:0;padding:0}.flexslider .slides>li{display:none;-webkit-backface-visibility:hidden}.flexslider .slides img{width:100%;display:block}.flexslider .slides:after{content:"\0020";display:block;clear:both;visibility:hidden;line-height:0;height:0}html[xmlns] .flexslider .slides{display:block}* html .flexslider .slides{height:1%}.no-js .flexslider .slides>li:first-child{display:block}.flexslider{margin:0 0 60px;background:#fff;border:4px solid #fff;position:relative;zoom:1;border-radius:4px;-o-box-shadow:'' 0 1px 4px rgba(0,0,0,.2);box-shadow:'' 0 1px 4px rgba(0,0,0,.2)}.flexslider .slides{zoom:1}.flexslider .slides img{height:auto;-moz-user-select:none}.flex-viewport{max-height:2000px;transition:all 1s ease}.loading .flex-viewport{max-height:300px}.carousel li{margin-right:5px}.flex-direction-nav{*height:0}.flex-direction-nav a{text-decoration:none;display:block;width:40px;height:40px;margin:-20px 0 0;position:absolute;top:50%;z-index:10;overflow:hidden;opacity:0;cursor:pointer;color:rgba(0,0,0,.8);text-shadow:1px 1px 0 rgba(255,255,255,.3);transition:all .3s ease-in-out}.flex-direction-nav a:before{font-family:flexslider-icon;font-size:40px;display:inline-block;content:'\f001';color:rgba(0,0,0,.8);text-shadow:1px 1px 0 rgba(255,255,255,.3)}.flex-direction-nav a.flex-next:before{content:'\f002'}.flex-direction-nav .flex-prev{left:-50px}.flex-direction-nav .flex-next{right:-50px;text-align:right}.flexslider:hover .flex-direction-nav .flex-prev{opacity:.7;left:10px}.flexslider:hover .flex-direction-nav .flex-prev:hover{opacity:1}.flexslider:hover .flex-direction-nav .flex-next{opacity:.7;right:10px}.flexslider:hover .flex-direction-nav .flex-next:hover{opacity:1}.flex-direction-nav .flex-disabled{opacity:0!important;filter:alpha(opacity=0);cursor:default;z-index:-1}.flex-pauseplay a{display:block;width:20px;height:20px;position:absolute;bottom:5px;left:10px;opacity:.8;z-index:10;overflow:hidden;cursor:pointer;color:#000}.flex-pauseplay a:before{font-family:flexslider-icon;font-size:20px;display:inline-block;content:'\f004'}.flex-pauseplay a:hover{opacity:1}.flex-pauseplay a.flex-play:before{content:'\f003'}.flex-control-nav{width:100%;position:absolute;bottom:-40px;text-align:center}.flex-control-nav li{margin:0 6px;display:inline-block;zoom:1;*display:inline}.flex-control-paging li a{width:11px;height:11px;display:block;background:#666;background:rgba(0,0,0,.5);cursor:pointer;text-indent:-9999px;-o-box-shadow:inset 0 0 3px rgba(0,0,0,.3);box-shadow:inset 0 0 3px rgba(0,0,0,.3);border-radius:20px}.flex-control-paging li a:hover{background:#333;background:rgba(0,0,0,.7)}.flex-control-paging li a.flex-active{background:#000;background:rgba(0,0,0,.9);cursor:default}.flex-control-thumbs{margin:5px 0 0;position:static;overflow:hidden}.flex-control-thumbs li{width:25%;float:left;margin:0}.flex-control-thumbs img{width:100%;height:auto;display:block;opacity:.7;cursor:pointer;-moz-user-select:none;transition:all 1s ease}.flex-control-thumbs img:hover{opacity:1}.flex-control-thumbs .flex-active{opacity:1;cursor:default}@media screen and (max-width:860px){.flex-direction-nav .flex-prev{opacity:1;left:10px}.flex-direction-nav .flex-next{opacity:1;right:10px}}body .metaslider .coin-slider,
body .metaslider .nivoSlider,
body .metaslider .nivoSlider img,
body .metaslider .rslides,
body .metaslider .rslides li,
body .metaslider .flexslider ul.slides,
body .metaslider .flexslider .slides li,
body .metaslider .flexslider .slides ul,
body .metaslider .flexslider .slides ol,
body .metaslider .flexslider .slides img,
body .metaslider .flexslider .flex-direction-nav,
body .metaslider .flexslider .flex-direction-nav li {
border: 0;
margin: 0;
list-style-type: none;
list-style: none;
padding: 0;
line-height: normal;
max-width: none;
max-height: none;
}
.metaslider {
position: relative;
z-index: 0;
} .metaslider.fullwidth {
overflow: hidden;
}
.metaslider .caption {
padding: 5px 10px;
word-wrap: break-word;
}
.metaslider .caption-wrap {
position: absolute;
bottom: 0;
left: 0;
background: black;
color: white;
opacity: 0.7;
margin: 0;
display: block;
width: 100%;
line-height: 1.4em;
}
.metaslider img {
height: auto;
padding: 0;
margin: 0;
-moz-user-select: none;
}
.metaslider a {
outline: none;
}
.metaslider.ms-left {
float: left;
margin: 0 20px 20px 0;
}
.metaslider.ms-right {
float: right;
margin: 0 0 20px 20px;
}
.metaslider li:before,
.metaslider li:after {
content: "" !important;
display: none !important;
bottom: auto !important;
margin: 0 !important;
}
.metaslider .caption-wrap .caption img {
width: auto;
}
.metaslider .slides img {
width: 100%;
display: block;
}
.metaslider .flex-pauseplay a {
box-sizing: border-box;
height: 30px;
width: 30px;
} .metaslider .flexslider {
background: none;
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-o-box-shadow: none;
border: 0;
margin: 0 0 40px;
max-width: none;
max-height: none;
}
.metaslider .flex-control-nav {
border: 0;
margin: auto;
list-style-type: none;
list-style: none;
padding: 0;
bottom: -27px;
line-height: 11px;
z-index: 2;
}
.metaslider.has-dots-onhover-navigation .flexslider .flex-control-paging {
opacity: 1;
transition: opacity .3s ease;
}
.metaslider.has-dots-onhover-navigation:hover .flexslider .flex-control-paging {
opacity: 1 !important;
}
.metaslider-flex.ms-theme-default .flex-next:focus {
background: url(//berkei.de/wp-content/plugins/ml-slider/assets/metaslider/bg_direction_nav.png) scroll right 0 transparent!important;
height: 27px!important;
}
.metaslider-flex.ms-theme-default .flex-prev:focus {
background: url(//berkei.de/wp-content/plugins/ml-slider/assets/metaslider/bg_direction_nav.png) scroll left 0 transparent!important;
height: 27px!important;
} .metaslider .flex-control-nav li {
margin: 0;
}
.metaslider .flex-control-nav li a {
margin: 0 6px;
padding: 0;
text-indent: 9999px;
overflow: hidden;
}
.metaslider .flexslider .slides li {
position: relative;
height: auto;
} .metaslider .flex-viewport {
direction: ltr;
} .metaslider .flex-direction-nav a {
-moz-transition: all .3s ease;
transition: all .3s ease;
}
.metaslider .flexslider .slides p {
margin: 0;
}
.metaslider .flexslider.filmstrip {
margin-top: 10px;
}
.metaslider .flexslider.filmstrip .slides li {
cursor: pointer;
opacity: 0.5;
}
.metaslider .flexslider.filmstrip .slides li.flex-active-slide,
.metaslider .flexslider.filmstrip .slides li:hover,
.metaslider .flexslider.filmstrip .slides li:focus {
opacity: 1.0 !important;
}
.metaslider .flex-control-thumbs {
margin: 5px -5px 0 -5px;
}
.metaslider .flex-control-thumbs li {
width: auto;
margin: 5px;
}
.metaslider ol.flex-control-thumbs img,
#content .metaslider ol.flex-control-thumbs img {
margin: 10px 5px 0;
width: auto;
}
.metaslider.nav-hidden .flexslider {
margin-bottom: 0;
}
.metaslider.nav-hidden.add-margin .flexslider {
margin-bottom: 40px;
}  .metaslider .flexslider .flex-direction-nav li a:before {
content:none!important;
}
.metaslider .flexslider .flex-direction-nav li a {
width: 30px;
height: 30px;
border: 0;
margin: -20px 0 0;
box-shadow: none!important;
display: block;
background-color: transparent;
background-image: url(//berkei.de/wp-content/plugins/ml-slider/assets/metaslider/bg_direction_nav.png);
background-repeat:  no-repeat;
position: absolute;
right: 10px;
top: 50%;
z-index: 10;
cursor: pointer;
text-indent: -9999px;
opacity: 1;
-webkit-transition: all .3s ease;
-moz-transition: opacity .25s ease-in-out;
transition: all .3s ease;
}
.metaslider.has-onhover-arrows .flexslider .flex-direction-nav li a {
opacity: 0;
}
.metaslider.has-onhover-arrows:hover .flexslider .flex-direction-nav li a{
opacity: 1;
}
.metaslider .flex-direction-nav .flex-prev {
background-position: left 0;
left: 10px;
}
.metaslider .flex-direction-nav .flex-next {
background-position: right 0;
text-align: left; text-indent: 9999px;
}
.metaslider .flexslider:focus-within .flex-next,
.metaslider .flexslider:hover .flex-next {
opacity: 0.8;
}
.metaslider .flexslider:focus-within .flex-prev,
.metaslider .flexslider:hover .flex-prev {
opacity: 0.8; text-indent: -9999px;
}
.metaslider .flexslider:focus-within .flex-next:focus,
.metaslider .flexslider:focus-within .flex-prev:focus,
.metaslider .flexslider:hover .flex-next:hover,
.metaslider .flexslider:hover .flex-prev:hover {
opacity: 1;
}
.metaslider .flexslider .flex-next:focus,
.metaslider .flexslider .flex-prev:focus {
outline: -webkit-focus-ring-color auto 5px;
}
.metaslider .flexslider .flex-direction-nav .flex-disabled {
cursor: default;
pointer-events: none;
}
.metaslider .flexslider .flex-control-nav a {
box-shadow: none !important;
}
.metaslider .flexslider .flex-control-nav a:focus {
outline: -webkit-focus-ring-color auto 5px;
}
.metaslider .flexslider .slides > li {
position: relative;
}
.metaslider .flexslider .flex-pauseplay .flex-play,
.metaslider .flexslider .flex-pauseplay .flex-pause {
width: 30px;
height: 30px;
background: #000;
color: #fff;
text-align: center;
padding: 0 8px;
border-radius: 50px;
text-decoration: none;
line-height: 30px;
font-size: 16px;
}
.metaslider .flexslider .flex-pauseplay a:before {
font-size: 16px;
}
.metaslider .flexslider .flex-pauseplay .flex-play:focus,
.metaslider .flexslider .flex-pauseplay .flex-pause:focus {
background: #000;
color: #fff;
outline: 2px solid #fff;
}
.metaslider .flexslider .flex-pauseplay .flex-play:before {
margin-left: 4px;
}
.metaslider .flexslider .flex-pauseplay .flex-pause:before {
margin-left: 1px;
} .metaslider .rslides_nav,
.metaslider .rslides_tabs a {
box-shadow: none !important;
}
.metaslider .rslides_tabs {
margin: 0 0 40px;
}
.metaslider .rslides_nav:focus,
.metaslider .rslides_nav:hover {
color: #ffffff;
}
.metaslider-responsive.no-text .rslides_nav{
width: 30px;
height: 30px;
border: 0;
margin: 0 5px;
box-shadow: none !important;
display: block;
background-color: transparent;
background-image: url(//berkei.de/wp-content/plugins/ml-slider/assets/metaslider/bg_direction_nav.png);
background-repeat: no-repeat;
position: absolute;
top: 50%;
z-index: 10;
cursor: pointer;
text-indent: -9999px;
opacity: 1;
-webkit-transition: all .3s ease;
-moz-transition: opacity .25s ease-in-out;
transition: all .3s ease;
}
.metaslider-responsive.no-text .rslides_nav.next {
background-position: right 0;
} div.metaslider .theme-default .nivoSlider {
-webkit-box-shadow: 0 0 0;
-moz-box-shadow: 0 0 0;
box-shadow: 0 0 0;
}
.metaslider .slider-wrapper .nivo-directionNav a,
.metaslider .slider-wrapper .nivo-controlNav a,
.metaslider .slider-wrapper img {
border: 0;
box-shadow: none; list-style-type: none;
list-style: none;
padding: 0;
line-height: normal;
max-width: none;
max-height: none;
}
div.metaslider .slider-wrapper .nivo-controlNav a {
transition: none;
} .metaslider .coin-slider { max-width: 100%;
overflow:hidden;
}
.metaslider .coin-slider .cs-buttons a,
.metaslider .coin-slider > a {
box-shadow: none !important;
}
.metaslider .coin-slider a[href="javascript:void(0)"] {
cursor: default !important;
} #wpadminbar #wp-admin-bar-ms-main-menu .ab-item #metaslider-main-menu-icon {
background-size: 18px;
background-repeat: no-repeat;
background-position: left center;
width: 18px;
height: 32px;
float: left;
margin-right: 5px;
}
#wpadminbar #wp-admin-bar-ms-main-menu:hover #metaslider-main-menu-icon{
background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyBmaWxsPSIjNzJhZWU2IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjU1LjggMjU1LjgiIHN0eWxlPSJmaWxsOiM3MmFlZTYiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxwYXRoIGQ9Ik0xMjcuOSwwQzU3LjMsMCwwLDU3LjMsMCwxMjcuOWMwLDcwLjYsNTcuMywxMjcuOSwxMjcuOSwxMjcuOWM3MC42LDAsMTI3LjktNTcuMywxMjcuOS0xMjcuOUMyNTUuOCw1Ny4zLDE5OC41LDAsMTI3LjksMHogTTE2LjQsMTc3LjFsOTIuNS0xMTcuNUwxMjQuMiw3OWwtNzcuMyw5OC4xSDE2LjR6IE0xNzAuNSwxNzcuMWwtMzguOS00OS40bDE1LjUtMTkuNmw1NC40LDY5SDE3MC41eiBNMjA4LjUsMTc3LjFMMTQ2LjksOTkgbC02MS42LDc4LjJoLTMxbDkyLjUtMTE3LjVsOTIuNSwxMTcuNUgyMDguNXoiLz48L2c+PC9zdmc+Cg==") !important;
}
.ms-edit-frontend {
text-decoration: none !important;
font-size: 18px;
}
.ms-edit-frontend .dashicons.dashicons-external {
height: 25px;
vertical-align: middle;
}
#preview-container .ms-edit-frontend{
display: none;
} .ms-theme-precognition .flex-control-nav {
display: table !important;
width: 100% !important;
margin-top: 0 !important;
}
.metaslider.ms-theme-precognition .flex-control-nav li {
display: table-cell !important;
width: auto;
text-align: center;
border-left: 1px solid;
border-bottom: 1px solid;
}
.metaslider.ms-theme-precognition .flex-control-nav li:last-child {
border-right: 1px solid;
}
.metaslider.ms-theme-precognition .flex-control-nav li a {
text-indent: 0 !important;
width: auto !important;
display: block !important;
height: auto !important;
padding: 10px !important;
margin: 0 !important;
} .flex-progress-bar {
position: absolute;
top: 0;
left: 0;
height: 4px;
width: 0%;
background-color: #fff;
transition: width 2s linear;
z-index: 999;
} .ms-carousel-force-height .slides > li {
overflow: hidden;
}
.ms-carousel-force-height .slides > li.ms-image img {
height: 100%;
width: auto;
} .ms-custom-button {
display: inline-block;
background-color: #0073aa;
color: #fff;
cursor: pointer;
padding: 8px 14px;
border-radius: 4px;
text-decoration: none;
transition: background-color 0.2s ease;
}
.ms-custom-button:hover {
opacity: 0.8;
}
.slides li:focus-within {
outline: 2px solid #007cba;
outline-offset: -2px;
} .ms-slider-loading {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center; 
background: #f2f2f2;
z-index: 11;
} .metaslider-container-box .metaslider.metaslider-flex.ml-slider .flexslider {
margin-bottom: 0;
}
.metaslider-container-box .metaslider.metaslider-flex.ml-slider {
padding-bottom: 0;
margin-bottom: 0;
}
.metaslider-container-box .metaslider.metaslider-flex.ml-slider .flexslider .flex-control-nav:not(.flex-control-thumbs) {
margin-bottom: 0;
} @media only screen and (max-width : 767px) {
.metaslider.ms-theme-precognition .flex-control-nav li a {
text-indent: -9999px !important;
}
}
@media only screen and (min-width : 768px) {
.metaslider.ms-theme-precognition .flex-control-nav li a {
text-indent: 0 !important;
}
}.ms-outline{opacity:0;padding-bottom:40px;-webkit-transition:opacity .3s;transition:opacity .3s}.ms-outline.ms-loaded{opacity:1}.metaslider.ms-theme-outline *{-webkit-box-sizing:border-box;box-sizing:border-box}.metaslider.ms-theme-outline *::before,.metaslider.ms-theme-outline *::after{-webkit-box-sizing:border-box;box-sizing:border-box}.metaslider.ms-theme-outline .flexslider{margin-bottom:0;background:#000}.metaslider.ms-theme-outline .flexslider ol.flex-control-nav:not(.flex-control-thumbs){background:transparent;bottom:30px;line-height:15px;margin:0;padding:0 !important;position:absolute;-webkit-transition:top .2s;transition:top .2s;z-index:8}.metaslider.ms-theme-outline .flexslider ol.flex-control-nav:not(.flex-control-thumbs) li a{background:rgba(255,255,255,0.8);border:2px solid transparent;border-radius:50%;-webkit-box-shadow:none !important;box-shadow:none !important;cursor:pointer;display:inline-block;height:15px;line-height:15px;margin:2px 8px 2px 0;padding:0;text-indent:9999px;overflow:hidden;-webkit-transition:background .2s ease-in-out;transition:background .2s ease-in-out;width:15px}.metaslider.ms-theme-outline ul.rslides_tabs,.metaslider.ms-theme-outline div.slider-wrapper .nivo-controlNav:not(.nivo-thumbs-enabled),.metaslider.ms-theme-outline .coin-slider .cs-buttons{background:transparent;bottom:30px;-webkit-box-pack:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:center;-ms-flex-wrap:wrap;flex-wrap:wrap;justify-content:center;justify-content:center;line-height:15px;margin:0;padding:0 !important;position:absolute;-webkit-transition:top .2s;transition:top .2s;z-index:8}.metaslider.ms-theme-outline ul.rslides_tabs li a,.metaslider.ms-theme-outline div.slider-wrapper .nivo-controlNav:not(.nivo-thumbs-enabled) a,.metaslider.ms-theme-outline .coin-slider .cs-buttons a{background:rgba(255,255,255,0.8);border:0;border-radius:50%;-webkit-box-shadow:none !important;box-shadow:none !important;cursor:pointer;display:inline-block;height:15px;line-height:15px;margin:2px 8px 2px 0;padding:0;text-indent:-9999px;-webkit-transition:background .2s ease-in-out;transition:background .2s ease-in-out;width:15px}.metaslider.ms-theme-outline .flexslider ol.flex-control-nav:not(.flex-control-thumbs) li:last-child a,.metaslider.ms-theme-outline ul.rslides_tabs li:last-child a,.metaslider.ms-theme-outline div.slider-wrapper div.nivo-controlNav:not(.nivo-thumbs-enabled) a:last-child,.metaslider.ms-theme-outline .coin-slider .cs-buttons a:last-child{margin-right:0}.metaslider.ms-theme-outline .flexslider ol.flex-control-nav li a.flex-active,.metaslider.ms-theme-outline .flexslider ol.flex-control-nav:not(.flex-control-thumbs) li a:hover{background:transparent;border:2px solid rgba(255,255,255,0.8)}.metaslider.ms-theme-outline ul.rslides_tabs li.rslides_here a,.metaslider.ms-theme-outline ul.rslides_tabs li a:hover{background:transparent;border:2px solid rgba(255,255,255,0.8)}.metaslider.ms-theme-outline div.slider-wrapper div.nivo-controlNav:not(.nivo-thumbs-enabled) a.active,.metaslider.ms-theme-outline .slider-wrapper .nivo-controlNav:not(.nivo-thumbs-enabled) a:hover{background:transparent;border:2px solid rgba(255,255,255,0.8)}.metaslider.ms-theme-outline .coin-slider .cs-buttons a.cs-active,.metaslider.ms-theme-outline .coin-slider .cs-buttons a:hover{background:transparent;border:2px solid rgba(255,255,255,0.8)}.metaslider.ms-theme-outline .flexslider ol.flex-control-nav li a.flex-active::after,.metaslider.ms-theme-outline .flexslider ol.flex-control-nav:not(.flex-control-thumbs) li a:hover::after{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.metaslider.ms-theme-outline ul.rslides_tabs li.rslides_here a::after,.metaslider.ms-theme-outline ul.rslides_tabs li a:hover::after{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.metaslider.ms-theme-outline div.slider-wrapper div.nivo-controlNav:not(.nivo-thumbs-enabled) a.active::after,.metaslider.ms-theme-outline .slider-wrapper .nivo-controlNav:not(.nivo-thumbs-enabled) a:hover::after{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.metaslider.ms-theme-outline .coin-slider .cs-buttons a.cs-active::after,.metaslider.ms-theme-outline .coin-slider .cs-buttons a:hover::after{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.metaslider.ms-theme-outline .flexslider ul.flex-direction-nav li a{background:0;border:2px solid #fff;-webkit-box-shadow:none;box-shadow:none;color:black;height:60px;margin-top:-30px;overflow:hidden;top:calc(50% + 30px);transform:translateY(-50%);-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;width:60px}.metaslider.ms-theme-outline a.rslides_nav,.metaslider.ms-theme-outline div.nivoSlider div.nivo-directionNav a,.metaslider.ms-theme-outline .coin-slider .coin-slider div a{background:0;border:2px solid #fff;-webkit-box-shadow:none;box-shadow:none;color:black;height:60px;margin-top:-30px;max-width:60px;overflow:hidden;top:calc(50% + 30px);transform:translateY(-50%);-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;width:60px}.metaslider.ms-theme-outline .flexslider ul.flex-direction-nav li a::before,.metaslider.ms-theme-outline a.rslides_nav::before,.metaslider.ms-theme-outline div.nivoSlider div.nivo-directionNav a::before,.metaslider.ms-theme-outline .coin-slider .coin-slider div a::before{background-image:none;mask-image:url(//berkei.de/wp-content/plugins/ml-slider/themes/outline/v1.0.0/images/arrow.svg);mask-repeat:no-repeat;mask-position:center;mask-size:16px auto;background-color:#fff;content:'' !important;display:block;height:100%;left:0;position:absolute;top:0;width:100%}.metaslider.ms-theme-outline .flexslider ul.flex-direction-nav li a.flex-prev,.metaslider.ms-theme-outline .rslides_nav.prev,.metaslider.ms-theme-outline div.nivoSlider div.nivo-directionNav a.nivo-prevNav,.metaslider.ms-theme-outline .coin-slider .coin-slider div a.cs-prev{left:2%}.metaslider.ms-theme-outline .flexslider ul.flex-direction-nav li a.flex-next,.metaslider.ms-theme-outline .rslides_nav.next,.metaslider.ms-theme-outline div.nivoSlider div.nivo-directionNav a.nivo-nextNav,.metaslider.ms-theme-outline .coin-slider .coin-slider div a.cs-next{right:2%}.metaslider.ms-theme-outline .flexslider ul.flex-direction-nav li a.flex-next::before,.metaslider.ms-theme-outline .rslides_nav.next::before,.metaslider.ms-theme-outline div.nivoSlider div.nivo-directionNav a.nivo-nextNav::before,.metaslider.ms-theme-outline .coin-slider .coin-slider div a.cs-next::before{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.metaslider.ms-theme-outline .flexslider:hover ul.flex-direction-nav li a:hover,.metaslider.ms-theme-outline .flexslider:focus-within ul.flex-direction-nav li a:hover{color:black}.metaslider.ms-theme-outline .flexslider:hover ul.flex-direction-nav li a:hover:before,.metaslider.ms-theme-outline .flexslider:focus-within ul.flex-direction-nav li a:hover:before{background-color:#fff}.metaslider.ms-theme-outline:hover a.rslides_nav:hover,.metaslider.ms-theme-outline div.nivoSlider:hover div.nivo-directionNav a:hover{color:black;opacity:1 !important}.metaslider.ms-theme-outline .coin-slider:hover .coin-slider div a:hover{color:black;opacity:1 !important}.metaslider.ms-theme-outline .coin-slider .coin-slider div{display:block !important}.metaslider.ms-theme-outline .coin-slider .coin-slider .cs-prev,.metaslider.ms-theme-outline .coin-slider .coin-slider .cs-next{margin-top:-55px !important}.metaslider.ms-theme-outline .flexslider ul.slides .caption-wrap,.metaslider.ms-theme-outline .rslides .caption-wrap,.metaslider.ms-theme-outline div.nivoSlider .nivo-caption{background:rgba(0,0,0,0.8);bottom:0;color:white;margin:0;padding:0;position:absolute;-webkit-transition:.5s all;transition:.5s all;width:100%}.metaslider.ms-theme-outline .flexslider ul.slides .caption-wrap a,.metaslider.ms-theme-outline .rslides .caption-wrap a{border:0;color:#fff}.metaslider.ms-theme-outline div.nivoSlider .nivo-caption{-webkit-transform:translateY(0);transform:translateY(0)}.metaslider.ms-theme-outline div.nivoSlider .nivo-caption a{border:0}.metaslider.ms-theme-outline .cs-title{margin:10px;padding:20px;width:calc(100% - 20px)}.metaslider.ms-theme-outline .flexslider ul.slides .flex-active-slide .caption-wrap,.metaslider.ms-theme-outline .rslides li[class*=rslides] .caption-wrap{-webkit-transform:translateY(0);transform:translateY(0)}.metaslider.ms-theme-outline .flexslider ul.slides .caption-wrap .caption,.metaslider.ms-theme-outline .rslides .caption-wrap .caption,.metaslider.ms-theme-outline div.nivoSlider .nivo-caption{font-size:.9rem;padding:20px 30px 65px 30px;text-align:center}.ms-is-small.metaslider.ms-theme-outline .flexslider ul.slides .caption-wrap .caption,.ms-is-small.metaslider.ms-theme-outline .rslides .caption-wrap .caption,.ms-is-small.metaslider.ms-theme-outline div.nivoSlider .nivo-caption{padding-top:50px}.metaslider.ms-theme-outline .filmstrip{border-radius:0;margin-top:10px;width:100%;z-index:4}.metaslider.ms-theme-outline .filmstrip ul.flex-direction-nav li a::after{width:10px}.metaslider.ms-theme-outline .filmstrip ul.flex-direction-nav li a.flex-prev{left:10px}.metaslider.ms-theme-outline .filmstrip ul.flex-direction-nav li a.flex-next{right:10px}.metaslider.ms-theme-outline.has-filmstrip .flexslider:not(.filmstrip) ul.flex-direction-nav{width:90px}.metaslider.ms-theme-outline.has-filmstrip .flexslider ul.slides .caption-wrap{margin-right:110px}.metaslider.ms-theme-outline.fullwidth .flexslider ul.slides .caption-wrap,.metaslider.ms-theme-outline.fullwidth .rslides .caption-wrap,.metaslider.ms-theme-outline.fullwidth div.nivoSlider .nivo-caption,.metaslider.ms-theme-outline.fullwidth .cs-title{margin-right:320px}.metaslider.ms-theme-outline.fullwidth .flexslider ul.slides .caption-wrap .caption,.metaslider.ms-theme-outline.fullwidth .rslides .caption-wrap .caption,.metaslider.ms-theme-outline.fullwidth div.nivoSlider .nivo-caption,.metaslider.ms-theme-outline.fullwidth .cs-title{padding-left:20px}.metaslider.ms-theme-outline.fullwidth .flexslider ol.flex-control-nav:not(.flex-control-thumbs),.metaslider.ms-theme-outline.fullwidth ul.rslides_tabs,.metaslider.ms-theme-outline.fullwidth div.slider-wrapper .nivo-controlNav:not(.nivo-thumbs-enabled){right:60px}.metaslider.ms-theme-outline.fullwidth .flexslider:not(.filmstrip) ul.flex-direction-nav,.metaslider.ms-theme-outline.fullwidth div.nivo-directionNav{right:20px}.metaslider.ms-theme-outline.fullwidth a.rslides_nav.prev{right:284px}.metaslider.ms-theme-outline.fullwidth a.rslides_nav.next{right:20px}.metaslider.ms-theme-outline .slider-wrapper .nivo-controlNav.nivo-thumbs-enabled a:hover,.metaslider.ms-theme-outline .slider-wrapper .nivo-controlNav.nivo-thumbs-enabled a.active{border:0 none}.metaslider.ms-theme-outline.ms-is-small{padding-bottom:50px}.metaslider.ms-theme-outline.ms-is-small .flexslider ul.slides .caption-wrap,.metaslider.ms-theme-outline.ms-is-small .rslides .caption-wrap,.metaslider.ms-theme-outline.ms-is-small .nivoSlider .nivo-caption{margin-right:0}.metaslider.ms-theme-outline.ms-is-small .flexslider ol.flex-control-nav,.metaslider.ms-theme-outline.ms-is-small ul.rslides_tabs,.metaslider.ms-theme-outline.ms-is-small .slider-wrapper .nivo-controlNav,.metaslider.ms-theme-outline.ms-is-small .coin-slider .cs-buttons{left:0;right:0;width:100%}.metaslider.ms-theme-outline.ms-is-small .flexslider:not(.filmstrip) ul.flex-direction-nav,.metaslider.ms-theme-outline.ms-is-small .nivo-directionNav{width:100%}.metaslider.ms-theme-outline.ms-is-small.fullwidth .flexslider:not(.filmstrip) ul.flex-direction-nav,.metaslider.ms-theme-outline.ms-is-small.fullwidth div.nivo-directionNav{right:0}.metaslider.ms-theme-outline.ms-is-small.fullwidth .flexslider ul.flex-direction-nav li a.flex-prev,.metaslider.ms-theme-outline.ms-is-small.fullwidth .rslides_nav.prev,.metaslider.ms-theme-outline.ms-is-small.fullwidth div.nivoSlider div.nivo-directionNav a.nivo-prevNav,.metaslider.ms-theme-outline.ms-is-small.fullwidth .coin-slider .coin-slider div a.cs-prev{left:20px}.metaslider.ms-theme-outline.ms-is-small.fullwidth .flexslider ul.flex-direction-nav li a.flex-next,.metaslider.ms-theme-outline.ms-is-small.fullwidth .rslides_nav.next,.metaslider.ms-theme-outline.ms-is-small.fullwidth div.nivoSlider div.nivo-directionNav a.nivo-nextNav,.metaslider.ms-theme-outline.ms-is-small.fullwidth .coin-slider .coin-slider div a.cs-next{right:20px}.metaslider.ms-theme-outline.has-onhover-arrows .flex-direction-nav li{opacity:0}.metaslider.ms-theme-outline.has-onhover-arrows:hover .flex-direction-nav li{opacity:1}.metaslider.ms-theme-outline.has-onhover-arrows:hover .flex-direction-nav a{opacity:1}@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);
}   .berkei-tag-icons-row {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px;
margin: 10px 0;
}
.berkei-tag-icon {
display: inline-flex;
align-items: center;
justify-content: center;
transition: transform .15s ease;
}
.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-grid {
display: grid !important;
gap: var(--catov-gap, 16px);
}
.berkei-catov-grid.berkei-catov-grid-auto {
grid-template-columns: repeat(auto-fit, minmax(var(--catov-minw, 220px), 1fr));
}
.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(var(--catov-minw, 220px), 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;
display: block;
overflow: hidden;
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);
text-decoration: none;
color: inherit;
background: #e0e0e0;
}
.berkei-catov-item img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform .35s ease;
}
.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-overlay {
position: absolute;
left: 0;
right: 0;
display: flex;
align-items: center;
justify-content: center;
padding: 8px 12px;
background: var(--catov-title-bg, rgba(0,0,0,.55));
transition: opacity .3s ease;
}
.berkei-catov-overlay-bottom { bottom: 0; }
.berkei-catov-overlay-center { top: 50%; transform: translateY(-50%); }
.berkei-catov-overlay-top    { top: 0; } .berkei-catov-hover {
opacity: 0;
bottom: 0;
}
.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: inherit;
--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);
font-size: var(--berkei-contact-font-size);
}
.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-row {
display: flex;
align-items: flex-start;
gap: 8px;
line-height: 1.45;
}
.berkei-contact-privacy-row input[type="checkbox"] {
margin-top: 2px;
}
.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;
}
.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-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: 16px;
text-decoration: none;
color: var(--berkei-text);
}
.berkei-footer__logo {
width: 72px;
height: 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;
}
.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: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
justify-items: center;
gap: 16px 24px;
}
.berkei-footer__trust-item {
display: grid;
grid-template-columns: 24px 1fr;
align-items: start;
column-gap: 10px;
width: min(100%, 240px);
justify-self: center;
min-height: 28px;
font-size: 15px;
line-height: 1.45;
font-weight: 600;
color: var(--berkei-text);
}
.berkei-footer__trust-item > span:last-child {
white-space: normal;
}
.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-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: 0;
padding: 0;
align-items: stretch;
border: 1px solid var(--berkei-line);
border-radius: var(--berkei-frame-radius);
overflow: hidden;
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: none;
border-right: 1px solid var(--berkei-line);
border-radius: 0;
background: transparent;
font-size: 14px;
font-weight: 700;
color: var(--berkei-text);
}
.berkei-footer__payment:last-child {
border-right: none;
}
.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: 14px;
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 {
grid-template-columns: repeat(2, 1fr);
}
.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__payments {
gap: 10px;
}
.berkei-footer__payment {
flex: 0 0 auto;
border-right: none;
border-bottom: 1px solid var(--berkei-line);
}
.berkei-footer__payment:last-child {
border-bottom: none;
}
.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;
}
} .berkei-desc {
font-family: inherit;
line-height: 1.65;
word-wrap: break-word;
overflow-wrap: break-word;
}
.berkei-desc h5 {
font-size: 1.05em;
font-weight: 700;
margin: 1.4em 0 0.4em;
line-height: 1.3;
}
.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;
} .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;
}