@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700);
/* test */
* {
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
}

body {
  font-family: "Source Sans Pro", sans-serif !important;
  color: #4b4b4b;
  background: #FFFFFF;
}

body .hover-link:before {
  background-color: #94de76;
}

body .rubrik {
  position: relative;
  margin-right: 15px;
  color: #464442;
  font-size: 29px;
  font-weight: 500;
  letter-spacing: 1px;
  margin: 35px auto 65px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-transform: uppercase;
  line-height: 1em;
}

body .rubrik:after {
  content: " ";
  position: absolute;
  border-bottom: #464442 2px solid;
  width: 50%;
  bottom: -18px;
  left: 50%;
}

body .rubrik.white {
  color: #FFFFFF;
}

body .rubrik.white:after {
  border-bottom-color: #FFFFFF;
}

body .zitat {
  font-size: 16px;
  letter-spacing: .08em;
  margin: 0px 0px 30px;
  display: block;
  font-weight: 400;
  line-height: 1.5em;
}

body .zitat.white {
  color: #FFFFFF !important;
}

body:before {
  content: " ";
  background-size: cover !important;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: -1;
  position: fixed;
}

@media only screen and (min-width: 768px) and (max-width: 978px), only screen and (max-width: 767px) {
  body:before {
    background-image: none !important;
  }
}

#page {
  font-family: "Source Sans Pro", sans-serif !important;
}

body.node-type-page #page {
  padding: 0px;
}

#page p {
  font-size: 1rem;
  line-height: 1.35em;
}

#page a {
  font-size: 1rem;
}

#page li p {
  margin: 0px !important;
}

#page input[type="checkbox"] + label {
  display: block;
  padding-left: 25px;
  position: relative;
}

#page input[type="checkbox"] + label:before {
  cursor: pointer;
  position: absolute;
  left: 3px;
  top: 1px;
}

#page p, #page td {
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: subpixel-antialiased;
}

#page #block-system-main .node h1,
#page #block-system-main .node h1 a {
  color: #4b4b4b;
  text-decoration: none;
}

#page #block-system-main .node h2:not(.block-title),
#page #block-system-main .node h2:not(.block-title) a {
  text-decoration: none;
  color: #4b4b4b;
}

#page #block-system-main .node.view-mode-full h2:not(.block-title) {
  font-size: 22px;
  margin-top: 40px;
}

#page #block-system-main .node h3 {
  color: #007356;
  font-size: 17px;
  line-height: 1.4em !important;
  margin-bottom: 5px;
}

#page #block-system-main .node ul:not([class]), #page #block-system-main .node ol:not([class]) {
  padding-left: 20px;
}

#page #block-system-main .node ul:not([class]) li, #page #block-system-main .node ol:not([class]) li {
  font-size: 16px;
  color: #4b4b4b;
}

#page #block-system-main .node ol:not([class]) {
  list-style: decimal;
}

#page #block-system-main .node ol:not([class]) li {
  margin-bottom: 5px;
}

#page #block-system-main .node ul:not([class]) li {
  list-style: none;
  line-height: 21px;
}

#page #block-system-main .node ul:not([class]) li:before {
  color: #94de76;
  content: "\2022";
  font-size: .9em;
  margin-left: -14px;
  margin-right: 10px;
}

#page #block-system-main .node p:not([class]), #page #block-system-main .node ol:not([class]), #page #block-system-main .node ul:not([class]) {
  margin-bottom: 10px;
}

#page a:hover {
  text-decoration: none;
}

#page ul.hovered-striped li:nth-child(odd) {
  background-color: white;
}

#page .bigger,
#page .bigger a {
  color: #000;
  font-size: 18px !important;
  line-height: 1.3em !important;
}

#page .handwritten,
#page .handwritten a {
  font-size: 18px !important;
  line-height: 1.3em !important;
  font-family: "Source Sans Pro", sans-serif;
}

#page h1 {
  font-weight: normal;
  font-size: 24px;
  position: relative;
  line-height: 1.2em !important;
}

#page h1.handwritten, #page h2.handwritten {
  font-size: 45px !important;
  letter-spacing: 1px;
}

#page .node-page h1,
#page .node-page .bigger.white {
  width: 100%;
  line-height: 1.4em !important;
  font-weight: 300;
}

#page .node-page h1 .row.grid-100,
#page .node-page .bigger.white .row.grid-100 {
  margin-top: 50px;
  margin-bottom: 40px;
}

#page .node-page h1 {
  font-size: 34px !important;
}

#page .node-page .bigger {
  font-size: 30px !important;
  color: #4b4b4b;
  font-weight: 300;
}

#page a:not([class]):not([role]) {
  color: #94de76;
  font-weight: bolder;
  text-decoration: underline;
}

#page a:not([class]):not([role]) strong {
  color: #94de76;
}

#page a.readmore {
  color: #94de76;
  text-decoration: none;
}

#page a.pdf-link {
  color: #4b4b4b;
}

#page a.pdf-link:before {
  content: "\f016";
}

#page a.text-link {
  color: #4b4b4b;
}

#page a.text-link:before {
  display: inline-block;
  content: "\f178";
  font-family: "FontAwesome";
}

#page a.text-link:hover {
  text-decoration: underline;
}

#page a.btn {
  border-radius: 22px;
  padding: 4px 20px;
  font-size: 16px;
}

#page a.btn.btn-light {
  background: transparent;
  color: #007356;
  border-color: #007356;
}

#page a.btn.btn-light:hover {
  background: transparent;
  color: #94de76;
  border-color: #94de76;
}

#page a.btn.btn-dark {
  background: #94de76;
  background-image: -owg-linear-gradient(to bottom right, #94de76, #94de76 70%, #94de76);
  background-image: -webkit-linear-gradient(to bottom right, #94de76, #94de76 70%, #94de76);
  background-image: -o-linear-gradient(to bottom right, #94de76, #94de76 70%, #94de76);
  background-image: -webkit-gradient(linear, left top, right bottom, from(#94de76), color-stop(70%, #94de76), to(#94de76));
  background-image: -webkit-linear-gradient(top left, #94de76, #94de76 70%, #94de76);
  background-image: -o-linear-gradient(top left, #94de76, #94de76 70%, #94de76);
  background-image: linear-gradient(to bottom right, #94de76, #94de76 70%, #94de76);
  color: #FFFFFF;
  border-color: transparent;
}

#page a.btn.btn-dark:hover {
  background: #007356;
  color: #FFFFFF;
  border-color: transparent;
}

#page a.btn.btn-facebook-icon {
  position: relative;
  padding: 10px 30px 10px 55px;
}

#page a.btn.btn-facebook-icon:before {
  color: #3B5998;
  background: #FFFFFF;
  padding: 3px 5px;
  border-radius: 16px;
  line-height: 27px;
  font-size: 27px;
  position: absolute;
  top: 4px;
  left: 5px;
}

@media only screen and (max-width: 767px) {
  #page .node-content > .row:not(.browsersize-fill) {
    margin: 0px 20px;
  }
}

#page .decoration-our-topics a {
  text-decoration: none !important;
}

#footer .bigger,
#page .bigger {
  font-size: 30px !important;
  color: #4b4b4b;
  font-weight: 300;
  line-height: 1.5em;
}

#footer .white,
#page .white {
  color: #FFFFFF;
}

#footer a.btn,
#page a.btn {
  border-radius: 22px;
  padding: 4px 20px;
  font-size: 16px;
}

#footer a.btn.btn-light,
#page a.btn.btn-light {
  background: transparent;
  color: #007356;
  border-color: #007356;
}

#footer a.btn.btn-light:hover,
#page a.btn.btn-light:hover {
  background: transparent;
  color: #94de76;
  border-color: #94de76;
}

#block-system-main strong {
  color: #5F5E5E;
  font-weight: 500;
}

@media only screen and (min-width: 979px) {
  .footer .block-social {
    display: none;
  }
}

body.page-magazin #main-content,
body.page-taxonomy #main-content {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

body.page-magazin #main-content #content,
body.page-taxonomy #main-content #content {
  width: 60%;
}

body.page-magazin #main-content #content-right,
body.page-taxonomy #main-content #content-right {
  width: 350px;
}

@media only screen and (max-width: 978px) {
  body.page-magazin #main-content #content,
  body.page-magazin #main-content #content-right,
  body.page-taxonomy #main-content #content,
  body.page-taxonomy #main-content #content-right {
    width: 100%;
  }
  body.page-magazin #main-content .view-mode-magazin_overview,
  body.page-taxonomy #main-content .view-mode-magazin_overview {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  body.page-magazin #main-content .view-mode-magazin_overview .group-left,
  body.page-taxonomy #main-content .view-mode-magazin_overview .group-left {
    margin: 0px auto;
  }
}

@media only screen and (min-width: 768px) and (max-width: 978px), only screen and (min-width: 979px) and (max-width: 1199px) {
  body.page-magazin #main-content .view-mode-magazin_overview .group-left,
  body.page-taxonomy #main-content .view-mode-magazin_overview .group-left {
    margin-left: 20px !important;
  }
}

@media only screen and (max-width: 767px) {
  body.page-magazin #main-content .view-mode-magazin_overview,
  body.page-taxonomy #main-content .view-mode-magazin_overview {
    padding-left: 20px !important;
  }
  body.page-magazin #main-content .view-mode-magazin_overview .group-left,
  body.page-taxonomy #main-content .view-mode-magazin_overview .group-left {
    margin: 0px auto !important;
  }
  body.page-magazin #main-content .view-mode-magazin_overview .group-right,
  body.page-taxonomy #main-content .view-mode-magazin_overview .group-right {
    min-width: 320px;
    max-width: 100%;
  }
}

body.showSubLevelMenu #page:before {
  display: none !important;
}

#block-search-form label {
  cursor: pointer;
}

#block-search-form label:before {
  background: transparent;
}

#block-search-form label:after {
  top: 14px;
  left: 17px;
  color: #525151;
}

#block-search-form .form-text {
  top: 102px !important;
}

#block-search-form .form-text:focus {
  background: rgba(255, 255, 255, 0.9);
  color: #525151;
}

#block-search-form .form-text:-ms-input-placeholder {
  color: #007356;
  font-style: italic;
}

#block-search-form .form-text:-moz-placeholder {
  color: #007356;
  font-style: italic;
}

#block-search-form .form-text::-moz-placeholder {
  color: #007356;
  font-style: italic;
}

#block-search-form .form-text::-webkit-input-placeholder {
  color: #007356;
  font-style: italic;
}

@media only screen and (max-width: 978px) {
  #block-search-form {
    display: none !important;
  }
}

@media only screen and (max-width: 978px) {
  .scroll-to-fixed-fixed-spacer {
    display: none;
  }
}

#block-views-news-news-block-teaser .view-content .views-row {
  padding: 0px 0px 10px 0px !important;
}

#block-views-news-news-block-teaser .view-content .views-row .content {
  padding: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

#block-views-news-news-block-teaser .view-content .views-row .content:before {
  content: "News";
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
  display: block;
  position: relative;
  top: -20px;
  background: #FFFFFF;
  margin: 0px auto;
  padding: 10px 20px;
  min-width: 50%;
  text-align: center;
  color: #4b4b4b;
  font-size: 14px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-weight: 300;
}

#block-views-news-news-block-teaser .view-content .views-row .content > :not(.field-news-image) {
  display: block;
  margin: 0px 20px 5px;
}

#block-views-news-news-block-teaser .view-content .views-row .content .field-title {
  font-weight: 400;
  margin-bottom: 15px;
}

@media only screen and (min-width: 979px) {
  #block-views-news-news-block-teaser .view-content .views-row {
    margin-left: 10px;
  }
}

@media only screen and (max-width: 978px) {
  #block-views-news-news-block-teaser .view-content .views-row {
    margin-left: 0px;
  }
}

@media only screen and (max-width: 978px) {
  #block-views-news-news-block-teaser > .block-content {
    margin: 0px;
  }
}

#block-views-news-news-block-main .views-row {
  margin: 60px 15px 0px 0px !important;
}

#block-views-news-news-block-main .views-row-first {
  margin-top: 30px !important;
}

#footer {
  background: -owg-linear-gradient(left, #94de76, #007356);
  background: -webkit-linear-gradient(left, #94de76, #007356);
  background: -o-linear-gradient(left, #94de76, #007356);
  background: -webkit-gradient(linear, left top, right top, from(#94de76), to(#007356));
  background: linear-gradient(left, #94de76, #007356);
}

#footer * {
  color: #FFFFFF;
}

#footer .block {
  margin: 0px;
  background: transparent !important;
}

#footer .footer {
  background: #6f6f6f;
}

#footer .region-footer {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin: 0px auto;
  max-width: 1200px;
}

#footer .region-footer .block {
  width: auto;
  padding: 20px 30px;
}

#footer .region-footer .block a {
  float: none !important;
  display: inline-block !important;
}

#footer .region-footer .block:nth-child(1) p {
  text-align: center;
}

#footer .region-footer-bottom {
  background: #485b4a;
  padding: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

#footer .region-footer-bottom p, #footer .region-footer-bottom a {
  color: black;
}

#footer .region-footer-bottom > * {
  width: 33%;
}

#footer .region-footer-bottom > *:nth-child(2) p {
  text-align: center;
}

#footer .region-footer-bottom > *:not(:nth-child(2)) {
  padding-top: 10px;
}

@media only screen and (max-width: 767px) {
  #footer .region-footer-bottom > * {
    width: 100% !important;
  }
  #footer .region-footer-bottom > * p {
    text-align: center;
  }
}

#footer .region-footer-bottom .block {
  margin: 0px;
}

#footer .region-footer-bottom:after {
  display: none;
}

.grid-50-25-25.grid-block .field-text,
.grid-50-25-25.grid-block .field-insert-block {
  width: 49%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.grid-50-25-25.grid-block .field-insert-block .node {
  width: 49%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.grid-50-25-25.grid-text .field-item {
  width: 24%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.grid-50-25-25.grid-text .field-item:first-child {
  width: 49%;
}

@media only screen and (min-width: 979px) {
  .grid-50-25-25.grid-text .field-item {
    margin-right: 10px !important;
  }
}

@media only screen and (max-width: 978px) {
  .grid-50-25-25.grid-text .field-item {
    padding: 10px 20px;
    width: 100% !important;
    margin: 0px !important;
  }
}

@media only screen and (min-width: 768px) and (max-width: 978px) {
  .grid-50-25-25.grid-text .field-item:not(:first-child) {
    width: 49% !important;
  }
}

.grid-30-30-30.grid-block-right.grid-block .field-text {
  width: 70%;
}

.grid-30-30-30.grid-block-right.grid-block .field-text .field-item {
  width: 50%;
}

.grid-30-30-30.grid-text:not(.grid-block) {
  padding-top: 70px !important;
  padding-bottom: 35px !important;
}

.grid-30-30-30.grid-text:not(.grid-block) .field-item {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: 30%;
  background: #FFFFFF;
  margin-bottom: 30px !important;
  padding-bottom: 15px !important;
}

.grid-30-30-30.grid-text:not(.grid-block) .field-item:not(:nth-child(3n)) {
  margin-right: 30px !important;
}

.grid-30-30-30 .block-webform {
  padding-top: 30px;
}

@media only screen and (min-width: 979px) {
  .grid-30-30-30 .block-webform .form-item,
  .grid-30-30-30 .block-webform .form-actions {
    width: 50%;
  }
}

.grid-30-30-30 .block-webform .webform-component--name {
  float: left;
}

.grid-30-30-30 .block-webform .form-text {
  border: 1px solid #94de76;
  border-radius: 26px;
}

.grid-30-30-30 .block-webform .form-actions {
  width: 50%;
  display: block;
  float: right;
}

.grid-30-30-30 .block-webform .webform-submit {
  background: #94de76;
  border-radius: 26px;
  padding: 7px 17px;
  margin-left: 30%;
  position: relative;
  color: black;
}

.node-article .back-to-overview,
.node-gallery .back-to-overview {
  position: absolute;
  margin: 0px;
}

.node-article:not(.node-teaser) h1.field-title,
.node-gallery:not(.node-teaser) h1.field-title {
  margin-bottom: 30px;
  font-size: 22px;
  line-height: 1.3em !important;
}

.node-type-gallery .node-gallery .field-images > a:hover:before,
.field-insert-block .node-gallery .field-images > a:hover:before,
.field-insert-gallery .node-gallery .field-images > a:hover:before {
  opacity: 0.5 !important;
}

#gallery-view .next:after,
#gallery-view .prev:after {
  opacity: 1;
}

.view-gallery .view-filters a {
  background: #198ed0 !important;
  color: #969696 !important;
}

.view-gallery .view-filters a.active {
  background-color: #94de76 !important;
  border-color: #94de76 !important;
  color: #FFFFFF !important;
}

.view-gallery .isotope-item > .content {
  border: 10px #FFFFFF solid;
}

.row.grid-block:not(.grid-text) .field-insert-block:first-child:last-child {
  max-width: 100%;
  width: 100%;
}

#page #block-system-main .row.grid-25-25-25-25 .field-text.field-item {
  margin-bottom: 25px !important;
  background: #FFFFFF;
  margin-right: 25px !important;
  width: 22%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

#page #block-system-main .row.grid-25-25-25-25 .field-text.field-item span.bigger:first-child {
  padding: 20px 10px 15px 20px;
  display: block;
  background: #485b4a;
  color: white;
}

#page #block-system-main .row.grid-25-25-25-25 .field-text.field-item:nth-child(4n) {
  margin-right: 0px !important;
}

#page #block-system-main .row.decoration-hover .field-item:after {
  top: auto;
  top: initial;
  bottom: 25px;
  font-size: 34px;
}

#page #block-system-main .row.decoration-logo .field-item img {
  -webkit-filter: grayscale(1);
  -moz-filter: grayscale(1);
  filter: grayscale(1);
}

#page #block-system-main .row.decoration-logo .field-item img:hover {
  -webkit-filter: grayscale(0);
  -moz-filter: grayscale(0);
  filter: grayscale(0);
}

@media only screen and (max-width: 767px) {
  .node-content > .row:not(.browsersize-fill).grid-accordion {
    width: auto !important;
  }
}

#page #block-system-main .accordion {
  padding: 0px;
}

#page #block-system-main .accordion h2.ui-accordion-header {
  border: 0px;
  border-radius: 21px;
  background: #FFFFFF;
  padding-left: 28px;
  -webkit-transition: border-radius 0.25s;
  -webkit-transition-delay: 0.25s;
  -o-transition: border-radius 0.25s 0.25s;
  -webkit-transition: border-radius 0.25s 0.25s;
  transition: border-radius 0.25s 0.25s;
}

#page #block-system-main .accordion h2.ui-accordion-header.ui-accordion-header-active, #page #block-system-main .accordion h2.ui-accordion-header:hover {
  color: white;
  background: #4b4b4b;
}

#page #block-system-main .accordion h2.ui-accordion-header:hover .ui-accordion-header-icon:before,
#page #block-system-main .accordion h2.ui-accordion-header a:hover .ui-accordion-header-icon:before {
  content: "+";
}

#page #block-system-main .accordion h2.ui-accordion-header.ui-accordion-header-active {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  -webkit-transition: border-radius 0s;
  -webkit-transition-delay: 0s;
  -o-transition: border-radius 0s 0s;
  -webkit-transition: border-radius 0s 0s;
  transition: border-radius 0s 0s;
}

#page #block-system-main .accordion h2.ui-accordion-header.ui-accordion-header-active:hover .ui-accordion-header-icon:before,
#page #block-system-main .accordion h2.ui-accordion-header.ui-accordion-header-active a:hover .ui-accordion-header-icon:before {
  content: "-";
}

#page #block-system-main .accordion h2.ui-accordion-header .ui-accordion-header-icon {
  right: auto;
  left: 0px;
}

#page #block-system-main .accordion .accordionContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0px !important;
  background: #FFFFFF;
}

#page #block-system-main .accordion .accordionContainer > * {
  padding: 20px 10px 15px;
}

@media only screen and (max-width: 978px) {
  #page #block-system-main .accordion .accordionContainer > * {
    width: 100% !important;
  }
}

#page #block-system-main .accordion .accordionContainer .info {
  width: 40%;
  background: #525151;
}

#page #block-system-main .accordion .accordionContainer .info img {
  width: 100% !important;
  height: auto !important;
}

#page #block-system-main .accordion .accordionContainer .text {
  padding-left: 20px;
  padding-right: 40px;
  width: 60%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

#page #block-system-main .accordion .accordionContainer .text li {
  margin-bottom: 10px;
}

.tabs.ui-tabs {
  margin: 0px !important;
}

.tabs.ui-tabs .ui-tabs-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.tabs.ui-tabs .ui-tabs-nav li {
  min-width: 100px;
  color: #4b4b4b;
  padding: 0px !important;
}

.tabs.ui-tabs .ui-tabs-nav li:first-child {
  border-top-left-radius: 15px;
}

@media only screen and (max-width: 978px) {
  .tabs.ui-tabs .ui-tabs-nav li:first-child {
    border-top-right-radius: 15px;
  }
}

.tabs.ui-tabs .ui-tabs-nav li:last-child {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

@media only screen and (min-width: 979px) {
  .tabs.ui-tabs .ui-tabs-nav li:last-child {
    border-top-right-radius: 15px;
  }
}

.tabs.ui-tabs .ui-tabs-nav li:nth-child(even) {
  background: #525151;
}

.tabs.ui-tabs .ui-tabs-nav li:nth-child(odd) {
  background: #3E3C3C;
}

.tabs.ui-tabs .ui-tabs-nav li a {
  color: #4b4b4b;
  padding: 10px 30px;
  display: block;
  font-weight: 500;
  text-decoration: none;
  letter-spacing: 1px;
}

.tabs.ui-tabs .ui-tabs-nav li a:focus {
  outline: 0px;
}

.tabs.ui-tabs .ui-tabs-nav li.ui-state-hover a {
  color: #94de76;
}

.tabs.ui-tabs .ui-tabs-nav li.ui-state-active {
  background: #4b4b4b;
}

.tabs.ui-tabs .ui-tabs-nav li.ui-state-active a {
  color: #FFFFFF;
}

@media only screen and (max-width: 978px) {
  .tabs.ui-tabs .ui-tabs-nav li {
    width: 100%;
  }
}

.tabs.ui-tabs .ui-tabs-panel {
  background: white;
  padding: 20px 30px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.tabs.ui-tabs .ui-tabs-panel table {
  width: 40%;
}

.tabs.ui-tabs .ui-tabs-panel table tr:nth-child(odd) {
  background: #3E3C3C;
}

.tabs.ui-tabs .ui-tabs-panel table tr:nth-child(even) {
  background: #525151;
}

.tabs.ui-tabs .ui-tabs-panel table tr td {
  padding: 10px 20px;
}

.tabs.ui-tabs .ui-tabs-panel table tr td:first-child {
  white-space: nowrap;
}

.tabs.ui-tabs .ui-tabs-panel table tr td p {
  font-size: 13px;
  margin: 0px;
  padding: 0px;
}

.tabs.ui-tabs .ui-tabs-panel p {
  width: 60%;
  margin: 0px;
}

.tabs.ui-tabs .ui-tabs-panel p img {
  max-width: 400px !important;
  height: auto !important;
}

@media only screen and (max-width: 978px) {
  .tabs.ui-tabs .ui-tabs-panel p {
    padding-top: 20px;
  }
  .tabs.ui-tabs .ui-tabs-panel p img {
    width: 100% !important;
    height: auto !important;
  }
}

@media only screen and (min-width: 979px) {
  .tabs.ui-tabs .ui-tabs-panel p {
    padding-left: 30px;
  }
}

@media only screen and (max-width: 978px) {
  .tabs.ui-tabs .ui-tabs-panel table, .tabs.ui-tabs .ui-tabs-panel p {
    width: 100%;
  }
}

#page .slideshow-container > .field-slideshow-text > .field-slideshow-text {
  padding: 45px 30px;
}

#page .slideshow-container > .field-slideshow-text > .field-slideshow-text h1, #page .slideshow-container > .field-slideshow-text > .field-slideshow-text h2, #page .slideshow-container > .field-slideshow-text > .field-slideshow-text h3, #page .slideshow-container > .field-slideshow-text > .field-slideshow-text .headline, #page .slideshow-container > .field-slideshow-text > .field-slideshow-text .bigger {
  font-weight: 300 !important;
}

#page .decoration-topic .field-item,
.header-bottom .block-block {
  margin: 0px auto;
  text-align: center;
  margin-bottom: 20px;
}

#page .decoration-topic .field-item h1, #page .decoration-topic .field-item h2,
.header-bottom .block-block h1,
.header-bottom .block-block h2 {
  border-bottom: 1px solid #969696;
  padding: 0px 5px 15px;
  /* margin-bottom: 5px; */
  margin: 40px auto 20px;
  width: auto;
  display: inline-block;
  font-size: 55px !important;
  position: relative;
  text-transform: none !important;
  font-weight: 100 !important;
}

#page .decoration-topic .field-item p,
.header-bottom .block-block p {
  font-size: 16px;
}

#page .decoration-topic .field-item:first-child p,
.header-bottom .block-block p {
  font-size: 15px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}

@media only screen and (min-width: 768px) {
  #page .decoration-topic .field-item:first-child,
  .header-bottom .block-block {
    max-width: 700px;
  }
}

#page .decoration-topic {
  padding-bottom: 3em;
}

#page .decoration-topic .field-item {
  margin: 0px auto;
  padding: 0px;
}

#page .decoration-topic .field-item p {
  margin: 0px;
}

.node-content > .row:not(.grid-accordion):not(.grid-slider):not(.grid-100) .field-text .field-items {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.row .view-content .views-row {
  width: 20%;
}

@media only screen and (max-width: 767px) {
  .row:not(.decoration-our-topics) .field-text .field-item > * {
    margin: 0px;
  }
}

.row.grid-25-25-25-25.decoration-our-topics .field-items {
  margin-left: -5px;
  margin-right: -5px;
}

.row.grid-25-25-25-25.decoration-our-topics .field-item,
.row.grid-25-25-25-25 .view-service-card .view-content .views-row,
.row.grid-25-25-25-25 .featured-content-block .node-lehrgang {
  width: calc(100% / (1 * 4) - (5px * 2));
  margin: 5px !important;
}

@media only screen and (max-width: 767px) {
  .row.grid-25-25-25-25.decoration-our-topics .field-item,
  .row.grid-25-25-25-25 .view-service-card .view-content .views-row,
  .row.grid-25-25-25-25 .featured-content-block .node-lehrgang {
    width: 100%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 978px) {
  .row.grid-25-25-25-25.decoration-our-topics .field-item,
  .row.grid-25-25-25-25 .view-service-card .view-content .views-row,
  .row.grid-25-25-25-25 .featured-content-block .node-lehrgang {
    width: calc(100% / (1 * 2) - (5px * 2));
  }
}

@media only screen and (min-width: 979px) and (max-width: 1199px) {
  .row.grid-25-25-25-25.decoration-our-topics .field-item,
  .row.grid-25-25-25-25 .view-service-card .view-content .views-row,
  .row.grid-25-25-25-25 .featured-content-block .node-lehrgang {
    width: calc(100% / (1 * 3) - (5px * 2));
  }
}

.row.grid-50-50.decoration-our-topics .field-item,
.row.grid-50-50 .view-service-card .view-content .views-row,
.row.grid-50-50 .featured-content-block .node-lehrgang {
  width: 100%;
}

@media only screen and (min-width: 768px) {
  .row.grid-50-50.decoration-our-topics .field-item,
  .row.grid-50-50 .view-service-card .view-content .views-row,
  .row.grid-50-50 .featured-content-block .node-lehrgang {
    width: calc(50% - 10px);
    margin-left: 5px;
    margin-right: 5px;
  }
}

.row.grid-50-25-25.decoration-our-topics .field-item:not(:first-child),
.row.decoration-our-topics:not(.grid-50-25-25) .field-item,
.row .view-service-card .view-content .views-row,
.row .featured-content-block .node-lehrgang {
  background: #ddd;
  padding: 0px 0px 20px;
}

.row.grid-50-25-25.decoration-our-topics .field-item:not(:first-child) > :not(:first-child),
.row.decoration-our-topics:not(.grid-50-25-25) .field-item > :not(:first-child),
.row .view-service-card .view-content .views-row > :not(:first-child),
.row .featured-content-block .node-lehrgang > :not(:first-child) {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

.row.grid-50-25-25.decoration-our-topics .field-item:not(:first-child) .field-lehrgang-servicecard-image img,
.row.decoration-our-topics:not(.grid-50-25-25) .field-item .field-lehrgang-servicecard-image img,
.row .view-service-card .view-content .views-row .field-lehrgang-servicecard-image img,
.row .featured-content-block .node-lehrgang .field-lehrgang-servicecard-image img {
  width: 100%;
  height: auto;
}

.row.grid-50-25-25.decoration-our-topics .field-item:not(:first-child) .field-lehrgang-servicecard-image,
.row.decoration-our-topics:not(.grid-50-25-25) .field-item .field-lehrgang-servicecard-image,
.row .view-service-card .view-content .views-row .field-lehrgang-servicecard-image,
.row .featured-content-block .node-lehrgang .field-lehrgang-servicecard-image {
  margin: 0px !important;
}

.row.grid-50-25-25.decoration-our-topics .field-item:not(:first-child) > .field-title,
.row.decoration-our-topics:not(.grid-50-25-25) .field-item > .field-title,
.row .view-service-card .view-content .views-row > .field-title,
.row .featured-content-block .node-lehrgang > .field-title {
  margin-top: 20px !important;
}

.row.grid-50-25-25.decoration-our-topics .field-item:not(:first-child):hover,
.row.decoration-our-topics:not(.grid-50-25-25) .field-item:hover,
.row .view-service-card .view-content .views-row:hover,
.row .featured-content-block .node-lehrgang:hover {
  background: -owg-linear-gradient(to bottom right, #94de76, #94de76 70%, #94de76);
  background: -webkit-linear-gradient(to bottom right, #94de76, #94de76 70%, #94de76);
  background: -o-linear-gradient(to bottom right, #94de76, #94de76 70%, #94de76);
  background: -webkit-gradient(linear, left top, right bottom, from(#94de76), color-stop(70%, #94de76), to(#94de76));
  background: -webkit-linear-gradient(top left, #94de76, #94de76 70%, #94de76);
  background: -o-linear-gradient(top left, #94de76, #94de76 70%, #94de76);
  background: linear-gradient(to bottom right, #94de76, #94de76 70%, #94de76);
}

.row.grid-50-25-25.decoration-our-topics .field-item:not(:first-child):hover *,
.row.decoration-our-topics:not(.grid-50-25-25) .field-item:hover *,
.row .view-service-card .view-content .views-row:hover *,
.row .featured-content-block .node-lehrgang:hover * {
  color: #FFFFFF !important;
}

.row.decoration-our-topics .field-item h2,
.row .view-service-card .view-content .views-row .field-title,
.row .featured-content-block .node-lehrgang .field-title {
  border-bottom: 1px solid #94de76;
  padding-bottom: 10px;
  margin: 10px 20px !important;
  font-size: 21px;
  line-height: 1.3em;
  min-height: 69px;
  text-transform: uppercase;
  font-weight: 300;
}

.row.decoration-our-topics .field-item.hover-link-active:before, .row.decoration-our-topics .field-item.hover-link-active:after,
.row .view-service-card .view-content .views-row.hover-link-active:before,
.row .view-service-card .view-content .views-row.hover-link-active:after,
.row .featured-content-block .node-lehrgang.hover-link-active:before,
.row .featured-content-block .node-lehrgang.hover-link-active:after {
  display: none;
}

.row.decoration-our-topics .field-item.hover-link-active h2,
.row .view-service-card .view-content .views-row.hover-link-active .field-title,
.row .featured-content-block .node-lehrgang.hover-link-active .field-title {
  border-bottom-color: #FFFFFF;
}

.field-insert-block form .webform-component:not(.webform-container-inline) > input,
.field-insert-block form .webform-component:not(.webform-container-inline) > .form-textarea-wrapper > textarea {
  border: 0px;
  background-color: #F5F5F5;
  color: #525151;
}

.field-insert-block form .webform-component:not(.webform-container-inline) > input:-ms-input-placeholder,
.field-insert-block form .webform-component:not(.webform-container-inline) > .form-textarea-wrapper > textarea:-ms-input-placeholder {
  color: #525151;
  font-style: italic;
}

.field-insert-block form .webform-component:not(.webform-container-inline) > input:-moz-placeholder,
.field-insert-block form .webform-component:not(.webform-container-inline) > .form-textarea-wrapper > textarea:-moz-placeholder {
  color: #525151;
  font-style: italic;
}

.field-insert-block form .webform-component:not(.webform-container-inline) > input::-moz-placeholder,
.field-insert-block form .webform-component:not(.webform-container-inline) > .form-textarea-wrapper > textarea::-moz-placeholder {
  color: #525151;
  font-style: italic;
}

.field-insert-block form .webform-component:not(.webform-container-inline) > input::-webkit-input-placeholder,
.field-insert-block form .webform-component:not(.webform-container-inline) > .form-textarea-wrapper > textarea::-webkit-input-placeholder {
  color: #525151;
  font-style: italic;
}

.field-insert-block form input[type=submit] {
  background: #94de76;
  padding: 5px 15px;
}

@media only screen and (max-width: 978px) {
  .field-insert-block form {
    margin: 0px;
  }
}

.breadcrumb {
  padding: 10px 15px 10px 45px;
  margin: 0px;
}

#calendar-table {
  border-spacing: 1px;
}

#calendar-table thead th {
  background: #525151;
  color: #FFFFFF;
  padding: 7px 27px 7px 15px;
  position: relative;
}

#calendar-table thead th:after {
  content: " ";
  position: absolute;
  right: 7px;
  top: 50%;
  margin-top: -3px;
}

#calendar-table thead th.sorting_asc:after {
  border-bottom: 7px solid white;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
}

#calendar-table thead th.sorting_desc:after {
  border-top: 7px solid white;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
}

#calendar-table td {
  background: #F5F5F5;
  padding: 5px 15px;
  border-bottom: 2px solid #FFF;
}

#calendar-table td .btn {
  margin: 0px;
  border-radius: 0px;
  background: -owg-linear-gradient(left, #94de76, #94de76);
  background: -webkit-linear-gradient(left, #94de76, #94de76);
  background: -o-linear-gradient(left, #94de76, #94de76);
  background: -webkit-gradient(linear, left top, right top, from(#94de76), to(#94de76));
  background: linear-gradient(left, #94de76, #94de76);
  color: #FFFFFF;
}

li.shariff-button {
  margin: 0px;
  width: auto;
}

li.shariff-button a {
  padding: 0px !important;
  width: 36px;
  text-align: center;
}

li.shariff-button .fa {
  margin: 0px auto;
  color: white;
  position: relative;
  left: auto;
  left: initial;
}

li.shariff-button .share_text {
  display: none;
}

@media only screen and (max-width: 978px) {
  .grid-25-50-25-block-center .field-insert-block {
    display: block;
    -webkit-box-ordinal-group: 100;
        -ms-flex-order: 99;
            order: 99;
    width: 100%;
  }
  .row:not(.decoration-our-topics) .field-text .field-item,
  .row:not(.decoration-our-topics) .row .view-content .views-row {
    padding: 20px;
  }
}

.newsletter-form input,
.newsletter-form textarea {
  width: 100%;
  padding: 10px 20px;
  border: 0px;
  background-color: #F5F5F5;
  color: #525151;
  margin-bottom: 5px;
}

.newsletter-form input:-ms-input-placeholder,
.newsletter-form textarea:-ms-input-placeholder {
  color: #525151;
  font-style: italic;
}

.newsletter-form input:-moz-placeholder,
.newsletter-form textarea:-moz-placeholder {
  color: #525151;
  font-style: italic;
}

.newsletter-form input::-moz-placeholder,
.newsletter-form textarea::-moz-placeholder {
  color: #525151;
  font-style: italic;
}

.newsletter-form input::-webkit-input-placeholder,
.newsletter-form textarea::-webkit-input-placeholder {
  color: #525151;
  font-style: italic;
}

.language-switcher-locale-url {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.language-switcher-locale-url li {
  margin-right: 10px;
}

.field-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.field-text .field-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
/*# sourceMappingURL=page_custom.css.map */