/*
Theme Name:   Salient Child Theme
Template:     salient
Description:  A child theme for Salient
Author:       Your Name
Version:      1.0.0
*/





#header-space {
  height: 140px !important;
}

@media (max-width: 999px) {
    #header-space {
        height: 100px !important;
    }
    
body #header-outer {
    padding: 5px 0 !important;
 }    
}
  

/*
#e8e7e5
#aea8a0
*/

body .wpb_text_column a {
  color: inherit;
  text-decoration: none;
  position: relative;
  transition: color 0.3s ease;
    font-weight: 400;
}

body .wpb_text_column a::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 100%;
  height: 1px;
  background: rgba(174,168,160,0.5);
  transition: all 0.35s ease;
}

body .wpb_text_column a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 0;
  height: 1px;
  background: #e8e7e5;
  transition: width 0.35s ease;
}

/*body .wpb_text_column a:hover {
  color: #e8e7e5;
}*/

body .wpb_text_column a:hover::after {
  width: 100%;
}
  
/* =============================================
   OFF-CANVAS MEGA MENU - 3 Spalten Layout
   Angepasst an fullscreen-split + eigene Fonts
   ============================================= */



@media (min-width: 900px) and (max-width: 1200px) {
    .ocm-col-image{
        display:none;
    }
    #slide-out-widget-area.fullscreen-split .left-side {
        width: 70% !important;
    }
    #slide-out-widget-area.fullscreen-split .right-side {
        width: 30% !important;
    }
}

@media (min-width: 500px) and (max-width: 898px){
    #slide-out-widget-area.fullscreen-split .left-side {
        width: 50% !important;
    }
    #slide-out-widget-area.fullscreen-split .right-side {
        width: 100% !important;
    }
}

@media (min-width: 10px) and (max-width: 499px){
    #slide-out-widget-area.fullscreen-split .left-side {
        width: 100% !important;
    }
}

@media (min-width: 1201px){

    #slide-out-widget-area.fullscreen-split .left-side {
        width: 80% !important;
    }
    #slide-out-widget-area.fullscreen-split .right-side {
        width: 20% !important;
    }
}



/* Container als 3-Spalten-Flex */
#slide-out-widget-area.fullscreen-split .inner .off-canvas-menu-container {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-start;
  width: 100%;
  gap: 0;
}

/* Linie als Pseudo-Element NACH dem Text — wird beim aktiven Item gezeichnet */
#slide-out-widget-area.fullscreen-split .inner .off-canvas-menu-container .ocm-col-main > ul > li .ocm-line {
  display: block; /* wichtig für Animation */
  height: 1px;
  background: #55585a;
  width: 0;
  opacity: 0; /* neu */
  flex: .9;
  margin-left: 16px;
  align-self: center;
  flex-shrink: 0;
  transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s ease;
}

#slide-out-widget-area.fullscreen-split .inner .off-canvas-menu-container .ocm-col-main > ul > li:hover .ocm-line {
  width: 100%;
  opacity: 1;
}

#slide-out-widget-area.fullscreen-split .inner .off-canvas-menu-container 
.ocm-col-main > ul > li.ocm-active .ocm-line {
  width: 100%;
  opacity: 1;
}

/* Linie zeichnet sich beim aktiven Item */
#slide-out-widget-area.fullscreen-split .inner .off-canvas-menu-container .ocm-col-main > ul > li.has-children.ocm-active .ocm-line {
  width: 100%; /* flex: 1 übernimmt, width triggert die Transition */
}

/* ::after entfernen — Linie läuft jetzt über .ocm-line */
#slide-out-widget-area.fullscreen-split .inner .off-canvas-menu-container .ocm-col-main > ul > li > a::after {
  display: none !important;
}

/* Hover + aktiver Zustand */
#slide-out-widget-area.fullscreen-split .inner .off-canvas-menu-container .ocm-col-main > ul > li > a:hover,
#slide-out-widget-area.fullscreen-split .inner .off-canvas-menu-container .ocm-col-main > ul > li.ocm-active > a {
  opacity: 0.5;
}

/* Linie nur bei Items MIT Untermenü einblenden */
#slide-out-widget-area.fullscreen-split .inner .off-canvas-menu-container .ocm-col-main > ul > li.has-children .ocm-line {
  display: inline-block;
}

#slide-out-widget-area.fullscreen-split .inner .off-canvas-menu-container .ocm-col-main > ul > li.ocm-active .ocm-line {
  width: 50px;
}

/* Kein ::after border mehr nötig */
#slide-out-widget-area.fullscreen-split .inner .off-canvas-menu-container .ocm-col-main > ul > li > a::after {
  display: none !important;
}

/* Hover-Effekt: Untermenü-Links nach rechts schieben */
#slide-out-widget-area.fullscreen-split .inner .off-canvas-menu-container .ocm-col-sub .ocm-sub-group li a {
  font-family: Outfit !important;
  font-size: 0.95rem !important;
  font-weight: 300 !important;
  color: #55585a !important;
  text-decoration: none !important;
  display: block;
  padding: 4px 0 !important;
  border: none !important;
  transition: transform 0.2s ease, opacity 0.2s ease;
  transform: translateX(0);
}

#slide-out-widget-area.fullscreen-split .inner .off-canvas-menu-container .ocm-col-sub .ocm-sub-group li a:hover {
  transform: translateX(8px);
  opacity: 0.5;
}


/* Spalte 1: Hauptmenü */
#slide-out-widget-area.fullscreen-split .inner .off-canvas-menu-container .ocm-col-main {
  flex: 0 0 300px;
}

/* Spalte 2: Untermenü */
#slide-out-widget-area.fullscreen-split .inner .off-canvas-menu-container .ocm-col-sub {
   flex: 0 0 200px;
  min-height: 350px;
  position: relative;
  padding: 0;
    z-index: 999999;
}

/* Spalte 3: Bild */
#slide-out-widget-area.fullscreen-split .inner .off-canvas-menu-container .ocm-col-image {
  flex: 1;
  min-height: 420px;
  position: relative;
  overflow: hidden;
  border-radius: 3px;
}

/* === Hauptmenü: pf-marlet-display === */
#slide-out-widget-area.fullscreen-split .inner .off-canvas-menu-container .ocm-col-main > ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#slide-out-widget-area.fullscreen-split .inner .off-canvas-menu-container .ocm-col-main > ul > li {
  margin-bottom: 2px;
}

#slide-out-widget-area.fullscreen-split .inner .off-canvas-menu-container .ocm-col-main > ul > li > a {
font-family: "pf-marlet-display", sans-serif ;
  /*font-size: 28px !important;*/
  font-weight: 400 !important;
  color: #55585a !important;
  text-decoration: none !important;
  display: flex !important;
  align-items: center !important;
  gap: 0 !important;
  padding: 7px 0;
  line-height: 1.2;
  border: none !important;
  transition: opacity 0.25s ease;
  /* Wichtig: Link nimmt volle Breite der Spalte */
  width: 100%;
}


@media (max-width: 690px) {
#slide-out-widget-area.fullscreen-split .inner .off-canvas-menu-container .ocm-col-main > ul > li > a {
  line-height: 0.7 !important;
}
}

/* Hover + aktiver Zustand */
#slide-out-widget-area.fullscreen-split .inner .off-canvas-menu-container .ocm-col-main > ul > li > a:hover,
#slide-out-widget-area.fullscreen-split .inner .off-canvas-menu-container .ocm-col-main > ul > li.ocm-active > a {
  opacity: 0.5;
}

/* Nach-Linie (wie dein ::after) */
#slide-out-widget-area.fullscreen-split .inner .off-canvas-menu-container .ocm-col-main > ul > li.ocm-active > a::after {
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background: #55585a;
  margin-top: 7px;
}

/* Dropdown-Pfeil versteckt – übernimmt deine Regel */
#slide-out-widget-area.fullscreen-split .inner .off-canvas-menu-container .ocm-col-main .ocm-dropdown-arrow {
  display: none !important;
}

/* === Untermenü: Outfit === */
#slide-out-widget-area.fullscreen-split .inner .off-canvas-menu-container .ocm-col-sub .ocm-sub-group {
  position: absolute;
  top: 0; /* wird per JS auf die Y-Position des aktiven Items gesetzt */
  left: 0;
  list-style: none;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 0;
  pointer-events: none;
  transform: translateY(4px);
  transition: opacity 0.3s ease, transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  max-height: fit-content !important;
}

#slide-out-widget-area.fullscreen-split .inner .off-canvas-menu-container .ocm-col-sub .ocm-sub-group.ocm-active {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}

#slide-out-widget-area.fullscreen-split .inner .off-canvas-menu-container .ocm-col-sub .ocm-sub-group li {
  margin-bottom: 2px;
}

#slide-out-widget-area.fullscreen-split .inner .off-canvas-menu-container .ocm-col-sub .ocm-sub-group li a {
  font-family: Outfit !important;
  font-size: 0.95rem !important;
  font-weight: 300 !important;
  color: #55585a !important;
  text-decoration: none !important;
  display: block;
  padding: 4px 0 !important;
  letter-spacing: 0.02em;
  border: none !important;
  transition: transform 0.2s ease, opacity 0.2s ease;
  transform: translateX(0);
}

#slide-out-widget-area.fullscreen-split .inner .off-canvas-menu-container .ocm-col-sub .ocm-sub-group li a:hover {
  transform: translateX(8px);
  opacity: 0.5;
}

/* Untermenü-Links: kein ::after border */
#slide-out-widget-area.fullscreen-split .inner .off-canvas-menu-container .ocm-col-sub .ocm-sub-group li a::after {
  display: none !important;
}

/* === Bild-Spalte === */
#slide-out-widget-area.fullscreen-split .inner .off-canvas-menu-container .ocm-col-image .ocm-img-item {
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 0.5s ease;
  background-size: cover;
  background-position: center;
  border-radius: 3px;
}

#slide-out-widget-area.fullscreen-split .inner .off-canvas-menu-container .ocm-col-image .ocm-img-item.ocm-active {
  opacity: 1;
}

/* Originale sub-menu im Hauptmenü-Bereich komplett verstecken */
#slide-out-widget-area.fullscreen-split .inner .off-canvas-menu-container .ocm-col-main ul li ul.sub-menu {
  display: none !important;
}

/* hidden-img Spans immer unsichtbar */
#slide-out-widget-area span.hidden-img {
  display: none !important;
}

/* Responsive: unter 900px Stack-Layout */
@media (max-width: 900px) {
  /*#slide-out-widget-area.fullscreen-split .inner .off-canvas-menu-container {
    flex-direction: column !important;
  }*/
  
  #slide-out-widget-area.fullscreen-split .inner .off-canvas-menu-container .ocm-col-sub{
    display: none !important;
  }
  /*#slide-out-widget-area.fullscreen-split .inner .off-canvas-menu-container .ocm-col-sub,*/
  #slide-out-widget-area.fullscreen-split .inner .off-canvas-menu-container .ocm-col-image {
    display: none !important;
  }
  /* Mobile: Original sub-menu wieder sichtbar */
  #slide-out-widget-area.fullscreen-split .inner .off-canvas-menu-container .ocm-col-main ul li ul.sub-menu {
    display: block !important;
  }
  .container-off-right-menu{
    padding: 4% 0 !important;
}
}










/*
@media (max-width: 999px) {
#slide-out-widget-area .off-canvas-menu-container.mobile-only > .menu > li.wpml-ls-item {
    display: none !important;
}

#slide-out-widget-area .off-canvas-menu-container.mobile-only > .menu {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 15px;
    padding: 0;
    margin: 0;
    list-style: none;
}

#slide-out-widget-area .off-canvas-menu-container.mobile-only > .menu > li {
    width: auto !important;
    margin: 0 !important;
    flex: 0 0 auto;
}

#slide-out-widget-area .off-canvas-menu-container.mobile-only > .menu > li > a {
    display: flex;
    align-items: center;
    white-space: nowrap;
}
}*/


#slide-out-widget-area.fullscreen-split .off-canvas-menu-container li a::after{
    border:none;
}




/*NAV OFF RECHTS*/

.container-off-right-menu{
    padding: 10% 0;
}

.container-off-right-menu .link-off-right a{
    font-family: Outfit !important;
  font-size: 0.95rem !important;
  font-weight: 300 !important;
  color: #55585a !important;
  text-decoration: none !important;
}

/*OFF MENU RECHTS*/
#slide-out-widget-area .bottom-text {
  padding-bottom: 0;
  font-size: 17px !important;
  color: #55585a;
}

body #slide-out-widget-area .off-canvas-social-links a{
    color: #55585a !important;
}

/*HOVER IMG MENU*/


.container .hidden-img {
    display: none; 
    position: absolute; 
    left: 50%; 
    top: 50%; 
    transform: translate(-50%, -50%); 
    width: 300px;
    height: 200px;
    background-size: cover;
    background-position: center;
}

.image-display-area {
  width: 330px;
  height: 440px;
  position: absolute;
  top: 10px;
  left: 370px;
  z-index: 100;
  display: block;
  background-position: center;
  background-size: cover;
}

@media only screen and (max-width: 690px) {
  #slide-out-widget-area.fullscreen-split .right-side-inner > * {
    margin-top: 5px !important;
  }
}




/*FONT*/

@font-face {
    font-family: "pf-marlet-display", sans-serif;
    font-weight: 800;
    font-style: bold;
}


h1{
    font-family: "pf-marlet-display", sans-serif;
    color: #aea8a0 !important;
    font-weight:400;
}

h2{
    font-family: "pf-marlet-display", sans-serif;
    color: #aea8a0 !important;
    font-weight:400;
}

h2.ns-heading-el{
    font-family: "pf-marlet-display", sans-serif;
    font-weight:510 !important;   
    margin-bottom: -20px !important;
      color: white !important;
}



/*ICON NAV*/
#header-outer header .nectar-menu-icon-img:hover{
    filter: brightness(0) saturate(100%) invert(77%) sepia(15%) saturate(146%) hue-rotate(355deg) brightness(87%) contrast(86%);
}



/*HEADER SIDER*/
.slide-bg-wrap::after {
  display: block;
  position: relative;
  height: 100%;
  width: 100%;
  content: '';
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
  z-index:9;
}

.swiper-slide{
    background-color: linear-gradient(to bottom,rgba(255,255,255,0.01) 0%,#333333 100%) !important;
}





/* arrows slider*/

body .slider-next .fa.fa-angle-right::before {
  content: url('https://pip.be/img/pip_arrow-right.svg') !important;
  width: 25px;
  display: block;
}

body .slider-prev .fa.fa-angle-left::before {
  content: url('https://pip.be/img/pip_arrow-left.svg') !important;
  width: 25px;
  display: block;
}


/*BTN content*/

.nectar-button[data-color-override="false"].regular-button{
    background-color: transparent !important;
    border-top: 1px solid #55585a;
    border-bottom: 1px solid #55585a;
      margin: 0 10px 20px 10px;
}

.nectar-button:hover {
  color: #55585a;
}

.nectar-button.small {
    color: #55585a !important;
    font-size: 20px !important;
    padding: 14px 14px;
}


.nectar-white-btn {
    color:white !important;
}

/*Btn Slider*/

.swiper-slide .button.solid_color a {
  background-color: transparent !important;
    border-top: 1px solid white;
    border-bottom: 1px solid white;
}

.swiper-slide .button a{
  padding: 10px 10px !important;
}

body[data-button-style*="slightly_rounded"] .swiper-slide .button a, body[data-button-style*="slightly_rounded"] .nectar-button{
    -webkit-border-radius: unset !important;
}

body[data-button-style="slightly_rounded_shadow"] .swiper-slide .button a:hover, body[data-button-style="slightly_rounded_shadow"] .nectar-button:hover{
    box-shadow: unset !important;
}  


/*FONT SLIDER*/

@media only screen and (max-width: 690px) {
    .full-width-content .vc_col-sm-12 .nectar-slider-wrap[data-fullscreen="false"] .swiper-slide .content h2{ 
        font-size: 35px !important;
        line-height: 31px !important;
        text-align: center;
        padding-bottom:30px;
        }
    .nectar-slider-wrap[data-full-width="false"] .swiper-slide .content p{
        font-size: 20px !important;
        line-height: 20px !important;
        text-align: center;        
    }
}

@media only screen and (min-width: 1000px) and (max-width: 1300px) {
    .full-width-content .vc_col-sm-12 .nectar-slider-wrap[data-fullscreen="false"] .swiper-slide .content h2{ 
        font-size: 60px;
         line-height: 80px;
        }
    .nectar-slider-wrap[data-full-width="false"] .swiper-slide .content p{
        font-size: 30px !important;
        line-height: 50px !important;
    }
}

@media only screen and (min-width: 690px) and (max-width: 999px) {
    .full-width-content .vc_col-sm-12 .nectar-slider-wrap[data-fullscreen="false"] .swiper-slide .content h2{ 
        font-size: 60px;
         line-height: 80px;
        }
    .nectar-slider-wrap[data-full-width="false"] .swiper-slide .content p{
        font-size: 30px !important;
        line-height: 50px !important;
    }
}



/*LOGO*/

header#top #logo img {
  background: white;
  padding: 30px;
  top: -40px;
  position: inherit;
}

header#top #logo {
    height: 90px;
}

.small-nav header#top #logo img{
    padding:10px;
}

#header-outer.small-nav #logo img{
    height: 100px;
    margin-top: 25px;
}

.small-nav header#top #logo {
    height: 70px;
}



/*LOGO MOBIL*/

@media only screen and (max-width: 999px) {

header#top #logo img {
    background: unset;
    padding: 0px;
    top: unset;
    position: absolute;
    height: 80px !important;
    right: 0px;
}
}

/*TAB*/

.tab-item .active-tab span{
    border-top: 1px solid #55585a;
    border-bottom: 1px solid #55585a;
    padding: 10px 0;
}

.tabbed[data-style*="minimal"][data-color-scheme="accent-color"] > ul li a::after {
  background-color: unset !important;
}

.tabbed[data-style="minimal"] .wpb_tabs_nav {
  border-bottom: none !important;
}

@media (max-width: 999px) {
    .tabbed[data-style="minimal"] .wpb_tabs_nav {
  margin-bottom: 0px !important;
}
}

@media only screen and (max-width: 690px) {
    .tabbed[data-style*="minimal"] > ul li:not(.cta-button) a {
    padding: 7px 20px 0px 20px !important;
    
  }
  
  .tab-item .active-tab span{
    border-top: unset;
    border-bottom: unset;
    padding: 5px;
    background:white !important;
     color:#55585a !important;
}

  .tab-item span{
    border-top: unset;
    border-bottom: unset;
    padding: 5px;
    background:#aea8a0 !important;
    color:white !important;
}
.tabbed[data-style="minimal"] > ul li:not(.cta-button) a{
      font-weight: bold;
}
}


/*Arrangements*/

.nectar-post-grid-wrap[data-style="content_under_image"] .nectar-post-grid:not([data-card="yes"]) .nectar-post-grid-item .content {
  border: 1px solid #aea8a0 ;
  padding: 330px 0 30px 0 !important;
  width: 80% !important;
  margin: -300px auto 0 auto !important;
}

.full-width-section > .col.span_12.dark .nectar-post-grid[data-text-color="dark"] .nectar-post-grid-item .content *, .nectar-post-grid[data-text-color="dark"] .nectar-post-grid-item .content * {
  margin-left: auto;
  margin-right: auto;
}

.nectar-flickity[data-controls*="arrows_overlaid"] .flickity-prev-next-button.next {
  right: -50px !important;
}

.nectar-flickity[data-controls*="arrows_overlaid"] .flickity-prev-next-button.previous {
  left: -50px !important;
}

h4.post-heading .nectar-split-heading {
    font-family: "pf-marlet-display", sans-serif;
    color: #aea8a0 !important;
    font-weight:400;
}

.meta-excerpt{
        color: #aea8a0 !important;

}

@media only screen and (min-width: 1000px) {
  body #ajax-content-wrap .custom_font_size_36px.font_size_min_20px.font_size_max_36px.nectar-post-grid .nectar-post-grid-item .post-heading, body .custom_font_size_36px.font_size_min_20px.font_size_max_36px.nectar-post-grid .nectar-post-grid-item .post-heading {
    font-size: min(26px,max(20px,36px)) !important;
    overflow-wrap: break-word;
    word-break: break-word;
    white-space: normal;
  }
}


/*BLOG ARRANGEMNTS*/

#page-header-bg h1 {
  font-family: "pf-marlet-display", sans-serif !important;
  color: #aea8a0 !important;
  font-weight: 400;
}

.meta-category{
    display:none !important;
}

.blog-recent.related-posts h3.title{
      font-family: "pf-marlet-display", sans-serif !important;
    font-weight: 400;
    font-size: min(26px,max(20px,36px)) !important;
}

 body .related-posts[data-style="material"] .inner-wrap {
  box-shadow: unset;
  border-radius: unset;
 }
 

 .blog-recent.related-posts h3.title{
       text-align: center;
 }

.related-posts[data-style="material"] .article-content-wrap{
    border: 1px solid #aea8a0;
    padding: 280px 0 50px 0 !important;
    padding-bottom: 50px;
    width: 80% !important;
    margin: -250px auto 0 auto !important;
    margin-right: auto;
    z-index: 1;
    position: relative;
}

body .blog-recent[data-style].columns-2 div:nth-child(2n+2){
      margin-right: auto !important;
}

.single .vc_row-fluid > .blog-recent[data-style="material"] {
  margin-right: 50px !important;
  margin-left: 50px !important;
}

.excerpt {
  text-align: center;
  padding: 0 5%;
}

.related-posts[data-style="material"] .post-featured-img {
  overflow: hidden;
  display: block;
  height: 270px;
}

.nectar-inherit-h3{
      text-align: center;
}

/*FOOTER*/

.nectar_hook_global_section_footer h4 {
  border-bottom: 1px solid #55585a;
  color: #55585a !important;
    padding-bottom: 10px;
}

.nectar_hook_global_section_footer .nectar_icon_wrap[data-style="shadow-bg"][data-color="white"] .nectar_icon i {
  color: #aea8a0 !important;
}

#footer-widgets{
    display:none;
}

/*FORM*/
.forminator-select.forminator-select-dropdown-container--open .forminator-select-dropdown {
  background: white !important;
}

/*.ui-datepicker.forminator-calendar--flat {
   background: white !important;
   background-color: unset !important;
}*/

#ui-datepicker-div{
       background: white !important;

}

/*MENU Gastro*/
.btn-menu{
    background-color: #aea8a0 !important;
    display: inline-table;
}


/*FOOTER*/
.nectar_hook_global_section_footer a{
    color: #55585a !important;
}

/*PDF*/

@media (max-width: 690px) {
.pdf-item {
   padding: 2px;
}
}


.phone-menu .menu-title-text {
  opacity: 0;
  visibility: hidden;
  transform: translateX(-10px);
  transition: all 0.3s ease;
  white-space: nowrap;
}

.phone-menu:hover .menu-title-text {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

.phone-menu a {
  display: flex;
  align-items: center;
  gap: 8px;
}


/*sprachenwechsler*/



.sf-menu > li ul {
  width: auto !important;
}



.forminator-ui.forminator-custom-form[data-design="flat"] .forminator-checkbox {
  width: 22px;
  height: 22px;
  border: 1px solid;
}

.forminator-ui.forminator-custom-form[data-design="flat"] .forminator-button {
  font: inherit;
  background: #55585a;
  color: white;
}

.forminator-ui.forminator-custom-form[data-design="flat"] .forminator-has_error .forminator-error-message {
  color: red;
  line-height: 1.2;
  font-size: 12px;
  font-weight: 400;
}



/*Sprachnwechsler Mobil*/


  /* Sprachpunkte: die letzten 4 Menüpunkte */
  #slide-out-widget-area.fullscreen-split 
  .ocm-col-main > ul > li:nth-last-child(-n+4) {
    display: inline-flex !important;
    margin: 18px 0 0 0 !important;
  }

  /* Links kleiner darstellen */
  #slide-out-widget-area.fullscreen-split 
  .ocm-col-main > ul > li:nth-last-child(-n+4) > a {
    font-family: Outfit !important;
    font-size: 13px !important;
    font-weight: 300 !important;
    line-height: 1 !important;
    padding: 0 9px !important;
    color: #55585a !important;
    display: inline-flex !important;
    width: auto !important;
    opacity: 1 !important;
  }

  /* Erster Sprachpunkt ohne linken Abstand */
  #slide-out-widget-area.fullscreen-split 
  .ocm-col-main > ul > li:nth-last-child(4) > a {
    padding-left: 0 !important;
  }

  /* Trennstrich zwischen den Sprachen */
  #slide-out-widget-area.fullscreen-split 
  .ocm-col-main > ul > li:nth-last-child(-n+3) > a::before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 11px;
    background: #55585a;
    margin-right: 20px;
    opacity: 0.5;
  }

  /* Eventuelle Linien/After-Effekte bei Sprachlinks entfernen */
  #slide-out-widget-area.fullscreen-split 
  .ocm-col-main > ul > li:nth-last-child(-n+4) .ocm-line,
  #slide-out-widget-area.fullscreen-split 
  .ocm-col-main > ul > li:nth-last-child(-n+4) > a::after {
    display: none !important;
  }

  #slide-out-widget-area.fullscreen-split 
  .ocm-col-main > ul > li:nth-last-child(4) {
    margin-left: 0 !important;
    clear: both;
  }
/*toggle*/
div[data-style="minimal"] .toggle > .toggle-title a {
    padding: 10px 70px 10px 0 !important;
}

div[data-style*="minimal"] .toggle > .toggle-title i {
  border: 0px;
}

div[data-style="minimal"] .toggle > .toggle-title i::before {
  height: 1px;
}

div[data-style="minimal"] .toggle > .toggle-title i::after {
  width: 1px;
}


#slide-out-widget-area.fullscreen-split .right-side {
  display: unset !important;
}

/*Complianz*/
.cmplz-documents.cmplz-links ul,
.cmplz-documents.cmplz-links li {
    list-style: none !important;
    margin: 0;
    padding: 0;
}















/* ===========================
   DESKTOP
=========================== */

@media (min-width:1000px){

    #slide-out-widget-area.fullscreen-split .inner .off-canvas-menu-container.mobile-only{
        display:none!important;
    }

    #slide-out-widget-area .off-canvas-menu-container:not(.mobile-only){
        display:flex!important;
    }

}

#slide-out-widget-area.fullscreen-split .inner .off-canvas-menu-container li a::after{
  border-color: transparent !important;
}


/* ==========================================
   MOBILE
========================================== */

@media (max-width:999px){

    /* Desktop-Menü ausblenden */
    #slide-out-widget-area .off-canvas-menu-container:not(.mobile-only){
        display:none!important;
    }

    /* Mobiles Menü anzeigen */
    #slide-out-widget-area.fullscreen-split .inner .off-canvas-menu-container.mobile-only{
        display:block!important;
    }

    /* Sprachwechsler ausblenden */
    #slide-out-widget-area .mobile-only .wpml-ls-item{
        display:none!important;
    }

    /* Menü */
    #slide-out-widget-area .mobile-only ul.menu{
        display:flex;
        flex-wrap:wrap;
        align-items:flex-start;
        gap:0;
        margin:0;
        padding:0;
        list-style:none;
    }

    /* ===========================
       ICONS
    =========================== */

    #slide-out-widget-area .mobile-only ul.menu > li:nth-child(1),
    #slide-out-widget-area .mobile-only ul.menu > li:nth-child(2),
    #slide-out-widget-area .mobile-only ul.menu > li:nth-child(3){

        width:24%;
        text-align:center;
        margin-bottom:25px;

    }

    #slide-out-widget-area .mobile-only ul.menu > li:nth-child(-n+3) a{

        display:flex;
        justify-content:center;
        align-items:center;
        height:40px;

    }

    #slide-out-widget-area .mobile-only .nectar-menu-icon-text{
        display:none!important;
    }

    #slide-out-widget-area .mobile-only .nectar-menu-icon-img{
        width:30px;
        height:30px;
    }

    /* ===========================
       BUTTONS
    =========================== */

    #slide-out-widget-area .mobile-only ul.menu > li:nth-child(4){

        width:auto;
        margin-left:0;
        margin-right:12px;

    }

    #slide-out-widget-area .mobile-only ul.menu > li:nth-child(5){

        width:auto;

    }

    #slide-out-widget-area .mobile-only ul.menu > li:nth-child(4) a,
    #slide-out-widget-area .mobile-only ul.menu > li:nth-child(5) a{

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

        padding:12px 20px;

        border:1px solid #ddd;
        border-radius:4px;

        font-family:Outfit;
        font-size:19px;
        font-weight:300;
        color:#55585a;

        white-space:nowrap;

    }

}









/*LOGO MOBIL – Logo links, Hamburger rechts*/

@media only screen and (max-width: 999px) {

  #header-outer #top > .container > .row {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: nowrap !important;
    position: relative !important;
    min-height: 70px;
  }

  #header-outer #top .col.span_3 {
    order: 1 !important;
    width: auto !important;
    flex: 1 1 auto !important;
    margin: 0 !important;
    text-align: left !important;
    line-height: normal !important;
    float: none !important;
    position: static !important;
  }

  body[data-slide-out-widget-area="true"] #header-outer #top .span_3 {
    text-align: left !important;
  }

  #header-outer #top #logo {
    position: relative !important;
    left: 0 !important;
    right: auto !important;
    margin-right: auto !important;
    display: inline-block !important;
    text-align: left !important;
  }

  header#top #logo img {
    background: unset;
    padding: 0;
    top: 0;
    position: relative !important;
    height: 80px !important;
    left: 0;
    right: auto;
    margin-top: 0;
  }

  #header-outer #top .span_3 .left-aligned-ocm {
    display: block !important;
    position: absolute !important;
    right: 18px !important;
    left: auto !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 10001 !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
  }

  #header-outer #top .span_3 .left-aligned-ocm .slide-out-widget-area-toggle {
    display: block !important;
  }

  #header-outer #top .span_9 > .slide-out-widget-area-toggle.mobile-icon {
    display: none !important;
  }

  #header-outer #top .col.span_9 {
    order: 2 !important;
    width: 0 !important;
    flex: 0 0 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    position: static !important;
    float: none !important;
  }
}





/* Adresse im Off-Canvas-Menü auf Mobile ausblenden */
@media only screen and (max-width: 690px) {
  #slide-out-widget-area.fullscreen-split .bottom-meta-wrap {
    font-size: 0 !important;
    line-height: 0 !important;
  }
  #slide-out-widget-area.fullscreen-split .bottom-meta-wrap > b,
  #slide-out-widget-area.fullscreen-split .bottom-meta-wrap > br,
  #slide-out-widget-area.fullscreen-split .bottom-meta-wrap > a,
  #slide-out-widget-area.fullscreen-split .bottom-meta-wrap > p {
    display: none !important;
  }
  #slide-out-widget-area.fullscreen-split .bottom-meta-wrap .off-canvas-social-links {
    font-size: 17px;
    line-height: normal;
  }
  #slide-out-widget-area.fullscreen-split .bottom-meta-wrap .container-off-right-menu {
    font-size: 0.95rem;
    line-height: normal;
  }
}