:root {
  --xprimary: #a0ca82;
  --xprimary2: #669445;
}

@font-face {
  font-family: 'AltoPro';
  font-style: normal;
  font-weight: 300;
  src: url('/__assets/fonts/AltoPro-Normal.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/__assets/fonts/AltoPro-Normal.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/__assets/fonts/AltoPro-Normal.woff') format('woff'), /* Modern Browsers */
       url('/__assets/fonts/AltoPro-Normal.ttf') format('truetype'), /* Safari, Android, iOS */
}
@font-face {
  font-family: 'AltoPro-Bold';
  font-style: normal;
  font-weight: 300;
  src: url('/__assets/fonts/AltoPro-Bold.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/__assets/fonts/AltoPro-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/__assets/fonts/AltoPro-Bold.woff') format('woff'), /* Modern Browsers */
       url('/__assets/fonts/AltoPro-Bold.ttf') format('truetype'), /* Safari, Android, iOS */
}




#element::-webkit-scrollbar {
  display: none;
}
::-webkit-scrollbar {
  width: 12px;
}
::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);
}
::-webkit-scrollbar-thumb {
  background-color: var(--xprimary);
}




#scrollTop:after, #scrollTop:before,
.heading-text.heading-section h2:before,
.post-item .post-image .post-meta-category, .post-item .post-slider .post-meta-category, .post-item .post-video .post-meta-category, .post-item .post-audio .post-meta-category, .post-item .post-quote-img .post-meta-category 
{
  background-color: var(--xprimary);
}

button.btn, .btn:not(.close):not(.mfp-close), a.btn:not([href]):not([tabindex]) {
  background-color: var(--xprimary);
  border-color: var(--xprimary);
}

button.btn:hover, button.btn:focus, button.btn:not(:disabled):not(.disabled):active, button.btn:not(:disabled):not(.disabled).active, .btn:not(.close):not(.mfp-close):hover, .btn:not(.close):not(.mfp-close):focus, .btn:not(.close):not(.mfp-close):not(:disabled):not(.disabled):active, .btn:not(.close):not(.mfp-close):not(:disabled):not(.disabled).active, a.btn:not([href]):not([tabindex]):hover, a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):not(:disabled):not(.disabled):active, a.btn:not([href]):not([tabindex]):not(:disabled):not(.disabled).active
{
  background-color: var(--xprimary2);
  border-color: var(--xprimary2);
}

a:not(.btn):not(.badge):hover, a:not(.btn):not(.badge):focus, a:not(.btn):not(.badge):active,
#mainMenu nav > ul > li.hover-active > a, #mainMenu nav > ul > li.hover-active > span, #mainMenu nav > ul > li.current > a, #mainMenu nav > ul > li.current > span, #mainMenu nav > ul > li:hover > a, #mainMenu nav > ul > li:hover > span, #mainMenu nav > ul > li:focus > a, #mainMenu nav > ul > li:focus > span {
  color: var(--xprimary);
}




body { font-size: 1.1rem }
body,h1,h2,h3,h4,h5,h6,p { font-family: 'AltoPro', 'Poppins'; }
body, p { font-size: 16px; }

#header {
  top: 50px;
  height: 200px;
}
#header .logo {
  max-height: 90px;
  transform: translate(-5px, -20px);
}

/*@media (max-width: 991.98px) {*/
  body.breakpoint-xs #header {
    top: unset !important;
    height: unset !important;
    position: fixed !important;
  }
  body.breakpoint-xs #header .logo {
    transform: unset !important;
  }
  body.breakpoint-xs #mleft {
    text-align: left !important;
  }
  body.breakpoint-xs #mright {
    padding-top: 0 !important;
  }
  body.breakpoint-xs #mainMenu {
    overflow-y: auto !important;
  }
  body.breakpoint-xs #vidblock .p-150 {
    padding: 50px !important;
  }
  body.breakpoint-xs #projekte .offset-1 {
    margin-left: 0 !important;
  }
/*}*/


@media (max-width: 768px) {
  #header {
    top: unset !important;
    height: unset !important;
    position: fixed !important;
  }
  #header .logo {
    transform: unset !important;
  }
  #mleft {
    text-align: left !important;
  }
  #mright {
    padding-top: 0 !important;
  }
  #mainMenu {
    overflow-y: auto !important;
  }
  #vidblock .p-150 {
    padding: 50px !important;
  }
  #projekte .offset-1 {
    margin-left: 0 !important;
  }
}

/*
@media (max-width: 1024px) {
  #header {
    top: unset !important;
    height: unset !important;
    position: fixed !important;
  }
  #header .logo {
    transform: unset !important;
  }
  #mleft {
    text-align: left !important;
  }
  #mright {
    padding-top: 0 !important;
  }
  #mainMenu {
    overflow-y: auto !important;
  }
  #vidblock .p-150 {
    padding: 50px !important;
  }
  #projekte .offset-1 {
    margin-left: 0 !important;
  }
}
*/


#header.header-sticky.sticky-active .logo {
  max-height: 60px;
  transform: translate(0px, -2px);
}

#header.header-sticky.sticky-active .header-inner {
  border-bottom: solid 1px #A0CA82;
}

.heading-text.heading-section h2:before {
  background-color: #A0CA82;
}

#header li a {
  font-family: 'AltoPro', 'Poppins';
  font-size: 16px;
  font-weight: 500;
  color: #625d59;
  letter-spacing: 0.8px;
  text-transform: normal;
  transition: all 0.3s ease-out;
}
#header li a:hover {
  color: #a0ca82;
  /*text-decoration: underline;*/
}


#kompetenzen .icon-box.border .icon {
  border-color: var(--xprimary);
}
#kompetenzen .icon-box.border .icon i {
  color: var(--xprimary);
}

#kompetenzen .icon-box .icon i:after{
  box-shadow: 0 0 0 3px var(--xprimary);
} 

#footer a:hover {
  color: #625d59 !important;
  text-decoration: underline;
}


.bar .menu-horizontal {
    position: relative;
    top: 6px;
}

.menu-horizontal {
    top: -5px !important;
}

@media (min-width: 990px)
.menu-horizontal {
    display: inline-block;
}

ul:last-child {
    margin: 0;
}

ul, ol {
    list-style: none;
    line-height: 1.85714286em;
}

.text-right {
    text-align: right !important;
}

@media (min-width: 990px) {
  .menu-horizontal li:not(:last-child) {
    margin-right: 1.23809524em;
  }

  .menu-horizontal > li:not(:last-child) {
    margin-right: 1.85714286em;
  }
  .menu-horizontal > li {
    display: inline-block;
  }
}
.menu-horizontal > li, .menu-vertical > li {
  font-family: 'AltoPro', Sans-Serif;
}



#einleitung ul {
  list-style: circle;
  padding-left: 50px;
}