@charset "UTF-8";
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  outline: none;
  text-decoration: none;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
}
img {
  max-width: 100%;
  display: block;
  height: auto;
}
@media (max-width: 1350px) {
  .break-xxl-hide {
    display: none;
  }
}
@media (max-width: 1280px) {
  .break-xl-hide {
    display: none;
  }
}
@media (max-width: 960px) {
  .break-l-hide {
    display: none;
  }
}
@media (max-width: 812px) {
  .break-m-hide {
    display: none;
  }
}
@media (max-width: 650px) {
  .break-s-hide, .del {
    display: none;
  }
}
@media (max-width: 500px) {
  .break-xs-hide {
    display: none;
  }
}
@media (max-width: 350px) {
  .break-xxs-hide {
    display: none;
  }
}
.break-xxl-show {
  display: none;
}
@media (max-width: 1350px) {
  .break-xxl-show {
    display: block;
  }
}
.break-xl-show {
  display: none;
}
@media (max-width: 1280px) {
  .break-xl-show {
    display: block;
  }
}
.break-l-show {
  display: none;
}
@media (max-width: 960px) {
  .break-l-show {
    display: block;
  }
}
.break-m-show {
  display: none;
}
@media (max-width: 812px) {
  .break-m-show {
    display: block;
  }
}
.break-s-show {
  display: none;
}
@media (max-width: 650px) {
  .break-s-show {
    display: block;
  }
}
.break-xs-show {
  display: none;
}
@media (max-width: 500px) {
  .break-xs-show {
    display: block;
  }
}
.break-xxs-show {
  display: none;
}
@media (max-width: 350px) {
  .break-xxs-show {
    display: block;
  }
}
html, body {
  color: #333333;
  background: #FFFFFF;
}
#thema-gruen .back-invers {
  background-color: #e8edec;
}
#thema-gruen .back-one {
  background-color: #e8edec;
}
#thema-gruen .back-one .back-invers {
  background-color: #FFFFFF;
}
#thema-blau .back-invers {
  background-color: #f2f6f7;
}
#thema-blau .back-one {
  background-color: #f2f6f7;
}
#thema-blau .back-one .back-invers {
  background-color: #FFFFFF;
}
#thema-orange .back-invers {
  background-color: #f8f4ef;
}
#thema-orange .back-one {
  background-color: #f8f4ef;
}
#thema-orange .back-one .back-invers {
  background-color: #FFFFFF;
}
html, body {
  font-family: "Calibri", sans-serif;
  font-size: 18px;
  font-weight: normal;
}
@media (max-width: 812px) {
  html, body {
    font-size: 16px;
  }
}
@media (max-width: 650px) {
  html, body {
    font-size: 16px;
  }
}
p, .edit-p input, .edit-p textarea, .edit-textarea textarea {
  font-size: 18px;
  line-height: 1.2em;
  letter-spacing: 0.01em;
  word-spacing: 0.01em;
  color: inherit;
  text-align: inherit;
  width: 100%;
  display: block;
  -moz-hyphens: auto;
  -o-hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  font-weight: normal;
  padding-bottom: 10px;
  line-height: 1.3em;
}
@media (max-width: 650px) {
  p, .edit-p input, .edit-p textarea, .edit-textarea textarea {
    font-size: 18px;
  }
}
@media (max-width: 650px) {
  p, .edit-p input, .edit-p textarea, .edit-textarea textarea {
    line-height: 1.6em;
  }
}
h1, .edit-h1 input {
  font-size: 4rem;
  line-height: 1.2em;
  letter-spacing: 0.01em;
  word-spacing: 0.01em;
  color: inherit;
  text-align: inherit;
  width: 100%;
  display: block;
  -moz-hyphens: auto;
  -o-hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  font-weight: bold;
  color: #333333;
  line-height: 1.6em;
}
@media (max-width: 650px) {
  h1, .edit-h1 input {
    font-size: 2.7rem;
  }
}
h2, .edit-h2 input {
  font-size: 3rem;
  line-height: 1.2em;
  letter-spacing: 0.01em;
  word-spacing: 0.01em;
  color: inherit;
  text-align: inherit;
  width: 100%;
  display: block;
  -moz-hyphens: auto;
  -o-hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  font-weight: bold;
}
@media (max-width: 960px) {
  h2, .edit-h2 input {
    font-size: 3rem;
  }
}
@media (max-width: 812px) {
  h2, .edit-h2 input {
    font-size: 2.8rem;
  }
}
@media (max-width: 650px) {
  h2, .edit-h2 input {
    font-size: 1.5rem;
  }
}
@media (max-width: 650px) {
  h2, .edit-h2 input {
    line-height: 1.6em;
  }
}
h3, .edit-h3 input {
  font-size: 1.6rem;
  line-height: 1.2em;
  letter-spacing: 0.01em;
  word-spacing: 0.01em;
  color: inherit;
  text-align: inherit;
  width: 100%;
  display: block;
  -moz-hyphens: auto;
  -o-hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  font-weight: normal;
  line-height: 1.9em;
}
@media (max-width: 960px) {
  h3, .edit-h3 input {
    font-size: 1.45rem;
  }
}
@media (max-width: 812px) {
  h3, .edit-h3 input {
    font-size: 1.3rem;
  }
}
@media (max-width: 650px) {
  h3, .edit-h3 input {
    font-size: 1rem;
  }
}
@media (max-width: 650px) {
  h3, .edit-h3 input {
    line-height: 1.9em;
    padding-top: 3px;
  }
}
.row .box-10 h3, .row .box-10 .edit-h3 input, .edit-h3 .row .box-10 input, .box-12 h3, .box-12 .edit-h3 input, .edit-h3 .box-12 input {
  font-size: 1.6rem;
  line-height: 1.2em;
  letter-spacing: 0.01em;
  word-spacing: 0.01em;
  color: inherit;
  text-align: inherit;
  width: 100%;
  display: block;
  -moz-hyphens: auto;
  -o-hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  font-weight: normal;
  line-height: 1.9em;
  line-height: 1.2em;
}
@media (max-width: 960px) {
  .row .box-10 h3, .row .box-10 .edit-h3 input, .edit-h3 .row .box-10 input, .box-12 h3, .box-12 .edit-h3 input, .edit-h3 .box-12 input {
    font-size: 1.45rem;
  }
}
@media (max-width: 812px) {
  .row .box-10 h3, .row .box-10 .edit-h3 input, .edit-h3 .row .box-10 input, .box-12 h3, .box-12 .edit-h3 input, .edit-h3 .box-12 input {
    font-size: 1.3rem;
  }
}
@media (max-width: 650px) {
  .row .box-10 h3, .row .box-10 .edit-h3 input, .edit-h3 .row .box-10 input, .box-12 h3, .box-12 .edit-h3 input, .edit-h3 .box-12 input {
    font-size: 1rem;
  }
}
@media (max-width: 650px) {
  .row .box-10 h3, .row .box-10 .edit-h3 input, .edit-h3 .row .box-10 input, .box-12 h3, .box-12 .edit-h3 input, .edit-h3 .box-12 input {
    line-height: 1.9em;
    padding-top: 3px;
  }
}
h4, .edit-h4 input {
  font-size: 1.7rem;
  line-height: 1.2em;
  letter-spacing: 0.01em;
  word-spacing: 0.01em;
  color: inherit;
  text-align: inherit;
  width: 100%;
  display: block;
  -moz-hyphens: auto;
  -o-hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  font-weight: bold;
  line-height: 1.3em;
}
@media (max-width: 650px) {
  h4, .edit-h4 input {
    font-size: 1.7rem;
  }
}
@media (max-width: 650px) {
  h4, .edit-h4 input {
    line-height: 1.5em;
  }
}
h5, .edit-h5 input {
  font-size: 1.3rem;
  line-height: 1.2em;
  letter-spacing: 0.01em;
  word-spacing: 0.01em;
  color: inherit;
  text-align: inherit;
  width: 100%;
  display: block;
  -moz-hyphens: auto;
  -o-hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  font-weight: bold;
}
@media (max-width: 650px) {
  h5, .edit-h5 input {
    font-size: 1.1rem;
  }
}
h6, .edit-h6 input {
  font-size: 1.2rem;
  line-height: 1.2em;
  letter-spacing: 0.01em;
  word-spacing: 0.01em;
  color: inherit;
  text-align: inherit;
  width: 100%;
  display: block;
  -moz-hyphens: auto;
  -o-hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  font-weight: normal;
}
@media (max-width: 650px) {
  h6, .edit-h6 input {
    font-size: 1.2rem;
  }
}
article {
  font-size: 2.2rem;
  line-height: 1.2em;
  letter-spacing: 0.01em;
  word-spacing: 0.01em;
  color: inherit;
  text-align: inherit;
  width: 100%;
  display: block;
  -moz-hyphens: auto;
  -o-hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  font-weight: normal;
}
@media (max-width: 650px) {
  article {
    font-size: 1.6rem;
  }
}
a {
  color: inherit;
}
a:hover {
  text-decoration: none;
}
strong, .bold {
  font-weight: bold;
}
.center {
  text-align: center;
}
.left {
  text-align: left;
}
.right {
  text-align: right;
}
.justify {
  text-align: justify;
}
.pad {
  padding: 15px;
}
.pad-b {
  padding-bottom: 15px;
}
.pad-t {
  padding-top: 15px;
}
.pad-r {
  padding-right: 15px;
}
.pad-l {
  padding-left: 15px;
}
.pad-0 {
  padding: 0;
}
.pad-b-0 {
  padding-bottom: 0;
}
.pad-t-0 {
  padding-top: 0;
}
.pad-l-0 {
  padding-left: 0;
}
.pad-r-0 {
  padding-right: 0;
}
.mar {
  margin: 15px;
}
.mar-0 {
  margin: 0;
}
.mar-b-0 {
  margin-bottom: 0;
}
.mar-t-0 {
  margin-top: 0;
}
.mar-l-0 {
  margin-left: 0;
}
.mar-r-0 {
  margin-right: 0;
}
.mar-b {
  margin-bottom: 15px;
}
.mar-t {
  margin-top: 15px;
}
.mar-r {
  margin-right: 15px;
}
.mar-l {
  margin-left: 15px;
}
.section-pad-top {
  padding-top: 75px;
}
.section-pad-bottom {
  padding-bottom: 75px;
}
.block {
  display: block;
}
.inline {
  display: inline;
}
.relative {
  position: relative;
}
.absolute {
  position: absolute;
}
.flex, .edit-content, .edit-mail {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.flex-wrap, .edit-content, .edit-mail {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.flex-nowrap {
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.flex-wrap-reverse {
  -webkit-flex-wrap: wrap-reverse;
  -ms-flex-wrap: wrap-reverse;
  flex-wrap: wrap-reverse;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.flex-row {
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.flex-row-reverse {
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.flex-column {
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.flex-column-reverse {
  -webkit-flex-direction: column-reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.flex-top {
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
.flex-v-center {
  -webkit-align-items: center;
  align-items: center;
}
.flex-bottom {
  -webkit-align-items: flex-end;
  align-items: flex-end;
}
.flex-baseline {
  -webkit-align-items: baseline;
  align-items: baseline;
}
.flex-stretch {
  -webkit-align-items: stretch;
  align-items: stretch;
}
.flex-between {
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.flex-center {
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.flex-right {
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -ms-flex-pack: flex-end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.flex-left {
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: flex-start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
section, footer {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.box-flex, .top-level {
  -webkit-box-flex: 1 1 100%;
  -moz-box-flex: 1 1 100%;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1 1 auto;
}
.box-v-center {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}
.box-v-top {
  -webkit-align-self: flex-start;
  -ms-flex-item-align: flex-start;
  align-self: flex-start;
}
.box-v-bottom {
  -webkit-align-self: flex-end;
  -ms-flex-item-align: flex-end;
  align-self: flex-end;
}
.box-v-stretch {
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
}
.row {
  max-width: 1350px;
  width: 100%;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin: 0 auto;
}
.row-50 {
  max-width: 675px;
  width: 100%;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.box-1 {
  -webkit-box-flex: 1 1 8.3333333333%;
  -moz-box-flex: 1 1 8.3333333333%;
  -webkit-flex: 1 1 8.3333333333%;
  -ms-flex: 1 1 8.3333333333%;
  flex: 1 1 8.3333333333%;
  max-width: 8.3333333333%;
  position: relative;
}
.box-2 {
  -webkit-box-flex: 2 1 16.6666666667%;
  -moz-box-flex: 2 1 16.6666666667%;
  -webkit-flex: 2 1 16.6666666667%;
  -ms-flex: 2 1 16.6666666667%;
  flex: 2 1 16.6666666667%;
  max-width: 16.6666666667%;
  position: relative;
}
.box-3 {
  -webkit-box-flex: 3 1 25%;
  -moz-box-flex: 3 1 25%;
  -webkit-flex: 3 1 25%;
  -ms-flex: 3 1 25%;
  flex: 3 1 25%;
  max-width: 25%;
  position: relative;
}
.box-4 {
  -webkit-box-flex: 4 1 33.3333333333%;
  -moz-box-flex: 4 1 33.3333333333%;
  -webkit-flex: 4 1 33.3333333333%;
  -ms-flex: 4 1 33.3333333333%;
  flex: 4 1 33.3333333333%;
  max-width: 33.3333333333%;
  position: relative;
}
.box-5 {
  -webkit-box-flex: 5 1 41.6666666667%;
  -moz-box-flex: 5 1 41.6666666667%;
  -webkit-flex: 5 1 41.6666666667%;
  -ms-flex: 5 1 41.6666666667%;
  flex: 5 1 41.6666666667%;
  max-width: 41.6666666667%;
  position: relative;
}
.box-6 {
  -webkit-box-flex: 6 1 50%;
  -moz-box-flex: 6 1 50%;
  -webkit-flex: 6 1 50%;
  -ms-flex: 6 1 50%;
  flex: 6 1 50%;
  max-width: 50%;
  position: relative;
}
.box-7 {
  -webkit-box-flex: 7 1 58.3333333333%;
  -moz-box-flex: 7 1 58.3333333333%;
  -webkit-flex: 7 1 58.3333333333%;
  -ms-flex: 7 1 58.3333333333%;
  flex: 7 1 58.3333333333%;
  max-width: 58.3333333333%;
  position: relative;
}
.box-8 {
  -webkit-box-flex: 8 1 66.6666666667%;
  -moz-box-flex: 8 1 66.6666666667%;
  -webkit-flex: 8 1 66.6666666667%;
  -ms-flex: 8 1 66.6666666667%;
  flex: 8 1 66.6666666667%;
  max-width: 66.6666666667%;
  position: relative;
}
.box-9 {
  -webkit-box-flex: 9 1 75%;
  -moz-box-flex: 9 1 75%;
  -webkit-flex: 9 1 75%;
  -ms-flex: 9 1 75%;
  flex: 9 1 75%;
  max-width: 75%;
  position: relative;
}
.box-10 {
  -webkit-box-flex: 10 1 83.3333333333%;
  -moz-box-flex: 10 1 83.3333333333%;
  -webkit-flex: 10 1 83.3333333333%;
  -ms-flex: 10 1 83.3333333333%;
  flex: 10 1 83.3333333333%;
  max-width: 83.3333333333%;
  position: relative;
}
.box-11 {
  -webkit-box-flex: 11 1 91.6666666667%;
  -moz-box-flex: 11 1 91.6666666667%;
  -webkit-flex: 11 1 91.6666666667%;
  -ms-flex: 11 1 91.6666666667%;
  flex: 11 1 91.6666666667%;
  max-width: 91.6666666667%;
  position: relative;
}
.box-12 {
  -webkit-box-flex: 12 1 100%;
  -moz-box-flex: 12 1 100%;
  -webkit-flex: 12 1 100%;
  -ms-flex: 12 1 100%;
  flex: 12 1 100%;
  max-width: 100%;
  position: relative;
}
.box-order-1 {
  -webkit-box-ordinal-group: 1;
  -moz-box-ordinal-group: 1;
  -ms-flex-order: 1;
  -webkit-order: 1;
  order: 1;
}
.box-order-2 {
  -webkit-box-ordinal-group: 2;
  -moz-box-ordinal-group: 2;
  -ms-flex-order: 2;
  -webkit-order: 2;
  order: 2;
}
.box-order-3 {
  -webkit-box-ordinal-group: 3;
  -moz-box-ordinal-group: 3;
  -ms-flex-order: 3;
  -webkit-order: 3;
  order: 3;
}
.box-order-4 {
  -webkit-box-ordinal-group: 4;
  -moz-box-ordinal-group: 4;
  -ms-flex-order: 4;
  -webkit-order: 4;
  order: 4;
}
.box-order-5 {
  -webkit-box-ordinal-group: 5;
  -moz-box-ordinal-group: 5;
  -ms-flex-order: 5;
  -webkit-order: 5;
  order: 5;
}
.box-order-6 {
  -webkit-box-ordinal-group: 6;
  -moz-box-ordinal-group: 6;
  -ms-flex-order: 6;
  -webkit-order: 6;
  order: 6;
}
.box-order-7 {
  -webkit-box-ordinal-group: 7;
  -moz-box-ordinal-group: 7;
  -ms-flex-order: 7;
  -webkit-order: 7;
  order: 7;
}
.box-order-8 {
  -webkit-box-ordinal-group: 8;
  -moz-box-ordinal-group: 8;
  -ms-flex-order: 8;
  -webkit-order: 8;
  order: 8;
}
.box-order-9 {
  -webkit-box-ordinal-group: 9;
  -moz-box-ordinal-group: 9;
  -ms-flex-order: 9;
  -webkit-order: 9;
  order: 9;
}
.box-order-10 {
  -webkit-box-ordinal-group: 10;
  -moz-box-ordinal-group: 10;
  -ms-flex-order: 10;
  -webkit-order: 10;
  order: 10;
}
.box-order-11 {
  -webkit-box-ordinal-group: 11;
  -moz-box-ordinal-group: 11;
  -ms-flex-order: 11;
  -webkit-order: 11;
  order: 11;
}
.box-order-12 {
  -webkit-box-ordinal-group: 12;
  -moz-box-ordinal-group: 12;
  -ms-flex-order: 12;
  -webkit-order: 12;
  order: 12;
}
@media (max-width: 960px) {
  .box-3 {
    -webkit-box-flex: 4 1 33.3333333333%;
    -moz-box-flex: 4 1 33.3333333333%;
    -webkit-flex: 4 1 33.3333333333%;
    -ms-flex: 4 1 33.3333333333%;
    flex: 4 1 33.3333333333%;
    max-width: 33.3333333333%;
    position: relative;
  }
}
@media (max-width: 812px) {
  .box-3 {
    -webkit-box-flex: 6 1 50%;
    -moz-box-flex: 6 1 50%;
    -webkit-flex: 6 1 50%;
    -ms-flex: 6 1 50%;
    flex: 6 1 50%;
    max-width: 50%;
    position: relative;
  }
}
@media (max-width: 650px) {
  .box-3 {
    -webkit-box-flex: 12 1 100%;
    -moz-box-flex: 12 1 100%;
    -webkit-flex: 12 1 100%;
    -ms-flex: 12 1 100%;
    flex: 12 1 100%;
    max-width: 100%;
    position: relative;
  }
}
@media (max-width: 960px) {
  .box-4 {
    -webkit-box-flex: 6 1 50%;
    -moz-box-flex: 6 1 50%;
    -webkit-flex: 6 1 50%;
    -ms-flex: 6 1 50%;
    flex: 6 1 50%;
    max-width: 50%;
    position: relative;
  }
}
@media (max-width: 650px) {
  .box-4 {
    -webkit-box-flex: 12 1 100%;
    -moz-box-flex: 12 1 100%;
    -webkit-flex: 12 1 100%;
    -ms-flex: 12 1 100%;
    flex: 12 1 100%;
    max-width: 100%;
    position: relative;
  }
}
@media (max-width: 960px) {
  .box-5 {
    -webkit-box-flex: 6 1 50%;
    -moz-box-flex: 6 1 50%;
    -webkit-flex: 6 1 50%;
    -ms-flex: 6 1 50%;
    flex: 6 1 50%;
    max-width: 50%;
    position: relative;
  }
}
@media (max-width: 650px) {
  .box-5 {
    -webkit-box-flex: 12 1 100%;
    -moz-box-flex: 12 1 100%;
    -webkit-flex: 12 1 100%;
    -ms-flex: 12 1 100%;
    flex: 12 1 100%;
    max-width: 100%;
    position: relative;
  }
}
@media (max-width: 650px) {
  .box-6 {
    -webkit-box-flex: 12 1 100%;
    -moz-box-flex: 12 1 100%;
    -webkit-flex: 12 1 100%;
    -ms-flex: 12 1 100%;
    flex: 12 1 100%;
    max-width: 100%;
    position: relative;
  }
}
@media (max-width: 650px) {
  .box-7 {
    -webkit-box-flex: 12 1 100%;
    -moz-box-flex: 12 1 100%;
    -webkit-flex: 12 1 100%;
    -ms-flex: 12 1 100%;
    flex: 12 1 100%;
    max-width: 100%;
    position: relative;
  }
}
@media (max-width: 1350px) {
  .box-8 {
    -webkit-box-flex: 10 1 83.3333333333%;
    -moz-box-flex: 10 1 83.3333333333%;
    -webkit-flex: 10 1 83.3333333333%;
    -ms-flex: 10 1 83.3333333333%;
    flex: 10 1 83.3333333333%;
    max-width: 83.3333333333%;
    position: relative;
  }
}
@media (max-width: 812px) {
  .box-8 {
    -webkit-box-flex: 10 1 83.3333333333%;
    -moz-box-flex: 10 1 83.3333333333%;
    -webkit-flex: 10 1 83.3333333333%;
    -ms-flex: 10 1 83.3333333333%;
    flex: 10 1 83.3333333333%;
    max-width: 83.3333333333%;
    position: relative;
  }
}
@media (max-width: 650px) {
  .box-8 {
    -webkit-box-flex: 12 1 100%;
    -moz-box-flex: 12 1 100%;
    -webkit-flex: 12 1 100%;
    -ms-flex: 12 1 100%;
    flex: 12 1 100%;
    max-width: 100%;
    position: relative;
  }
}
@media (max-width: 650px) {
  .box-9 {
    -webkit-box-flex: 12 1 100%;
    -moz-box-flex: 12 1 100%;
    -webkit-flex: 12 1 100%;
    -ms-flex: 12 1 100%;
    flex: 12 1 100%;
    max-width: 100%;
    position: relative;
  }
}
@media (max-width: 650px) {
  .box-10 {
    -webkit-box-flex: 12 1 100%;
    -moz-box-flex: 12 1 100%;
    -webkit-flex: 12 1 100%;
    -ms-flex: 12 1 100%;
    flex: 12 1 100%;
    max-width: 100%;
    position: relative;
  }
}
@media (max-width: 650px) {
  .box-11 {
    -webkit-box-flex: 12 1 100%;
    -moz-box-flex: 12 1 100%;
    -webkit-flex: 12 1 100%;
    -ms-flex: 12 1 100%;
    flex: 12 1 100%;
    max-width: 100%;
    position: relative;
  }
}
#burger {
  margin-left: 15px;
  display: none;
  position: relative;
  width: 34px;
  height: 30px;
  z-index: 101;
  cursor: pointer;
}
@media (max-width: 1180px) {
  #burger {
    display: block;
  }
}
#burger span {
  height: 2px;
  display: block;
  position: absolute;
  background: #333333;
  right: 0;
  width: 30px;
}
#burger span:first-child {
  top: 2px;
  -webkit-transition: -webkit- transform 0.3s ease;
  -moz-transition: -moz- transform 0.3s ease;
  -o-transition: -o- transform 0.3s ease;
  transition: transform 0.3s ease;
}
#burger span:nth-child(2) {
  top: 10px;
  -webkit-transition: width 0.3s ease;
  -moz-transition: width 0.3s ease;
  -o-transition: width 0.3s ease;
  transition: width 0.3s ease;
}
#burger span:last-child {
  top: 18px;
  -webkit-transition: -webkit- transform 0.3s ease;
  -moz-transition: -moz- transform 0.3s ease;
  -o-transition: -o- transform 0.3s ease;
  transition: transform 0.3s ease;
}
#burger.burger-close span:first-child {
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 20px;
  width: 38px;
}
#burger.burger-close span:nth-child(2) {
  width: 0;
}
#burger.burger-close span:last-child {
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 38px;
  top: 20px;
}
.top-level {
  padding-top: 11px;
  position: relative;
}
@media (max-width: 1180px) {
  .top-level {
    display: none;
  }
}
.top-level ul {
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  position: absolute;
  bottom: 0;
  width: 100%;
}
.top-level ul li {
  list-style: none;
  padding-left: 15px;
  padding-right: 15px;
}
.top-level ul li a {
  font-size: 18px;
}
.top-level ul li a.orange, .top-level ul li a.gruen {
  background-color: transparent;
  color: #333333;
}
.top-level ul li a.active, .top-level ul li a:hover {
  color: #447990;
}
.top-level ul li a.active.orange, .top-level ul li a.orange:hover {
  color: #EC870E;
}
.top-level ul li a.active.gruen, .top-level ul li a.gruen:hover {
  color: #2B9F7B;
}
nav {
  padding-top: 15px;
  padding-bottom: 15px;
  -webkit-box-flex: 12 1 100%;
  -moz-box-flex: 12 1 100%;
  -webkit-flex: 12 1 100%;
  -ms-flex: 12 1 100%;
  flex: 12 1 100%;
  max-width: 100%;
  position: relative;
}
nav ul {
  margin: 0;
  padding: 0;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
nav ul li {
  list-style: none;
  padding-left: 15px;
  padding-right: 15px;
}
nav ul li a {
  font-size: 22px;
  font-weight: bold;
}
nav ul li a.orange, nav ul li a.gruen {
  background-color: transparent;
  color: #333333;
}
nav ul li a.active, nav ul li a:hover {
  color: #447990;
}
nav ul li a.active.orange, nav ul li a.orange:hover {
  color: #EC870E;
}
nav ul li a.active.gruen, nav ul li a.gruen:hover {
  color: #2B9F7B;
}
nav .top-level-mobile {
  display: none;
}
@media (max-width: 1180px) {
  nav {
    display: none;
    background-color: #FFFFFF;
    height: 100lvh;
    height: 100vh;
  }
  nav ul {
    display: block;
  }
  nav ul li {
    margin-top: 15px;
  }
  nav .top-level-mobile {
    display: block;
  }
  nav .top-level-mobile .top-level {
    display: block;
  }
  nav .top-level-mobile .top-level ul {
    display: block;
    position: relative;
  }
}
.second-level {
  padding-top: 15px;
  padding-bottom: 15px;
}
.second-level ul {
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.second-level ul li {
  list-style: none;
  display: block;
  padding-right: 15px;
  padding-left: 15px;
}
.second-level ul li a.active {
  font-weight: bold;
}
@media (max-width: 650px) {
  .second-level {
    display: none;
  }
}
#bachofner, #bachofner-berge {
  width: 50%;
  height: 75px;
}
@media (max-width: 650px) {
  #bachofner, #bachofner-berge {
    height: auto;
    padding-bottom: 10px;
  }
}
@media (max-width: 650px) {
  #bachofner-berge {
    padding-top: 40px;
  }
}
form:not([name="we_form"]) .plz-ort {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
form:not([name="we_form"]) .plz-ort div:first-child {
  min-width: 108px;
  width: 108px;
  margin-right: 30px;
}
form:not([name="we_form"]) .plz-ort div:nth-child(2) {
  width: 100%;
}
form:not([name="we_form"]) .lieferadresse {
  display: none;
}
form:not([name="we_form"]) input {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  width: 100%;
  height: 32px;
  border: 1px solid #333333;
  font-size: 18px;
  line-height: 1.2em;
  letter-spacing: 0.01em;
  word-spacing: 0.01em;
  color: inherit;
  text-align: inherit;
  width: 100%;
  display: block;
  -moz-hyphens: auto;
  -o-hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  font-weight: normal;
  padding-bottom: 10px;
  line-height: 1.3em;
  line-height: 32px;
  padding-bottom: 0;
  padding-left: 5px;
}
@media (max-width: 650px) {
  form:not([name="we_form"]) input {
    font-size: 18px;
  }
}
@media (max-width: 650px) {
  form:not([name="we_form"]) input {
    line-height: 1.6em;
  }
}
form:not([name="we_form"]) input#send-newsletter {
  border: none;
  height: 2px;
  color: #333333;
}
form:not([name="we_form"]) input[type="submit"] {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border: none;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  border: none;
  text-align: center;
  color: #FFFFFF;
  margin-top: 15px;
  width: 236px;
  cursor: pointer;
}
form:not([name="we_form"]) input[type="submit"]::-ms-expand {
  display: none;
}
form:not([name="we_form"]) input[type="number"] {
  width: 108px;
  text-align: center;
  margin-right: 15px;
}
form:not([name="we_form"]) input[type="checkbox"] {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border: none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #333333;
  width: 32px;
  min-width: 32px;
  padding-left: 0;
}
form:not([name="we_form"]) input[type="checkbox"]::-ms-expand {
  display: none;
}
form:not([name="we_form"]) input[type="checkbox"]:checked {
  background-image: url("/_template/webpics/checkbox.svg");
}
form:not([name="we_form"]) textarea {
  font-family: "Calibri", sans-serif;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-size: 18px;
  line-height: 1.2em;
  letter-spacing: 0.01em;
  word-spacing: 0.01em;
  color: inherit;
  text-align: inherit;
  width: 100%;
  display: block;
  -moz-hyphens: auto;
  -o-hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  font-weight: normal;
  padding-bottom: 10px;
  line-height: 1.3em;
  width: 100%;
  height: 200px;
  border: 1px solid #333333;
  padding-left: 5px;
  padding-top: 5px;
}
@media (max-width: 650px) {
  form:not([name="we_form"]) textarea {
    font-size: 18px;
  }
}
@media (max-width: 650px) {
  form:not([name="we_form"]) textarea {
    line-height: 1.6em;
  }
}
form:not([name="we_form"]) select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border: none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #333333;
  font-size: 18px;
  line-height: 1.2em;
  letter-spacing: 0.01em;
  word-spacing: 0.01em;
  color: inherit;
  text-align: inherit;
  width: 100%;
  display: block;
  -moz-hyphens: auto;
  -o-hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  font-weight: normal;
  padding-bottom: 10px;
  line-height: 1.3em;
  line-height: 32px;
  padding-bottom: 0;
  padding-left: 5px;
}
form:not([name="we_form"]) select::-ms-expand {
  display: none;
}
@media (max-width: 650px) {
  form:not([name="we_form"]) select {
    font-size: 18px;
  }
}
@media (max-width: 650px) {
  form:not([name="we_form"]) select {
    line-height: 1.6em;
  }
}
form:not([name="we_form"]) label {
  font-size: 18px;
  line-height: 1.2em;
  letter-spacing: 0.01em;
  word-spacing: 0.01em;
  color: inherit;
  text-align: inherit;
  width: 100%;
  display: block;
  -moz-hyphens: auto;
  -o-hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  font-weight: normal;
  padding-bottom: 10px;
  line-height: 1.3em;
  padding-bottom: 1px;
  padding-top: 15px;
}
@media (max-width: 650px) {
  form:not([name="we_form"]) label {
    font-size: 18px;
  }
}
@media (max-width: 650px) {
  form:not([name="we_form"]) label {
    line-height: 1.6em;
  }
}
form:not([name="we_form"]) label.error {
  display: none !important;
}
form:not([name="we_form"]) .checkbox {
  padding-top: 15px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
form:not([name="we_form"]) .checkbox input {
  margin-right: 15px;
}
form:not([name="we_form"]) .checkbox label {
  padding-top: 0;
}
form:not([name="we_form"]) input.error, form:not([name="we_form"]) textarea.error, form:not([name="we_form"]) select.error {
  border: 1px solid #ec0e0e;
}
.send, .nl-ok {
  background-color: #2B9F7B;
  color: #FFFFFF;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 15px;
}
.send p, .send .edit-p input, .edit-p .send input, .send .edit-p textarea, .edit-p .send textarea, .send .edit-textarea textarea, .edit-textarea .send textarea, .nl-ok p, .nl-ok .edit-p input, .edit-p .nl-ok input, .nl-ok .edit-p textarea, .edit-p .nl-ok textarea, .nl-ok .edit-textarea textarea, .edit-textarea .nl-ok textarea {
  padding-bottom: 0;
}
.senderror, .nl-error {
  background-color: #ec0e0e;
  color: #FFFFFF;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 15px;
}
.senderror p, .senderror .edit-p input, .edit-p .senderror input, .senderror .edit-p textarea, .edit-p .senderror textarea, .senderror .edit-textarea textarea, .edit-textarea .senderror textarea, .nl-error p, .nl-error .edit-p input, .edit-p .nl-error input, .nl-error .edit-p textarea, .edit-p .nl-error textarea, .nl-error .edit-textarea textarea, .edit-textarea .nl-error textarea {
  padding-bottom: 0;
}
footer #newsletter input {
  background: transparent;
  border: 1px solid #FFFFFF;
}
footer #newsletter input.error {
  border: 1px solid #ec0e0e;
}
.row {
  padding: 0 15px;
}
@media (max-width: 650px) {
  .row {
    padding: 0;
  }
}
@media (max-width: 1280px) {
  .box-3 {
    -webkit-box-flex: 4 1 33.3333333333%;
    -moz-box-flex: 4 1 33.3333333333%;
    -webkit-flex: 4 1 33.3333333333%;
    -ms-flex: 4 1 33.3333333333%;
    flex: 4 1 33.3333333333%;
    max-width: 33.3333333333%;
    position: relative;
  }
}
@media (max-width: 960px) {
  .box-3 {
    -webkit-box-flex: 6 1 50%;
    -moz-box-flex: 6 1 50%;
    -webkit-flex: 6 1 50%;
    -ms-flex: 6 1 50%;
    flex: 6 1 50%;
    max-width: 50%;
    position: relative;
  }
}
@media (max-width: 650px) {
  .box-3 {
    -webkit-box-flex: 12 1 100%;
    -moz-box-flex: 12 1 100%;
    -webkit-flex: 12 1 100%;
    -ms-flex: 12 1 100%;
    flex: 12 1 100%;
    max-width: 100%;
    position: relative;
  }
}
@media (max-width: 960px) {
  .box-4 {
    -webkit-box-flex: 6 1 50%;
    -moz-box-flex: 6 1 50%;
    -webkit-flex: 6 1 50%;
    -ms-flex: 6 1 50%;
    flex: 6 1 50%;
    max-width: 50%;
    position: relative;
  }
}
@media (max-width: 650px) {
  .box-4 {
    -webkit-box-flex: 12 1 100%;
    -moz-box-flex: 12 1 100%;
    -webkit-flex: 12 1 100%;
    -ms-flex: 12 1 100%;
    flex: 12 1 100%;
    max-width: 100%;
    position: relative;
  }
}
@media (max-width: 960px) {
  .box-5 {
    -webkit-box-flex: 6 1 50%;
    -moz-box-flex: 6 1 50%;
    -webkit-flex: 6 1 50%;
    -ms-flex: 6 1 50%;
    flex: 6 1 50%;
    max-width: 50%;
    position: relative;
  }
}
@media (max-width: 650px) {
  .box-5 {
    -webkit-box-flex: 12 1 100%;
    -moz-box-flex: 12 1 100%;
    -webkit-flex: 12 1 100%;
    -ms-flex: 12 1 100%;
    flex: 12 1 100%;
    max-width: 100%;
    position: relative;
  }
}
@media (max-width: 1280px) {
  .box-6 {
    -webkit-box-flex: 8 1 66.6666666667%;
    -moz-box-flex: 8 1 66.6666666667%;
    -webkit-flex: 8 1 66.6666666667%;
    -ms-flex: 8 1 66.6666666667%;
    flex: 8 1 66.6666666667%;
    max-width: 66.6666666667%;
    position: relative;
  }
}
@media (max-width: 960px) {
  .box-6 {
    -webkit-box-flex: 12 1 100%;
    -moz-box-flex: 12 1 100%;
    -webkit-flex: 12 1 100%;
    -ms-flex: 12 1 100%;
    flex: 12 1 100%;
    max-width: 100%;
    position: relative;
  }
}
@media (max-width: 650px) {
  .box-6 {
    -webkit-box-flex: 12 1 100%;
    -moz-box-flex: 12 1 100%;
    -webkit-flex: 12 1 100%;
    -ms-flex: 12 1 100%;
    flex: 12 1 100%;
    max-width: 100%;
    position: relative;
  }
}
@media (max-width: 650px) {
  .box-7 {
    -webkit-box-flex: 12 1 100%;
    -moz-box-flex: 12 1 100%;
    -webkit-flex: 12 1 100%;
    -ms-flex: 12 1 100%;
    flex: 12 1 100%;
    max-width: 100%;
    position: relative;
  }
}
@media (max-width: 1350px) {
  .box-8 {
    -webkit-box-flex: 10 1 83.3333333333%;
    -moz-box-flex: 10 1 83.3333333333%;
    -webkit-flex: 10 1 83.3333333333%;
    -ms-flex: 10 1 83.3333333333%;
    flex: 10 1 83.3333333333%;
    max-width: 83.3333333333%;
    position: relative;
  }
}
@media (max-width: 812px) {
  .box-8 {
    -webkit-box-flex: 10 1 83.3333333333%;
    -moz-box-flex: 10 1 83.3333333333%;
    -webkit-flex: 10 1 83.3333333333%;
    -ms-flex: 10 1 83.3333333333%;
    flex: 10 1 83.3333333333%;
    max-width: 83.3333333333%;
    position: relative;
  }
}
@media (max-width: 650px) {
  .box-8 {
    -webkit-box-flex: 12 1 100%;
    -moz-box-flex: 12 1 100%;
    -webkit-flex: 12 1 100%;
    -ms-flex: 12 1 100%;
    flex: 12 1 100%;
    max-width: 100%;
    position: relative;
  }
}
@media (max-width: 650px) {
  .box-9 {
    -webkit-box-flex: 12 1 100%;
    -moz-box-flex: 12 1 100%;
    -webkit-flex: 12 1 100%;
    -ms-flex: 12 1 100%;
    flex: 12 1 100%;
    max-width: 100%;
    position: relative;
  }
}
@media (max-width: 650px) {
  .box-10 {
    -webkit-box-flex: 12 1 100%;
    -moz-box-flex: 12 1 100%;
    -webkit-flex: 12 1 100%;
    -ms-flex: 12 1 100%;
    flex: 12 1 100%;
    max-width: 100%;
    position: relative;
  }
}
@media (max-width: 650px) {
  .box-11 {
    -webkit-box-flex: 12 1 100%;
    -moz-box-flex: 12 1 100%;
    -webkit-flex: 12 1 100%;
    -ms-flex: 12 1 100%;
    flex: 12 1 100%;
    max-width: 100%;
    position: relative;
  }
}
.blau {
  background-color: #447990;
  color: #FFFFFF;
}
.orange {
  background-color: #EC870E;
  color: #FFFFFF;
}
.gruen {
  background-color: #2B9F7B;
  color: #FFFFFF;
}
.schwarz {
  background-color: #333333;
  color: #FFFFFF;
}
.blau-rev {
  background-color: #FFFFFF;
  color: #447990;
}
.orange-rev {
  background-color: #FFFFFF;
  color: #EC870E;
}
.gruen-rev {
  background-color: #FFFFFF;
  color: #2B9F7B;
}
#header {
  width: 100%;
  position: fixed;
  background: #FFFFFF;
  z-index: 101;
  padding-top: 15px;
}
@media (max-width: 650px) {
  #header {
    padding-top: 10px;
  }
}
#header > .row {
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
@media (max-width: 1180px) {
  #header > .row {
    padding-bottom: 10px;
  }
}
#header .logos {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 400px;
  height: 75px;
  overflow: hidden;
}
#header .logos a {
  -webkit-box-flex: 6 1 50%;
  -moz-box-flex: 6 1 50%;
  -webkit-flex: 6 1 50%;
  -ms-flex: 6 1 50%;
  flex: 6 1 50%;
  max-width: 50%;
  position: relative;
  display: block;
  padding: 0 15px;
}
#header .logos a:nth-child(2) {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -ms-flex-pack: flex-end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  text-align: right;
}
#header .logos img {
  width: 212px;
}
@media (max-width: 650px) {
  #header .logos {
    max-width: 300px;
    width: 100%;
    height: 60px;
  }
  #header .logos a {
    padding: 0 10px;
  }
}
main {
  padding-top: 146px;
}
main a p, main a .edit-p input, .edit-p main a input, main a .edit-p textarea, .edit-p main a textarea, main a .edit-textarea textarea, .edit-textarea main a textarea {
  color: #333333;
}
main a.blau p, main a.blau .edit-p input, .edit-p main a.blau input, main a.blau .edit-p textarea, .edit-p main a.blau textarea, main a.blau .edit-textarea textarea, .edit-textarea main a.blau textarea, main a.orange p, main a.orange .edit-p input, .edit-p main a.orange input, main a.orange .edit-p textarea, .edit-p main a.orange textarea, main a.orange .edit-textarea textarea, .edit-textarea main a.orange textarea, main a.gruen p, main a.gruen .edit-p input, .edit-p main a.gruen input, main a.gruen .edit-p textarea, .edit-p main a.gruen textarea, main a.gruen .edit-textarea textarea, .edit-textarea main a.gruen textarea {
  color: #FFFFFF;
}
main .button {
  font-size: 18px;
  line-height: 1.2em;
  letter-spacing: 0.01em;
  word-spacing: 0.01em;
  color: inherit;
  text-align: inherit;
  width: 100%;
  display: block;
  -moz-hyphens: auto;
  -o-hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  font-weight: normal;
  padding-bottom: 10px;
  line-height: 1.3em;
  padding: 10px 15px 8px 15px;
  width: auto;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: #FFFFFF;
  text-align: center;
  display: inline-block;
  margin-right: 20px;
  background-color: #333333;
}
@media (max-width: 650px) {
  main .button {
    font-size: 18px;
  }
}
@media (max-width: 650px) {
  main .button {
    line-height: 1.6em;
  }
}
main#thema-blau a {
  color: #447990;
}
main#thema-blau a.button {
  background-color: #447990;
  color: #FFFFFF;
}
main#thema-blau a.kapitel {
  color: #333333;
}
main#thema-orange a {
  color: #EC870E;
}
main#thema-orange a.button {
  background-color: #EC870E;
  color: #FFFFFF;
}
main#thema-orange a.kapitel {
  color: #333333;
}
main#thema-gruen a {
  color: #2B9F7B;
}
main#thema-gruen a.button {
  background-color: #2B9F7B;
  color: #FFFFFF;
}
main#thema-gruen a.kapitel {
  color: #333333;
}
main ul {
  padding-bottom: 10px;
  margin-left: 5px;
  position: relative;
}
main ul li {
  padding-left: 20px;
  font-size: 18px;
  list-style-type: none;
  padding-bottom: 3px;
}
main ul li:before {
  content: "–" "  ";
  margin-left: -25px;
  position: absolute;
}
@media (max-width: 1180px) {
  main {
    padding-top: 100px;
  }
}
@media (max-width: 650px) {
  main {
    padding-top: 80px;
  }
}
main.has-nav {
  padding-top: 200px;
}
.home-button {
  width: 30px;
  display: block;
}
footer {
  background-color: #333333;
  color: #FFFFFF;
}
footer p, footer .edit-p input, .edit-p footer input, footer .edit-p textarea, .edit-p footer textarea, footer .edit-textarea textarea, .edit-textarea footer textarea {
  padding-bottom: 0;
}
footer .social-media {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding-top: 15px;
}
footer .social-media a {
  display: block;
  width: 30px;
  height: 30px;
  cursor: pointer;
  background-color: #FFFFFF;
}
footer .social-media a:nth-child(1) {
  margin-right: 15px;
}
footer .social-media a.sm-instagram {
  -webkit-mask-image: url(/_template/webpics/instagram.svg);
  mask: url(/_template/webpics/instagram.svg);
}
footer .social-media a.sm-linkedin {
  -webkit-mask-image: url(/_template/webpics/linkedin.svg);
  mask: url(/_template/webpics/linkedin.svg);
}
.close {
  height: 28px;
  width: 28px;
  position: relative;
  display: block;
  cursor: pointer;
}
.close span {
  display: block;
  height: 2px;
  background-color: #333333;
  width: 38px;
  position: absolute;
  top: 50%;
  right: 0;
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.close span:first-child {
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.filter-icon {
  width: 26px;
}
.filter {
  padding-right: 15px;
}
.filter select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border: none;
  font-size: 18px;
  line-height: 1.2em;
  letter-spacing: 0.01em;
  word-spacing: 0.01em;
  color: inherit;
  text-align: inherit;
  width: 100%;
  display: block;
  -moz-hyphens: auto;
  -o-hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  font-weight: normal;
  padding-bottom: 10px;
  line-height: 1.3em;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background-color: #FFFFFF;
  border-bottom: 1px solid #797979;
  color: #797979;
  padding-bottom: 5px;
  background-image: url("/_template/webpics/filter-pfeil.svg");
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 15px;
  padding-right: 20px;
}
.filter select::-ms-expand {
  display: none;
}
@media (max-width: 650px) {
  .filter select {
    font-size: 18px;
  }
}
@media (max-width: 650px) {
  .filter select {
    line-height: 1.6em;
  }
}
.filter select:focus::-ms-value {
  background-color: transparent;
}
@media (max-width: 650px) {
  .filter select {
    max-width: 100%;
    width: 100%;
    overflow: hidden;
  }
}
.kacheln a {
  color: #FFFFFF !important;
}
.kacheln .backpic {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  overflow: hidden;
  width: 100%;
}
.kacheln .backpic .more {
  display: block;
  z-index: 1;
  position: absolute;
  width: 100%;
  left: 0;
  padding: 0 24px;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.8);
  height: 0;
  overflow: hidden;
}
.kacheln .backpic .more p, .kacheln .backpic .more .edit-p input, .edit-p .kacheln .backpic .more input, .kacheln .backpic .more .edit-p textarea, .edit-p .kacheln .backpic .more textarea, .kacheln .backpic .more .edit-textarea textarea, .edit-textarea .kacheln .backpic .more textarea {
  margin-top: 12px;
}
.kacheln .box-6, .kacheln .box-3 {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.kacheln .box-6 > a, .kacheln .box-3 > a {
  padding: 24px;
  position: relative;
  width: 100%;
  cursor: pointer;
  display: block;
}
.kacheln .balken {
  z-index: 2;
  width: 70%;
  padding-top: 5.2%;
  position: absolute;
  bottom: 0;
  left: 0;
}
.kacheln .titel-color {
  position: absolute;
  bottom: 24px;
  left: 24px;
}
.kacheln .titel-color img {
  max-width: 80px;
  max-height: 80px;
  padding-bottom: 10px;
}
.kacheln .titel-balken {
  z-index: 2;
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  padding: 24px 0 24px 24px;
  padding-right: 24px;
}
.kacheln .titel-balken span {
  padding: 3px 3px 0 3px;
  -webkit-box-decoration-break: clone;
  -o-box-decoration-break: clone;
  box-decoration-break: clone;
}
.kacheln .titel-balken h6, .kacheln .titel-balken .edit-h6 input, .edit-h6 .kacheln .titel-balken input {
  margin-bottom: 3px;
}
.kacheln .titel-balken h6 span, .kacheln .titel-balken .edit-h6 input span, .edit-h6 .kacheln .titel-balken input span {
  padding-bottom: 2px;
}
.kacheln .titel-balken h4, .kacheln .titel-balken .edit-h4 input, .edit-h4 .kacheln .titel-balken input {
  padding-left: 6px;
  text-indent: 15px;
}
.kacheln .blau .more, .kacheln .orange .more, .kacheln .gruen .more {
  background-color: transparent;
}
.kacheln .more .titel-balken {
  position: relative;
  margin: 0;
}
.kacheln .beamless h4, .kacheln .beamless .edit-h4 input, .edit-h4 .kacheln .beamless input {
  line-height: 1em;
}
.balken-h1 {
  -webkit-box-flex: 1 1 8.3333333333%;
  -moz-box-flex: 1 1 8.3333333333%;
  -webkit-flex: 1 1 8.3333333333%;
  -ms-flex: 1 1 8.3333333333%;
  flex: 1 1 8.3333333333%;
  max-width: 8.3333333333%;
  position: relative;
  padding: 15px 15px 0 15px;
}
@media (max-width: 650px) {
  .balken-h1 {
    -webkit-box-flex: 2 1 16.6666666667%;
    -moz-box-flex: 2 1 16.6666666667%;
    -webkit-flex: 2 1 16.6666666667%;
    -ms-flex: 2 1 16.6666666667%;
    flex: 2 1 16.6666666667%;
    max-width: 16.6666666667%;
    position: relative;
  }
}
.balken-h1 > div {
  width: 100%;
  position: absolute;
  bottom: 46px;
  padding-right: 15px;
}
@media (max-width: 650px) {
  .balken-h1 > div {
    bottom: -10px;
  }
}
.balken-h1 > div div {
  height: 9px;
  width: 100%;
}
@media (max-width: 650px) {
  .balken-h1 > div div {
    height: 6px;
  }
}
@media (max-width: 650px) {
  .kapitel h4, .kapitel .edit-h4 input, .edit-h4 .kapitel input {
    font-size: 1.6rem;
  }
}
.kapitel .kapitel-bild {
  position: relative;
  padding-bottom: 15px;
}
.kapitel .kapitel-bild .balken {
  position: absolute;
  bottom: 15px;
  height: 19px;
  width: 33.7%;
  -webkit-transition: width 0.3s ease;
  -moz-transition: width 0.3s ease;
  -o-transition: width 0.3s ease;
  transition: width 0.3s ease;
}
@media (max-width: 650px) {
  .kapitel .kapitel-bild .balken {
    width: 66%;
    height: 10px;
  }
}
.kapitel h4, .kapitel .edit-h4 input, .edit-h4 .kapitel input {
  padding-bottom: 15px;
}
.kapitel:hover .balken {
  width: 100%;
}
@media (max-width: 650px) {
  .showit .kapitel .balken {
    width: 100%;
  }
}
header {
  position: relative;
  padding: 15px;
  padding-bottom: 50px;
}
@media (max-width: 812px) {
  header {
    padding-bottom: 30px;
  }
}
@media (max-width: 650px) {
  header {
    padding: 0;
    margin: 0 10px;
  }
}
header .titel {
  position: absolute;
  bottom: 10px;
  width: 100%;
}
@media (max-width: 650px) {
  header .titel {
    position: relative;
    bottom: 0;
    margin-top: -12px;
  }
}
header .titel h1, header .titel .edit-h1 input, .edit-h1 header .titel input {
  font-size: 3rem;
  line-height: 1.2em;
  letter-spacing: 0.01em;
  word-spacing: 0.01em;
  color: inherit;
  text-align: inherit;
  width: 100%;
  display: block;
  -moz-hyphens: auto;
  -o-hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  font-weight: bold;
  padding-left: 2%;
  text-indent: 3.73%;
  margin-bottom: 4px;
  padding-right: 20px;
  position: relative;
  line-height: 1.6em;
  z-index: 2;
}
@media (max-width: 960px) {
  header .titel h1, header .titel .edit-h1 input, .edit-h1 header .titel input {
    font-size: 3rem;
  }
}
@media (max-width: 812px) {
  header .titel h1, header .titel .edit-h1 input, .edit-h1 header .titel input {
    font-size: 2.8rem;
  }
}
@media (max-width: 650px) {
  header .titel h1, header .titel .edit-h1 input, .edit-h1 header .titel input {
    font-size: 1.5rem;
  }
}
@media (max-width: 650px) {
  header .titel h1, header .titel .edit-h1 input, .edit-h1 header .titel input {
    line-height: 1.6em;
  }
}
@media (max-width: 812px) {
  header .titel h1, header .titel .edit-h1 input, .edit-h1 header .titel input {
    margin-bottom: 2px;
  }
}
header .titel h1 span, header .titel .edit-h1 input span, .edit-h1 header .titel input span {
  padding: 17px 20px 6px 20px;
  -webkit-box-decoration-break: clone;
  -o-box-decoration-break: clone;
  box-decoration-break: clone;
}
@media (max-width: 1280px) {
  header .titel h1 span, header .titel .edit-h1 input span, .edit-h1 header .titel input span {
    padding: 13px 13px 4px 13px;
  }
}
@media (max-width: 812px) {
  header .titel h1 span, header .titel .edit-h1 input span, .edit-h1 header .titel input span {
    padding: 10px 10px 2px 10px;
  }
}
@media (max-width: 650px) {
  header .titel h1 span, header .titel .edit-h1 input span, .edit-h1 header .titel input span {
    padding: 5px 5px 2px 5px;
  }
}
header .titel h3, header .titel .edit-h3 input, .edit-h3 header .titel input {
  padding-left: 2%;
  text-indent: 6.3333%;
  padding-right: 30px;
}
@media (max-width: 650px) {
  header .titel h3, header .titel .edit-h3 input, .edit-h3 header .titel input {
    padding-left: 0;
    text-indent: 0;
    padding-top: 0;
    padding-right: 0;
  }
}
header .titel h3 span, header .titel .edit-h3 input span, .edit-h3 header .titel input span {
  padding: 13px 20px 10px 20px;
  -webkit-box-decoration-break: clone;
  -o-box-decoration-break: clone;
  box-decoration-break: clone;
}
@media (max-width: 1280px) {
  header .titel h3 span, header .titel .edit-h3 input span, .edit-h3 header .titel input span {
    padding: 13px 13px 6px 13px;
  }
}
@media (max-width: 812px) {
  header .titel h3 span, header .titel .edit-h3 input span, .edit-h3 header .titel input span {
    padding: 7px 7px 2px 7px;
  }
}
@media (max-width: 650px) {
  header .titel h3 span, header .titel .edit-h3 input span, .edit-h3 header .titel input span {
    padding: 4px 4px 2px 4px;
  }
}
.video-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}
@media (max-width: 650px) {
  .video-container {
    margin-bottom: 0;
  }
}
.video-container iframe, .video-container object, .video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.reportagen .box-3 {
  opacity: 0.7;
}
.reportagen .box-3:hover, .reportagen .box-3.open {
  opacity: 1;
}
.reportagen .box-3 .backpic {
  cursor: pointer;
}
.report-detail {
  -webkit-box-flex: 12 1 100%;
  -moz-box-flex: 12 1 100%;
  -webkit-flex: 12 1 100%;
  -ms-flex: 12 1 100%;
  flex: 12 1 100%;
  max-width: 100%;
  position: relative;
  display: none;
  padding: 15px;
}
.report-detail .schwarz {
  padding-top: 15px;
  padding-bottom: 15px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.report-detail .schwarz .box-6 {
  display: block;
}
@media (max-width: 1280px) {
  .report-detail .schwarz .box-6 {
    -webkit-box-flex: 6 1 50%;
    -moz-box-flex: 6 1 50%;
    -webkit-flex: 6 1 50%;
    -ms-flex: 6 1 50%;
    flex: 6 1 50%;
    max-width: 50%;
    position: relative;
  }
}
@media (max-width: 650px) {
  .report-detail .schwarz .box-6 {
    -webkit-box-flex: 12 1 100%;
    -moz-box-flex: 12 1 100%;
    -webkit-flex: 12 1 100%;
    -ms-flex: 12 1 100%;
    flex: 12 1 100%;
    max-width: 100%;
    position: relative;
  }
}
@media (max-width: 650px) {
  .report-detail .schwarz {
    padding-left: 15px;
    padding-right: 15px;
  }
  .report-detail .schwarz .box-10 {
    padding-top: 0;
    padding-bottom: 0;
  }
}
@media (max-width: 1280px) {
  .text-bild .box-3, .bild-text .box-3 {
    -webkit-box-flex: 3 1 25%;
    -moz-box-flex: 3 1 25%;
    -webkit-flex: 3 1 25%;
    -ms-flex: 3 1 25%;
    flex: 3 1 25%;
    max-width: 25%;
    position: relative;
  }
}
@media (max-width: 960px) {
  .text-bild .box-1, .bild-text .box-1 {
    display: none;
  }
  .text-bild .box-3, .bild-text .box-3 {
    -webkit-box-flex: 5 1 41.6666666667%;
    -moz-box-flex: 5 1 41.6666666667%;
    -webkit-flex: 5 1 41.6666666667%;
    -ms-flex: 5 1 41.6666666667%;
    flex: 5 1 41.6666666667%;
    max-width: 41.6666666667%;
    position: relative;
  }
  .text-bild .box-7, .bild-text .box-7 {
    -webkit-box-flex: 7 1 58.3333333333%;
    -moz-box-flex: 7 1 58.3333333333%;
    -webkit-flex: 7 1 58.3333333333%;
    -ms-flex: 7 1 58.3333333333%;
    flex: 7 1 58.3333333333%;
    max-width: 58.3333333333%;
    position: relative;
  }
}
@media (max-width: 650px) {
  .text-bild .box-3, .text-bild .box-7, .bild-text .box-3, .bild-text .box-7 {
    -webkit-box-flex: 12 1 100%;
    -moz-box-flex: 12 1 100%;
    -webkit-flex: 12 1 100%;
    -ms-flex: 12 1 100%;
    flex: 12 1 100%;
    max-width: 100%;
    position: relative;
  }
  .text-bild .box-pic, .bild-text .box-pic {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
  }
  .text-bild .box-text, .bild-text .box-text {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
  }
}
.download-kachel h4, .download-kachel .edit-h4 input, .edit-h4 .download-kachel input {
  line-height: 1em;
}
.fill-arrow {
  fill: #FFFFFF;
}
.fill-blau {
  fill: #447990;
}
.fill-orange {
  fill: #EC870E;
}
.fill-gruen {
  fill: #2B9F7B;
}
.temp-70 .text-mehr {
  display: none;
  padding-bottom: 15px;
}
.temp-70 .button-mehr {
  font-size: 18px;
  line-height: 1.2em;
  letter-spacing: 0.01em;
  word-spacing: 0.01em;
  color: inherit;
  text-align: inherit;
  width: 100%;
  display: block;
  -moz-hyphens: auto;
  -o-hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  font-weight: normal;
  padding-bottom: 10px;
  line-height: 1.3em;
  position: relative;
  color: #447990;
  cursor: pointer;
}
@media (max-width: 650px) {
  .temp-70 .button-mehr {
    font-size: 18px;
  }
}
@media (max-width: 650px) {
  .temp-70 .button-mehr {
    line-height: 1.6em;
  }
}
.temp-70 .button-mehr span {
  position: relative;
  display: inline-block;
  width: 23px;
  height: 1em;
  margin-left: 10px;
}
.temp-70 .button-mehr span::before, .temp-70 .button-mehr span::after {
  content: "";
  height: 2px;
  width: 14px;
  top: 12px;
  background-color: #447990;
  position: absolute;
  display: block;
}
.temp-70 .button-mehr span::before {
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 0;
}
.temp-70 .button-mehr span::after {
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  right: 0;
}
.temp-70 .button-mehr:hover span {
  -webkit-transform: translate(0, 3px);
  -moz-transform: translate(0, 3px);
  -ms-transform: translate(0, 3px);
  -o-transform: translate(0, 3px);
  transform: translate(0, 3px);
}
.temp-70 .button-mehr.active:hover span {
  -webkit-transform: translate(0, -3px);
  -moz-transform: translate(0, -3px);
  -ms-transform: translate(0, -3px);
  -o-transform: translate(0, -3px);
  transform: translate(0, -3px);
}
.temp-70 .button-mehr.active span::before {
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.temp-70 .button-mehr.active span::after {
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
#thema-orange .temp-70 .button-mehr {
  color: #EC870E;
}
#thema-orange .temp-70 .button-mehr span::before, #thema-orange .temp-70 .button-mehr span::after {
  background-color: #EC870E;
}
.temp-76 .box-3, .temp-76 .box-4, .temp-77 .box-3, .temp-77 .box-4 {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.temp-76 .box-content, .temp-77 .box-content {
  width: 100%;
}
.temp-76 .spitzmarke, .temp-77 .spitzmarke {
  padding-bottom: 0;
  opacity: 0.6;
}
.temp-76 h5, .temp-76 .edit-h5 input, .edit-h5 .temp-76 input, .temp-77 h5, .temp-77 .edit-h5 input, .edit-h5 .temp-77 input {
  padding-top: 3px;
  padding-bottom: 3px;
}
.temp-76 .box-top, .temp-77 .box-top {
  padding-top: 100%;
  display: block;
  width: 100%;
  background-size: cover;
  background-position: center center;
}
.temp-76 .box-text, .temp-77 .box-text {
  padding: 15px;
}
.temp-76 .box-text .pad-b p, .temp-76 .box-text .pad-b .edit-p input, .edit-p .temp-76 .box-text .pad-b input, .temp-76 .box-text .pad-b .edit-p textarea, .edit-p .temp-76 .box-text .pad-b textarea, .temp-76 .box-text .pad-b .edit-textarea textarea, .edit-textarea .temp-76 .box-text .pad-b textarea, .temp-77 .box-text .pad-b p, .temp-77 .box-text .pad-b .edit-p input, .edit-p .temp-77 .box-text .pad-b input, .temp-77 .box-text .pad-b .edit-p textarea, .edit-p .temp-77 .box-text .pad-b textarea, .temp-77 .box-text .pad-b .edit-textarea textarea, .edit-textarea .temp-77 .box-text .pad-b textarea {
  padding-bottom: 0;
}
.temp-77 .box-top {
  padding-top: 66.667%;
}
.temp-78 .box-6 {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
@media (max-width: 1280px) {
  .temp-78 .box-6 {
    -webkit-box-flex: 6 1 50%;
    -moz-box-flex: 6 1 50%;
    -webkit-flex: 6 1 50%;
    -ms-flex: 6 1 50%;
    flex: 6 1 50%;
    max-width: 50%;
    position: relative;
  }
}
@media (max-width: 812px) {
  .temp-78 .box-6 {
    -webkit-box-flex: 12 1 100%;
    -moz-box-flex: 12 1 100%;
    -webkit-flex: 12 1 100%;
    -ms-flex: 12 1 100%;
    flex: 12 1 100%;
    max-width: 100%;
    position: relative;
  }
}
.temp-78 .box-content {
  width: 100%;
}
.temp-78 .box-text {
  padding: 15px;
}
.temp-78 .box-text .pad-b p, .temp-78 .box-text .pad-b .edit-p input, .edit-p .temp-78 .box-text .pad-b input, .temp-78 .box-text .pad-b .edit-p textarea, .edit-p .temp-78 .box-text .pad-b textarea, .temp-78 .box-text .pad-b .edit-textarea textarea, .edit-textarea .temp-78 .box-text .pad-b textarea {
  padding-bottom: 0;
}
.temp-81 {
  background-position: center center;
  background-size: cover;
  background-image: url(/bilder/home-4.jpg);
  min-height: 60vh;
  padding-top: 5vh;
  padding-bottom: 5vh;
}
.temp-81 .balken-h1 {
  display: none;
}
.temp-81 h1, .temp-81 .edit-h1 input, .edit-h1 .temp-81 input, .temp-81 h3, .temp-81 .edit-h3 input, .edit-h3 .temp-81 input, .temp-81 h4, .temp-81 .edit-h4 input, .edit-h4 .temp-81 input {
  line-height: 1.2em;
  color: #FFFFFF;
  text-shadow: 0px 0px 12px rgba(0, 0, 0, 0.26);
}
.bx-wrapper {
  width: 100%;
  max-width: 100% !important;
  position: relative;
  padding: 0;
  *zoom: 1;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.bx-wrapper .bx-viewport {
  height: auto !important;
  overflow: auto !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
}
.control-back {
  padding: 15px;
}
.control-back span {
  display: block;
  width: 36px;
  height: 36px;
  background-color: #333333;
  background-image: url("/_template/webpics/slide-back.svg");
}
.control-next {
  padding: 15px;
}
.control-next span {
  display: block;
  width: 36px;
  height: 36px;
  background-color: #333333;
  background-image: url("/_template/webpics/slide-next.svg");
}
.slide-button-blau span {
  background-color: #447990;
}
.slide-button-orange span {
  background-color: #EC870E;
}
.slide-button-gruen span {
  background-color: #2B9F7B;
}
#imagelightbox {
  position: fixed;
  z-index: 9999;
  -ms-touch-action: none;
  touch-action: none;
}
#imagelightbox-overlay {
  width: 100%;
  height: 120vh;
  background-color: rgba(255, 255, 255, 0.8);
  position: fixed;
  z-index: 1200;
  top: 0;
}
.imagelightbox-arrow {
  width: 60px;
  height: 120px;
  vertical-align: middle;
  background-color: #EC870E;
  display: none;
  position: fixed;
  z-index: 10001;
  top: 50%;
  margin-top: -3.75em;
  border: none;
  cursor: pointer;
}
.imagelightbox-arrow span {
  display: block;
  position: absolute;
  width: 50px;
  height: 2px;
  background-color: #FFFFFF;
  left: 0;
  top: 42px;
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.imagelightbox-arrow span:first-child {
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 77px;
}
.imagelightbox-arrow-right {
  right: 0;
}
.imagelightbox-arrow-right span {
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 10px;
}
.imagelightbox-arrow-right span:first-child {
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.edit-pad-l {
  padding-left: 10px;
}
.edit-pad-r {
  padding-right: 10px;
}
.edit-titel {
  font-family: liberation_sansbold, sans-serif;
  color: #386aab;
  font-size: 12px;
  display: block;
  width: 100%;
  clear: both;
  padding-top: 10px;
}
.edit-text {
  font-family: liberation_sansregular, sans-serif;
  color: #386aab;
  font-size: 12px;
  display: block;
  clear: both;
  padding-top: 3px;
}
.edit-text code {
  font-family: liberation_sansbold, sans-serif;
  white-space: pre;
}
.edit-titel .edit-text {
  display: inline;
}
.background .edit-text, .background .edit-titel {
  color: #FFFFFF;
}
.edit-hr {
  border: 1px solid #386aab;
  border-bottom: none;
  width: 100%;
}
.edit-content {
  max-width: 1200px;
  width: 100%;
  margin: 20px auto;
  padding: 20px;
}
.edit-mail {
  max-width: 600px;
  width: 100%;
  margin: 20px auto;
  padding: 20px;
}
.edit-input, .edit-p input, .edit-p textarea, .edit-inline-input input, .edit-h1 input, .edit-h2 input, .edit-h3 input, .edit-h4 input, .edit-h5 input, .edit-h6 input {
  border: 1px solid #006db8;
  width: 100%;
  background: transparent;
}
.edit-balken {
  background-color: #ebeef0;
  width: 100%;
  padding: 0 10px 10px 10px;
}
.edit-balken .edit-input input, .edit-balken .edit-p input input, .edit-p .edit-balken input input, .edit-balken .edit-p textarea input, .edit-p .edit-balken textarea input, .edit-balken .edit-inline-input input input, .edit-inline-input .edit-balken input input, .edit-balken .edit-h1 input input, .edit-h1 .edit-balken input input, .edit-balken .edit-h2 input input, .edit-h2 .edit-balken input input, .edit-balken .edit-h3 input input, .edit-h3 .edit-balken input input, .edit-balken .edit-h4 input input, .edit-h4 .edit-balken input input, .edit-balken .edit-h5 input input, .edit-h5 .edit-balken input input, .edit-balken .edit-h6 input input, .edit-h6 .edit-balken input input {
  padding: 3px;
  width: 100%;
  background: transparent;
  border: none;
}
.edit-options {
  width: 100%;
  padding: 0 10px 10px 10px;
  background-color: #a5aaae;
}
.edit-options .edit-text, .edit-options .edit-titel {
  color: #FFFFFF;
}
.edit-href {
  border: 1px solid #386aab;
  width: auto;
  display: inline-block;
  padding-top: 2px;
  margin-top: 3px;
}
.edit-a {
  border: 1px solid #386aab;
  width: auto;
  display: inline-block;
  padding: 4px 0 0 4px;
  margin-top: 3px;
}
.edit-pad-t {
  padding-top: 10px;
}
.edit-p input, .edit-p textarea {
  padding: 3px;
  font-family: "Calibri", sans-serif;
}
.edit-inline-input {
  font-family: liberation_sansregular, sans-serif;
  font-size: 12px;
  padding: 2px;
  display: inline-block;
  width: 120px;
}
.edit-inline-input input {
  padding: 2px;
}
.edit-h1 input {
  padding: 3px;
  font-family: "Calibri", sans-serif;
}
.edit-h2 input {
  padding: 3px;
  font-family: "Calibri", sans-serif;
}
.edit-h3 input {
  padding: 3px;
  font-family: "Calibri", sans-serif;
}
.edit-h4 input {
  padding: 3px;
  font-family: "Calibri", sans-serif;
}
.edit-h5 input {
  padding: 3px;
  font-family: "Calibri", sans-serif;
}
.edit-h6 input {
  padding: 3px;
  font-family: "Calibri", sans-serif;
}
.edit-textarea textarea {
  border: 1px solid #386aab;
  width: 100%;
  height: 150px;
  padding: 5px;
  font-family: "Calibri", sans-serif;
}