Zeidler Region: Ferschnitz

Ferschnitz

html {
font-size: 62.5%;
}

/* ===============Root============= */
:root {
/* Headings */
–h1: clamp(3.5rem, 2.8rem + 2.1875vw, 5.6rem);
–h2: clamp(3rem, 2.4rem + 1.875vw, 4.8rem);
–h3: clamp(2.6rem, 2.1333rem + 1.4583vw, 4rem);
–h4: clamp(2.2rem, 1.7333rem + 1.4583vw, 3.6rem);
–h5: clamp(2rem, 1.6rem + 1.25vw, 3.2rem);
–h6: clamp(1.8rem, 1.4667rem + 1.0417vw, 2.8rem);

–h24: clamp(1.8rem, 1.6rem + 0.625vw, 2.4rem);
–h20: clamp(1.7rem, 1.6rem + 0.3125vw, 2rem);
–p18: clamp(1.6rem, 1.5304rem + 0.2174vw, 1.8rem);

/* Texts */
–body: 16px;
–body-small: 14px;
–font-p-12: 12px;
–font-p-10: 10px;
–font-p-8: 8px;

}

/* ===============HEADER CSS============= */
.header {
transition: top 0.3s ease;
width: 100%;
z-index: 1000;
}

.header.sticky {
background-color: #fff !important;
position: fixed;
top: 0;
width: 100%;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
animation: fadeInDown 0.5s;
}

@keyframes fadeInDown {
0% {
opacity: 0;
transform: translateY(-50px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
/* box-shadow */
.box_shadow {
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
/* PADDING TOP 20 BOTTOM */
.p-20 {
padding-left: clamp(2rem, 1.6667rem + 1.0417vw, 3rem);
padding-right: clamp(2rem, 1.6667rem + 1.0417vw, 3rem);
}
.p-30 {
padding-left: clamp(2rem, 1.6667rem + 1.0417vw, 3rem);
padding-right: clamp(2rem, 1.6667rem + 1.0417vw, 3rem);
}
.p-tb {
padding-top: clamp(6rem, 5.3333rem + 2.0833vw, 8rem);
padding-bottom: clamp(6rem, 5.3333rem + 2.0833vw, 8rem);
}
/* PADDING TOP */
.p-t {
padding-top: clamp(6rem, 5.3333rem + 2.0833vw, 8rem);
}
/* PADDING BOTTOM */
.p-b {
padding-bottom: clamp(6rem, 5.3333rem + 2.0833vw, 8rem);
}

/* .main-banner .splide__slide {
height: 100vh !important;
min-height: 650px !important;
} */
.bricks-button {
color: #002914;
transition: .3s;
background: #d8b76e;
border-radius: 8px;
font-weight: 600;
text-transform: uppercase;
padding: 12px 35px;
font-family: ‘Raleway’;
border:1.5px solid #d8b76e;
}
.white-btn {
border-color: #fff;
background: transparent;
color: #fff;
}
.bricks-button:hover{
color:#d8b76e;
background:transparent;
}
.white-btn:hover{
color: #002914;
background: #d8b76e;
border:1.5px solid #d8b76e;
}

#brxe-wwkanf .splide__arrow–next {
right: -177px;
left: 0;
margin: auto;
}

#brxe-wwkanf .splide__arrow–prev {
left: -175px;
right: 0;
margin: auto;
}

header#brx-header {
position: absolute;
z-index: 999;
top: 0;
left: 0px;
width: 100%;
}
footer#brx-footer a,
header#brx-header a{
transition:.3s;
}
.current-menu-item a,
footer#brx-footer a:hover,
header#brx-header a:hover {
color: #d8b76e !important;
}

.two-header{
display:none;
}

.location-loop figure.image-wrapper img {
border-radius: 16px;
}
.hover-box{
transition:.3s;
border:1px solid #ffff;
}
.hover-box:hover{
border:1px solid #D8B76E;
}
.related figure a img,
.post-blog figure.image-wrapper a img{
transition:.3s;
}
.related li:hover figure a img,
.post-blog li:hover figure.image-wrapper a img{
transform:scale(1.3);
}
.related figure a, .post-blog figure.image-wrapper a {
overflow: hidden;
border-radius: 24px;
display: block;
}

.page-id-67 h5 {
white-space: normal !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
display: -webkit-box !important;
-webkit-line-clamp: 1 !important;
-webkit-box-orient: vertical !important;
}

.zeidler-product-toggle .icon{
border-color:#004724 !important;
}

.zeidler-product-toggle .icon::before{
content:” !important;
background-image:url(‘https://die-zeidler.at/wp-content/uploads/2026/04/angle-down.png’);
background-position: center;
background-repeat: no-repeat;
background-size: contain !important;
width: 18px;
height: 18px;
top: 1px !important;
}
.zeidler-product-card.is-open .zeidler-product-toggle .icon::before {
rotate: 180deg;
top: -1px !important;
}

.zeidler-product-overlay {
background: linear-gradient(180deg,rgba(255, 255, 255, 0) 0%, rgba(0, 71, 36, 0.83) 67%) !important;
}

@media(max-width:991px){
.list-pde .brxe-container {
width: 100%;
}
}
@media(max-width:767px){
.brxe-nav-menu .bricks-mobile-menu-wrapper li a {
line-height: 43px;
}
.brxe-nav-menu .bricks-mobile-menu-wrapper:before {
background-color: #004724;
}
.one-header{
display:none;
}
.two-header{
display:block;
}
}