@charset "UTF-8";
/* line 10, main.scss */
* {
  box-sizing: border-box !important;
}

/* line 14, main.scss */
body {
  font: 14px/1.5em "Open Sans", Arial, sans-serif;
  color: #484848;
}

/* line 19, main.scss */
p {
  margin-top: 0;
}

/* line 23, main.scss */
a {
  text-decoration: none;
}

/* line 27, main.scss */
.button {
  background: #8BBF4A;
  color: #fff !important;
  padding: 10px;
  border-radius: 5px;
  display: inline-block;
}
/* line 34, main.scss */
.button:hover {
  background: #8BBF4A;
}

/* line 39, main.scss */
header {
  position: relative;
  z-index: 999;
  padding: 2em;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.7);
}
/* line 47, main.scss */
header .wrapper {
  max-width: 1140px;
  width: 100%;
  margin: 0 auto;
}
/* line 53, main.scss */
header .branding {
  float: left;
  width: 250px;
}
/* line 57, main.scss */
header .branding .logo-link {
  transition: 1s all;
}
/* line 60, main.scss */
header .branding .logo-link:hover {
  -webkit-transform: scale(2);
}
/* line 65, main.scss */
header .branding .logomark {
  float: left;
  display: block;
}
/* line 70, main.scss */
header .branding h1 {
  font: bold italic 2em/1.3em "Droid Serif", Arial, sans-serif;
  color: #689138;
  margin: 3px 0 0 10px;
  float: left;
}
/* line 77, main.scss */
header .branding h1 span {
  display: block;
  font: bold 0.4em/0em "Open Sans", Arial, sans-serif;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #4D6B2A;
  margin-left: 2px;
  margin-top: 2px;
}
/* line 90, main.scss */
header nav {
  text-align: right;
  float: right;
}
/* line 94, main.scss */
header nav ul, header nav ol {
  margin: 0;
  padding: 0;
  list-style: none;
  transition: 1s all;
}
/* line 100, main.scss */
header nav ul li, header nav ol li {
  list-style: none;
  list-style-image: none;
  list-style-type: none;
  margin: 0 10px 0 0;
  display: inline-block;
  position: relative;
  text-align: left;
  border-radius: .75em;
  transition: .1s all;
}
/* line 111, main.scss */
header nav ul li:hover, header nav ol li:hover {
  background: #8BBF4A;
}
/* line 113, main.scss */
header nav ul li:hover a, header nav ol li:hover a {
  color: #ffffff;
}
/* line 116, main.scss */
header nav ul li:hover ul, header nav ol li:hover ul {
  display: block;
}
/* line 121, main.scss */
header nav ul li a, header nav ol li a {
  font: 18px "Open Sans", Arial, sans-serif;
  text-decoration: none;
  color: #689138;
  border-radius: .75em;
  display: block;
  padding: .8em 1em;
}
/* line 130, main.scss */
header nav ul li ul, header nav ol li ul {
  display: none;
  position: absolute;
  top: 50px;
  left: 0;
  background: #8BBF4A;
  box-shadow: 8px 8px 0 rgba(0, 0, 0, 0.25);
  padding: 10px 0;
  border-radius: 0 4px 4px 4px;
}
/* line 141, main.scss */
header nav ul li ul li a, header nav ol li ul li a {
  transition: .1s all;
}
/* line 143, main.scss */
header nav ul li ul li a:hover, header nav ol li ul li a:hover {
  text-decoration: underline;
}
/* line 151, main.scss */
header nav ul li.leistungen:hover, header nav ol li.leistungen:hover {
  border-radius: 10px 10px 0 0;
}

/* line 163, main.scss */
.alert-box {
  background: #F36144;
  padding: 1em;
  text-align: center;
  position: relative;
  z-index: 9;
  font-size: 16px;
  line-height: 1.4em;
  color: #fff;
  font-weight: normal;
  color: #fff;
}
/* line 175, main.scss */
.alert-box .wrapper > a {
  color: #fff;
  margin-left: 10px;
  text-decoration: underline;
}

/* line 182, main.scss */
.wrapper {
  max-width: 1140px;
  width: 100%;
  margin: 0 auto;
  padding: 0 2em;
}

/* line 191, main.scss */
.content a {
  color: #8BBF4A;
}
/* line 195, main.scss */
.content .italic {
  color: #bbb;
  font-style: italic;
}
/* line 201, main.scss */
.content .teaser {
  background: url("../img/teaser.jpg") center no-repeat;
  background-size: cover;
  width: 100%;
  padding: 12vh 0;
}
/* line 207, main.scss */
.content .teaser h2 {
  font: italic 3em "Droid Serif", Arial, sans-serif;
  font-weight: lighter;
  color: #ffffff;
  text-align: center;
  margin: 0;
  text-shadow: 0 0 40px black;
}
/* line 217, main.scss */
.content .wrapper {
  max-width: 1140px;
  width: 100%;
  margin: 0 auto;
}
/* line 222, main.scss */
.content .wrapper .big-headline {
  font: italic 3em "Droid Serif", Arial, sans-serif;
  font-weight: 300;
  color: #8BBF4A;
  text-align: center;
  margin: 2em 0 1em 0;
}
/* line 230, main.scss */
.content .wrapper #services {
  padding: 0 0 5em 0;
  overflow: hidden;
  border-bottom: 1px solid #ccc;
}
/* line 236, main.scss */
.content .wrapper #services .box {
  color: #484848;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 1.5em;
  margin-left: 6%;
  padding: 10px 0;
  position: relative;
  text-align: center;
  width: 29%;
  transition: all .2s;
}
/* line 250, main.scss */
.content .wrapper #services .box h3 {
  font: italic 1.7em "Droid Serif", Arial, sans-serif;
  color: #8BBF4A;
}
/* line 255, main.scss */
.content .wrapper #services .box a {
  background: #8BBF4A;
  color: #fff;
  text-decoration: none;
  padding: .8em 1.5em;
  margin-top: 1em;
  display: inline-block;
  text-align: center;
  border-radius: 10px;
  border: 1px solid #8BBF4A;
  transition: .2s all;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);
}
/* line 269, main.scss */
.content .wrapper #services .box .logo {
  transition: .2s all;
}
/* line 273, main.scss */
.content .wrapper #services .box a:hover {
  background: #689138;
  color: #fff;
}
/* line 282, main.scss */
.content .wrapper #services .box:hover a {
  border: 1px solid #8BBF4A;
}
/* line 288, main.scss */
.content .wrapper #services .box:first-child {
  margin-left: 0;
}
/* line 296, main.scss */
.content #others {
  padding: 0 2em;
}
/* line 300, main.scss */
.content #others a.box {
  text-align: center;
  float: left;
  width: 23.49999999%;
  padding: 1% 3% 2%;
  margin-left: 2%;
  background: #f1f1f1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 10px;
  transition: .2s all;
}
/* line 313, main.scss */
.content #others a.box .other-icon {
  display: block;
  margin: 20px auto 30px auto;
  transform: scale(0.75);
  transition: transform .25s;
  opacity: .75;
}
/* line 321, main.scss */
.content #others a.box h3 {
  font-family: "Droid Serif";
  font-style: italic;
  font-size: 18px;
  color: #484848;
}
/* line 328, main.scss */
.content #others a.box p {
  color: #484848;
  line-height: 1.3;
}
/* line 335, main.scss */
.content #others a.box.profile .other-icon {
  background: url("../img/other_icons.png");
  background-position: 0 0;
  width: 116px;
  height: 114px;
}
/* line 342, main.scss */
.content #others a.box.profile:hover .other-icon {
  background-position: 0 -124px;
}
/* line 349, main.scss */
.content #others a.box.coops .other-icon {
  background: url("../img/other_icons.png");
  background-position: -126px 0;
  width: 171px;
  height: 114px;
}
/* line 356, main.scss */
.content #others a.box.coops:hover .other-icon {
  background-position: -126px -124px;
}
/* line 363, main.scss */
.content #others a.box.downloads .other-icon {
  background: url("../img/other_icons.png");
  background-position: -307px 0;
  width: 171px;
  height: 114px;
}
/* line 370, main.scss */
.content #others a.box.downloads:hover .other-icon {
  background-position: -307px -124px;
}
/* line 377, main.scss */
.content #others a.box.map .other-icon {
  background: url("../img/other_icons.png");
  background-position: -488px 0;
  width: 118px;
  height: 114px;
}
/* line 385, main.scss */
.content #others a.box.map:hover .other-icon {
  background-position: -488px -124px;
}
/* line 391, main.scss */
.content #others .box:hover {
  -webkit-transform: translate(0, -10px);
  transform: translate(0, -10px);
  background: #8BBF4A;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);
  border-color: #8BBF4A;
}
/* line 398, main.scss */
.content #others .box:hover .other-icon {
  transform: scale(0.8);
  opacity: 1;
}
/* line 403, main.scss */
.content #others .box:hover h3, .content #others .box:hover p {
  color: #ffffff;
}
/* line 408, main.scss */
.content #others .box.first {
  margin-left: 0 !important;
}

/* line 415, main.scss */
footer {
  background: #8BBF4A;
  overflow: hidden;
  padding: 2em;
  clear: both;
  margin-top: 6em;
  box-shadow: inset 0 2px 7px rgba(0, 0, 0, 0.3);
}
/* line 424, main.scss */
footer .wrapper {
  margin: 0 auto !important;
  padding: 0;
  max-width: 1140px;
}
/* line 430, main.scss */
footer .wrapper .left {
  float: left;
}
/* line 433, main.scss */
footer .wrapper .left a {
  color: #484848;
  transition: .1s color;
}
/* line 437, main.scss */
footer .wrapper .left a:hover {
  color: #efefef;
}
/* line 443, main.scss */
footer .wrapper .right {
  float: right;
}
/* line 446, main.scss */
footer .wrapper .right a {
  color: #4D6B2A;
  margin-left: 1em;
  transition: .1s color;
}
/* line 451, main.scss */
footer .wrapper .right a:hover {
  color: #efefef;
}

/* line 463, main.scss */
.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form input[type="tel"],
.contact-form input[type="url"],
.contact-form textarea,
.contact-form button[type="submit"] {
  font: 1em "Open Sans";
}

/* line 472, main.scss */
.contact-form label span {
  cursor: pointer;
  color: #8BBF4A;
  display: block;
  margin: 5px 0;
  font-weight: 900;
}

/* line 479, main.scss */
.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form input[type="tel"],
.contact-form input[type="url"],
.contact-form textarea {
  width: 95%;
  box-shadow: inset 0 1px 2px #DDD, 0 1px 0 #FFF;
  -webkit-box-shadow: inset 0 1px 2px #DDD, 0 1px 0 #FFF;
  -moz-box-shadow: inset 0 1px 2px #DDD, 0 1px 0 #FFF;
  border: 1px solid #CCC;
  background: #FFF;
  margin: 0 0 5px;
  padding: 10px;
  border-radius: 5px;
}

/* line 494, main.scss */
.contact-form input[type="text"]:hover,
.contact-form input[type="email"]:hover,
.contact-form input[type="tel"]:hover,
.contact-form input[type="url"]:hover,
.contact-form textarea:hover {
  -webkit-transition: border-color 0.3s ease-in-out;
  -moz-transition: border-color 0.3s ease-in-out;
  transition: border-color 0.3s ease-in-out;
  border: 1px solid #AAA;
}

/* line 504, main.scss */
.contact-form textarea {
  height: 100px;
  max-width: 100%;
}

/* line 508, main.scss */
.contact-form button[type="submit"] {
  cursor: pointer;
  border: none;
  background: #ccc;
  color: #FFF;
  margin: 10px 0;
  padding: 10px;
  border-radius: 5px;
  font-size: 1.2em;
}
/* line 518, main.scss */
.contact-form button[type="submit"]:hover {
  background: #8BBF4A;
}

/* line 522, main.scss */
.contact-form button[type="submit"]:hover {
  -webkit-transition: background 0.1s ease-in-out;
  -moz-transition: background 0.1s ease-in-out;
  transition: background-color 0.1s ease-in-out;
}

/* line 527, main.scss */
.contact-form button[type="submit"]:active {
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5);
}

/* line 530, main.scss */
.contact-form input:focus,
.contact-form textarea:focus {
  outline: 0;
  border: 1px solid #999;
}

/* line 535, main.scss */
::-webkit-input-placeholder {
  color: #888;
}

/* line 538, main.scss */
:-moz-placeholder {
  color: #888;
}

/* line 541, main.scss */
::-moz-placeholder {
  color: #888;
}

/* line 544, main.scss */
:-ms-input-placeholder {
  color: #888;
}

/* line 548, main.scss */
.contact-form .hidden {
  display: none;
}

/* line 550, main.scss */
.contact-form .first-col {
  padding: 10px 0 0 0;
  vertical-align: top;
}

/* line 559, main.scss */
.subpage .sub-wrapper {
  margin-top: 4em;
}
/* line 562, main.scss */
.subpage .sub-wrapper .big-headline {
  text-align: left;
}
/* line 565, main.scss */
.subpage .sub-wrapper .big-headline:first-child {
  margin-top: 0;
}
/* line 572, main.scss */
.subpage .content-left {
  text-align: left !important;
  box-sizing: border-box;
  width: 60%;
  float: left;
}
/* line 578, main.scss */
.subpage .content-left .intro {
  font: italic 1.3em/1.5em "Droid Serif";
  color: #689138;
}
/* line 583, main.scss */
.subpage .content-left .service-list {
  list-style-image: url("../img/bullet.jpg");
  margin: 20px 0 20px 50px;
}
/* line 587, main.scss */
.subpage .content-left .service-list li {
  margin-bottom: 5px;
}
/* line 592, main.scss */
.subpage .content-left .important-notice {
  border-radius: 10px;
  padding: 20px;
  background: #d9d9d9;
  font-weight: bold;
}
/* line 598, main.scss */
.subpage .content-left .important-notice a {
  display: inline-block;
  color: #ffffff;
  background: #8BBF4A;
  border-radius: 5px;
  padding: 10px 16px;
  margin-top: 20px;
  border: none !important;
}
/* line 607, main.scss */
.subpage .content-left .important-notice a:hover {
  background: #8BBF4A;
}
/* line 615, main.scss */
.subpage .content-right {
  box-sizing: border-box;
  width: 30%;
  float: right;
}
/* line 620, main.scss */
.subpage .content-right img {
  width: 90%;
  height: auto;
  border: 5px solid #fff;
  margin-bottom: 20px;
  box-shadow: 0 0 7px rgba(0, 0, 0, 0.3);
}
/* line 629, main.scss */
.subpage .bigbox {
  clear: both;
  margin-top: 4em;
  background: #ccc;
  padding: 4em;
}
/* line 635, main.scss */
.subpage .bigbox p {
  float: left;
  width: 70%;
}
/* line 640, main.scss */
.subpage .bigbox a {
  float: right;
}
/* line 645, main.scss */
.subpage .teaser {
  padding: 12vh 0;
}
/* line 648, main.scss */
.subpage .teaser h2 {
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.7);
}
/* line 653, main.scss */
.subpage #therapie .teaser {
  background-image: url("../img/therapie.jpg");
}
/* line 657, main.scss */
.subpage #beratung .teaser {
  background-image: url("../img/beratung.jpg");
}
/* line 661, main.scss */
.subpage #bia .teaser {
  background-image: url("../img/bia.jpg");
}
/* line 665, main.scss */
.subpage #profil .teaser {
  background-image: url("../img/profil.jpg");
}
/* line 669, main.scss */
.subpage #downloads .teaser {
  background-image: url("../img/downloads.jpg");
}

/* Clearfix */
/* line 676, main.scss */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

/* Clearfix Patches für den IE */
/* line 684, main.scss */
.clearfix {
  display: inline-block;
}

/* line 685, main.scss */
 
* html .clearfix {
  height: 1px;
}

/* line 688, main.scss */
.clearfix {
  display: block;
}

/* Ende des Versteckspiels für den IE5/Mac */
@media (max-width: 1024px) {
  /* line 697, main.scss */
  .content #others a.box {
    width: 49%;
    padding: 1% 6%;
    margin-bottom: 20px;
  }

  /* line 703, main.scss */
  .content #others a.box.profile,
  .content #others a.box.downloads {
    margin-left: 0;
    clear: both;
  }
}
@media (max-width: 768px) {
  /* line 714, main.scss */
  header {
    padding: 1em;
  }
  /* line 717, main.scss */
  header .branding {
    width: 100% !important;
  }
  /* line 720, main.scss */
  header .branding h1 {
    text-align: center !important;
    margin-top: 10px !important;
    clear: both;
    float: none;
  }
  /* line 727, main.scss */
  header .branding .logomark {
    margin: 0 auto;
    float: none;
  }

  /* line 735, main.scss */
  nav {
    text-align: center !important;
    width: 100% !important;
    margin-top: 20px !important;
  }

  /* line 741, main.scss */
  header nav ul li a {
    padding: 0;
  }

  /* line 745, main.scss */
  header nav ul li.leistungen > a {
    display: none;
  }

  /* line 749, main.scss */
  header nav ul:hover {
    background: transparent !important;
    color: #8BBF4A !important;
  }

  /* line 754, main.scss */
  header nav ul, header nav ul li ul {
    background: #fff;
    color: #8BBF4A !important;
  }
  /* line 758, main.scss */
  header nav ul:hover, header nav ul li ul:hover {
    background: transparent !important;
  }

  /* line 763, main.scss */
  header nav ul li, header nav ul li ul li {
    background: #fff;
    color: #8BBF4A !important;
  }
  /* line 767, main.scss */
  header nav ul li:hover, header nav ul li ul li:hover {
    background: transparent !important;
  }

  /* line 772, main.scss */
  header nav ul li a, header nav ul li ul li a {
    background: #fff;
    color: #8BBF4A !important;
  }
  /* line 776, main.scss */
  header nav ul li a:hover, header nav ul li ul li a:hover {
    background: transparent !important;
  }

  /* line 781, main.scss */
  header nav ul li ul {
    display: block;
    position: relative;
    box-shadow: none;
    top: 0;
    text-align: center;
    background: #fff;
    color: #8BBF4A !important;
  }
  /* line 790, main.scss */
  header nav ul li ul:hover {
    background: transparent !important;
  }

  /* line 797, main.scss */
  .content .wrapper #services .box {
    width: 100%;
    margin: 0 0 4em 0;
    clear: both;
    padding: 0 2em;
  }
  /* line 803, main.scss */
  .content .wrapper #services .box .logo {
    float: left;
    margin: 4em 0 0 2%;
  }
  /* line 808, main.scss */
  .content .wrapper #services .box h3 {
    text-align: left;
    margin-left: 36%;
  }
  /* line 813, main.scss */
  .content .wrapper #services .box p {
    margin-left: 36%;
    text-align: left;
  }
  /* line 818, main.scss */
  .content .wrapper #services .box a {
    float: left;
    margin-left: 36%;
  }

  /* line 824, main.scss */
  footer .wrapper .left,
  footer .wrapper .right {
    float: none !important;
    margin: 0 0 20px;
    text-align: center;
  }

  /* line 831, main.scss */
  footer .wrapper .right {
    margin-bottom: 0;
  }

  /* line 835, main.scss */
  .subpage .content-left {
    margin-left: 2em;
  }
}
@media (max-width: 480px) {
  /* line 846, main.scss */
  .content .teaser {
    padding: 5em 0;
  }

  /* line 850, main.scss */
  .content .teaser h2 {
    font-size: 1.8em;
  }

  /* line 854, main.scss */
  .content #others a.box {
    width: 100%;
    margin-left: 0;
  }

  /* line 862, main.scss */
  .content .wrapper #services .box * {
    clear: both !important;
    display: block !important;
    float: none !important;
    margin-left: 0 !important;
    text-align: center !important;
  }
  /* line 870, main.scss */
  .content .wrapper #services .box .logo {
    margin: 0 auto !important;
    float: none !important;
  }

  /* line 877, main.scss */
  .subpage .content-left {
    width: 95%;
    padding: 0;
    margin: 0 auto;
    float: none !important;
  }

  /* line 885, main.scss */
  .subpage .content-right {
    display: none;
  }

  /* line 889, main.scss */
  .mapbox {
    height: 260px !important;
  }
}


.special-header {
  background-color: #eee;
  padding: 1.5rem 0;
}

.special-header p {
  margin: 0;
}

.special-header h4 {
  margin: 0 0 .5rem;
}