html {
  font-size: 62.5%; }

@media (max-width: 550px) {
  html {
    font-size: 50%; } }
@media (max-width: 400px) {
  html {
    font-size: 43.75%; } }
/* Media Query */
/* Colors */
/* Font Size */
/* Letter Spacing */
/* Line Height */
/* Width */
/* Padding */
/* Breakpoints */
html {
  -webkit-text-size-adjust: 100%;
  /* Prevent font scaling in landscape while allowing user zoom, iphone! */ }

* {
  margin: 0;
  padding: 0; }

p,
li,
ul,
h1,
h2,
h3 {
  margin: 0;
  padding: 0; }

picture, img {
  display: block; }

a {
  outline: none; }

ul {
  list-style-type: none; }

iframe {
  border: none;
  padding: 0;
  margin: 0; }

.page {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding-top: 7rem;
  min-height: calc(100vh - 7rem);
  font-family: 'Helvetica Neue LT W01_55 Roman';
  color: #274E35;
  font-size: 1.6rem;
  line-height: 1.9rem;
  letter-spacing: 0.3px; }
  @media only screen and (max-width: 850px) {
    .page {
      padding-top: 3rem; } }
  .page .wrapper {
    max-width: 800px;
    margin: 0 auto 7rem;
    min-height: calc(100vh - 25rem - 14rem); }
    @media only screen and (max-width: 850px) {
      .page .wrapper {
        max-width: 46rem;
        margin: 0 auto 3rem;
        min-height: calc(100vh - 25rem - 6rem); } }
    .page .wrapper p {
      padding-bottom: 2.5rem; }
    .page .wrapper .maincontent {
      background: white;
      padding-bottom: 23rem;
      padding-left: 2rem;
      padding-right: 2rem;
      margin: 0 2rem; }
      @media only screen and (max-width: 850px) {
        .page .wrapper .maincontent {
          padding-bottom: 7rem; } }
      .page .wrapper .maincontent .content {
        max-width: 42rem;
        margin: 0 auto; }
  .page a {
    color: #274E35; }
    .page a:hover {
      text-decoration: none; }
  .page a.button {
    background: #8CAA64;
    padding: 0.5rem 1.5rem;
    color: white;
    text-decoration: none;
    margin-bottom: 1rem;
    display: inline-block;
    letter-spacing: 0.7px; }
  .page a.tel {
    text-decoration: none; }
  .page img {
    max-width: 100%; }
  .page h1 {
    font-family: 'Helvetica Neue LT W01_45 Light';
    font-weight: normal;
    font-size: 3.8rem;
    line-height: 4.2rem;
    padding-bottom: 2.5rem; }
  .page h2 {
    font-weight: normal;
    font-size: 2.2rem;
    margin-bottom: 1rem;
    line-height: 2.8rem; }
  .page #map {
    height: 45rem;
    margin-bottom: 5rem; }

/* Featherlight */
.featherlight .featherlight-content {
  background: none; }

.featherlight .featherlight-close-icon {
  background: none;
  color: white; }

.page footer {
  background: white;
  overflow: hidden;
  color: #8CAA64;
  font-size: 1.4rem;
  line-height: 1.9rem;
  padding-top: 6rem;
  /*
  @include nwbreakpoint(420,'max') {
      height: 24rem;
      .footer__content {
          display: block;
          .social,
          .footer__kontakt {
              width: 100%;
          }
          .footer__kontakt {
              padding-bottom: 5rem;
          }
          .social {
              text-align: left;
              > div {
                  position: relative;
                  white-space: nowrap;
                  span {
                      display: none;
                  }
                  a {
                      width: 25%;
                      white-space: normal;
                  }
              }
          }
      }
  }
  
  */ }
  @media only screen and (min-width: 700px) {
    .page footer {
      height: 19rem; } }
  .page footer a {
    color: #8CAA64; }
  .page footer .footer__content {
    max-width: 760px;
    margin: 0 2rem; }
    .page footer .footer__content .footer__kontakt {
      margin-bottom: 2rem; }
    .page footer .footer__content .social {
      text-align: center;
      position: relative;
      margin-top: 4rem;
      margin-bottom: 2rem; }
      .page footer .footer__content .social span {
        display: none; }
      .page footer .footer__content .social a {
        height: 15px;
        width: 30%;
        white-space: normal;
        white-space: normal;
        display: inline-block;
        background-size: auto 100%;
        background-repeat: no-repeat;
        background-position: center; }
        .page footer .footer__content .social a.facebook {
          background-image: url("../bilder/socials/facebook.png"); }
        .page footer .footer__content .social a.twitter {
          background-image: url("../bilder/socials/twitter.png"); }
        .page footer .footer__content .social a.google {
          background-image: url("../bilder/socials/google.png"); }
        .page footer .footer__content .social a.mail {
          background-image: url("../bilder/socials/mail.png"); }
    @media only screen and (min-width: 520px) {
      .page footer .footer__content {
        display: flex;
        align-items: flex-start;
        align-content: space-between;
        flex-wrap: wrap;
        margin: 0 auto;
        padding: 0 2rem; }
        .page footer .footer__content .footer__kontakt {
          width: 28%; }
          .page footer .footer__content .footer__kontakt.kontakt-main {
            width: 44%; }
        .page footer .footer__content .social {
          width: 100%;
          margin-top: 2rem; } }
    @media only screen and (min-width: 700px) {
      .page footer .footer__content .footer__kontakt {
        width: 22%; }
        .page footer .footer__content .footer__kontakt.kontakt-main {
          width: 36%; }
      .page footer .footer__content .social {
        width: 20%;
        text-align: right;
        margin-top: 0; }
        .page footer .footer__content .social span {
          display: block;
          margin-bottom: 1.5rem; }
        .page footer .footer__content .social a {
          height: 20px;
          width: 4rem;
          background-position: right; } }

.page header {
  background: white;
  padding-left: 2rem;
  padding-right: 2rem;
  margin: 0 2rem; }
  .page header > * {
    max-width: 42rem;
    margin: 0 auto; }
  .page header .logo {
    padding-top: 6rem;
    padding-bottom: 3.5rem; }
    @media only screen and (max-width: 850px) {
      .page header .logo {
        padding-top: 3rem; } }
  .page header nav {
    padding-bottom: 7rem; }
    .page header nav ul {
      text-align: center; }
      .page header nav ul li {
        display: inline-block; }
        .page header nav ul li a,
        .page header nav ul li span {
          color: #ED4F21;
          font-size: 1.6rem;
          line-height: 1.6rem; }
        .page header nav ul li a {
          text-decoration: none; }
          .page header nav ul li a:hover {
            text-decoration: underline; }
        .page header nav ul li span {
          padding-left: 2rem;
          padding-right: 2rem; }
          @media only screen and (max-width: 850px) {
            .page header nav ul li span {
              padding-left: 1rem;
              padding-right: 1rem; } }

.home {
  background-image: url("../bilder/background/bg_home.jpg");
  background-position: 40%; }
  .home .wrapper .maincontent {
    display: flex;
    font-size: 1.8rem;
    line-height: 2.4rem;
    background: none;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0; }
  .home .wrapper .white_left,
  .home .wrapper .white_right,
  .home .wrapper .white_mid > div,
  .home .wrapper .white_bottom {
    background: white; }
  .home .wrapper .white_mid {
    border: 20px transparent solid;
    width: 100%; }
    @media only screen and (max-width: 850px) {
      .home .wrapper .white_mid {
        border: 0; } }
    .home .wrapper .white_mid > div {
      padding-top: 8.5rem;
      padding-bottom: 23rem;
      padding-left: 2rem;
      padding-right: 2rem; }
      @media only screen and (max-width: 850px) {
        .home .wrapper .white_mid > div {
          padding-top: 1.5rem;
          padding-bottom: 6rem; } }
      .home .wrapper .white_mid > div > * {
        max-width: 42rem;
        margin: 0 auto; }
  .home .wrapper .white_left,
  .home .wrapper .white_right {
    width: 7.5rem; }
    @media only screen and (max-width: 850px) {
      .home .wrapper .white_left,
      .home .wrapper .white_right {
        display: none; } }
  .home .wrapper .white_bottom {
    height: 17rem;
    margin: 0 2rem; }
    @media only screen and (max-width: 850px) {
      .home .wrapper .white_bottom {
        height: 0; } }

.beraterin {
  background-image: url("../bilder/background/bg_beraterin.jpg");
  background-position: 90%; }
  .beraterin .person {
    display: flex;
    margin-bottom: 4.5rem; }
    .beraterin .person .image {
      width: 40%; }
    .beraterin .person .text_person {
      position: relative;
      width: 100%;
      margin-left: 2rem; }
      .beraterin .person .text_person > div {
        position: absolute;
        bottom: 0; }
        .beraterin .person .text_person > div p:last-child {
          padding-bottom: 0; }
  .beraterin .beratungskonzept img {
    float: right;
    width: 35%;
    margin: 0 0 2.5rem 2.5rem; }
  .beraterin .downloads {
    margin-top: 5rem; }

.kontakt {
  background-image: url("../bilder/background/bg_kontakt.jpg");
  background-position: 70%; }

@media print {
  * {
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    max-width: 100% !important; }
    * img {
      width: 100px !important; }
    * h1,
    * h2 {
      margin-bottom: 5rem; }

  html {
    font-size: 50%; }

  .page header > * {
    margin: 0; }

  .page footer,
  .page footer a {
    color: black; }

  .page {
    color: black; }
    .page .logo {
      max-width: 200px !important;
      margin-bottom: 20px !important; }
      .page .logo img {
        display: block; }
    .page h1 {
      font-size: 24px !important;
      line-height: 28px !important;
      padding-bottom: 10px !important; }
    .page a {
      text-decoration: none;
      color: black; }
    .page header nav {
      display: none; }
    .page footer {
      padding-top: 20px !important; }
    .page .social {
      display: none; }

  .home .wrapper .white_mid > div > * {
    max-width: 100%; }

  .page .wrapper .maincontent .content {
    width: 100%; }

  .home .wrapper .white_mid {
    border: none; }

  .home .wrapper .white_left,
  .home .wrapper .white_right,
  .home .wrapper .white_bottom {
    display: none; }

  .downloads {
    display: none; }

  .beraterin .person {
    display: block; }
    .beraterin .person .text_person {
      margin-left: 0; }

  .beraterin .person .text_person > div {
    position: relative; }

  .beratungskonzept p {
    min-height: 100px !important; }

  body,
  .page,
  main,
  .footer_fix__wrap,
  .flexbox,
  header,
  .layout__width,
  .infoboxen__container {
    display: block !important;
    position: static !important;
    min-height: auto !important;
    height: auto !important;
    overflow: visible !important; } }

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