/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Apr 12 2026 | 13:00:39 */
/* =========================================================
   Nectar Slider
   ========================================================= */

/* =========================================================
   Basis (stabil, artefaktfrei)
   ========================================================= */

.nectar-slider-wrap{

  overflow: hidden;
  isolation: isolate;

  background: #fff;

  border-radius: 0;

  /* 🔑 Smooth Transition (entscheidend) */
  transition:
    border-radius 0.45s cubic-bezier(0.22, 1, 0.36, 1);

  will-change: border-radius;
}


/* =========================================================
   Keine inneren Radien (kritisch für Stabilität)
   ========================================================= */

.nectar-slider-wrap .swiper-container,
.nectar-slider-wrap .swiper-wrapper,
.nectar-slider-wrap .swiper-slide{
  border-radius: 0 !important;
}


/* =========================================================
   Rounded Corners nur bei dunklen Slides
   ========================================================= */

.nectar-slider-wrap:has(.swiper-slide-active[data-color-scheme="dark"]){

  border-radius: 18px;
}


/* =========================================================
   Nectar Slider Safari Fix
   ========================================================= */

.using-mobile-browser .nectar-slider-wrap[data-caption-trans="reveal_title"] body .swiper-slide.content h2 .word {
  opacity: 1 !important;
}

.using-mobile-browser .nectar-slider-wrap[data-caption-trans="reveal_title"] body .swiper-slide.content p .word {
  opacity: 1 !important;
}


/* =========================================================
   Off Canvas Fix
   ========================================================= */

@media only screen and (max-width: 1000px) {
  #slide-out-widget-area.fullscreen .inner .off-canvas-menu-container,
  #slide-out-widget-area.fullscreen-alt .inner .off-canvas-menu-container {
    display: none !important;
  }
}

@media only screen and (min-width: 1000px) {
  #slide-out-widget-area.fullscreen-alt .inner .widget {
    display: none !important;
  }
}


/* =========================================================
   Nectar Slider Typography
   ========================================================= */

.swiper-slide[data-color-scheme="light"] .content h1,
.swiper-slide[data-color-scheme="light"] .content h2,
.swiper-slide[data-color-scheme="light"] .content h3,
.swiper-slide[data-color-scheme="light"] .content p {
  color: #93543b !important;
}

.swiper-slide[data-color-scheme="dark"] .content h1,
.swiper-slide[data-color-scheme="dark"] .content h2,
.swiper-slide[data-color-scheme="dark"] .content h3,
.swiper-slide[data-color-scheme="dark"] .content p {
  color: rgba(210,180,175,0.80) !important;
  text-shadow: 0 0 0.5px rgba(210,180,175,0.07) !important;
}


/* =========================================================
   Slider Controls
   ========================================================= */

.swiper-container .slider-prev > i,
.swiper-container .slider-next > i {
  color: #93543b;
}

.swiper-container .slider-prev,
.swiper-container .slider-next {
  width: 50px !important;
  background-color: transparent !important;
  color: rgba(147, 84, 59, 1) !important;
}

.swiper-container .slider-prev:hover,
.swiper-container .slider-next:hover {
  background-color: transparent !important;
  color: rgba(147, 84, 59, 1) !important;
}

.swiper-container .slider-next .slide-count,
.swiper-container .slider-prev .slide-count {
  display: none;
}


/* =========================================================
   Pagination
   ========================================================= */

body .slider-pagination .swiper-pagination-switch {
  border: 1px solid #93543b !important;
}

body .swiper-container .slider-pagination .swiper-active-switch {
  background-color: #93543b !important;
}


/* =========================================================
   Toggle Styles
   ========================================================= */

div[data-style="minimal"] .toggle h3 a {
  font-size: 18px !important;
  color: #93543b !important;
  margin-left: 19% !important;
  border: none !important;
}

body div[data-style="minimal"] .toggle h3 a {
  color: #93543b !important;
  background-color: transparent !important;
}

div[data-style="minimal"] .toggle.extra-color-3.open h3 a {
  color: #93543b !important;
  background-color: transparent !important;
}


/* =========================================================
   Image Opacity
   ========================================================= */

.img-opacity,
.dark-slide {
  opacity: 0.95 !important;
}

.img-opacity-events {
  opacity: 0.75 !important;
}


/* =========================================================
   Flickity Slider
   ========================================================= */

/* Flickity viewport */


/* =========================================================
   DF Slider – Base
   ========================================================= */

/* Flickity viewport */

.nectar-flickity .flickity-viewport{
overflow:hidden;
}


/* =========================================================
   Edge Fade
   ========================================================= */

.nectar-flickity.nectar-carousel.mask-edges{

-webkit-mask-image:linear-gradient(
to right,
rgba(0,0,0,0) 0%,
rgba(0,0,0,1) 18%,
rgba(0,0,0,1) 82%,
rgba(0,0,0,0) 100%
);

mask-image:linear-gradient(
to right,
rgba(0,0,0,0) 0%,
rgba(0,0,0,1) 18%,
rgba(0,0,0,1) 82%,
rgba(0,0,0,0) 100%
);

}


/* =========================================================
   Template – Item Slider
   ========================================================= */

.df-item-slider .cell img{

width:300px;
height:300px;

max-width:300px;
max-height:300px;

object-fit:contain;

display:block;
margin-left:auto;
margin-right:auto;

}

.df-item-slider .inner-wrap{
text-align:center;
}


/* =========================================================
   Template – Hero Slider
   ========================================================= */

.df-hero-slider .cell img{

width:100%;
height:auto;

max-width:none;
max-height:none;

object-fit:cover;

display:block;

/* Layout Stabilität */

aspect-ratio:1600 / 650;

}


/* =========================================================
   Flickity Arrows
   ========================================================= */

.nectar-flickity .flickity-button{

z-index:50;

background:transparent;
border:none;

}

.nectar-flickity .flickity-button-icon{

width:24px;
height:24px;

fill:#93543b;

}


/* Arrow Position */

.nectar-flickity .previous{
left:20px;
}

.nectar-flickity .next{
right:20px;
}


/* =========================================================
   Flickity Default Arrows deaktivieren
   ========================================================= */

.nectar-flickity .flickity-button{
display:none !important;
}


/* =========================================================
   Navigation Container
   ========================================================= */

.df-carousel-nav{

display:flex;
justify-content:center;
align-items:center;

gap:46px;

margin-top:14px;

}


/* =========================================================
   Arrow Style
   ========================================================= */

.df-arrow{

font-size:26px;
line-height:1;
letter-spacing:0.02em;

color:#93543b;

opacity:.32;

cursor:pointer;
user-select:none;

display:inline-block;

transform:translateX(0);

transition:
transform .45s cubic-bezier(.22,.61,.36,1),
opacity .45s ease;

}


/* =========================================================
   Contextual visibility
   ========================================================= */

.df-carousel-nav:hover .df-arrow{
opacity:.65;
}

.df-arrow:hover{
opacity:1;
}


/* =========================================================
   Swipe Suggestion
   ========================================================= */

.df-carousel-nav:hover .df-prev{
transform:translateX(-0.7px);
}

.df-carousel-nav:hover .df-next{
transform:translateX(0.7px);
}


/* =========================================================
   Klick-Impuls
   ========================================================= */

.df-prev.impulse{
transform:translateX(-1.4px);
}

.df-next.impulse{
transform:translateX(1.4px);
}


/* =========================================================
   Mobile Touch Komfort
   ========================================================= */

@media (hover:none){

.df-arrow{
padding:8px 12px;
opacity:.6;
}

}


/* =========================================================
   Slider Context
   ========================================================= */

.df-hero-slider,
.df-item-slider{
position:relative;
}


/* =========================================================
   Navigation Context
   ========================================================= */

.df-hero-slider-nav,
.df-item-slider-nav{
display:flex;
justify-content:center;
align-items:center;
gap:46px;
margin-top:14px;
}

/* =========================================================
   DF Hero – Editorial Parallax Reveal
   ========================================================= */

.df-hero-slide{
position:relative;
min-height:75vh;
overflow:hidden;
z-index:1;
}

/* weiche Überlappung der Sections */

.df-hero-slide + .df-hero-slide{
margin-top:-110px;
}

/* Hintergrundbild Layer */

.df-hero-slide .row-bg{

transform:scale(1.06);
transition:
transform 1.6s cubic-bezier(.22,.61,.36,1),
opacity 1.2s ease;

opacity:.92;

}

/* Reveal beim Scroll */

.df-hero-slide.visible .row-bg{

transform:scale(1);
opacity:1;

}

/* weicher Übergang zwischen Slides */

.df-hero-slide::before{

content:"";
position:absolute;
top:-1px;
left:0;
right:0;
height:180px;

background:linear-gradient(
to bottom,
rgba(255,255,255,0),
rgba(255,255,255,0.92)
);

pointer-events:none;

}

/* stabilisiert Parallax Rendering */

.df-hero-slide .row-bg{

background-size:cover !important;
background-position:center !important;

will-change:transform;

}