/*
    COPYRIGHT
    Dr. Frank Gebhard
    cpeach medien:agentur 
    mediendesign, webdesign, webentwicklung als fullservice
    Kastanienallee 40
    38104 Braunschweig, Germany
    info@cpeach.de

    v3.14.1 first modified 01/07/2021 last modified 30/08/2021 
*/
/*
    COPYRIGHT
    Dr. Frank Gebhard
    cpeach medien:agentur 
    mediendesign, webdesign, webentwicklung als fullservice
    Kastanienallee 40
    38104 Braunschweig, Germany
    info@cpeach.de

    v3.14.1 first modified 01/07/2021 last modified 30/08/2021 
*/
/*
    COPYRIGHT
    Dr. Frank Gebhard
    cpeach medien:agentur 
    mediendesign, webdesign, webentwicklung als fullservice
    Kastanienallee 40
    38104 Braunschweig, Germany
    info@cpeach.de

    v3.14.1 first modified 01/07/2021 last modified 30/08/2021 
*/
header.site-header {
  background: #FFF; }
  @media screen and (min-width: 1px) {
    header.site-header .site-branding {
      display: none; } }
  @media screen and (min-width: 768px) {
    header.site-header .site-branding {
      display: block; } }

@media screen and (min-width: 1px) and (max-width: 767px) {
  .navigation-top {
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    z-index: 2;
    background: #FFF; }
    .navigation-top button.menu-toggle {
      margin: 0; }
      .navigation-top button.menu-toggle:hover {
        background: #3d6895;
        color: #FFF; }
    .navigation-top button.dropdown-toggle {
      background-color: transparent;
      color: transparent;
      width: 100%; }
    .navigation-top .cp_logoDiv {
      display: none; }
    .navigation-top .cp_naviDiv {
      background: transparent;
      position: absolute;
      top: 50px; }
      .navigation-top .cp_naviDiv .menu-mainmenu-container {
        display: none; }
        .navigation-top .cp_naviDiv .menu-mainmenu-container > ul {
          display: block; } }
@media screen and (min-width: 768px) {
  .navigation-top {
    background: linear-gradient(0deg, white 60%, transparent 40%);
    border: 0px solid rgba(0, 0, 0, 0);
    -moz-background-clip: padding;
    -webkit-background-clip: padding;
    background-clip: padding-box; }
    .navigation-top .wrap {
      max-width: 2560px;
      margin: auto;
      text-align: left;
      padding: 0; }
      .navigation-top .wrap .cp_navBar {
        display: flex; }
        .navigation-top .wrap .cp_navBar a {
          color: #2a5e93; }
          .navigation-top .wrap .cp_navBar a > .icon-angle-down {
            display: none; } }
      @media screen and (min-width: 768px) and (min-width: 1px) {
        .navigation-top .wrap .cp_navBar {
          flex-direction: column;
          align-items: center;
          background-color: #FFF; }
          .navigation-top .wrap .cp_navBar a {
            font-size: 1.3em; }
            .navigation-top .wrap .cp_navBar a img {
              height: 120px; } }
      @media screen and (min-width: 768px) and (min-width: 991px) {
        .navigation-top .wrap .cp_navBar {
          justify-content: space-evenly;
          flex-direction: inherit;
          background-color: transparent; }
          .navigation-top .wrap .cp_navBar a img {
            height: 90px; } }
      @media screen and (min-width: 768px) and (min-width: 1199px) {
        .navigation-top .wrap .cp_navBar {
          align-items: flex-end; }
          .navigation-top .wrap .cp_navBar a {
            font-size: 1.3em; }
            .navigation-top .wrap .cp_navBar a img {
              height: 120px; } }
      @media screen and (min-width: 768px) and (min-width: 1400px) {
        .navigation-top .wrap .cp_navBar a {
          font-size: 1.5em; }
          .navigation-top .wrap .cp_navBar a img {
            height: 190px; } }
@media screen and (min-width: 768px) {
        .navigation-top .wrap .cp_navBar .cp_naviDiv {
          background: transparent;
          padding-top: 1em; } }
        @media screen and (min-width: 768px) and (min-width: 991px) {
          .navigation-top .wrap .cp_navBar .cp_naviDiv {
            height: 40px; } }
        @media screen and (min-width: 768px) and (min-width: 1199px) {
          .navigation-top .wrap .cp_navBar .cp_naviDiv {
            height: 90px; } }
        @media screen and (min-width: 768px) and (min-width: 1400px) {
          .navigation-top .wrap .cp_navBar .cp_naviDiv {
            height: 112px; } }
@media screen and (min-width: 768px) {
          .navigation-top .wrap .cp_navBar .cp_naviDiv a {
            padding: 0.3em 0.3em 0em;
            font-weight: 100; }
          .navigation-top .wrap .cp_navBar .cp_naviDiv div.menu-mainmenu-container {
            position: relative; }
            .navigation-top .wrap .cp_navBar .cp_naviDiv div.menu-mainmenu-container ul#top-menu > li {
              position: initial; }
              .navigation-top .wrap .cp_navBar .cp_naviDiv div.menu-mainmenu-container ul#top-menu > li:after, .navigation-top .wrap .cp_navBar .cp_naviDiv div.menu-mainmenu-container ul#top-menu > li:before {
                border: none;
                display: none !important; }
              .navigation-top .wrap .cp_navBar .cp_naviDiv div.menu-mainmenu-container ul#top-menu > li .sub-menu {
                display: none;
                border: none;
                left: 0px;
                background-color: #FFF;
                top: auto; }
                .navigation-top .wrap .cp_navBar .cp_naviDiv div.menu-mainmenu-container ul#top-menu > li .sub-menu li {
                  background: transparent; }
                  .navigation-top .wrap .cp_navBar .cp_naviDiv div.menu-mainmenu-container ul#top-menu > li .sub-menu li a {
                    color: #3d6895;
                    width: max-content; }
                  .navigation-top .wrap .cp_navBar .cp_naviDiv div.menu-mainmenu-container ul#top-menu > li .sub-menu li:hover a, .navigation-top .wrap .cp_navBar .cp_naviDiv div.menu-mainmenu-container ul#top-menu > li .sub-menu li.focus a, .navigation-top .wrap .cp_navBar .cp_naviDiv div.menu-mainmenu-container ul#top-menu > li .sub-menu li.current-menu-item a {
                    color: #7cae3b; }
              .navigation-top .wrap .cp_navBar .cp_naviDiv div.menu-mainmenu-container ul#top-menu > li.current-menu-ancestor a, .navigation-top .wrap .cp_navBar .cp_naviDiv div.menu-mainmenu-container ul#top-menu > li.current-menu-item a {
                color: #7cae3b; }
              .navigation-top .wrap .cp_navBar .cp_naviDiv div.menu-mainmenu-container ul#top-menu > li.current-menu-ancestor .sub-menu, .navigation-top .wrap .cp_navBar .cp_naviDiv div.menu-mainmenu-container ul#top-menu > li.current-menu-item .sub-menu {
                display: flex; }
        .navigation-top .wrap .cp_navBar .cp_logoDiv {
          background: #FFF;
          height: auto; }
          .navigation-top .wrap .cp_navBar .cp_logoDiv > a {
            height: auto;
            padding: 0; }
    .navigation-top.site-navigation-fixed {
      background: #FFF !important;
      font-size: 0.875em;
      box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2); }
      .navigation-top.site-navigation-fixed .cp_navBar {
        display: flex;
        justify-content: space-around;
        align-items: center; } }
      @media screen and (min-width: 768px) and (min-width: 1px) {
        .navigation-top.site-navigation-fixed .cp_navBar {
          font-size: 0.7em;
          flex-direction: row; } }
      @media screen and (min-width: 768px) and (min-width: 992px) {
        .navigation-top.site-navigation-fixed .cp_navBar {
          font-size: 0.875em;
          flex-direction: row; } }
@media screen and (min-width: 768px) {
        .navigation-top.site-navigation-fixed .cp_navBar .cp_naviDiv {
          background: #FFF;
          height: 90px; } }
        @media screen and (min-width: 768px) and (min-width: 992px) {
          .navigation-top.site-navigation-fixed .cp_navBar .cp_naviDiv {
            padding-top: 0; } }
        @media screen and (min-width: 768px) and (min-width: 1400px) {
          .navigation-top.site-navigation-fixed .cp_navBar .cp_naviDiv {
            height: 112px; } }
@media screen and (min-width: 768px) {
        .navigation-top.site-navigation-fixed .cp_navBar .cp_logoDiv img {
          max-height: 90px; } }

.cp_footer .wrap {
  max-width: 600px !important; }
  .cp_footer .wrap .footer-widget-1 {
    float: none;
    width: inherit; }
    .cp_footer .wrap .footer-widget-1 ul#menu-footermenu {
      display: flex;
      justify-content: space-evenly; }
      .cp_footer .wrap .footer-widget-1 ul#menu-footermenu > li {
        border-width: 0; }
        .cp_footer .wrap .footer-widget-1 ul#menu-footermenu > li a {
          -webkit-box-shadow: none;
          box-shadow: none;
          transition: none;
          color: #3d6895; }

/* ALLGEMEIN */
@font-face {
  font-family: 'open_sans';
  src: url("../fonts/open_sans/OpenSans-Regular-webfont.eot");
  src: url("../fonts/open_sans/OpenSans-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/open_sans/OpenSans-Regular-webfont.woff") format("woff"), url("../fonts/open_sans/OpenSans-Regular-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'open_sans_bold';
  src: url("../fonts/open_sans/OpenSans-Bold-webfont.eot");
  src: url("../fonts/open_sans/OpenSans-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/open_sans/OpenSans-Bold-webfont.woff") format("woff"), url("../fonts/open_sans/OpenSans-Bold-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'open_sans_italic';
  src: url("../fonts/open_sans/OpenSans-Italic-webfont.eot");
  src: url("../fonts/open_sans/OpenSans-Italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/open_sans/OpenSans-Italic-webfont.woff") format("woff"), url("../fonts/open_sans/OpenSans-Italic-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'open_sans_light';
  src: url("../fonts/open_sans/OpenSans-Light-webfont.eot");
  src: url("../fonts/open_sans/OpenSans-Light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/open_sans/OpenSans-Light-webfont.woff") format("woff"), url("../fonts/open_sans/OpenSans-Light-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'aqua';
  src: url("../fonts/aqua_grotesque/aqua.woff") format("woff"), url("../fonts/aqua_grotesque/aqua.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
html {
  font-size: 1em; }

* {
  font-family: open_sans, Helvetica, sans-serif;
  /* hyphens */
  -moz-hyphens: auto;
  -o-hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto; }

h1, h2, h3, h4, h5, h6 {
  /* hyphens */
  font-family: open_sans_light, Helvetica, sans-serif;
  -moz-hyphens: none;
  -o-hyphens: none;
  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
  color: #2a5e93;
  text-transform: uppercase; }

h1 {
  font-family: aqua;
  text-align: center; }

h2, h3 {
  font-family: open_sans;
  font-weight: 300; }

@media screen and (min-width: 1px) {
  h1 {
    font-size: 1.25em; }

  h2 {
    font-size: 1em; } }
@media screen and (min-width: 768px) {
  h1 {
    font-size: 1.5em; }

  h2 {
    font-size: 1em; } }
@media screen and (min-width: 992px) {
  h1 {
    font-size: 1.5em; }

  h2 {
    font-size: 1em; } }
@media screen and (min-width: 1400px) {
  h1 {
    font-size: 1.875em; }

  h2 {
    font-size: 1.2em; } }
.custom-header {
  margin-bottom: 0px !important; }
  .custom-header div.custom-header-media {
    bottom: 0;
    left: 0;
    position: relative !important;
    right: 0; }
    @media screen and (min-width: 1px) {
      .custom-header div.custom-header-media {
        top: 20px !important;
        height: 50vh !important; } }
    @media screen and (min-width: 768px) {
      .custom-header div.custom-header-media {
        top: -40px !important;
        height: 100vh !important; } }
    @media screen and (min-width: 991px) {
      .custom-header div.custom-header-media {
        top: -40px !important;
        height: 80vh !important; } }
    @media screen and (min-width: 1400px) {
      .custom-header div.custom-header-media {
        top: -40px !important;
        height: 90vh !important; } }
    .custom-header div.custom-header-media:before {
      height: 20% !important; }

.cp_pageCtDiv {
  width: 100%;
  max-width: 1400px;
  margin: auto; }
  @media screen and (min-width: 1px) {
    .cp_pageCtDiv {
      padding: 0 30px; } }
  @media screen and (min-width: 768px) {
    .cp_pageCtDiv {
      padding: 0 48px; } }
  @media screen and (min-width: 992px) {
    .cp_pageCtDiv {
      padding: 0 100px; } }
  .cp_pageCtDiv .content-area {
    max-width: inherit; }
  .cp_pageCtDiv .cp_rowPadded {
    border-bottom: 45px solid #FFF; }
    .cp_pageCtDiv .cp_rowPadded .cp_sandyGreyBg {
      background-color: #f7f6f1;
      color: #666; }
      .cp_pageCtDiv .cp_rowPadded .cp_sandyGreyBg h1, .cp_pageCtDiv .cp_rowPadded .cp_sandyGreyBg h2, .cp_pageCtDiv .cp_rowPadded .cp_sandyGreyBg h3 {
        color: #3d6895; }
    .cp_pageCtDiv .cp_rowPadded .cp_greenStdBg {
      background-color: #c2d242; }
      .cp_pageCtDiv .cp_rowPadded .cp_greenStdBg h1, .cp_pageCtDiv .cp_rowPadded .cp_greenStdBg h2, .cp_pageCtDiv .cp_rowPadded .cp_greenStdBg h3 {
        color: #FFF; }
    .cp_pageCtDiv .cp_rowPadded .cp_blueStdBg {
      background-color: #3d6895;
      color: #FFF !important; }
      .cp_pageCtDiv .cp_rowPadded .cp_blueStdBg h1, .cp_pageCtDiv .cp_rowPadded .cp_blueStdBg h2, .cp_pageCtDiv .cp_rowPadded .cp_blueStdBg h3 {
        color: #c2d242; }
      .cp_pageCtDiv .cp_rowPadded .cp_blueStdBg a {
        color: #c2d242 !important; }
    .cp_pageCtDiv .cp_rowPadded .cp_yellowStdBg {
      background-color: #ebcb50;
      color: #FFF !important; }
      .cp_pageCtDiv .cp_rowPadded .cp_yellowStdBg h1, .cp_pageCtDiv .cp_rowPadded .cp_yellowStdBg h2, .cp_pageCtDiv .cp_rowPadded .cp_yellowStdBg h3 {
        color: #a1300e; }
    @media screen and (min-width: 1px) {
      .cp_pageCtDiv .cp_rowPadded > div {
        border: none;
        margin-bottom: 30px; } }
    @media screen and (min-width: 768px) {
      .cp_pageCtDiv .cp_rowPadded > div {
        border: 6px solid white; } }
    @media screen and (min-width: 992px) {
      .cp_pageCtDiv .cp_rowPadded > div {
        border: none;
        border-right: 45px solid #FFF;
        margin: initial; }
        .cp_pageCtDiv .cp_rowPadded > div:last-child {
          border-right: 0px solid transparent; } }
    .cp_pageCtDiv .cp_rowPadded > div > div.vc_column-inner {
      padding: 35px; }
  .cp_pageCtDiv .cp_accordion .vc_tta-panel-heading * {
    color: #c2d242; }
  .cp_pageCtDiv .cp_accordion .cp_accordCtDiv {
    background: #c2d242; }
  .cp_pageCtDiv .cp_accordion .wpb_text_column.wpb_content_element {
    padding: 30px;
    color: #2a5e93; }

.cp_blueBottom > div {
  border-bottom: 12px solid #3d6895; }

.cp_greenBottom > div {
  border-bottom: 12px solid #c2d242; }

.cp_yellowBottom > div {
  border-bottom: 12px solid #ffdb83; }

.cp_bgImgGreen {
  width: 100%;
  background: url("../images/logo_bg_green.png"); }

.cp_bgImgBrown {
  width: 100%;
  background: url("../images/logo_bg_brown.png"); }

.cp_bgImgCyan {
  width: 100%;
  background: url("../images/logo_bg_cyan.png"); }

.cp_contactDiv {
  width: 100%; }

@media screen and (min-width: 1px) {
  .cp_mtSpace {
    min-height: 320px !important; } }
@media screen and (min-width: 768px) {
  .cp_mtSpace {
    min-height: 522px !important; } }

.cp_noMarginBottom .wpb_content_element {
  margin-bottom: 0 !important; }

.cp_footArea > div.vc_column-inner {
  padding: 0 !important; }
  .cp_footArea > div.vc_column-inner .vc_row {
    margin: 0; }
  .cp_footArea > div.vc_column-inner .vc_column-inner {
    padding: 35px 35px 0 35px !important; }

@media screen and (min-width: 1px) {
  .cp_mtFootSpace {
    displsy: none; } }
@media screen and (min-width: 768px) {
  .cp_mtFootSpace {
    min-height: 240px !important; } }

.cp_bgImg, .cp_bgImg > div, .cp_bgTitleImg {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-attachment: local;
  background-position: top center;
  background-repeat: no-repeat; }

.cp_bg {
  background: yellowgreen; }

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