
html {
    /* scroll-behavior: smooth; */
}

.clear {
  clear: both !important;
}
/* extras  */
.inline-flex {display: inline-flex !important;}
.marginbottom1 {margin-bottom:0.5rem;}
.marginbottom2 {margin-bottom:1.0rem;}
.marginbottom3 {margin-bottom:1.5rem;}

/* CSS für Schatten-Effekt */
.svg-shadow {
  filter: drop-shadow(4px 4px 8px rgba(8, 9, 20, 0.6));
  transition: transform 0.3s, filter 0.3s;
  }

.svg-shadow:hover {
  /* filter: drop-shadow(6px 6px 12px rgba(0, 0, 0, 0.35)); */
}

  .mainlogo.svg-shadow {
    transition: transform 0.5s, filter 0.5s;
  }
  
  .mainlogo.svg-shadow:hover {
    filter: drop-shadow(0px 0px 12px #1C98D5);
  }

/* Topnav Center Navigation */

.specialnav {
  backdrop-filter: blur(10px); /* Stärke des Blur-Effekts */
  background-color: rgba(255, 255, 255, 0.3); /* Transparenter Hintergrund */	
}

/* specialnav ausblenden */
.specialnav {
  transition: opacity 0.5s ease, transform 0.5s ease;
  opacity: 1;
  transform: translateY(0);
  z-index: 10000; /* Sicherstellen, dass das Menü sichtbar bleibt */
}

.specialnav.fade-out {
  opacity: 0;
  transform: translateY(-100px);
}

/* .w-nav.type_desktop:not(.height_full),  */
.w-hwrapper .w-nav.type_desktop.specialnav, 
.w-vwrapper .w-nav.type_desktop.specialnav {
  line-height:30px;
}

.specialnav a {
  border-radius: 35px;
}

/* blur bg */
.blurbg {
  backdrop-filter: blur(15px); /* Stärke des Blur-Effekts */
}

.blurbg-2 .vc_column-overlay{
  backdrop-filter: blur(10px); /* Stärke des Blur-Effekts */
}

/* blur bg fade top to bottom*/
.blurbgfade {
  position: relative;
  isolation: isolate; /* Verhindert, dass Filter den Inhalt beeinflussen */
  color: white; /* Falls der Text weiß sein soll */
}

.blurbgfade {
  position: relative;
  isolation: isolate; /* Verhindert, dass Filter den Inhalt beeinflussen */
  color: white; /* Text bleibt klar sichtbar */
}

.blurbgfade::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;

  /* Maximaler Blur */
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  /* Maske mit schnellem Übergang */
  mask-image: linear-gradient(
    to top,
    rgba(0, 0, 0, 1) 40%,  /* Kein Blur bis 40% */
    rgba(0, 0, 0, 0.3) 45%, /* Schnell beginnender Übergang */
    rgba(0, 0, 0, 0) 50%    /* Volles Blur ab 50% */
  );
  -webkit-mask-image: linear-gradient(
    to top,
    rgba(0, 0, 0, 1) 40%,  
    rgba(0, 0, 0, 0.3) 45%, 
    rgba(0, 0, 0, 0) 50%
  );

  z-index: -1; /* Hinter dem Inhalt */
}

/* footer */
#footer-content a img {
  transition: opacity 0.4s ease, transform 0.4s ease;
}

#footer-content a img:hover {
  opacity: 0.7;
}

/* Basis-Listing */
.simplifier-listing ul {
  /* margin-left: 1rem; */
  margin-left: 0rem;
  list-style: none;
  padding-left: 0;
}

.simplifier-listing ul li {
  position: relative;
  padding-left: 1.5rem; /* Platz für das Icon schaffen */
}

/* Icon mit `::before` */
.simplifier-listing ul li::before {
  content: "\f2f8"; /* Standard-Icon */
  font-family: "fontawesome"; /* Korrekte Font-Awesome-Familie */
  font-weight: 900; /* Fett für Font Awesome Solid */
  font-size: 1rem;
  position: absolute;
  left: 0; /* Icon linksbündig */
  top: 0.0rem; /* Vertikale Ausrichtung */
  /* color: #1C98D5; /* Standardfarbe */ */
  color: rgba(255,255,255,0.70);
}

/* Icons für positiv und negativ */
.simplifier-listing.liste-negativ ul li::before {
  content: "\f00d"; /* Icon für negativ (x) */
}

.simplifier-listing.liste-positiv ul li::before {
  content: "\f00c"; /* Icon für positiv (check) */
}

.simplifier-listing.liste-arrow-right ul li::before {
  content: "\f105"; /* Icon für positiv (check) */
}

/* Abstände */
.macherproj-maincontent li {
  margin: 0 0 1.5rem;
}

/* bg main content macher projekte */
.macherproj-maincontent .l-section-overlay {

  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#080914+0,080914+100&0.5+0,1+59 */
  background: radial-gradient(ellipse at center,  rgba(8,9,20,0.5) 0%,rgba(8,9,20,1) 59%,rgba(8,9,20,1) 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#080914+0,080914+100&1+0,0.85+50,1+100 */
  background: linear-gradient(to bottom,  rgba(8,9,20,1) 0%,rgba(8,9,20,0.85) 50%,rgba(8,9,20,1) 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#080914+0,080914+100&1+0,0.85+30,0.85+70,1+100 */
  background: linear-gradient(to bottom,  rgba(8,9,20,1) 0%,rgba(8,9,20,0.85) 30%,rgba(8,9,20,0.85) 70%,rgba(8,9,20,1) 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

backdrop-filter: blur(7px); /* Stärke des Blur-Effekts */
}

/* galerie vorschau */
.macherproj-maincontent .w-gallery-item,
.macherproj-maincontent .w-gallery-item .w-gallery-item-img {
    border-radius: 1rem;
    overflow: hidden; /* Wichtig, damit der Inhalt innerhalb des Radius bleibt */
    cursor: pointer !important;
}

.macherproj-maincontent .w-gallery-item img {
    border-radius: 1rem; /* Optional, falls direkte Bildanpassung erforderlich ist */
    display: block; /* Verhindert unerwünschte Abstände bei inline-Elementen */
    cursor: pointer !important;
}

.macherproj-maincontent .w-gallery-item {
-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-ms-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}

.macherproj-maincontent .w-gallery-item:hover {
  opacity: 0.75;
  cursor: pointer !important;
}

/* min height plattform-content Textblock */
.plattform-content .wpb_text_column{
  min-height: 9rem;
}

/* img shadow / png */
.img-shadow {
  filter: drop-shadow(0px 2px 3px rgba(0, 0, 0, 0.75));
}

/* raster-box-kategorie projekte übersicht box */
.raster-box-kategorie .us-btn-style_badge{
  background:#fbb900 !important;
  color:#080914 !important;
}

/* carousel buttons */
.owl-carousel.navstyle_circle .owl-nav button {
  width:2.8rem !important;
  height:2.8rem !important;
}

  .owl-carousel.navstyle_circle .owl-nav button:hover {
    /* border:1px solid #fff; */
    background: rgba(255,255,255,0.2) !important;
  }

/* bildpopup */

.bildrand.bildpopup img{
  /* border-radius:0.5rem !important; */
  border-radius:1rem !important;
}

.bildrand.bildpopup.bildrandoben img {

  border-top-left-radius: 1rem !important;
  border-top-right-radius: 1rem !important;
  
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;

}

/* macher stimmen logos */

.macher-stimmen-container {
  
}

.macher-stimmen-logo {
  
}

/* macher stimmen video container */
.macher-stimmen-videocontainer {

}

  .macher-stimmen-videocontainer.innercontent {
    
  }

/* popup videos */
.bildpopup {}

.video-wrapper {
  position: relative;
  width: 100%; /* Breite des Containers */
  padding-top: 56.25%; /* Höhe entspricht 16:9-Verhältnis */
  /* padding-top: 75%; /* Höhe entspricht 4:3-Verhältnis */ */
  /* padding-top: 42.85%; /* Höhe entspricht 21:9-Verhältnis */ */
  overflow: hidden;
}

.video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%; /* Volle Breite */
  height: 100%; /* Automatisch anpassen */
}

/* bildfilter Raster Projekte */

.box-blue-overlay {}

.raster-mainbg-imageoverlay {}

.kundenlogo img {
  filter: drop-shadow(0px 4px 6px rgba(0, 0, 0, 0.5)); /* Schatten nur auf sichtbare Inhalte */
  /* display: block; /* Verhindert ungewollte Inline-Abstände */ */
}

/* Popup Player Icon */
/* Popup mit Play-Icon */
.bildrand.bildpopup.playericon button {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  overflow: hidden !important;
  background: transparent;
  border: none;
}

/* Kreis für das Play-Icon */
.bildrand.bildpopup.playericon button::before {
  content: '';
  display: block;
  position: absolute;
  top: 50%; /* Basiszentrierung von oben */
  left: 50%; /* Basiszentrierung von links */
  transform: translate(-50%, -50%); /* Exakte Zentrierung */
  width: 4rem; /* Größe des Kreises */
  height: 4rem;
  background-color: #0099d8; /* Hintergrundfarbe des Kreises */
  border-radius: 50%; /* Runde Form */
  z-index: 1 !important;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5); /* Schatteneffekt */
  transition: transform 0.4s ease, box-shadow 0.4s ease; /* Animation hinzugefügt */
}

/* CSS-Dreieck für den Pfeil */
.bildrand.bildpopup.playericon button::after {
  content: '';
  display: block;
  position: absolute;
  top: 50%; /* Basiszentrierung von oben */
  left: 50%; /* Basiszentrierung von links */
  transform: translate(-30%, -50%); /* Feinkorrektur des Pfeils */
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 0 10px 20px; /* Erzeugt das Dreieck */
  border-color: transparent transparent transparent #ffffff; /* Färbt den Pfeil weiß */
  z-index: 1; /* Über dem Kreis */
  transition: transform 0.4s ease; /* Animation hinzugefügt */
}

/* Hover-Effekt */
.bildrand.bildpopup.playericon button:hover::before {
  transform: translate(-50%, -50%) scale(1.2); /* Vergrößerung des Kreises */
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.6); /* Schatten wird verstärkt */
}

.bildrand.bildpopup.playericon button:hover::after {
  transform: translate(-30%, -50%) scale(1.2); /* Vergrößerung des Pfeils */
}

/* Größere Größe für mobile Geräte */
@media (max-width: 768px) {
  .bildrand.bildpopup.playericon button::before {
    width: 3rem; /* Größere Größe des Kreises */
    height: 3rem;
  }

  .bildrand.bildpopup.playericon button::after {
    border-width: 8px 0 8px 18px; /* Größere Pfeilgröße */
  }
}
/* Popup Player Icon end */



/* macher raster logo fix */
/* .w-grid[class*="ratio_"] .post_image img,  */
.w-grid[class*="ratio_"] .w-post-elm.type_image.kundenlogo img {
  /* width: auto !important; */
  height: auto !important;
}

/* safari blitzer im carousel */
.kundenlogo {
    will-change: transform, opacity !important;
}

.kundenlogo img {
    /* filter: brightness(0) invert(1) !important; */
    filter:brightness(0) invert(1) drop-shadow(2px 2px 3px rgba(0, 0, 0, .5));
}

/* filter abstand unten */
.w-filter.layout_ver:not(.togglable) .w-filter-item {
  margin-bottom:0 !important;
}

/* filterbox links */
.simply-filterbox .w-filter.layout_ver:not(.togglable) .w-filter-item-title {
  margin-bottom:1rem !important;
}

.simply-filterbox .w-filter-item-value-label {
  -webkit-transition: all 100ms ease-in-out;
  -moz-transition: all 100ms ease-in-out;
  -ms-transition: all 100ms ease-in-out;
  -o-transition: all 100ms ease-in-out;
  transition: all 100ms ease-in-out;
}

.simply-filterbox .w-filter-item-value-label:hover,
.simply-filterbox input:checked~.w-filter-item-value-label {
  font-weight: inherit !important;
  color:#fff !important;
  }
  
/* linke filterbox */
.download-filterbox {}
.app-filterbox {}

.download-filterbox .w-filter-item-reset,
.app-filterbox .w-filter-item-reset {
  display: none !important;
}

/* wörter trennen */

.worttrenner.german {
  hyphens: auto; /* Automatische Silbentrennung */
  word-break: break-word; /* Zeilenumbruch bei langen Wörtern */
  overflow-wrap: break-word; /* Alternative für ältere Browser */
  -webkit-hyphens: auto; /* Für WebKit-Browser wie Safari */
  -ms-hyphens: auto; /* Für ältere Versionen von Internet Explorer */
}

/* uses cases/detail/buttons, bildergaleriebutton abstand */
.impact-buttons-seperate,
.impact-buttons-seperate.dynamic-popup-button {
  margin-top:2rem;
}

/* svg logo widt, detail use cases, */
.svg-logo-width .w-post-elm.has_height img {
  object-fit: contain !important;

}

/* tabs v2 */
.simplifier-tabs-v2 .w-tabs-list{
  z-index: 1;
}

/* .simplifier-tabs-v2 .w-tabs-section-content, */
.simplifier-tabs-v2 .w-tabs-sections:nth-of-type(2) {
    border: 1px solid rgba(255,255,255,0.25) !important;
    border: 2px solid #0099d8 !important;
    border: 2px solid rgba(0, 153, 216, 0.268) !important;
    border-color:rgba(255, 255, 255, 0.25) !important;
    
    /* top: -2.25rem !important; */
    top: -2rem !important;
    position: relative !important;
    padding: 3vmax 3vmax 3vmax 3vmax !important;
    border-radius:1rem;
    /* background-color:rgba(0,0,0,0.4) !important; */
    /* background-color: rgba(20, 47, 78, 0.3) !important; */
    
    backdrop-filter: blur(15px); /* Stärke des Blur-Effekts */
}


.simplifier-tabs-v2 .w-tabs-sections:nth-of-type(2) {
    background: rgba(8,9,20,0.5) !important;
    /* border:0 !important; */
  }

  .simplifier-tabs-v2.w-tabs.style_radio3>.w-tabs-list .w-tabs-list-h {
   background-color: #0099d8 !important;
   border:0 !important;
  }
  
  .simplifier-tabs-v2.w-tabs.style_radio3>.w-tabs-list .w-tabs-item.active {
    color:#fff !important;
  }
 
 .w-tabs.style_radio3.layout_hor > .w-tabs-list .w-tabs-item:not(.active.with_icon) {
   transition: background-color 0.3s ease, color 0.3s ease; /* Transition hinzufügen */
 } 
  .w-tabs.style_radio3.layout_hor > .w-tabs-list .w-tabs-item:not(.active.with_icon):hover {
    background: rgba(0, 0, 0, 0.494);
  }
  
  .w-tabs.accordion>div>.w-tabs-section:last-child {
    border-bottom:0 !important;
  }

  .w-tabs.accordion>div>.w-tabs-section:first-child {
    border-top:0 !important;
  }
  
  .strategien-container {}

/* –––––––––––––––––––––––––––– submnavigation animation –––––––––––––––––––––––––––– */

.simp-submenu-maincontainer *{
    transition: none !important;
}

.subcontainer {}

.subcontainer.simp-submenu-maincontainer {}

.simp-submenu-maincontainer {}

.simp-submenu-maincontainer a {
  font-size: 0.9rem !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
}

.simp-submenu-maincontainer,
.simp-submenu-maincontainer.is_sticky,
.simp-submenu-maincontainer.is_sticky::before,
.simp-submenu-maincontainer.is_sticky .simp-submenu-maincontainer-inner,
.simp-submenu-maincontainer .simp-submenu-maincontainer-inner {
  /* transition: padding 0.2s ease-in-out, border-radius 0.2s ease-in-out, transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out; */
  transition: 
  padding 0.2s ease-in-out, 
  border-radius 0.2s ease-in-out, 
  transform 0.2s ease-in-out, 
  box-shadow 0.2s ease-in-out, 
  background 0.2s ease-in-out;
}

.simp-submenu-maincontainer.is_sticky {}

  .simp-submenu-maincontainer.is_sticky .simp-submenu-maincontainer-inner {}
  
  /* schein nach oben */
  .simp-submenu-maincontainer.is_sticky {
    z-index: 10; /* Hebt den Container vor anderen Elementen hervor */
    overflow: visible; /* Stellt sicher, dass der Schein nicht abgeschnitten wird */
  }
  
  /* anim –––––––––––––––––––––––––––– */
.simp-submenu-maincontainer::before {
      content: '';
      position: absolute;
      top: -18vh; /* Höhe des Scheins oberhalb des Containers */
      left:1.75rem !important;
      right:1.75rem !important;
      width: calc(100% - 3.5rem) !important;
      height: 18vh;
      z-index: 1; /* Legt das Pseudo-Element hinter das Haupt-Element */
      pointer-events: none; /* Verhindert Interaktionen */
      opacity: 0; /* Unsichtbar im Ausgangszustand */
      visibility: hidden; /* Nicht sichtbar und daher keine plötzliche Anzeige */
      background: linear-gradient(to bottom,  rgba(0,0,0,1) 39%,rgba(0,153,216,0.3) 100%);
      backdrop-filter: blur(10px); /* Blur-Effekt */
      transition: opacity 0.1s ease-in-out, visibility 0s linear 0.2s; /* Animation für Opazität und Verzögerung für Sichtbarkeit */ /* hochscrollen */      
  }
  
  .simp-submenu-maincontainer.is_sticky::before {
      opacity: 1; /* Sichtbar, wenn `.is_sticky` aktiv ist */
      visibility: visible; /* Sichtbar machen */
      transition: opacity 0.2s ease-in-out, visibility 0s linear 0s; /* Sichtbarkeit sofort aktivieren */ /* runterscrollen */
  }
  /* anim –––––––––––––––––––––––––––– off */
  
  .simp-submenu-maincontainer.is_sticky {
      /* Wenn die Klasse hinzugefügt wird, bleibt der Container gleich */
  }
  
  .simp-submenu-maincontainer.is_sticky::before {
      opacity: 1; /* Zielzustand: Sichtbar */
  }

.simp-submenu-maincontainer-inner {}

.simp-submenu-navcontainer {}

/* –––––––––––––––––––––––––––– korrektur, breite wie menüinhalt –––––––––––––––––––––––––––– */

.simp-submenu-maincontainer-inner {
  background: none !important;
  padding: 0px !important;
  border-top: 2px solid #0099d8 !important;
}

.simp-submenu-navcontainer {
  padding-right: 0px !important;
}

.simp-submenu-maincontainer-inner ul {
  margin-top:-2px !important;
  background: #0099d8;
  background: linear-gradient(0deg, rgba(0, 127, 179, 1) 0%, rgba(0, 153, 216, 1) 100%);
  padding: 7px 3vmax;
  border-radius: 0px 0px 30px 30px;
  position: relative;
}

.simp-submenu-maincontainer-inner ul:before {
  content: '';
  background: url(/wp-content/uploads/2024/12/submenu_l.png);
  left: -26px;
  width: 26px;
  height: 26px;
  top: 2px;
  position: absolute;
}

/* –––––––––––––––––––––––––––– korrektur, breite wie menüinhalt end –––––––––––––––––––––––––––– */
  
  /* subnav links */
  .simp-submenu-navcontainer.w-menu.style_blocks .menu>li>a {
    border-radius:1rem !important;    
  }
  
  .simp-submenu-navcontainer.w-menu.style_blocks .menu>li.current-menu-item>a {}
  
/* img full width */
.img-fullwidth img{
  width: 100% !important;
}

/* action box */
.w-iconbox strong {
  color:#fbb900 !important;
}

/* tabs vertikal sticky */
.sim-stickytabs .w-tabs-list-h {
  position: sticky;
  top: 13rem; /* Abstand vom oberen Rand */
  z-index: 1; /* Sicherstellen, dass das Element über anderen liegt */
  background: white; /* Optional: Hintergrund setzen, um Überlappungen zu vermeiden */
  padding: 1.5rem !important; /* Optional: Platz schaffen */
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1); /* Optional: Schatten für Sichtbarkeit */
}

  /* fix for tab in tab-content */
  .w-tabs-section-content .w-tabs-list-h {
    padding: .25em !important;
  }

.w-tabs.style_radio2>.w-tabs-list .w-tabs-item {
  -webkit-transition: all 250ms ease-in-out;
  -moz-transition: all 250ms ease-in-out;
  -ms-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
}

.w-tabs.style_radio2>.w-tabs-list .w-tabs-item.active {
  /* background:rgba(255,255,255,0.15) !important; */
  /* background: var(--color-alt-content-bg-alt-grad) !important; */
  background: #0099d8 !important;
  color:#fff !important;
  

}

  /* tabs in tabs bg color */
  .sim-stickytabs .accordion {
    background: #080914 !important;
  }
  
  .sim-stickytabs .accordion button:hover {
    background: rgba(34, 35, 43, 0.5);
  }
  
  /* tabs content inner v2 */
 /* .sim-stickytabs .w-tabs-section-content .w-tabs-section-content-h {
   padding:2.5rem !important;
 }
 
  .sim-stickytabs .w-tabs-section-content {
    padding:0 !important;
  } */
  /* tabs content inner v2 end */
  
/* tabelle in text */
.wpb_text_column table {
  border:0 !important;
}
.wpb_text_column table td {
  border:0;
  padding:0 !important;
  padding-bottom:15px !important;
}

/* Erste Spalte (erste td in jeder Zeile) */
.wpb_text_column table td:first-child {
  /* color:#0099d8; */
  color:#fff !important;
  text-align: right;
  padding-right:1.3rem !important;
  
  width: 30% !important;
}

/* Zweite Spalte (zweite td in jeder Zeile) */
.wpb_text_column table td:nth-child(2) {
  /* font-style: italic;  */
}

/* success stories */
.kunden-info-block {
  float:right;
}

  .kunden-info-block .w-text.icon_atleft i,
  .kunden-info-block .w-post-elm.post_custom_field.type_text i {
    min-width:30px !important;
    text-align: center !important;
  }
  
    .kunden-info-block a {
      color:rgba(255,255,255,0.70);
    }

/* tab inner container fix */
.w-tabs-section-content .vc_column_container>.vc_column-inner {
padding-left:0;
padding-right:0; 
}
  
/* social links dark */
.soc-icons-dark .w-socials-item a {
  /* background: #2b2c34 !important; */
}

/* hotspot-container */
.sim-hotspot-container {
  
}

  .sim-hotspot-content {
    
  }
  
    /* lightbox container fix */
    
    /* container verschoben */
    .ult-tooltipster-default {
    margin-left: -1rem;
    }
  
    /* box ist ausserhalb des contents! */
    .ult-tooltipster-default .ult-tooltipster-content h1,
    .ult-tooltipster-default .ult-tooltipster-content h2,
    .ult-tooltipster-default .ult-tooltipster-content h3,
    .ult-tooltipster-default .ult-tooltipster-content h4,
    .ult-tooltipster-default .ult-tooltipster-content h5,
    .ult-tooltipster-default .ult-tooltipster-content h6 {
      padding-top:0 !important;
    }
    
    .ult-tooltipster-default .ult-tooltipster-content p {
      font-size:max( 1.2em, 0.83vw ) !important;
      line-height:1.2 !important;
    }

/* downloads */
.download-textblock h3 {
    margin-bottom:1rem !important;
  }

.downloads-person-container {
  
}

  .downloads-person-inner {
    
  }

    .downloads-person-portraitbild {
      
    }
    
    .downloads-person-name {
      
    }
    
    .downloads-person-funktion {
      
    }
    
    .downloads-person-textfeld {
      
    }
    
    .downloads-person-firmenlogo {
      
    }

/* wpml navigation */

/* keine linie beim hovern */
.no-touch .w-nav.type_desktop .hover_underline .wpml-ls-item .w-nav-anchor.level_1 .w-nav-title:after {
    display: none !important; /* Linie nur für die Sprachauswahl entfernen */
}

/* höhe */
.wpml-ls-item img.wpml-ls-flag {
  margin-top:0.9rem !important;
}

.wpml-ls-flag {
  width: 30px; /* Einheitliche Breite */
  height: 30px; /* Einheitliche Höhe */
  border-radius: 50%; /* Rund machen */
  object-fit: cover; /* Sicherstellen, dass das Bild vollständig angezeigt wird */
  border: 2px solid transparent; /* Standard-Rahmen (transparent) */
  margin: 0 5px; /* Reduzierter Abstand zwischen den Flaggen */
  transition: all 0.3s ease; /* Sanfte Übergänge bei Hover */
}

/* Styling für die aktive Sprache */
.wpml-ls-current-language .wpml-ls-flag {
  border-color: #ffffff; /* Weißer Rahmen für die aktive Sprache */
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); /* Leichter Schatten */
  box-shadow: none !important; /* Entfernt eventuelle Schattenlinie */
}

/* Hover-Effekt für Flaggen */
.wpml-ls-flag:hover {
  border-color: #ffffff; /* Weißer Rahmen beim Hover */
  transform: scale(1.1); /* Leichtes Vergrößern beim Hover */
}

/* Abstände für die Navigation reduzieren */
.wpml-ls-item {
  padding: 0; /* Entferne zusätzliches Padding */
  margin: 0 5px; /* Weniger Abstand zwischen den Elementen */
}

/* Linie unterhalb der Flaggen beim Hover entfernen */
.wpml-ls-item a {
  text-decoration: none; /* Unterstreichung entfernen */
  border-bottom: none !important; /* Entfernt eventuelle Border-Linie */
  box-shadow: none !important; /* Entfernt eventuelle Schattenlinie */
  padding:0 !important;
}

.wpml-ls-item a:hover {
  text-decoration: none; /* Sicherstellen, dass keine Linie beim Hover erscheint */
  border-bottom: none !important; /* Keine Border beim Hover */
  box-shadow: none !important; /* Keine Schattenlinie beim Hover */
}
@media screen and (max-width: 768px) {
  /* Container für die Sprachumschaltung als Flexbox */
  
  .w-nav-list {
    backdrop-filter: blur(10px); /* Stärke des Blur-Effekts */
    background-color: rgba(255, 255, 255, 0.3); /* Transparenter Hintergrund */	
    
    padding-top:6.25vh !important;
  }
  
  /* fix scrolling */
  .l-subheader.at_middle { 
    line-height: 0 !important;
  }
  
  .wpml-ls-slot-3 {
    display: flex !important;
    flex-direction: row !important;
    justify-content: center; /* Zentrieren */
    align-items: center; /* Vertikal zentrieren */
    gap: 10px; /* Abstand zwischen den Icons */
  }

  /* Sicherstellen, dass die Sprachflaggen nebeneinander stehen */
  .wpml-ls-item {
    display: inline-block !important;
    margin: 0 5px; /* Abstand zwischen den Icons */
  }

  /* Entferne evtl. störende Stile */
  .wpml-ls-item a {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 !important;
  }

  /* Optional: Kleinere Icons für mobile Ansicht */
  .wpml-ls-flag {
    width: 25px !important;
    height: 25px !important;
  }
}

/* wpml nav end */

/* image with links */
.w-image a img:hover{
  opacity: 0.7 !important;
  
}

.w-image a img {
  -webkit-transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  -ms-transition: all 150ms ease-in-out;
  -o-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}




/* share */


.ShariffSC.simplifier {
  
}
  
  .ShariffSC.simplifier .shariff .shariff-buttons.buttonsize-large.theme-round li a {
    background:#ffffff !important;
    border:2px solid #ffffff !important;
  }
  
  .ShariffSC.simplifier .shariff .shariff-buttons.buttonsize-large.theme-round li a:hover{
    background:#000 !important;
    border:2px solid #000 !important;
    border:2px solid #ffffff !important;
  }
  
  .ShariffSC.simplifier .shariff .theme-round .shariff-icon svg path {
    fill: #000;
  }
  
  .ShariffSC.simplifier .shariff .theme-round .shariff-icon:hover svg path {
    fill: #fff;
  }
  
  .ShariffSC.simplifier  .shariff .buttonsize-large .shariff-icon svg {
    width: 30px !important;
        height: 18px !important;
        padding: 13px 0px !important;
  }
  /* 
  .ShariffSC.simplifier .w-vwrapper.align_center {
    align-items: flex-end !important; 
  } */

.post_content blockquote {
  font-size:1rem !important;
  color:#0099d8 !important;
}

  .post_content blockquote p strong,
  .post_content blockquote p {
    font-style: italic;
    line-height:1.4 !important;
  }
  
  
  .post_content blockquote cite,
  .post_content blockquote footer,
  .post_content blockquote p small {
    font-style: normal;
    color:#fff;
    opacity: 0.7;
    font-size:0.8rem !important;
  }

.post_content li {
  margin-bottom:0 !important;
}

/* logo fixes */
.w-post-elm.has_height img {
  object-fit: contain !important;
}

/* tab click-fix (subnav overlay) */

.w-tabs.simplifier-tabs-v2 button {
  /* position: relative !important;
  z-index: 10 !important;  */
}
.simp-submenu-maincontainer {
  /* z-index: 5; */
  padding-bottom:0 !important;
}

/* jobs */
.sjb-page .list-data .v1 {
  background:transparent !important;
}

.jobs-maincontent .job-features,
.jobs-maincontent .job-description h4,
.jobs-maincontent .sjb-detail header {
    display: none !important;
}

.jobs-maincontent .sjb-page {
  padding-top:0 !important; 
}

.jobs-maincontent .sjb-detail {
  margin-top:0 !important;
}

.jobs-maincontent .jobpost-form {
  margin-top:2rem !important;
}

.jobs-maincontent .jobpost-form .form-box h3 {
  font-size:1.0rem !important;
  line-height:1.5 !important;
}

.jobs-maincontent .form-box {
  padding: 1vmax !important;
  border-radius: 1rem !important;
  background: #2b2c34;
  border:0 !important;
}

.jobs-maincontent ul li {
  font-size:inherit !important;
  line-height: 1.5 !important;
}

.jobs-maincontent .jobpost-form label,
.jobs-maincontent .sjb-page .form-control {
  font-size:0.9rem !important;
  font-weight: 400 !important;
}

.jobs-maincontent .form-box input {
  color:#fff !important;
}

.jobs-maincontent .sjb-page .form-control {
  /* padding-left:2rem !important; */
  /* padding-right:2rem !important; */
}

.ui-datepicker .ui-state-default {
  background: #2b2c34 !important;
  border-color:#000 !important;
}
  .ui-datepicker .ui-state-default:hover {
    opacity: 0.7;
    color:#fff !important;
  }

.ui-datepicker-calendar thead {
  color:#fff !important;
}

.ui-datepicker-header {
  background: rgba(255,255,255,0.15) !important;
  background: #9E9DA3 !important;
  border:0 !important;
}

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
  display: none !important;
}

.ui-datepicker-title select {
  background: #fff !important;
}

button.btn.btn-primary.app-submit {
  font-family: var(--h1-font-family);
  font-size: 0.95em;
  line-height: 1 !important;
  font-weight: 500;
  font-style: normal;
  text-transform: none;
  letter-spacing: 0em;
  border-radius: 100px;
  padding: 0.9em 1.4em;
  background: #fbb900;
  border-color: rgba(255, 255, 255, 0.40);
  color: #000000 !important;
  padding: 15px 40px !important;
}

  button.btn.btn-primary.app-submit:hover {
    background: #ffcb3b !important;
    box-shadow: 0 0 30px 0 rgba(251,185,0,0.50);
    -webkit-box-shadow: 0 0 30px 0 rgba(251,185,0,0.50);
  }

.jobs-maincontent .file {
      position: relative;
      display: inline-flex;
      align-items: center;
      justify-content: space-between;
      width: 100% !important;
      /* max-width: 350px !important; */
      padding: 12px !important;
      border: 0px !important;
      background-color: #fff !important;
      border-radius: 0.5rem !important;
      font-size: 14px !important;
      color: #000 !important;
      cursor: pointer !important;
      transition: all 0.3s ease-in-out !important;
  }
  
  .jobs-maincontent .file:hover {
      /* border-color: #bbb !important; */
      background-color: #ccc !important;
  }
  
  .jobs-maincontent .file span {
      flex-grow: 1 !important;
      padding-left: 10px !important;
      overflow: hidden !important;
      text-overflow: ellipsis !important;
      white-space: nowrap !important;
      color: #666 !important;
  }
  
  .jobs-maincontent .file div {
      background-color: #ddd !important;
      padding: 6px 12px !important;
      border-radius: 0.5rem !important;
      font-weight: bold !important;
      color: #000 !important;
      transition: background 0.3s ease-in-out !important;
  }
  
  .jobs-maincontent .file div:hover {
      background-color: #bbb !important;
  }
  
  .jobs-maincontent .file input[type="file"] {
      position: absolute !important;
      left: 0 !important;
      top: 0 !important;
      width: 100% !important;
      height: 100% !important;
      opacity: 0 !important;
      cursor: pointer !important;
  }
  
.jobs-maincontent .sjb-page input[type="checkbox"], 
.jobs-maincontent .sjb-page input[type="radio"] {
  margin-top:0 !important;
}

.jobs-maincontent .form-group {
    display: flex !important;
    align-items: flex-start !important; /* Alles oben ausrichten */
    /* padding: 10px !important; */
    background: transparent !important;
    flex-direction: column !important;
}

.jobs-maincontent .form-group label {
    display: flex !important;
    align-items: flex-start !important; /* Text oben ausrichten */
    font-size: 0.9rem !important;
    color: #f9f9f9 !important; /* Helle Schrift für dunklen Hintergrund */
    cursor: pointer !important;
    flex-direction: row !important;
}

.jobs-maincontent .form-group input[type="checkbox"] {
    appearance: none !important;
    width: 24px !important;
    height: 24px !important;
    margin-right: 8px !important;
    border: 2px solid rgba(255,255,255,0.3) !important;
    background-color: transparent !important;
    border-radius: 3px !important;
    position: relative !important;
    cursor: pointer !important;
    transition: all 0.3s ease-in-out !important;
}

.jobs-maincontent .form-group input[type="checkbox"]:checked {
    background-color: #f9f9f9 !important;
    border-color: #f9f9f9 !important;
    position: relative !important;
}

.jobs-maincontent input[type=checkbox]:before {
  color:#000 !important;
}

.sjb-page .sjb-detail .list-data .v1 .jobpost-form label {
  margin-top:0 !important;
}
/* .jobs-maincontent .form-group input[type="checkbox"]:checked::after {
    content: '\2714' !important;
    font-size: 18px !important;
    color: #000 !important;
    position: absolute !important;
    left: 5px !important;
    top: 2px !important;
    font-weight: bold !important;
} */

.jobs-maincontent .form-group label:hover input[type="checkbox"] {
    border-color: #ddd !important;
}

#sjb-form-padding-button {
 float:right !important; 
}

.jobs-maincontent .sjb-page .sjb-detail .list-data .v1 .jobpost-form label.error {
  /* background:red !important;
  color:#fff !important; */
  color:red !important;
  padding:5px 10px !important;
  font-size:0.7rem !important;
}

#applicant-resume-error {
  /* margin-left:-10rem !important; */
  /* margin-top: 86px !important; */
  padding: 0 !important;
  margin: 0;
  margin-left: 0px !important;
  position: absolute;
  top: 51px;
}

/* liste */
.sjb-page .col-md-4 {
  width: 100% !important;
}

.list-view .v1 {
  border-radius:1rem;
  
  border-radius: 1rem !important;
  border-color: rgba(255, 255, 255, 0.20) !important;
  border-width: 1px !important;
  padding: 1.5vmax 2vmax 1.2vmax 2vmax !important;
  
  
}

.sjb-page .list-data .v1 {
  /* background:rgba(255,255,255,0.05) !important; */
}

  .list-view .v1 .job-date {
    display: none !important;
  }
  
  .sjb-apply-now-btn a {
    border-color: rgba(255, 255, 255, 0.20) !important;
    color:#fff !important;
    background:rgba(255,255,255,0.1);
    border-radius: 100px;
    padding:5px 20px !important;
   }
  
  .sjb-apply-now-btn a:hover {
    opacity: 0.7;
  }
  
  .job-description {
    color:#fff !important;
  }

/* .sjb-apply-now-btn a {
    font-family: var(--h1-font-family);
    font-size: 0.95em;
    line-height: 1 !important;
    font-weight: 500;
    font-style: normal;
    text-transform: none;
    letter-spacing: 0em;
    border-radius: 100px;
    padding: 0.9em 1.4em;
    background: #fbb900;
    border-color: rgba(255, 255, 255, 0.40);
    color: #000000 !important;
    padding: 15px 40px !important;
  }
  
    .sjb-apply-now-btn a:hover {
      background: #ffcb3b !important;
      box-shadow: 0 0 30px 0 rgba(251,185,0,0.50);
      -webkit-box-shadow: 0 0 30px 0 rgba(251,185,0,0.50);
    } */
    
    .sim-job-listing .sjb-page {
      padding:0 !important;
    }
    
    .sim-job-listing .grid-item {
      padding:0 !important;
    }
    
    .sjb-page .list-data .v1 {
      margin-top:0 !important;
      margin-bottom:2rem !important;
    }




/* –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
/* –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
/* –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
  
/* Extra small devices (phones, 600px and down) XR */
@media only screen and (max-width: 600px) {

  .simplifier-tabs-v2.v2_1.mobile-tabs .w-tabs-sections {
    padding:0 3vmax !important;
  }

  #openmind i {
    width:30px !important;
  }

  .jobs-detailseite .vc_column-inner,
  .sjb-page {
    padding:0 !important;
  }
  
  .jobs-detailseite .vc_column-inner {
    
  }
  
  .nopadding .w-tabs-section-content .w-tabs-section-content-h {
    padding-left:0 !important;
    padding-right:0 !important;
  }
  
  /* strategiien tabs in tabs */
  .mobiletabfix-leftright .w-tabs-section-content .w-tabs-section-content-h,
  .mobiletabfix-leftright .w-tabs-section-content-h,
  .mobiletabfix-leftright .w-tabs-section-header,
  .mobiletabfix-leftright .w-tabs-section-content  {
    padding-left:0 !important;
    padding-right:0 !important;
  }
  
  .simnews_block {
    /* width:50% !important; */
  }
  
  .w-tabs.accordion>div>.w-tabs-section.active .w-tabs-section-content {
    /* margin-bottom:1.5rem !important; */
    padding-bottom:0 !important;
  }
  
  .w-tabs-section-content .simplifier-tabs-v2 .w-tabs-sections:nth-of-type(2) .w-tabs-section-content-h,
  .w-tabs-section-content .simplifier-tabs-v2 .w-tabs-sections:nth-of-type(2) {
    top:0 !important;
    border:0 !important;
    background:none !important;
    padding:0 !important;
    margin-bottom:25px !important;
  }
  
  .w-tabs-section-content .simplifier-tabs-v2 .w-tabs-sections:nth-of-type(2) .w-tabs-section-title {
    font-weight:700 !important;
    color:#fff !important;
  }
  
  /* macher mindset, low code / tabs mobile fix */
  .w-tabs-section-content .w-tabs-section-content-h,
  .machermindset .w-tabs-section-content .w-tabs-section-content-h {
    padding:0 2rem !important;
    /* padding:0 2rem 1rem 2rem !important; */
    margin-bottom:2rem !important;
  }
  
  /* referenzen, padding tabs mobile fix */
  body .ref_block_mobile .w-tabs-section-content .w-tabs-section-content-h, .machermindset .w-tabs-section-content .w-tabs-section-content-h {
        padding: 0 0rem !important;
    }
    
  /* jetzt machen tab fix */
  .mobile-tabs .w-tabs-section-content-h {
    padding-left:0 !important;
    padding-right: 0 !important;
  } 
  
  
  /* filter in tabs */
  .akt_block .state_mobile.open .w-filter-list-closer,
  .akt_block .state_mobile.open .w-filter-list {
    margin-top:60px !important;
    /* margin-bottom:-200px !important; */
  }
  
  .akt_block .w-filter-list-panel {
    top:70vh !important;
  }

  .macher-stimmen-logo {
    width:40%;
  }
  
  /* tabs */
  .simplifier-tabs-v2 button {
    font-size:1rem !important;
  }
  
  
    /* subnav */
  .fullbgcontainer .simp-submenu-maincontainer-inner .vc_column-inner {
    padding:0 !important;
    }
    
    .simp-submenu-navcontainer.w-menu.style_blocks .menu>li>a {
      margin-bottom:-0.5rem !important;
    }
    
      .simp-submenu-navcontainer.w-menu.style_blocks .menu>li>a :last-child {
        margin-bottom:-1rem !important;
      }
    
    .simp-submenu-navcontainer.w-menu.style_blocks .menu>li>a {
      font-size:1.0rem !important;
      text-align: center;
    }
    
    .simp-submenu-navcontainer {
      padding-left:0 !important;
    }
    
    .simp-submenu-maincontainer-inner ul:before {
      display: none !important;;
    }
    
    /* subnav end */
  
  .vc_column_container>.vc_column-inner {
    padding-left:0.5rem;
    padding-right:0.5rem;
    
    padding-left:1rem;
    padding-right:1rem;

  }
  
  h3.w-iconbox-title {
    font-size:1.4em !important;
  }
  
  /* .fullbgcontainer .vc_column-inner  */
  .fullbgcontainer > .l-section-h > .g-cols > .wpb_column > .vc_column-inner {
    /* padding-top:2.5rem !important; */
    /* padding-top:4rem !important; */
    padding-top:13vh !important;
  }
  
  .share-container .shariff ul {
      display: flex;
      flex-flow: row wrap;
      padding: 0 !important;
      margin: 0 !important;
  }
  
  .share-container .shariff.shariff-align-flex-end ul {
      justify-content: flex-start !important;
      align-items: flex-start !important;
  }

  .kunden-info-block {
    float:left;
  }
  
  /* tabelle mindset responsive */
  .tabelle-mindset table {
      width: 100%;
      border-collapse: collapse;
  }
  
  .tabelle-mindset tbody tr {
      display: flex;
      flex-direction: column;
      margin-bottom: 20px; /* Abstand nach jeder Zeile */
  }
  
  .tabelle-mindset tbody td {
      display: block;
      padding: 10px 0; /* Vertikaler Abstand innerhalb der Zellen */
  }
  
  .tabelle-mindset tbody td:first-child {
      font-weight: bold;
      
      
      font-weight: bold;
      margin-bottom: 0px;
      width: 100% !important;
      text-align: left;
      line-height: 1;
  }
  
  .tabelle-mindset tbody td:last-child {
      border-bottom: 1px solid rgba(255,255,255,0.1);
      /* margin-bottom: 10px;
      padding-bottom: 10px; */
  }
  /* tabelle mindset responsive */
  
  .sim-stickytabs .accordion {
    background: transparent !important;
  }
  
  .simplifier-tabs-v2 .w-tabs-sections:nth-of-type(2) {
    /* top:0 !important; */
  }
  
  .g-cols.via_grid>.wpb_column.stretched,
  .mobile-stretchedfix {
    margin-left:0rem !important;
    margin-right:0rem !important;
  }
  
} 

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {

} 

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
  
} 

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {

} 

/* Extra large devices (large laptops and desktops, 1440px and up) MS */
@media only screen and (min-width: 1440px) {
  
  /* full bg container fix */
  .fullbgcontainer .vc_column_container>.vc_column-inner {
    padding-left:0 !important;
    padding-right:0 !important;
  }
  
  /* jobs liste */
  .sjb-page .list-data .v1 .job-description div {
    width:70%;
    position: relative;
    float: left;
  }
  
  .sjb-page .list-data .v1 .job-description div.sjb-apply-now-btn {
    width: 30%;
    position: relative;
    float: left;
    text-align: right;
  }
  
}

/* Extra large devices (large laptops and desktops, 1600px and up) SA */
@media only screen and (min-width: 1600px) {

}

/* Extra large devices (large laptops and desktops, 1700px and up) SA +1 */
@media only screen and (min-width: 1700px) {
  
}
  
/* Extra large devices (large laptops and desktops, 2300px and up) SA +2 */
@media only screen and (min-width: 2300px) {
    
}


/*-----------------------------------------------------------------------------------*/
/*  */
/*-----------------------------------------------------------------------------------*/

.float_left {
  float:left !important;
}

.job-title {
    word-break: break-word;
}

/* .shariff-buttons li {
  -moz-transform: scale(0.5);
  -webkit-transform: scale(0.5);
  -o-transform: scale(0.5);
  -ms-transform: scale(0.5);
  transform: scale(0.5);
} */

.shariff .shariff-buttons.buttonsize-large.theme-round li {
  margin:4px !important;
}

.footer-link-2,
.footer-link-2 a {
  color:#bababa!important
}

.footer-link-2 a:hover {
  color:#0099d8 !important;
}

/* forms dsgvo */
.simplifier-form-check {
  
}

/* complianz */
.cmplz-placeholder-1 {
  background: transparent !important;
}

.cmplz-blocked-content-container {
 box-shadow:none !important;
}

.cmplz-blocked-content-container .cmplz-blocked-content-notice {
  padding:30px 20px !important;
  
  border-radius:10px !important;
  
  background: #022f4e !important;
  
  font-size:1rem !important;
}

button.cmplz-accept-service {
   background: #fff !important;
   color:#000 !important;
   border-radius:100px !important;
   padding:5px 20px !important;
   
   -webkit-transition: all 250ms ease-in-out;
   -moz-transition: all 250ms ease-in-out;
   -ms-transition: all 250ms ease-in-out;
   -o-transition: all 250ms ease-in-out;
   transition: all 250ms ease-in-out;
}

  .cmplz-blocked-content-container .cmplz-links a:hover,
  button.cmplz-accept-service:hover {
    background:#0099d8 !important;
    color:#fff !important;
  }
  
  .cmplz-blocked-content-container .cmplz-links a{
    background:rgba(0,0,0,0.5);
    border-radius:100px !important;
     padding:5px 20px !important;
  }
  
  .cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links {
    margin:1.5rem 0 !important;

  }
  
  @keyframes zoomInOut {
      0% {
          transform: scale(1); /* Ausgangsgröße */
      }
      50% {
          transform: scale(1.05); /* Leichtes Vergrößern */
      }
      100% {
          transform: scale(1); /* Zurück zur Ausgangsgröße */
      }
  }
  
  button.cmplz-accept-service {
      animation: zoomInOut 1s ease-in-out infinite; /* Dauer 3s, sanftes Ein- und Auszoomen, unendlich wiederholen */
      transform-origin: center center; /* Skalierung von der Mitte des Buttons */
  }
  
  
  
/* Extra small devices (phones, 600px and down) XR */
  @media only screen and (max-width: 600px) {
  
  } 
  
  /* Small devices (portrait tablets and large phones, 600px and up) */
  @media only screen and (min-width: 600px) {
  
  } 
  
  /* Medium devices (landscape tablets, 768px and up) */
  @media only screen and (min-width: 768px) {
    
  } 
  
  /* Large devices (laptops/desktops, 992px and up) */
  @media only screen and (min-width: 992px) {
  
  } 
  
  /* Extra large devices (large laptops and desktops, 1200px and up) MS */
  @media only screen and (min-width: 1200px) {
    .fullbgcontainer > .l-section-h > .g-cols > .wpb_column > .vc_column-inner {
      padding-top:8vh !important;
    }
  }
  
  /* Extra large devices (large laptops and desktops, 1440px and up) MS */
  @media only screen and (min-width: 1440px) {

  }
  
  /* Extra large devices (large laptops and desktops, 1600px and up) SA */
  @media only screen and (min-width: 1600px) {
  
  }
  
  /* Extra large devices (large laptops and desktops, 1700px and up) SA +1 */
  @media only screen and (min-width: 1700px) {
    
  }
    
  /* Extra large devices (large laptops and desktops, 2300px and up) SA +2 */
  @media only screen and (min-width: 2300px) {
      
  }
  
