/* ********************************* header ***************************/

#sp-header {
  box-shadow: 0 0 0 0;
  background-color: rgba(255,255,255,0) !important;
}

@media (max-width: 1199.98px) and (min-width: 992px) {
  #sp-logo {
    width: 22%;      
  }
  #sp-menu {
    width: 78%;
    padding-left: 0;
  }
  .sp-megamenu-parent > li > a {
    margin: 0 10px !important;
  }
}

@media (min-width: 768px) {
  #sp-header {
    padding: 0 5vw !important;
  }
  .logo {
    padding: 5px 10px;
    background: #fff;
    height: 80px !important;
  }
}

@media (max-width: 767.98px) {
  #sp-header {
    padding: 0 5vw !important;
  }
  .logo {
    padding: 5px 10px;
    background: #fff;
    height: 75px !important;
  }
}

/* ******************************* Menü ******************/

.sp-megamenu-parent {
  margin: 20px -15px 0 0;
}

.sp-megamenu-parent > li.active > a {
  border-top: 1px solid #93c12d;
}

.sp-megamenu-parent > li > a:hover {
  border-top: 1px solid #93c12d;
  transition: .5s;
}

.sp-megamenu-parent > li > a {
  font-weight: 300 !important;
  line-height: 50px;
  padding: 0;
  margin: 0 15px;
}

.sp-megamenu-parent > li:last-child > a {
  padding: 0;
}

#offcanvas-toggler {
  position: absolute;
  top: 15px;
  right: 15px;
}

#offcanvas-toggler .burger-icon > span {
  background-color: #fff;
}

/********************* Offcanvas-Menü ************************/

.offcanvas-menu {
    background-color: #fff;   
}

.offcanvas-menu .offcanvas-inner {
    padding: 0 25px 25px 25px;
}

.offcanvas-menu .offcanvas-inner ul.menu > li a, .offcanvas-menu .offcanvas-inner ul.menu li.active a {
  font-weight: 300;
  color: #2f313e !important;
}

.offcanvas-menu .offcanvas-inner ul.menu > li a:hover {
  font-weight: 300;
  color: #93c12d !important;
}

body.ltr .close-offcanvas {
  right: 25px;
}

.close-offcanvas .burger-icon > span {
  background: #93c12d;
}


/* ************************* Formulare ********************/

.sppb-form-check {
  margin: 0px 0px 20px;
  padding: 0px 15px;
  max-width: 99%;
  text-align: left;
}

.sppb-form-check-label {
  max-width: 99%;
}

label {
  font-size: unset;
  font-weight: 300;
}

.sppb-addon-form-builder {
    text-align: center;
}

.sppb-addon-form-builder .sppb-form-check-label::before {
  border: 1px solid #93c12d !important;
  border-radius: 0;
}

@media (min-width: 768px) {
  #ni-kontakt-formular .sppb-form-group.sppb-form-builder-field-2 {
    border-bottom: 1px solid #93c12d;
    width: calc(50% - 15px) !important;
    padding: 0px 15px 80px 0px !important;
    margin: 0 0 60px 15px !important;
  }
  #ni-kontakt-formular .sppb-form-group.sppb-form-builder-field-3 {
  padding: 0px 0px 80px 15px !important;
    border-bottom: 1px solid #93c12d;
    width: calc(50% - 15px) !important;
    margin-bottom: 60px !important;
  }
  #ni-kontakt-formular .sppb-form-group.sppb-form-builder-field-20 {
    padding: 60px 0px 0px 0px !important;
    border-top: 1px solid #93c12d;
    margin: 40px 0 60px 15px !important;
    width: calc(100% - 30px) !important;
  }
}

@media (max-width: 767.98px) {
  #ni-kontakt-formular .sppb-form-group.sppb-form-builder-field-3 {
    padding: 0px 0px 50px 0px !important;
    border-bottom: 1px solid #93c12d;
    margin-bottom: 40px !important;
    width: calc(100% - 30px) !important;
    margin-left: 15px;
    }
  #ni-kontakt-formular .sppb-form-group.sppb-form-builder-field-20 {
    padding: 40px 0px 0px 0px !important;
    border-top: 1px solid #93c12d;
    margin: 35px 0 40px 15px !important;
    width: calc(100% - 30px) !important;
  }
}

@media (max-width: 575.98px) and (min-width: 400px) {
  #sppb-addon-wrapper-_Ad2MMbSHNH2n1_Ufbw6g {
    padding: 0 5vw;
  }
}

.sppb-ajax-contact-status {
  margin: 30px auto 20px auto !important;
}

.sppb-text-success, .sppb-text-danger {
  font-weight: 300 !important;
  font-style: normal;
}

.sppb-text-success {
  color: #fff;
}

/************** Elemente, Größen und Abstände **************/
p:last-child, .ni-ul li:last-child, ul {
  margin-bottom: 0 !important;
}

.trennung {
  -webkit-hyphens: auto;
  hyphens: auto;
}

.ni-ul {
  list-style: none;
  padding-left: 0;
}

.ni-ul li {
  position: relative;
  margin-bottom: 20px;
  padding-left: 30px;
}

.ni-ul li:before {
  content: "\f067";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  left: 0;
  color: #93c12d;
  font-size: .8em;
}

.sppb-btn {
  font-weight: 200;
  font-size: unset;
  letter-spacing: 1px;
  max-width: 240px;
}

@media (max-width: 767.98px) {
  .ni-col-max500 {
    max-width: 500px;
    margin: 0px auto;
  }
}

/************ Sonstiges Speziell *****************/

/*Buttons Zertifikate */ #ni-zertifizierung-zertifikate .sppb-button-wrapper {
  display: flex;
  justify-content: center;
}

#ni-zertifizierung-zertifikate .sppb-btn {
  width: 240px;
}

#ni-shop-hero .sppb-btn {
  width: 270px;
  max-width: 270px;
}

/* Buttons Kontakt Hero und Shop Hero */
@media (max-width: 767.98px) {
  #ni-kontakt-hero .sppb-button-wrapper {
    display: flex;
    justify-content: center;
  }
  #ni-kontakt-hero .sppb-btn {
    width: 240px;
  }
  #ni-shop-hero .sppb-btn {
     margin: 0 auto;
     width: 245px;     
  } 
}

/* Logo im Impressum */#ni-imp-imp img {
  width: auto;
}

.sp-scroll-up {
  right: 15px;
  bottom: 15px;
}

.sp-scroll-up:hover {
  background: #93c12d;
}

/********** Sections, Größen, Abstände, Design ****************/
#sp-main-body {
  margin-top: -80px;
}

.ni-sec-hero, #ni-home-hero .sp-slider-outer-stage {
  height: calc(100vh + 80px) !important;
}

@media (min-width: 1400px) {
  .ni-d-none-ab1400 {
    display: none;
  }
  #sppb-addon-3viXdoL088IU_aIQn09qI {
    box-shadow: unset !important;
  }
}

@media (min-width: 1100px) {
  .ni-d-992bis1099 {
    display: none !important; 
  }
  #sppb-addon-hejl4NBlf_7n56uSsMnnU, #sppb-addon-X-V2r-xkD9w7sMKPdreB3 {
    box-shadow: unset !important;
  }
}

@media (min-width: 992px) {
    #ni-home-hero-text {
    position: absolute !important;
    top: 30vh;
    left: 15vw;
  }
  #ni-home-hero .sp-slider-outer-stage {
    min-height: 760px !important;
  }
  .ni-d-md {
    display: none;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  #ni-home-hero-text {
    position: absolute !important;
    top: 25vh;
    left: 15vw;
  }
  #ni-home-hero .sp-slider-outer-stage {
    min-height: 730px !important;
  }
}

@media (max-width: 767px) {
  #ni-home-hero-text {
    position: absolute !important;
    top: 20vh;
    left: 50%;
    transform: translateX(-50%);
  }
  #ni-home-hero .sp-slider-outer-stage {
    min-height: 700px !important;
  }
  #ni-home-leistungen, #ni-zertifizierung-hero {
    background-image: url(/images/nawi-it-hardware01-750x1350-overlay-60.jpg) !important;
  }
  #ni-home-vorteile, #ni-imp-hero {
    background-image: url(/images/nawi-it-bauteil01-750x1350-overlay-60-HeungSoon.jpg) !important;
  }
  #ni-kontakt-hero, #ni-shop-hero {
    background-image: url(/images/nawi-it-hardware03-750x1350-overlay-60.jpg) !important;
  }
  #ni-kontakt-formular, #ni-imp-haftung {
    background-image: url(/images/nawi-it-home-hero-slider01-750x1350-overlay-60-Andreas--Lischka.jpg) !important;
  }
  #ni-ds-hero {
    background-image: url(/images/nawi-it-home-hero-slider03-750x1350-overlay-60.jpg) !important;    
  }
}

/********************* Fonts *************************/

/* work-sans-200 - latin */
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 200;
  src: url('../local-fonts/work-sans-v18-latin-200.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../local-fonts/work-sans-v18-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../local-fonts/work-sans-v18-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
       url('../local-fonts/work-sans-v18-latin-200.woff') format('woff'), /* Modern Browsers */
       url('../local-fonts/work-sans-v18-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../local-fonts/work-sans-v18-latin-200.svg#WorkSans') format('svg'); /* Legacy iOS */
}
/* work-sans-300 - latin */
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../local-fonts/work-sans-v18-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../local-fonts/work-sans-v18-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../local-fonts/work-sans-v18-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../local-fonts/work-sans-v18-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../local-fonts/work-sans-v18-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../local-fonts/work-sans-v18-latin-300.svg#WorkSans') format('svg'); /* Legacy iOS */
}
/* work-sans-regular - latin */
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../local-fonts/work-sans-v18-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../local-fonts/work-sans-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../local-fonts/work-sans-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../local-fonts/work-sans-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../local-fonts/work-sans-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../local-fonts/work-sans-v18-latin-regular.svg#WorkSans') format('svg'); /* Legacy iOS */
}

body, #sp-footer {
  font-family: 'Work Sans', sans-serif !important;
}

h1, h2, h3, h4, .sp-megamenu-parent > li > a {
  font-family: 'Work Sans', sans-serif !important;
  text-transform: uppercase;
}

@media screen and (min-width: 1440px) {
  body {
    font-size: 20px !important;
  }
  .sppb-btn {
    font-size: 18px !important;
  }
}