/*
Theme Name: Purer Genuss
Theme URI: https://purer-genuss.de/
Author: Digihexagon
Author URI: https://digihexagon.com/
Description: Custom theme developed by Digihexagon. Contact us at support@digihexagon.com to get your awesome website.
Version: 0.1
*/
/*      Reset CSS                 */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,
del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,ul,li,fieldset,form,
label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,
hgroup,menu,nav,output,section,summary,time,mark,audio,video,select{margin:0;padding:0;border:0;outline:none;line-height:1;}
a:focus,a:hover,a:active,button{outline:none;text-decoration:none;}
a{
   transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
}
body{
	overflow-x:hidden;
}
/*************************************************/
/*      1 ) Google or local Font Import          */
/*************************************************/
html{height:100%;text-rendering:optimizeLegibility!important;-webkit-font-smoothing:antialiased !important;}
ul{list-style:none;}
p{line-height:1.5}
.site-border{
        display: inline-block;
/*         background-image: repeating-linear-gradient(90deg, oklch(0.7803 0.1976 125.68) 0px, oklch(0.7803 0.1976 125.68) 2px, rgba(0, 0, 0, 0) 2px, rgba(0, 0, 0, 0) 7px); */
	background-image: repeating-linear-gradient(
    90deg,
    rgba(153, 204, 0, 1) 0px,
    rgba(153, 204, 0, 1) 2px,
    rgba(0, 0, 0, 0) 2px,
    rgba(0, 0, 0, 0) 7px
);
    width:70px;
    height:3px;
    }
header.elementor-location-header,
footer.elementor-location-footer{
	position: relative;
}
footer.elementor-location-footer{
	overflow-x:hidden;
}
header.elementor-location-header::after,
footer.elementor-location-footer::after{
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 6px;
	background-image: repeating-linear-gradient(90deg, oklab(0.7803 -0.115252 0.160508 / 0.42) 0px, oklab(0.7803 -0.115252 0.160508 / 0.42) 2px, rgba(0, 0, 0, 0) 2px, rgba(0, 0, 0, 0) 9px);
}
footer.elementor-location-footer::after{bottom:unset;top:0;}
header.elementor-location-header nav ul li ul.sub-menu {
	background: #3f3e3e;
	padding: 5px 0px !important;
	min-width: 220px !important;
	border-top: 2px solid #99cc01 !important;
	margin-left: -10px !important;
}
header.elementor-location-header.sticky-header .elementor-element > .e-con-inner {
    padding-top: 10px;
    padding-bottom: 10px;
}
.navmblmenu nav > ul > li {
	border-bottom: 1px solid #525151;
	padding: 15px 0px;
}
.navmblmenu nav > ul > li:last-of-type{border:unset;}
.navmblmenu nav .sub-arrow {
	margin-left: auto;
	padding: 10px 10px !important;
	transform: rotate(0deg);
	transition:0.3s all;
}
.navmblmenu nav ul li a.highlighted .sub-arrow {
	transform: rotate(180deg);
}
.navmblmenu nav ul.sub-menu {
	position: unset;
	margin: 0 !important;
	max-width: 100% !important;
	margin-left: 15px !important;
}
header.elementor-location-header.sticky-header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	z-index: 1231;
}
header.elementor-location-header.sticky-header .elementor-widget-theme-site-logo.elementor-widget-image img {
	max-width: 80px;
}

.bg-stripe::before {
	content: '' !important;
	position: absolute !important;
	left: 0 !important;
	right: 0;
	top: 0 !important;
	bottom: 0;
/* 	background-image: repeating-linear-gradient(90deg, oklab(0.7803 -0.115252 0.160508 / 0.18) 0px, oklab(0.7803 -0.115252 0.160508 / 0.18) 2px, rgba(0, 0, 0, 0) 2px, rgba(0, 0, 0, 0) 11px); */
	background-image: repeating-linear-gradient( 90deg, rgba(153, 204, 0, 0.18) 0px, rgba(153, 204, 0, 0.18) 2px, rgba(0, 0, 0, 0) 2px, rgba(0, 0, 0, 0) 11px );
	opacity: 0.4 !important;
}

.hoverimagezoom .elementor-widget-image {
	overflow: hidden;
}
.hoverimagezoom .elementor-widget-image img {
	transition: 0.3s all;
}
.hoverimagezoom:hover .elementor-widget-image img {
	--tw-scale-x: 105%;
	--tw-scale-y: 105%;
	--tw-scale-z: 105%;
	scale: var(--tw-scale-x) var(--tw-scale-y);
}
.gallery-slider img{
    width: 100%;
    height: 350px !important;
    object-fit: cover;
}

.gallery-slider .elementor-swiper-button {
	border: 1px solid #5a5959;
	border-radius: 50px;
	width: 65px;
	height: 65px;
	display: flex;
	align-items: center;
	justify-content: center;
	top: -140px !important;
	right: 55px !important;
	transition:0.3s all;
}
.gallery-slider .elementor-swiper-button.elementor-swiper-button-prev {
	left: unset !important;
	right: 130px !important;
}
.gallery-slider .elementor-swiper-button:hover {
	border-color: #99cc01;
}
.gallery-slider .elementor-swiper-button:hover svg {
	fill: #99cc01 !important;
}
.gallery-slider .elementor-image-carousel-wrapper {
	padding-right: 80px;
}
/*  */
.galleryimages img {
	border: unset !important;
	width: 100%;
	
	object-fit: cover;
}
.galleryimages.onecolumn img{height: 410px !important;}
.galleryimages.twolongcolumn img{height: 425px !important;}
.galleryimages.twocolumn img{height: 200px !important;}
.galleryimages.threecolumn img{height: 280px !important;}
.galleryimages.fourcolumn img{height: 275px !important;}
.galleryimages a {
	display: block;
	position: relative;
	z-index: 1;
	width:100%;
	overflow:hidden;
}
.galleryimages a img{
	transition:0.3s all;
}
.galleryimages a:hover img{
	--tw-scale-x: 105%;
      --tw-scale-y: 105%;
      --tw-scale-z: 105%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
}
.galleryimages a::before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: oklab(0.3648 0.00133725 0.000414458 / 0.3);
	transition: 0.3s all;
	opacity: 0;
	z-index:12;
}
.galleryimages a:hover::before {
	opacity: 1;
}
.galleryimages .gallery-item {
	margin: 0 !important;
}
.galleryimages a::after {
	content: '';
	border: 1px solid #fffad8;
	width: 45px;
	height: 45px;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	border-radius: 50px;
	background-image: url(/wp-content/uploads/2026/08/icon2-3-1.svg);
	background-repeat: no-repeat;
	background-size: 22px;
	background-position: center;
	opacity: 0;
	transition: 0.3s all;
	z-index:12;
}
.galleryimages a:hover::after {
	opacity: 1;
}
.dialog-type-lightbox {
	background: #3d3c3c !important;
}
.elementor-slideshow__header.elementor-lightbox-prevent-close {
	box-sizing: border-box;
	padding-right: 65px;
}
a.elementor-button.elementor-button-link span.elementor-button-icon {
    font-size: 9px;
    position: relative;
    left: 0;
    transition: 0.3s all;
}
a.elementor-button.elementor-button-link:hover span.elementor-button-icon {
    left: 3px;
}
span.elementor-button-content-wrapper {
    text-align: left;
}


/* contact us form */
.contactusform form * {
	font-family: "Manrope", sans-serif;
}
.contactusform form > p {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.contactusform form br {
	display: none;
}
.contactusform form label {
	width: 49%;
	color: #5a5959;
	font-weight: 500;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 2px;
}
.contactusform form label span.wpcf7-form-control-wrap {
	display: block;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 20px;
}
.contactusform form label span.wpcf7-form-control-wrap input, .contactusform form label span.wpcf7-form-control-wrap select, .contactusform form label span.wpcf7-form-control-wrap textarea {
	width: 100%;
	background: transparent;
	border: 1px solid #d6d1b8;
	padding: 12px 16px;
	color: #5a5959;
	font-weight: 500;
	font-size: 14px;
	letter-spacing: 1px;
	outline: none;
}
.contactusform form label span.wpcf7-form-control-wrap textarea {
	height: 160px;
}
.contactusform form small {
	color: #5a5959;
	font-size: 14px;
	line-height: 1.5;
	margin-bottom: 20px;
}
.contactusform form input[type="submit"] {
	color: #fff;
	padding: 12px 30px;
	background: #7ca800 !important;
	transition: 0.3s all;
	cursor: pointer;
}
.contactusform form input[type="submit"]:hover {
	background: #3f3e3e !important;
}

/*  */
/* .widControls.ctrls .hbtn a {
	color: #3f3e3e;
	border: 1px solid #cfcbb3;
	font-size: 28px;
	border-radius: 50px;
	padding: 8px 17px 8px 20px;
	transition: 0.3s all;
	box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.1) 0px 2px 4px -2px;
}
.widControls.ctrls .prev.hbtn a {
	padding: 8px 20px 8px 17px;
}
.widControls.ctrls .hbtn a:hover {
	border-color: #99cc01;
	color: #99cc01;
}
.widControls.ctrls .tbox .toolbar.widToolbar {
	background: transparent;
	box-shadow: unset;
	padding: 0;
} */

/* .elementor-slideshow__footer.elementor-lightbox-prevent-close {
	display: none;
} */
.elementor-slideshow__footer.elementor-lightbox-prevent-close {
	box-sizing: border-box;
}
.elementor-slideshow__footer.elementor-lightbox-prevent-close .elementor-slideshow__description {
	color: #f5efc5ba;
	font-family: "Manrope", sans-serif;
	font-size: 15px;
	margin-bottom:10px;
}
.elementor-swiper-button.elementor-lightbox-prevent-close svg,
.elementor-slideshow__header.elementor-lightbox-prevent-close svg,
.dialog-close-button.dialog-lightbox-close-button{
	border: 1px solid #8b8979;
	fill: #fffad8 !important;
	padding: 12px !important;
	border-radius: 50px;
	font-size: 24px;
	background:#3d3c3c54;
}
.elementor-swiper-button.elementor-lightbox-prevent-close svg:hover,
.elementor-slideshow__header.elementor-lightbox-prevent-close svg:hover,
.dialog-close-button.dialog-lightbox-close-button:hover{
	border-color:#99cc01;
	fill: #99cc01 !important;
}

.dialog-close-button.dialog-lightbox-close-button svg{fill: #fffad8 !important;}
.dialog-close-button.dialog-lightbox-close-button:hover svg{fill: #99cc01 !important;}
.elementor-slideshow__header.elementor-lightbox-prevent-close svg,
.dialog-close-button.dialog-lightbox-close-button{font-size:18px;}
.elementor-slideshow__counter.swiper-pagination-fraction.swiper-pagination-horizontal {
	color: #fffad8 !important;
	font-family: "Manrope", sans-serif;
	font-weight: 600;
}
.elementor-slideshow__header.elementor-lightbox-prevent-close .e-font-icon-svg.e-eicon-share-arrow {
	display: none;
}