/**
main
 */
body {
  background: #ffffff;
  font-family: "Open Sans", sans-serif;
  margin: auto;
  font-size: 16px;
  color: #2B2E34;
}
body h1, body .h1 {
  font-size: 3em;
  line-height: 1.1;
  font-weight: 900;
  margin-bottom: 12px;
  padding-bottom: 0;
  color: #004d9e;
}
body h2, body .h2 {
  font-size: 1.75em;
  margin-bottom: 16px;
  padding-bottom: 0;
}
body h3, body .h3 {
  font-size: 1.5em;
  font-weight: 100;
  margin-bottom: 0;
  padding-bottom: 0;
}
body h4, body .h4 {
  font-size: 1.1em;
  margin-bottom: 0;
  padding-bottom: 0;
}
body h1, body .h1,
body h2, body .h2,
body h3, body .h3,
body h4, body .h4 {
  letter-spacing: -1px;
  font-family: "itc-benguiat", sans-serif;
}
body h1:after, body .h1:after,
body h2:after, body .h2:after,
body h3:after, body .h3:after,
body h4:after, body .h4:after {
  content: none !important;
}
body p {
  font-weight: 400;
  line-height: 1.5;
  margin: inherit;
}

.ce-headline-center:after {
  left: 50% !important;
  margin-left: -15px !important;
}

.accordion-outer-wrap {
  width: 100%;
}
.accordion-outer-wrap .ui-accordion-header {
  background-color: #D4D67A;
  color: #2B2E34;
}
.accordion-outer-wrap .ui-accordion-header .ui-accordion-header-icon:before, .accordion-outer-wrap .ui-accordion-header .ui-accordion-header-icon:after {
  border-color: #2B2E34;
}
.accordion-outer-wrap .ui-accordion-content {
  background-color: #004D9E;
}

main .container {
  max-width: 1200px;
}
main .columnHeight-2 > .container > .row > * {
  height: 400px;
}
main > .no-grid {
  max-width: 1200px;
}
main .ce-textpic.ce-above .ce-gallery {
  margin-bottom: 15px;
}
main > .frame > .container > .row {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  overflow: hidden;
}
main ul li {
  color: #2B2E34;
}
main ul li:before {
  background-color: #4d4d4d;
}
main ul li:before {
  width: 6px;
  height: 6px;
  margin-top: -3px;
  border-radius: 100%;
}

main > .container-color-none > .ce-textpic {
  background: white;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  overflow: hidden;
}

/**
footer
 */
footer nav {
  background: #ffffff;
  color: #2B2E34;
  max-width: 1232px;
  margin: auto;
}
footer nav ul a {
  font-weight: 100;
}
footer nav ul.level_1 {
  justify-content: space-between;
  padding: 47px 15px;
}
footer nav ul.level_1 li {
  width: auto !important;
  margin: 5px 16px 1em;
}
footer nav ul.level_1 li img {
  height: 20px;
  width: auto;
}

/**
grid
 */
main .frame-layout-padding2 .ce-textpic.ce-above {
  padding: 0;
}
main .frame-layout-padding2 .ce-textpic.ce-above .ce-gallery + .ce-bodytext {
  padding: 33px 30px 48px;
}
main .grid-columns-color-color3 > .container > .row {
  background-color: #E7E7E7;
}
main .grid-columns-color-color2 > .container > .row {
  background-color: #004D9E;
}
main .grid-columns-color-color1 > .container > .row {
  background-color: #D4D67A;
}
main .grid-columns-color-color1 > .container > .row h1, main .grid-columns-color-color1 > .container > .row .h1,
main .grid-columns-color-color1 > .container > .row h2, main .grid-columns-color-color1 > .container > .row .h2,
main .grid-columns-color-color1 > .container > .row h3, main .grid-columns-color-color1 > .container > .row .h3,
main .grid-columns-color-color1 > .container > .row h4, main .grid-columns-color-color1 > .container > .row .h4,
main .grid-columns-color-color1 > .container > .row p {
  color: #2B2E34;
}
main .container-color-color3 {
  background-color: #E7E7E7;
}
main .container-color-color2 {
  background-color: #004D9E;
}
main .container-color-color1 {
  background-color: #D4D67A;
}
main .container-color-color1 h1, main .container-color-color1 .h1,
main .container-color-color1 h2, main .container-color-color1 .h2,
main .container-color-color1 h3, main .container-color-color1 .h3,
main .container-color-color1 h4, main .container-color-color1 .h4,
main .container-color-color1 p {
  color: #2B2E34;
}

.nav-tabs .nav-item {
  border: 1px solid #004D9E;
  color: #004D9E;
}
.nav-tabs .nav-item.active {
  background: #004D9E;
}

.grid-type-2col .frame-type-image {
  width: auto;
}

/**
elements
 */
body a.link-button {
  background-color: #004D9E;
  color: #fff;
  font-weight: bold;
  padding: 0.5em 1em;
  border-radius: 4px;
  border: none;
  line-height: 1.4;
}
body a.link-button.link-button-green {
  background-color: #D4D67A;
  color: #2B2E34;
}
body a.link-button + a.link-button {
  margin-top: 5px;
}

/**
keywords
 */
.keywords {
  background-color: #004D9E;
  color: #004D9E;
}

/**
banner
 */
.header-banner {
  overflow: visible;
}
.header-banner .header-banner-outer-wrap2 {
  overflow: hidden;
  max-height: 100%;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.header-banner .mediaWrap:before {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(31, 34, 38, 0.25);
  z-index: 1;
}
.header-banner .contentWrap {
  z-index: 2;
}

.header-banner-diamonds {
  max-width: 248px;
  width: 100%;
  position: absolute;
  bottom: -235px;
  right: 200px;
  z-index: 20;
}
.header-banner-diamonds .diamond-wrap {
  width: 100%;
}
.header-banner-diamonds .diamond-wrap img {
  width: 100%;
  height: auto;
}

/**
header
 */
.mobile-menu header .header-outer-wrap2 .header-outer-wrap {
  height: 72px;
}

header .header-outer-wrap2 .header-outer-wrap {
  height: 110px;
  position: relative;
  width: 100%;
  max-width: 1200px;
  border-radius: 0;
  top: 0;
}
header .header-outer-wrap2 .header-outer-wrap .side {
  width: 25%;
}
header .header-outer-wrap2 .header-outer-wrap .middle {
  width: 50%;
}
header .header-outer-wrap2 .header-outer-wrap .desktop .logo a {
  padding-left: 0 !important;
  justify-content: start;
}
header .header-outer-wrap2 .header-outer-wrap .mobile .menu {
  width: auto;
  padding: 0 5px;
}
header .header-outer-wrap2 .header-outer-wrap .mobile .menu .hamburger-box {
  width: 24px;
  height: 16px;
}
header .header-outer-wrap2 .header-outer-wrap .mobile .menu .hamburger-box .hamburger-inner, header .header-outer-wrap2 .header-outer-wrap .mobile .menu .hamburger-box .hamburger-inner:after, header .header-outer-wrap2 .header-outer-wrap .mobile .menu .hamburger-box .hamburger-inner:before {
  background: #5D5C5C;
  height: 2px;
  width: 24px;
}
header .header-outer-wrap2 .header-outer-wrap .mobile .menu .hamburger-box .hamburger-inner:after {
  bottom: -7px;
}
header .header-outer-wrap2 .header-outer-wrap .mobile .menu .hamburger-box .hamburger-inner:before {
  top: -7px;
}
header .header-outer-wrap2 .header-outer-wrap .mobile .hamburger--3dx.is-active .hamburger-inner:before {
  transform: translate3d(0, 7px, 0) rotate(-45deg);
}
header .header-outer-wrap2 .header-outer-wrap .mobile .hamburger--3dx.is-active .hamburger-inner:after {
  transform: translate3d(0, -7px, 0) rotate(45deg);
}
header .header-outer-wrap2 .header-outer-wrap .static-header-info p {
  font-size: 12px;
  line-height: 1.5;
}
header .header-outer-wrap2 .header-outer-wrap .navigation li {
  margin: 0 10px;
  position: relative;
}
header .header-outer-wrap2 .header-outer-wrap .navigation li.active {
  color: #004d9e;
}
header .header-outer-wrap2 .header-outer-wrap .navigation li.active:before {
  content: "";
  display: block;
  position: absolute;
  width: 10px;
  height: 14px;
  background-image: url(/typo3conf/ext/c3local/Resources/Public/Assets/Icons/raute_blau.svg);
  background-position: center;
  background-size: contain;
  left: 0;
  right: 0;
  top: 24px;
  margin: auto;
}
header .header-outer-wrap2 .header-outer-wrap .navigation nav .level_2 {
  background-color: #004D9E;
}
header .header-outer-wrap2 .header-outer-wrap .navigation nav .level_2:before {
  border-bottom: 10px solid #004D9E;
}
header .header-outer-wrap2 .header-outer-wrap .navigation nav .level_3 {
  background-color: #D4D67A;
}
header .header-outer-wrap2 .header-outer-wrap .navigation nav .level_3:before {
  border-right: 10px solid #D4D67A;
}
header .header-outer-wrap2 .header-outer-wrap .mobile .navigation nav {
  background-color: #004D9E;
}
header .header-outer-wrap2 .header-outer-wrap .mobile .navigation nav .level_1 > li > a {
  color: white;
  padding: 24px 0;
}
header .header-outer-wrap2 .header-outer-wrap .mobile .navigation nav .level_1 > li:before {
  top: -1px;
  background-image: url(/typo3conf/ext/c3local/Resources/Public/Assets/Icons/raute_weiss.svg);
}
header .header-outer-wrap2 .header-outer-wrap .mobile .navigation nav .level_2 {
  background-color: #D4D67A;
}
header .header-outer-wrap2 .header-outer-wrap .mobile .navigation nav .level_2:before {
  border-bottom: 10px solid #D4D67A;
}
header .header-outer-wrap2 .header-outer-wrap .mobile .navigation nav .level_3 {
  background-color: #004D9E;
}
header .header-outer-wrap2 .header-outer-wrap .mobile .navigation nav .level_3:before {
  border-bottom: 10px solid #004D9E;
}
header .header-plant {
  position: absolute;
  right: 135px;
  top: 0;
  z-index: 200;
}
header .header-plant img {
  width: 270px;
  height: auto;
}

.numberCounter {
  width: 100%;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
}
.numberCounter .counterColumn {
  width: 25%;
  flex-direction: column;
  align-items: center;
  border-right: 1px solid #4d4d4d;
}
.numberCounter .counterColumn:last-child {
  border-right: none;
}
.numberCounter .counterColumn .counterNumber {
  font-size: 32px;
  margin: 10px 0;
}
.numberCounter .counterColumn .counterNumber span {
  font-weight: 900;
}
.numberCounter .counterColumn .counterNumber span:last-child {
  margin-left: 7px;
}
.numberCounter .counterColumn .counterTitle {
  font-size: 16px;
}

@media (max-width: 768px) {
  main .frame-layout-padding1 .ce-textpic, main .frame-layout-padding1 .ce-textslider, main .frame-layout-padding1 .ce-image, main .frame-layout-padding2 .ce-textpic, main .frame-layout-padding2 .ce-textslider, main .frame-layout-padding2 .ce-image {
    padding-left: 10px;
    padding-right: 10px;
  }
  main .grid-columns-color-none .frame-layout-padding1 .ce-textpic, main .grid-columns-color-none .frame-layout-padding1 .ce-textslider, main .grid-columns-color-none .frame-layout-padding1 .ce-image {
    padding: 25px 25px;
  }
  main .grid-columns-color-none .frame-layout-padding2 .ce-textpic, main .grid-columns-color-none .frame-layout-padding2 .ce-textslider, main .grid-columns-color-none .frame-layout-padding2 .ce-image {
    padding: 40px 25px;
  }
  main .accordion-outer-wrap .ui-accordion-content {
    padding: 50px 15px 60px;
  }
  main .tab-content .tab-pane > .frame {
    padding: 15px;
  }
  main [class*=col-] {
    margin: 10px 0;
  }
  main .col-md-6:first-child {
    margin-top: 0;
  }
  main .columnHeight-2 .ce-gallery[data-ce-columns="2"] .ce-inner .ce-row .ce-column {
    margin: 0;
  }

  .numberCounter .counterColumn {
    width: 50%;
    margin: 22px 0;
    border: none;
  }
  .numberCounter .counterColumn:nth-child(2n-1) {
    border-right: 1px solid #4d4d4d;
  }
  .numberCounter .counterColumn:last-child {
    border: none;
  }
}
.parsley-errors-list {
  margin: 0;
}
.parsley-errors-list li {
  margin-top: 8px;
  padding: 0;
  list-style-type: none;
}

@media (max-width: 500px) {
  .numberCounter .counterColumn {
    width: 100%;
    margin: 18px 0;
    border: none !important;
  }
}
.frame-type-textBgImage {
  max-width: 600px !important;
}
.frame-type-textBgImage .textBgImage-wrap {
  position: relative;
}
.frame-type-textBgImage .textBgImage-wrap .image-wrap {
  margin: 0 33px;
}
.frame-type-textBgImage .textBgImage-wrap .image-wrap img {
  width: 100%;
  height: auto;
}
.frame-type-textBgImage .textBgImage-wrap .text-outer-wrap {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 50%;
  display: flex;
  align-items: flex-end;
  background-image: linear-gradient(180deg, transparent 0%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0.8) 100%);
}

.frame-type-textDiamond {
  position: relative;
}
.frame-type-textDiamond .image-wrap {
  position: absolute;
  top: 0;
  left: 0;
}
.frame-type-textDiamond .image-wrap.color-gray svg path.a {
  fill: #E7E7E7;
}
.frame-type-textDiamond .image-wrap svg {
  width: 60px;
  height: 86px;
}
.frame-type-textDiamond .text-wrap {
  position: relative;
  z-index: 2;
  padding-left: 30px;
  padding-top: 40px;
}

p.diamond-text, h2.diamond-text {
  margin-top: 1.5em;
  position: relative;
}
p.diamond-text:before, h2.diamond-text:before {
  z-index: 0;
  display: block;
  position: absolute;
  content: "";
  width: 30px;
  height: 42px;
  background-image: url(/typo3conf/ext/c3local/Resources/Public/Assets/Icons/raute_gruen.svg);
  background-size: contain;
  background-position: center;
  top: -20px;
  left: -14px;
}
p.diamond-text > *, h2.diamond-text > * {
  position: relative;
  z-index: 1;
}

.tx-powermail {
  padding-top: 32px;
}
.tx-powermail > .container-fluid {
  padding: 0;
}
.tx-powermail > .container-fluid > form > .powermail_fieldset {
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 50px;
}
.tx-powermail > .container-fluid > form > .powermail_fieldset > .powermail_fieldwrap {
  margin-right: 8px;
  margin-bottom: 8px;
}
.tx-powermail > .container-fluid > form > .powermail_fieldset > .powermail_fieldwrap > label {
  display: block;
  color: #5D5C5C;
}
.tx-powermail > .container-fluid > form > .powermail_fieldset > .powermail_fieldwrap > .powermail_field > input, .tx-powermail > .container-fluid > form > .powermail_fieldset > .powermail_fieldwrap > .powermail_field textarea {
  border-radius: 4px;
  border: 1px solid #5D5C5C;
  font-size: 16px;
  font-family: "Open Sans", sans-serif;
  padding: 7px 15px;
  font-weight: 700;
}
.tx-powermail > .container-fluid > form > .powermail_fieldset > .powermail_fieldwrap_type_date {
  display: flex;
  align-items: center;
}
.tx-powermail > .container-fluid > form > .powermail_fieldset > .powermail_fieldwrap_type_date > label {
  width: 30%;
}
.tx-powermail > .container-fluid > form > .powermail_fieldset > .powermail_fieldwrap_type_date > .powermail_field {
  height: 48px;
  width: 70%;
}
.tx-powermail > .container-fluid > form > .powermail_fieldset > .powermail_fieldwrap_type_date > .powermail_field input {
  width: 100%;
}
.tx-powermail > .container-fluid > form > .powermail_fieldset > .powermail_fieldwrap_type_submit {
  margin-top: 15px;
}
.tx-powermail > .container-fluid > form > .powermail_fieldset > .powermail_fieldwrap_type_submit .powermail_field {
  padding: 0;
  background: transparent;
  border-radius: 0;
}
.tx-powermail > .container-fluid > form > .powermail_fieldset > .powermail_fieldwrap_type_submit .powermail_field input {
  border: none;
  background: #004D9E;
  color: #fff;
  cursor: pointer;
  padding: 9px 16px;
  -webkit-appearance: none;
}

.swiper-container {
  overflow: visible;
}

.frame .swiper-container-horizontal > .swiper-pagination-bullets {
  margin-top: 40px;
}
.frame .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  background: rgba(93, 92, 92, 0.25);
  border: none;
}
.frame .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #004D9E;
}

.emw_menuset_wrapper {
  max-width: 100% !important;
}

@media (max-width: 1270px) {
  header .header-plant img {
    width: 140px;
  }
}
@media (max-width: 1200px) {
  .header-banner-diamonds {
    right: 70px;
    max-width: 200px;
    bottom: -190px;
  }
}
@media (max-width: 990px) {
  .header-banner-diamonds {
    right: 60px;
    max-width: 160px;
    bottom: -100px;
  }
}
@media (max-width: 900px) {
  header .header-plant {
    right: 20px;
  }
  header .header-plant img {
    width: 100px;
  }
}
@media (min-width: 768px) {
  .frame .swiper-container-horizontal.responsive-swiper > .swiper-pagination-bullets {
    display: none;
  }
}
@media (max-width: 768px) {
  .tx-powermail > .container-fluid > form > .powermail_fieldset > .powermail_fieldwrap_type_date {
    display: block;
  }
  .tx-powermail > .container-fluid > form > .powermail_fieldset > .powermail_fieldwrap_type_date > label, .tx-powermail > .container-fluid > form > .powermail_fieldset > .powermail_fieldwrap_type_date > .powermail_field {
    width: 100%;
    max-width: 100%;
  }

  .diamond-text {
    margin-left: 15px;
  }

  header .header-plant img {
    width: 80px;
  }

  .frame-type-textBgImage .textBgImage-wrap .image-wrap {
    margin: 17px;
  }

  main .col-md-6 {
    margin: 20px 0;
  }
  main .col-md-6:last-child {
    margin-bottom: 0;
  }

  .frame-layout-padding2 .ce-textpic.ce-above {
    padding: 0 !important;
  }
  .frame-layout-padding2 .ce-textpic.ce-above .ce-gallery + .ce-bodytext {
    padding: 16px 20px 32px;
  }
}
@media (max-width: 600px) {
  body {
    font-size: 13px !important;
  }
  body h1, body .h1 {
    font-size: 2.8em;
  }

  .header-banner-diamonds {
    right: 10px;
    max-width: 100px;
    bottom: -50px;
  }

  .frame-type-textDiamond .image-wrap svg {
    width: 30px;
    height: 43px;
  }
  .frame-type-textDiamond .text-wrap {
    padding-top: 21px;
    padding-left: 15px;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .ce-gallery[data-ce-images="1"] {
    display: block;
  }

  figure.image picture {
    justify-content: center;
    align-items: center;
  }
}

/*# sourceMappingURL=neapel.css.map */
