@charset "UTF-8";
/**
 * Contao Open Source CMS
 *
 * Copyright (c) 2005-2013 Leo Feyer
 *
 * @package Core
 * @link    https://contao.org
 * @license http://www.gnu.org/licenses/lgpl-3.0.html LGPL
 */
/**
 * Reset the margin and padding of the block elements
 */
body, div, h1, h2, h3, h4, h5, h6, p, blockquote, pre, code, ol, ul, li, dl, dt, dd, figure, table, th, td, form, fieldset, legend, input, textarea {
  margin: 0;
  padding: 0; }

/**
 * Basic element formatting
 */
table {
  border-spacing: 0;
  border-collapse: collapse; }

caption, th, td {
  text-align: left;
  text-align: start;
  /* see #4596 */
  vertical-align: top; }

abbr, acronym {
  font-variant: normal;
  border-bottom: 1px dotted #666;
  cursor: help; }

blockquote, q {
  quotes: none; }

fieldset, img {
  border: 0; }

ul {
  list-style-type: none; }

sup {
  vertical-align: text-top; }

sub {
  vertical-align: text-bottom; }

del {
  text-decoration: line-through; }

ins {
  text-decoration: none; }

/**
 * Default font settings
 */
input, button, textarea, select {
  font-family: inherit;
  font-size: 99%;
  font-weight: inherit; }

pre, code {
  font-family: Monaco, monospace; }

table {
  font-size: inherit; }

caption, th {
  font-weight: bold; }

body, form {
  margin: 0;
  padding: 0; }

img {
  border: 0;
  margin: 0;
  padding: 0; }

header, footer, nav, section, aside, article, figure, figcaption {
  display: block; }

#main {
  width: 100%; }

#main .inside {
  min-height: 1px;
  /* see #4893 */ }

/**
 * Flexible images (videos see #4896)
 *
 * @see http://webdesignerwall.com/tutorials/responsive-design-with-css3-media-queries
 */
img {
  border: 0;
  padding: 0;
  margin: 0; }

.ie7 img {
  -ms-interpolation-mode: bicubic; }

.ie8 img {
  width: auto;
  /* see #5789 */ }

/**
 * Format the Contao image galleries (now rendered as unordered lists)
 */
.ce_gallery ul {
  margin: 0;
  padding: 0;
  overflow: hidden;
  list-style: none; }

.ce_gallery li {
  float: left; }

.ce_gallery li.col_first {
  clear: left; }

/**
 * Clear floats
 */
.clear, #clear {
  height: 1px;
  clear: both;
  margin-top: -1px; }

/**
 * Hide invisible elements
 */
/**
 * Custom layout sections
 */
.custom {
  display: block; }

#container:after, .custom:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

/* figtree-300 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 300;
  src: url("../../files/daten/extern/fonts/figtree-v5-latin-300.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }

/* figtree-300italic - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Figtree';
  font-style: italic;
  font-weight: 300;
  src: url("../../files/daten/extern/fonts/figtree-v5-latin-300italic.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }

/* figtree-regular - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 400;
  src: url("../../files/daten/extern/fonts/figtree-v5-latin-regular.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }

/* figtree-italic - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Figtree';
  font-style: italic;
  font-weight: 400;
  src: url("../../files/daten/extern/fonts/figtree-v5-latin-italic.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }

/* figtree-600 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 600;
  src: url("../../files/daten/extern/fonts/figtree-v5-latin-600.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }

/* figtree-600italic - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Figtree';
  font-style: italic;
  font-weight: 600;
  src: url("../../files/daten/extern/fonts/figtree-v5-latin-600italic.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }

/* figtree-700 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 700;
  src: url("../../files/daten/extern/fonts/figtree-v5-latin-700.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }

/* figtree-700italic - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Figtree';
  font-style: italic;
  font-weight: 700;
  src: url("../../files/daten/extern/fonts/figtree-v5-latin-700italic.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }

/* figtree-900 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 900;
  src: url("../../files/daten/extern/fonts/figtree-v5-latin-900.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }

/* figtree-900italic - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Figtree';
  font-style: italic;
  font-weight: 900;
  src: url("../../files/daten/extern/fonts/figtree-v5-latin-900italic.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }

body {
  font-family: "Figtree",sans-serif;
  font-size: 100%;
  color: #000;
  overflow-y: scroll;
  min-height: 100%; }

*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.page {
  padding-left: 0%;
  padding-right: 0%; }
  @media (min-width: 0) and (max-width: 989px) {
    .page {
      padding-left: 5%;
      padding-right: 5%; } }

@media (min-width: 730px) and (max-width: 989px) {
  .page-m {
    width: 700px; } }

@media (min-width: 0) and (max-width: 989px) {
  .page-m {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto; }
    .page-m:after {
      content: " ";
      display: block;
      clear: both; } }

@media (min-width: 0) and (max-width: 989px) {
  .page-m {
    width: 100%;
    padding-left: 5%;
    padding-right: 5%; } }

@media (min-width: 0) and (max-width: 990px) {
  .box-50-text-r,
  .box-50-text {
    padding-left: 4%;
    padding-right: 4%;
    width: auto;
    padding-top: 1rem;
    padding-bottom: 1rem; } }

@media (min-width: 700px) and (max-width: 960px) {
  .box-50-text-r,
  .box-50-text {
    width: 100%; } }

@media (min-width: 960px) and (max-width: 990px) {
  .box-50-text-r,
  .box-50-text {
    width: 48%; } }

@media (min-width: 990px) {
  .page {
    width: 960px; }
  .box-50-text-r,
  .box-50-text {
    width: 480px; } }

@media (min-width: 1180px) {
  .page {
    width: 1140px; }
  .box-50-text-r,
  .box-50-text {
    width: 570px; } }

@media (min-width: 1640px) {
  .page {
    width: 1440px; }
  .box-50-text-r,
  .box-50-text {
    width: 720px; } }

@media (min-width: 2000px) {
  .page-big {
    width: 2000px; } }

.page-big,
.page {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto; }
  .page-big:after,
  .page:after {
    content: " ";
    display: block;
    clear: both; }

.rtl {
  float: right;
  clear: both; }

.new-line {
  clear: both; }

.schatten-1 {
  -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2); }

.verlauf-1 {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#8bd800+34,c0e975+100 */
  background: #8bd800;
  /* Old browsers */
  background: -moz-linear-gradient(left, #8bd800 34%, #c0e975 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #8bd800 34%, #c0e975 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #8bd800 34%, #c0e975 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8bd800', endColorstr='#c0e975',GradientType=1 );
  /* IE6-9 */ }

.padd-1 {
  padding: 1.5rem;
  padding-bottom: 0.75rem; }

.padd-2 {
  padding: 2rem;
  padding-bottom: 1rem; }

:focus {
  outline: revert;
  outline-offset: revert; }

.no-view {
  border: 0 !important;
  clip: rect(0, 0, 0, 0) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  white-space: nowrap !important;
  width: 1px !important; }

.invisible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  background-color: #fff;
  color: #000; }

a[href*="#skip"].invisible:focus {
  display: inline-block;
  clip: auto;
  outline: 2px dotted #000;
  width: auto;
  height: auto;
  margin: 0;
  position: relative;
  z-index: 999; }

a[href*="#skip"].invisible.invisible-header:focus {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #000;
  color: #fff;
  padding: 0.5rem;
  z-index: 999; }

#main .list-1 ol {
  list-style-type: decimal;
  padding-left: 15px; }
  #main .list-1 ol li {
    margin-left: 10px;
    padding-left: 10px;
    text-indent: 0px;
    margin-top: 0.15em;
    margin-bottom: 0.15em; }

#main .list-1 ul li {
  list-style: disc;
  list-style-position: outside;
  padding-left: 0rem;
  margin-left: 1rem; }

#main .list-2 ul {
  margin-bottom: 0em;
  list-style: none; }
  #main .list-2 ul li {
    display: grid;
    grid-template-columns: 33px 1fr;
    column-gap: 0.45rem;
    margin-top: 0.35rem;
    margin-bottom: 0.35rem; }
    #main .list-2 ul li img {
      margin-bottom: 0; }
    @media (min-width: 1180px) {
      #main .list-2 ul li {
        font-size: 22px;
        font-size: 1.375rem; } }
    #main .list-2 ul li span.icon img {
      width: 33px;
      height: 33px; }
    #main .list-2 ul li span.text {
      margin-top: 1px; }

.list-3 ol {
  list-style-type: none;
  counter-reset: my-counter;
  padding: 0; }
  .list-3 ol li {
    counter-increment: my-counter;
    padding-left: 2.5rem;
    position: relative;
    margin-top: 0.35rem;
    font-weight: 300;
    line-height: 1.6rem;
    margin-bottom: 1rem; }
    @media (min-width: 1180px) {
      .list-3 ol li {
        font-size: 22px;
        font-size: 1.375rem; } }
  .list-3 ol li::before {
    content: counter(my-counter);
    display: block;
    position: absolute;
    left: 0;
    top: -1px;
    width: 33px;
    height: 33px;
    border-radius: 50%;
    background-color: #83c132;
    color: #000;
    font-weight: 700;
    text-align: center;
    line-height: 33px; }

#main .list-4 ul {
  counter-reset: my-counter;
  padding: 0;
  list-style: none;
  list-style-type: none; }
  #main .list-4 ul li {
    list-style: none;
    counter-increment: my-counter;
    padding-left: 2.6rem;
    position: relative;
    margin-top: 0.35rem;
    font-weight: 300;
    margin-left: 0;
    margin-bottom: 1rem; }
  #main .list-4 ul li::before {
    content: counter(my-counter);
    display: block;
    position: absolute;
    left: 0;
    top: -1px;
    width: 33px;
    height: 33px;
    border-radius: 50%;
    background-color: #83c132;
    color: #000;
    font-weight: 700;
    text-align: center;
    line-height: 33px; }

.span-30 {
  width: 100%; }
  @media (min-width: 600px) {
    .span-30 {
      width: 32%; } }

.widget-altcha,
.span-100 {
  width: 100%; }

.span-60 {
  width: 100%; }
  @media (min-width: 600px) {
    .span-60 {
      width: 64%; } }

button {
  cursor: pointer; }

.mod_lostPassword .widget-password,
.mod_lostPassword .widget-text,
.mod_login .widget-password,
.mod_login .widget-text {
  display: grid;
  align-items: center;
  margin-bottom: 1rem; }
  @media (min-width: 600px) {
    .mod_lostPassword .widget-password,
    .mod_lostPassword .widget-text,
    .mod_login .widget-password,
    .mod_login .widget-text {
      grid-template-columns: 150px 1fr; } }
  .mod_lostPassword .widget-password input,
  .mod_lostPassword .widget-password label,
  .mod_lostPassword .widget-text input,
  .mod_lostPassword .widget-text label,
  .mod_login .widget-password input,
  .mod_login .widget-password label,
  .mod_login .widget-text input,
  .mod_login .widget-text label {
    width: 100%; }
  .mod_lostPassword .widget-password input,
  .mod_lostPassword .widget-text input,
  .mod_login .widget-password input,
  .mod_login .widget-text input {
    padding: 0.35rem; }

.form-1 .flex-center {
  justify-content: space-between; }

.form-1 .formbody {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }

.form-1 p.error {
  background-color: red;
  color: #fff;
  padding: 0.35rem 1rem;
  display: block; }

.form-1 .widget {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem; }

.form-1 .checkbox_da > span,
.form-1 .widget-checkbox fieldset > span,
.form-1 .widget-radio fieldset > span {
  grid-template-columns: 35px 1fr;
  display: grid;
  margin-top: 0.25rem;
  margin-bottom: 0.25rem; }
  .form-1 .checkbox_da > span input,
  .form-1 .widget-checkbox fieldset > span input,
  .form-1 .widget-radio fieldset > span input {
    width: 20px;
    height: 20px; }
  .form-1 .checkbox_da > span label,
  .form-1 .widget-checkbox fieldset > span label,
  .form-1 .widget-radio fieldset > span label {
    margin-top: 1px; }

.form-1 .widget-radio fieldset > span {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem; }

.form-1 .widget-radio legend {
  font-weight: 700;
  margin-bottom: 0.5rem; }

.form-1 .widget-textarea label {
  font-weight: 700;
  display: block;
  margin-bottom: 0.5rem; }

.form-1 .widget-textarea textarea:focus {
  border: 1px solid #83c132;
  outline: none; }

.form-1 .widget-textarea textarea {
  display: block;
  padding: 0.5rem; }

.form-1 select,
.form-1 input,
.form-1 textarea {
  border: 1px solid #b3b3b3;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px; }

.form-1 .widget-captcha label {
  width: 100%; }

.form-1 .widget-captcha input {
  width: 100%;
  height: 56px;
  padding-left: 9px;
  padding-right: 0.5rem; }

.form-1 .widget-captcha span.captcha_text {
  margin-top: 0.5rem;
  display: block; }

.form-1 .widget-select,
.form-1 .widget-text {
  position: relative; }
  .form-1 .widget-select input,
  .form-1 .widget-select label,
  .form-1 .widget-text input,
  .form-1 .widget-text label {
    transition: all 0.15s ease-in; }
  .form-1 .widget-select label,
  .form-1 .widget-text label {
    position: absolute;
    left: 9px;
    top: 18px; }
  .form-1 .widget-select select,
  .form-1 .widget-select input,
  .form-1 .widget-text select,
  .form-1 .widget-text input {
    height: 56px;
    padding-left: 9px;
    padding-right: 0.5rem;
    width: 100%; }
  .form-1 .widget-select input:focus,
  .form-1 .widget-text input:focus {
    border: 1px solid #83c132;
    outline: none;
    transition: all 0.15s ease-in; }
  .form-1 .widget-select select:focus + label,
  .form-1 .widget-select .filled + label,
  .form-1 .widget-select input:focus + label,
  .form-1 .widget-text select:focus + label,
  .form-1 .widget-text .filled + label,
  .form-1 .widget-text input:focus + label {
    top: 4px;
    color: #6d6e71;
    font-size: 12px;
    font-size: 0.75rem;
    transition: all 0.15s ease-in; }
  .form-1 .widget-select select.filled,
  .form-1 .widget-select input.filled,
  .form-1 .widget-text select.filled,
  .form-1 .widget-text input.filled {
    border: 2px solid #0c51ee; }

.form-1 .widget-select select {
  background-color: #fff; }

.form-1 .widget-select label {
  top: 4px;
  color: #6d6e71;
  font-size: 12px;
  font-size: 0.75rem; }

.widget-fineuploader {
  width: 100%;
  margin-top: 2rem; }
  .widget-fineuploader label {
    font-weight: 700; }
  .widget-fineuploader .qq-upload-button-selector {
    margin-top: 1rem;
    border: 1px soild #b3b3b3;
    cursor: pointer;
    background-color: #b3b3b3;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px; }

.ce_form .form-2 {
  padding-top: 0.35rem;
  padding-bottom: 0.35rem;
  display: flex;
  justify-content: center;
  margin-bottom: 0.25rem; }
  .ce_form .form-2 .formbody {
    display: grid;
    align-items: center;
    column-gap: 2px; }
    @media (min-width: 990px) {
      .ce_form .form-2 .formbody {
        grid-template-columns: 550px 50px; } }
  .ce_form .form-2 .widget-text {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .ce_form .form-2 .widget-text label {
      width: 100%;
      order: 1;
      font-weight: 700;
      text-align: right;
      display: flex;
      align-items: center;
      color: #575756; }
      @media (min-width: 990px) {
        .ce_form .form-2 .widget-text label {
          width: calc(100% - 110px); } }
      @media (min-width: 1180px) {
        .ce_form .form-2 .widget-text label {
          font-size: 21px;
          font-size: 1.3125rem; } }
    .ce_form .form-2 .widget-text input {
      order: 2;
      width: 100%;
      margin-bottom: 1rem;
      padding: 0.25rem; }
      @media (min-width: 990px) {
        .ce_form .form-2 .widget-text input {
          width: 100px;
          margin: 0;
          margin-left: 10px; } }
  .ce_form .form-2 button {
    width: 100%;
    background-color: #f80256;
    border: 1px solid #f80256;
    background-image: url("../../files/daten/extern/icon/icon-suche.svg");
    background-repeat: no-repeat;
    background-size: 40px 40px;
    background-position: center center;
    min-width: 100%;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    text-indent: -99999px; }
  .ce_form .form-2 label,
  .ce_form .form-2 input,
  .ce_form .form-2 button {
    height: 46px; }

.widget-submit button {
  background-color: #83c132;
  border: 1px solid #83c132;
  border-radius: 36px;
  -moz-border-radius: 36px;
  -webkit-border-radius: 36px;
  color: #000;
  padding: 0.5rem 1rem;
  min-width: 200px;
  text-align: center;
  font-weight: 700; }

.widget-submit button:hover {
  background-color: #5a8422;
  border: 1px solid #5a8422; }

#formkontakt2 .widget-radio .privat span:nth-of-type(1) label {
  background-image: url("../../files/daten/extern/icon/icons-forms_01.svg");
  background-repeat: no-repeat; }

#formkontakt2 .widget-radio .privat span:nth-of-type(2) label {
  background-image: url("../../files/daten/extern/icon/icons-forms_02.svg");
  background-repeat: no-repeat; }

#formkontakt2 .widget-radio .eigentuemer span:nth-of-type(1) label {
  background-image: url("../../files/daten/extern/icon/icons-forms_03.svg");
  background-repeat: no-repeat; }

#formkontakt2 .widget-radio .eigentuemer span:nth-of-type(2) label {
  background-image: url("../../files/daten/extern/icon/icons-forms_04.svg");
  background-repeat: no-repeat; }

#formkontakt2 .widget-radio .schaden-ort span:nth-of-type(1) label {
  background-image: url("../../files/daten/extern/icon/icons-forms_05.svg");
  background-repeat: no-repeat; }

#formkontakt2 .widget-radio .schaden-ort span:nth-of-type(2) label {
  background-image: url("../../files/daten/extern/icon/icons-forms_06.svg");
  background-repeat: no-repeat; }

#formkontakt2 .widget-radio .schaden-ort span:nth-of-type(3) label {
  background-image: url("../../files/daten/extern/icon/icons-forms_07.svg");
  background-repeat: no-repeat; }

#formkontakt2 .widget-radio .radio_container {
  display: flex;
  align-items: center;
  justify-content: center; }
  @media (min-width: 0) and (max-width: 599.99px) {
    #formkontakt2 .widget-radio .radio_container {
      flex-wrap: wrap; } }

#formkontakt2 .widget-radio .check-2 legend {
  display: block;
  text-align: center;
  width: 100%; }
  #formkontakt2 .widget-radio .check-2 legend span {
    display: inline; }

#formkontakt2 .widget-radio .check-2 span {
  display: inline-block; }
  @media (min-width: 0) and (max-width: 599.99px) {
    #formkontakt2 .widget-radio .check-2 span {
      width: 100%; } }
  #formkontakt2 .widget-radio .check-2 span input[type="radio"] {
    display: none !important;
    width: 0;
    height: 0; }
  #formkontakt2 .widget-radio .check-2 span input[type="radio"]:checked + label {
    background-color: #83c132; }
  #formkontakt2 .widget-radio .check-2 span label:hover {
    background-color: #81a5f9; }
  #formkontakt2 .widget-radio .check-2 span label {
    background-color: white;
    /* Hintergrundfarbe für Labels */
    padding: 10px;
    margin-bottom: 5px;
    border-radius: 5px;
    height: 150px;
    width: 100%;
    padding-bottom: 20px;
    text-align: center;
    margin-left: 10px;
    background-size: 70% 70%;
    margin-right: 10px;
    display: flex;
    align-items: last baseline;
    justify-content: center;
    cursor: pointer;
    border: 1px solid #b3b3b3;
    background-position: center 15px;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px; }
    @media (min-width: 600px) {
      #formkontakt2 .widget-radio .check-2 span label {
        width: 150px; } }

#formkontakt2 .widget-pagebreak {
  display: flex;
  justify-content: center;
  width: 100%; }
  #formkontakt2 .widget-pagebreak button {
    height: 42px;
    padding: 10px 2rem;
    display: inline-block;
    background-color: #83c132;
    border: 1px solid #83c132;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
    transition: all ease-in-out 0.6s;
    border-radius: 36px;
    -moz-border-radius: 36px;
    -webkit-border-radius: 36px;
    margin-left: 10px;
    margin-right: 10px; }
  #formkontakt2 .widget-pagebreak button[value="continue"] {
    order: 2; }
  #formkontakt2 .widget-pagebreak button[value="back"] {
    order: 1;
    background-color: #b3b3b3;
    border: 1px solid #b3b3b3; }

.flex-spalten {
  clear: both;
  margin-top: 1rem;
  margin-bottom: 1rem; }
  .flex-spalten .box-1 {
    margin-top: 0; }
  .flex-spalten .box-2 {
    margin-top: 0; }
  .flex-spalten .box-3 {
    margin-top: 0; }
  .flex-spalten .box-4 {
    margin-top: 0; }
  .flex-spalten .box-5 {
    margin-top: 0; }
  .flex-spalten .box-6 {
    margin-top: 0; }
  .flex-spalten .box-7 {
    margin-top: 0; }
  .flex-spalten .box-8 {
    margin-top: 0; }
  .flex-spalten .box-9 {
    margin-top: 0; }
  .flex-spalten .box-10 {
    margin-top: 0; }
  .flex-spalten .box-11 {
    margin-top: 0; }
  .flex-spalten .box-12 {
    margin-top: 0; }

.grid-50 {
  display: grid; }

.flex {
  display: flex;
  flex-wrap: wrap; }

.flex-center {
  display: flex;
  flex-wrap: wrap;
  align-items: center; }

#main .grid-download {
  display: grid;
  grid-template-columns: 22px 1fr;
  column-gap: 8px;
  color: black; }
  #main .grid-download svg {
    width: 100%;
    height: auto;
    margin-bottom: 0; }

.col-50 {
  display: block;
  width: 100%;
  margin-top: 1rem; }
  @media (min-width: 700px) {
    .col-50 {
      width: 50%;
      float: left; } }

#header .dropdown {
  position: relative;
  text-align: center; }
  @media (min-width: 0) and (max-width: 699px) {
    #header .dropdown {
      display: none; } }
  #header .dropdown img {
    width: 40px;
    height: 40px; }
    @media (min-width: 1280px) {
      #header .dropdown img {
        width: 36px;
        height: 36px; } }
  #header .dropdown .lang button {
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 0;
    margin: 0; }
  #header .dropdown .lang-dropdown {
    position: absolute;
    background-color: #fff;
    padding: 0.6rem;
    z-index: 9;
    right: 0; }
    #header .dropdown .lang-dropdown a,
    #header .dropdown .lang-dropdown img {
      margin-top: 0.35rem;
      margin-bottom: 0.35rem;
      line-height: 0;
      display: block; }

#main .nav-05 {
  width: 97.2222222222%;
  float: left;
  margin-left: 1.3888888889%;
  margin-right: 1.3888888889%; }
  #main .nav-05 ul.level_1 {
    display: grid;
    grid-template-columns: 1fr;
    column-gap: 2.7776%; }
    @media (min-width: 600px) {
      #main .nav-05 ul.level_1 {
        grid-template-columns: 1fr 1fr; } }
    @media (min-width: 990px) {
      #main .nav-05 ul.level_1 {
        grid-template-columns: 1fr 1fr 1fr; } }
    @media (min-width: 1640px) {
      #main .nav-05 ul.level_1 {
        grid-template-columns: 1fr 1fr 1fr 1fr; } }
    #main .nav-05 ul.level_1 li.submenu {
      font-weight: 600; }
      #main .nav-05 ul.level_1 li.submenu ul li a {
        font-weight: 400; }

#header .nav-10 {
  width: 97.2222222222%;
  float: left;
  margin-left: 1.3888888889%;
  margin-right: 1.3888888889%;
  margin-top: 1rem;
  margin-bottom: 1rem; }
  #header .nav-10 ul li {
    display: inline-block;
    margin-left: 0.35rem;
    margin-right: 0.35rem; }
    #header .nav-10 ul li a, #header .nav-10 ul li strong {
      border-radius: 6px;
      -moz-border-radius: 6px;
      -webkit-border-radius: 6px;
      padding: 0.25rem 0.85rem;
      display: block; }
    #header .nav-10 ul li a {
      color: #000;
      background-color: #fff;
      text-decoration: none;
      font-weight: 400; }
    #header .nav-10 ul li strong {
      background-color: #83c132;
      color: #000; }
  #header .nav-10 ul li.first {
    margin-left: 0; }

#footer .nav-02 ul li {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem; }

@media (min-width: 1280px) {
  .flyout {
    display: none;
    visibility: hidden; }
  li[aria-expanded="false"] > .flyout,
  li[data-focus="false"] > .flyout {
    display: none; }
  ul.level_2 li[aria-expanded="false"] .flyout,
  ul.level_1 li[aria-expanded="true"] .flyout {
    display: block;
    visibility: visible; }
  .nav-01 .menu-liste > ul {
    display: flex;
    justify-content: center; }
  .nav-01 .menu-toggle {
    display: none; }
  .nav-01 ul {
    margin-bottom: 0; }
    .nav-01 ul a {
      font-weight: 600;
      padding: 0.5rem 0.5rem;
      font-size: 16px;
      font-size: 1rem;
      color: #575756;
      text-decoration: none;
      border-bottom: 2px solid #b3b3b3; } }
    @media (min-width: 1280px) and (min-width: 1640px) {
      .nav-01 ul a {
        font-size: 16px;
        font-size: 1rem;
        padding: 0.5rem 0.75rem; } }

@media (min-width: 1280px) {
    .nav-01 ul a:hover {
      color: #000;
      border-bottom: 2px solid #83c132; }
    .nav-01 ul li:hover a {
      color: #000; }
    .nav-01 ul li.submenu:hover {
      border-radius: 6px;
      -moz-border-radius: 6px;
      -webkit-border-radius: 6px; }
    .nav-01 ul li.trail a.trail,
    .nav-01 ul a.active {
      color: #000;
      font-weight: 600;
      border-bottom: 2px solid #83c132; }
    .nav-01 ul a:focus {
      outline: 2px solid #83c132;
      outline-offset: -2px;
      color: #000;
      background-color: #f2f2f2; } }

@media (max-width: 1279px) {
  #header .box {
    height: 70px; }
  .nav-01 button.menu-toggle-close {
    display: none; }
  .nav-01 button.menu-toggle {
    float: left;
    width: 50px;
    height: 50px;
    background-color: #83c132;
    border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
    border: transparent;
    outline: 2px solid #83c132;
    outline-offset: -2px;
    color: #fff;
    display: grid;
    place-content: center;
    cursor: pointer; }
    .nav-01 button.menu-toggle .m-toggle {
      grid-area: text; }
      .nav-01 button.menu-toggle .m-toggle .linie {
        height: 3px;
        width: 25px;
        background-color: #000;
        margin-top: 4px;
        margin-bottom: 4px; }
      .nav-01 button.menu-toggle .m-toggle .linie:nth-child(1) {
        transform-origin: center bottom; }
      .nav-01 button.menu-toggle .m-toggle .linie:nth-child(2) {
        transform-origin: center center; }
      .nav-01 button.menu-toggle .m-toggle .linie:nth-child(3) {
        transform-origin: center top; }
    .nav-01 button.menu-toggle[aria-expanded="true"] .m-toggle {
      margin-left: -2px; }
    .nav-01 button.menu-toggle[aria-expanded="true"] .linie {
      transition: transform 0.2s ease-in, opacity 0.2s ease-in;
      margin-top: 0;
      margin-bottom: 0; }
    .nav-01 button.menu-toggle[aria-expanded="true"] .linie:nth-child(1) {
      transform: rotate(-45deg) translateY(4px);
      transform-origin: center bottom; }
    .nav-01 button.menu-toggle[aria-expanded="true"] .linie:nth-child(2) {
      opacity: 0;
      /* Versteckt die mittlere Linie */
      transform: scale(0); }
    .nav-01 button.menu-toggle[aria-expanded="true"] .linie:nth-child(3) {
      transform: rotate(45deg) translateY(-3px);
      transform-origin: center;
      transform-origin: top center; }
  .nav-01 button.menu-toggle:focus {
    outline: 2px solid #000; }
  .nav-01 button.menu-toggle[aria-expanded="false"] + .menu-liste {
    display: block;
    transform: translateX(0) translateY(-5%);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.5s ease, transform 0.5s ease;
    transition: right 0.5s ease; }
  .nav-01 button.menu-toggle[aria-expanded="true"] + .menu-liste {
    display: block;
    opacity: 1;
    visibility: visible;
    transform: translateX(0) translateY(0);
    z-index: 9999;
    transition: opacity 0.5s ease, visibility 0.5s ease, transform 0.2s ease;
    position: absolute;
    top: 100%;
    width: 100%;
    left: 0; }
  .nav-01 .menu-liste {
    position: absolute;
    background-color: #f2f2f2;
    width: 100%;
    left: 0;
    top: 100%;
    transition: right 1s ease;
    z-index: 999; }
  .nav-01 .menu-liste > ul {
    width: 88%;
    margin-left: 6%;
    margin-right: 6%;
    background-color: #fff;
    border: 1px solid #b3b3b3;
    -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
    border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
    overflow: hidden;
    height: calc(100vh - 70px);
    overflow-y: auto;
    margin-top: 1rem; } }
  @media (max-width: 1279px) and (min-width: 990px) {
    .nav-01 .menu-liste > ul {
      margin-left: auto;
      margin-right: auto;
      width: 940px; } }
  @media (max-width: 1279px) and (min-width: 1180px) {
    .nav-01 .menu-liste > ul {
      width: 1110px; } }

@media (max-width: 1279px) {
  .nav-01 .menu-liste ul > li {
    border-bottom: 1px solid #b3b3b3; }
  .nav-01 .menu-liste ul {
    margin-bottom: 0; }
    .nav-01 .menu-liste ul a {
      display: block;
      color: #000;
      font-weight: 700;
      font-size: 17px;
      font-size: 1.0625rem;
      border-left: 10px solid #fff;
      padding-left: 0.5rem; }
    .nav-01 .menu-liste ul a, .nav-01 .menu-liste ul button {
      height: 50px;
      display: flex;
      flex-direction: column;
      justify-content: center; }
    .nav-01 .menu-liste ul li.trail .trail {
      color: #000; }
    .nav-01 .menu-liste ul li.btn {
      display: none; }
    .nav-01 .menu-liste ul a.active {
      color: #83c132; }
    .nav-01 .menu-liste ul li {
      display: block; }
    .nav-01 .menu-liste ul li.submenu button[aria-expanded="false"] + .flyout {
      display: none; }
    .nav-01 .menu-liste ul li.submenu button[aria-expanded="true"] + .flyout {
      display: block !important; }
    .nav-01 .menu-liste ul li.submenu button[aria-expanded="true"] svg {
      transform: rotate(180deg);
      transition: transform 0.25s ease-in; }
    .nav-01 .menu-liste ul li.submenu button svg {
      transition: transform 0.25s ease-in; }
    .nav-01 .menu-liste ul li a:focus,
    .nav-01 .menu-liste ul li a:focus-visible {
      background-color: white;
      outline: 2px solid #83c132;
      outline-offset: -4px;
      border-left: 10px solid #0c51ee; }
    .nav-01 .menu-liste ul li.submenu {
      display: grid;
      grid-template-columns: 1fr 50px;
      align-items: center;
      border-bottom: 1px solid #b3b3b3; }
      .nav-01 .menu-liste ul li.submenu a {
        color: #000;
        text-decoration: none;
        border-left: 10px solid #fff;
        padding-left: 0.5rem; }
      .nav-01 .menu-liste ul li.submenu a:focus,
      .nav-01 .menu-liste ul li.submenu a:focus-visible {
        border-left: 10px solid #0c51ee; }
      .nav-01 .menu-liste ul li.submenu a.active {
        color: #83c132;
        border-left: 10px solid #0c51ee;
        background-color: #f2f2f2; }
      .nav-01 .menu-liste ul li.submenu button {
        border: transparent;
        background-color: #f2f2f2;
        outline: 2px solid #f2f2f2;
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: center;
        outline-offset: -3px; }
        .nav-01 .menu-liste ul li.submenu button svg {
          transition: transform 0.25s ease-in;
          fill: none;
          stroke: #83c132;
          stroke-miterlimit: 10;
          stroke-width: 2px;
          width: 60%;
          height: auto; }
      .nav-01 .menu-liste ul li.submenu button:focus {
        outline: 2px solid #83c132;
        background-color: white; }
      .nav-01 .menu-liste ul li.submenu .flyout {
        border-top: 1px solid #575756;
        width: 100%;
        grid-column: auto/span 2;
        display: block; }
        .nav-01 .menu-liste ul li.submenu .flyout li {
          border-bottom: 1px solid #575756; }
          .nav-01 .menu-liste ul li.submenu .flyout li a {
            border-left: 10px solid #0c51ee; }
          .nav-01 .menu-liste ul li.submenu .flyout li a.active {
            border-left: 10px solid #0c51ee; }
        .nav-01 .menu-liste ul li.submenu .flyout li:last-child {
          border-bottom: none; }
        .nav-01 .menu-liste ul li.submenu .flyout ul ul li a {
          border-left: 20px solid #0c51ee; }
        .nav-01 .menu-liste ul li.submenu .flyout ul a {
          font-weight: 500; }
        .nav-01 .menu-liste ul li.submenu .flyout ul.level_2 > li.submenu {
          grid-template-columns: 40px 1fr 50px;
          align-items: center; }
          .nav-01 .menu-liste ul li.submenu .flyout ul.level_2 > li.submenu .image {
            border-left: 10px solid #0c51ee;
            padding-left: 10px;
            height: 50px;
            display: flex;
            flex-direction: column;
            justify-content: center; }
            .nav-01 .menu-liste ul li.submenu .flyout ul.level_2 > li.submenu .image img {
              margin-bottom: 0; }
          .nav-01 .menu-liste ul li.submenu .flyout ul.level_2 > li.submenu .flyout {
            grid-column: auto/span 3; }
          .nav-01 .menu-liste ul li.submenu .flyout ul.level_2 > li.submenu a {
            border-left: 0; }
          .nav-01 .menu-liste ul li.submenu .flyout ul.level_2 > li.submenu ul li a {
            border-left: 10px solid #0c51ee;
            font-weight: 500; } }

.header-height-2 {
  height: 56px; }
  @media (min-width: 990px) {
    .header-height-2 {
      height: 83px; } }

.header-height-1 {
  height: 50px; }
  @media (min-width: 450px) {
    .header-height-1 {
      height: 63px; } }
  @media (min-width: 600px) {
    .header-height-1 {
      height: 70px; } }
  @media (min-width: 1640px) {
    .header-height-1 {
      height: 83px; } }

.header-img #header {
  background-color: transparent; }
  @media (min-width: 990px) {
    .header-img #header {
      position: absolute;
      z-index: 5;
      width: 100%; } }

#header {
  position: relative;
  background-color: #f2f2f2; }
  #header .tt {
    margin-top: 1rem;
    width: 97.2222222222%;
    float: left;
    margin-left: 1.3888888889%;
    margin-right: 1.3888888889%; }
  #header .flex-grid-adds {
    display: grid;
    grid-template-columns: 160px 1fr 36px; }
    @media (min-width: 500px) {
      #header .flex-grid-adds {
        grid-template-columns: 160px 1fr 36px;
        column-gap: 12px; } }
    @media (min-width: 990px) {
      #header .flex-grid-adds {
        grid-template-columns: 235px 1fr 235px; } }
    #header .flex-grid-adds .logo {
      text-align: center; }
      #header .flex-grid-adds .logo img {
        width: 160px; }
        @media (min-width: 990px) {
          #header .flex-grid-adds .logo img {
            width: 235px; } }
    #header .flex-grid-adds .cta-tel {
      justify-content: flex-end; }
      @media (min-width: 990px) {
        #header .flex-grid-adds .cta-tel {
          margin-right: 1rem; } }
      @media (min-width: 0) and (max-width: 989px) {
        #header .flex-grid-adds .cta-tel a {
          width: 36px !important; } }
  @media (min-width: 0) and (max-width: 989px) {
    #header span.text-2 {
      display: none; } }
  @media (min-width: 600px) {
    #header .mobile {
      display: none; } }
  @media (min-width: 0) and (max-width: 350px) {
    #header span.direkt {
      display: none; } }
  #header .company {
    padding-left: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: left;
    width: 100%; }
    @media (min-width: 0) and (max-width: 599px) {
      #header .company .com {
        display: none; } }
    @media (min-width: 960px) {
      #header .company {
        justify-content: center;
        padding-left: 0; } }
    #header .company p {
      font-size: 12px;
      font-size: 0.75rem;
      text-align: left;
      margin-bottom: 0; }
      @media (min-width: 700px) {
        #header .company p {
          font-size: 14px;
          font-size: 0.875rem; } }
      @media (min-width: 1640px) {
        #header .company p {
          font-size: 18px;
          font-size: 1.125rem;
          text-align: center; } }
  #header .box-12 {
    margin-top: 0; }
  #header .bg-weiss {
    -webkit-border-bottom-right-radius: 0.5rem;
    -moz-border-radius-bottomright: 0.5rem;
    border-bottom-right-radius: 0.5rem; }
  #header .flex-grid {
    display: grid;
    grid-template-columns: 1fr 62px;
    align-items: center; }
    @media (min-width: 700px) {
      #header .flex-grid {
        grid-template-columns: 1fr 180px 50px 62px;
        column-gap: 0.5rem; } }
    @media (min-width: 1280px) {
      #header .flex-grid {
        grid-template-columns: 200px 1fr 36px 55px; } }
    @media (min-width: 1640px) {
      #header .flex-grid {
        grid-template-columns: 235px 1fr 180px 55px; } }
    #header .flex-grid .logo {
      text-align: left; }
      @media (max-width: 1279px) {
        #header .flex-grid .logo {
          order: 1; } }
      #header .flex-grid .logo a {
        display: block;
        line-height: 0; }
      #header .flex-grid .logo a:focus {
        outline-offset: -2px; }
      #header .flex-grid .logo img {
        width: 180px; }
        @media (min-width: 600px) {
          #header .flex-grid .logo img {
            width: 200px;
            height: 100%; } }
        @media (min-width: 1640px) {
          #header .flex-grid .logo img {
            width: 235px;
            height: 100%; } }
  @media (max-width: 1279px) {
    #header .dropdown {
      order: 3; } }
  @media (max-width: 1279px) {
    #header .nav-01 {
      order: 4; } }
  #header .cta-tel {
    display: flex;
    align-items: center; }
    @media (min-width: 0) and (max-width: 699px) {
      #header .cta-tel {
        display: none; } }
    @media (max-width: 1279px) {
      #header .cta-tel {
        order: 2; } }
    #header .cta-tel .kreis-1 {
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 40px;
      -moz-border-radius: 40px;
      -webkit-border-radius: 40px;
      width: 40px;
      height: 40px; }
      @media (min-width: 1280px) {
        #header .cta-tel .kreis-1 {
          border-radius: 36px;
          -moz-border-radius: 36px;
          -webkit-border-radius: 36px;
          width: 36px;
          height: 36px; } }
    #header .cta-tel a {
      width: 100%;
      border-radius: 36px;
      -moz-border-radius: 36px;
      -webkit-border-radius: 36px;
      color: black;
      text-decoration: none; }
      @media (min-width: 700px) {
        #header .cta-tel a {
          display: grid;
          grid-template-columns: 36px 1fr;
          background-color: #f2f2f2;
          align-items: center;
          border-radius: 36px;
          -moz-border-radius: 36px;
          -webkit-border-radius: 36px; } }
    #header .cta-tel span {
      text-align: center;
      font-weight: 700; }
    #header .cta-tel span.text {
      text-align: center;
      font-weight: 600; }
      @media (min-width: 1280px) and (max-width: 1639px) {
        #header .cta-tel span.text {
          display: none; } }
    #header .cta-tel svg {
      width: 40px;
      height: auto; }
      @media (min-width: 1280px) {
        #header .cta-tel svg {
          width: 36px; } }

@media (min-width: 1180px) {
  .desktop-none {
    display: none; } }

.grid-teaser-2 {
  width: 97.2222222222%;
  float: left;
  margin-left: 1.3888888889%;
  margin-right: 1.3888888889%;
  display: grid;
  column-gap: 2.7776%; }
  @media (min-width: 990px) {
    .grid-teaser-2 {
      grid-template-columns: 1fr 1fr 1fr; } }

.grid-teaser {
  width: 97.2222222222%;
  float: left;
  margin-left: 1.3888888889%;
  margin-right: 1.3888888889%;
  display: grid;
  column-gap: 2.7776%; }
  @media (min-width: 990px) {
    .grid-teaser {
      width: 63.8888888889%;
      float: left;
      margin-left: 1.3888888889%;
      margin-right: 1.3888888889%;
      margin-left: 18.0555555556%; } }
  @media (min-width: 700px) {
    .grid-teaser {
      grid-template-columns: 1fr 1fr; } }

@media (min-width: 990px) {
  .height-1 p.headline-2 {
    height: 80px; } }

#main .img-header img {
  margin-bottom: 0;
  position: absolute;
  object-fit: cover;
  width: auto;
  height: auto;
  bottom: 0; }

#main .content-box-1 .img-seite {
  height: 300px;
  overflow: hidden;
  position: relative; }
  @media (min-width: 990px) {
    #main .content-box-1 .img-seite {
      height: 630px; } }

#main .content-box-1 .box-text {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  display: flex;
  height: 300px;
  justify-content: center;
  align-items: center; }
  @media (min-width: 990px) {
    #main .content-box-1 .box-text {
      width: 780px;
      height: 630px;
      align-items: center;
      margin-top: 3rem; } }
  #main .content-box-1 .box-text .text-inside {
    position: absolute;
    z-index: 8;
    padding: 1.5rem;
    padding-bottom: 0.75rem;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    background-color: #fff; }

@media (min-width: 990px) {
  #main .content-box-1 .img-seite.img-seite-height-2 {
    height: 530px; } }

#main .content-box-1 .img-seite.img-seite-height-2 .box-text {
  text-align: center; }
  @media (min-width: 990px) {
    #main .content-box-1 .img-seite.img-seite-height-2 .box-text {
      height: 530px; } }

#main .content-box-2 {
  display: flex;
  flex-wrap: wrap; }
  #main .content-box-2 .box-3 {
    margin-bottom: 1rem; }
  #main .content-box-2 .box-3:last-child {
    margin-bottom: 0; }
  @media (min-width: 990px) {
    #main .content-box-2 .box-3 {
      width: 22.2222222222%;
      float: left;
      margin-left: 1.3888888889%;
      margin-right: 1.3888888889%; } }
  #main .content-box-2 .nummer {
    width: 36px;
    margin-bottom: 1rem;
    position: relative; }
  @media (min-width: 990px) {
    #main .content-box-2 .nummer-linie:after {
      width: 155px;
      content: "";
      height: 1px;
      position: absolute;
      background-color: black;
      display: block;
      left: 60px;
      top: 18px; } }
  @media (min-width: 1180px) {
    #main .content-box-2 .nummer-linie:after {
      width: 197px;
      content: "";
      height: 1px;
      position: absolute;
      background-color: black;
      display: block;
      left: 60px;
      top: 18px; } }
  @media (min-width: 1640px) {
    #main .content-box-2 .nummer-linie:after {
      width: 270px; } }
  #main .content-box-2 h3 {
    text-align: center; }
  #main .content-box-2 .ce_image {
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
    margin-bottom: 1rem; }
    @media (min-width: 1180px) {
      #main .content-box-2 .ce_image {
        margin-bottom: 2rem; } }
    #main .content-box-2 .ce_image img {
      margin-bottom: -4px;
      width: 100%;
      height: auto;
      border-radius: 6px;
      -moz-border-radius: 6px;
      -webkit-border-radius: 6px; }

.magrin-auto {
  margin-left: auto;
  margin-right: auto; }

#main .img-schatten .image_container {
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
  margin-bottom: 2rem; }
  #main .img-schatten .image_container img {
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    margin-bottom: -4px; }

@media (min-width: 990px) {
  #main .h3-height h3 {
    min-height: 42px; } }

@media (min-width: 1180px) {
  #main .h3-height h3 {
    margin-top: 2rem; } }

#main .content-box-3 {
  width: 97.2222222222%;
  float: left;
  margin-left: 1.3888888889%;
  margin-right: 1.3888888889%; }
  @media (min-width: 1180px) {
    #main .content-box-3 {
      width: 80.5555555556%;
      float: left;
      margin-left: 1.3888888889%;
      margin-right: 1.3888888889%;
      margin-left: 9.7222222222%; } }
  @media (min-width: 990px) {
    #main .content-box-3 {
      display: grid;
      grid-template-columns: 1fr;
      grid-template-columns: 60% 40%; } }
  #main .content-box-3 .description {
    margin-top: 2rem;
    grid-column: 1 / 3; }
  #main .content-box-3 .col-1 .ce_image {
    margin-bottom: 1rem; }
    @media (min-width: 990px) {
      #main .content-box-3 .col-1 .ce_image {
        margin-bottom: 0; } }
    #main .content-box-3 .col-1 .ce_image .image_container {
      background-color: #f2f2f2; }
      #main .content-box-3 .col-1 .ce_image .image_container img {
        margin-bottom: -3px; }
  #main .content-box-3 .col-1,
  #main .content-box-3 .col-2 {
    padding: 1.5rem; }
    @media (min-width: 500px) {
      #main .content-box-3 .col-1,
      #main .content-box-3 .col-2 {
        padding: 2rem; } }
    @media (min-width: 990px) {
      #main .content-box-3 .col-1,
      #main .content-box-3 .col-2 {
        padding: 4rem; } }
  #main .content-box-3 .col-1 {
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    background-color: #fff; }
    @media (min-width: 0) and (max-width: 989px) {
      #main .content-box-3 .col-1 {
        -webkit-border-bottom-right-radius: 0px;
        -webkit-border-bottom-left-radius: 0px;
        -moz-border-radius-bottomright: 0px;
        -moz-border-radius-bottomleft: 0px;
        border-bottom-right-radius: 0px;
        border-bottom-left-radius: 0px; } }
    @media (min-width: 990px) {
      #main .content-box-3 .col-1 {
        -webkit-border-top-right-radius: 0px;
        -webkit-border-bottom-right-radius: 0px;
        -moz-border-radius-topright: 0px;
        -moz-border-radius-bottomright: 0px;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px; } }
    @media (min-width: 600px) {
      #main .content-box-3 .col-1 {
        grid-template-columns: 160px 1fr;
        column-gap: 24px;
        display: grid; } }
    #main .content-box-3 .col-1 svg {
      width: 100%;
      height: auto;
      margin-bottom: 0; }
    #main .content-box-3 .col-1 .image_container {
      text-align: center; }
    #main .content-box-3 .col-1 img {
      width: 160px;
      margin-left: auto;
      margin-right: auto;
      height: auto; }
      @media (min-width: 990px) {
        #main .content-box-3 .col-1 img {
          width: 100%;
          margin-bottom: 0; } }
    #main .content-box-3 .col-1 ul {
      margin-bottom: 0; }
      #main .content-box-3 .col-1 ul li a {
        display: grid;
        grid-template-columns: 22px 1fr;
        column-gap: 8px;
        color: black; }
  #main .content-box-3 .col-2 {
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    background-color: #e6e7e8;
    text-align: center; }
    @media (min-width: 0) and (max-width: 989px) {
      #main .content-box-3 .col-2 {
        -webkit-border-top-left-radius: 0px;
        -webkit-border-top-right-radius: 0px;
        -moz-border-radius-topleft: 0px;
        -moz-border-radius-topright: 0px;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px; } }
    @media (min-width: 990px) {
      #main .content-box-3 .col-2 {
        -webkit-border-top-left-radius: 0px;
        -webkit-border-bottom-left-radius: 0px;
        -moz-border-radius-topleft: 0px;
        -moz-border-radius-bottomleft: 0px;
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px; } }
    #main .content-box-3 .col-2 .ce_image {
      position: relative;
      width: 215px;
      margin-left: auto;
      margin-right: auto; }
      #main .content-box-3 .col-2 .ce_image img {
        width: 100%;
        height: auto; }
      #main .content-box-3 .col-2 .ce_image .zeit {
        position: absolute;
        font-weight: 900;
        font-style: italic;
        font-size: 33px;
        font-size: 2.0625rem;
        color: #fff;
        left: 55px;
        top: 40px; }
    #main .content-box-3 .col-2 .btn-2 a {
      background-color: #fff; }
    @media (min-width: 990px) {
      #main .content-box-3 .col-2 .mt-1 {
        margin-top: 0.5rem; } }

.height-260 .inside,
.height-260 .ce_image {
  height: 260px; }

.height-500 .inside,
.height-500 .ce_image {
  height: 500px; }

.height-350 .inside,
.height-350 .ce_image {
  height: 350px; }

.inside-mt .inside {
  margin-top: 2rem; }

#main .content-box-4 .img-seite {
  height: 630px;
  overflow: hidden;
  position: relative; }
  @media (min-width: 990px) {
    #main .content-box-4 .img-seite {
      height: 630px; } }

#main .content-box-4 .box-text {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  display: flex;
  height: 630px;
  justify-content: center;
  align-items: center; }
  @media (min-width: 990px) {
    #main .content-box-4 .box-text {
      width: 780px;
      height: 630px;
      align-items: center;
      margin-top: 3rem; } }
  @media (min-width: 1180px) {
    #main .content-box-4 .box-text {
      width: 1100px; } }
  #main .content-box-4 .box-text .text-inside {
    position: absolute;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    background-color: #fff;
    background-color: transparent; }
    @media (min-width: 1180px) {
      #main .content-box-4 .box-text .text-inside {
        padding: 1.5rem;
        padding-bottom: 0.75rem; } }
  #main .content-box-4 .box-text .grid {
    display: grid; }
    @media (min-width: 1180px) {
      #main .content-box-4 .box-text .grid {
        grid-template-columns: 1fr 400px; } }
    #main .content-box-4 .box-text .grid .bg-weiss {
      padding: 1.5rem;
      padding-bottom: 0.75rem; }
      @media (min-width: 0) and (max-width: 1179.9px) {
        #main .content-box-4 .box-text .grid .bg-weiss {
          -webkit-border-top-left-radius: 6px;
          -webkit-border-top-right-radius: 6px;
          -moz-border-radius-topleft: 6px;
          -moz-border-radius-topright: 6px;
          border-top-left-radius: 6px;
          border-top-right-radius: 6px; } }
      @media (min-width: 1180px) {
        #main .content-box-4 .box-text .grid .bg-weiss {
          -webkit-border-top-left-radius: 6px;
          -webkit-border-bottom-left-radius: 6px;
          -moz-border-radius-topleft: 6px;
          -moz-border-radius-bottomleft: 6px;
          border-top-left-radius: 6px;
          border-bottom-left-radius: 6px; } }
    #main .content-box-4 .box-text .grid .bg-grau {
      padding: 1.5rem;
      padding-bottom: 0.75rem; }
      @media (min-width: 0) and (max-width: 1179.9px) {
        #main .content-box-4 .box-text .grid .bg-grau {
          -webkit-border-bottom-right-radius: 6px;
          -webkit-border-bottom-left-radius: 6px;
          -moz-border-radius-bottomright: 6px;
          -moz-border-radius-bottomleft: 6px;
          border-bottom-right-radius: 6px;
          border-bottom-left-radius: 6px; } }
      @media (min-width: 1180px) {
        #main .content-box-4 .box-text .grid .bg-grau {
          -webkit-border-top-right-radius: 6px;
          -webkit-border-bottom-right-radius: 6px;
          -moz-border-radius-topright: 6px;
          -moz-border-radius-bottomright: 6px;
          border-top-right-radius: 6px;
          border-bottom-right-radius: 6px; } }
      #main .content-box-4 .box-text .grid .bg-grau h3 {
        margin-bottom: 0.25rem; }
      #main .content-box-4 .box-text .grid .bg-grau .btn-2 a {
        background-color: #fff; }
      #main .content-box-4 .box-text .grid .bg-grau .btn-2 a:hover {
        background-color: #b3b3b3; }
      #main .content-box-4 .box-text .grid .bg-grau .mt-1 {
        margin-top: 0.5rem !important; }

#main .content-box-6 {
  column-gap: 2.7776%; }
  @media (min-width: 700px) {
    #main .content-box-6 {
      display: grid;
      grid-template-columns: 150px 1fr  150px; } }
  @media (min-width: 990px) {
    #main .content-box-6 {
      grid-template-columns: 200px 1fr  225px; } }
  @media (min-width: 1480px) {
    #main .content-box-6 {
      grid-template-columns: 320px 1fr  225px; } }
  #main .content-box-6 ol {
    list-style-type: decimal;
    padding-left: 15px; }
    #main .content-box-6 ol li {
      margin-left: 10px;
      padding-left: 10px;
      text-indent: 0px;
      margin-top: 0.15em;
      margin-bottom: 0.15em; }
  #main .content-box-6 ul li {
    list-style: disc;
    list-style-position: outside;
    padding-left: 0rem;
    margin-left: 1rem; }
  #main .content-box-6 .ce_image img {
    width: 100%;
    height: auto;
    background-color: #f2f2f2; }
    @media (min-width: 700px) {
      #main .content-box-6 .ce_image img {
        margin-bottom: 0; } }

#main .content-box-5 .content-box-text {
  position: relative;
  width: 97.2222222222%;
  float: left;
  margin-left: 1.3888888889%;
  margin-right: 1.3888888889%;
  display: flex;
  justify-content: center; }

#main .content-box-5 .inside {
  position: absolute;
  display: flex;
  align-items: center;
  z-index: 3;
  margin-top: 0; }
  @media (min-width: 990px) {
    #main .content-box-5 .inside {
      margin-top: 2rem; } }
  @media (min-width: 0) and (max-width: 989.9px) {
    #main .content-box-5 .inside .bg-weiss {
      width: 97.2222222222%;
      float: left;
      margin-left: 1.3888888889%;
      margin-right: 1.3888888889%; } }
  @media (min-width: 990px) {
    #main .content-box-5 .inside .bg-weiss {
      min-width: 700px; } }

#main .content-box-5 .ce_image {
  overflow: hidden;
  position: relative; }
  #main .content-box-5 .ce_image .image_container {
    text-align: left; }
  #main .content-box-5 .ce_image img {
    margin-bottom: 0;
    position: absolute;
    object-fit: cover;
    width: auto;
    height: auto;
    bottom: 0; }

#main .content-box-10 {
  position: relative; }
  @media (min-width: 0) and (max-width: 989.9px) {
    #main .content-box-10 .page {
      padding-top: 10rem; } }
  #main .content-box-10 .hub {
    position: absolute;
    z-index: 9; }
    @media (min-width: 0) and (max-width: 989.9px) {
      #main .content-box-10 .hub {
        margin-top: 2rem;
        left: 50%;
        margin-left: -125px; } }
    @media (min-width: 990px) {
      #main .content-box-10 .hub {
        margin-left: 1rem;
        margin-top: -2.5rem; } }
    @media (min-width: 1640px) {
      #main .content-box-10 .hub {
        margin-top: 4rem;
        margin-left: 2rem; } }
    @media (min-width: 1820px) {
      #main .content-box-10 .hub {
        margin-left: 4rem; } }
    #main .content-box-10 .hub img {
      width: 250px;
      height: auto; }
      @media (min-width: 990px) {
        #main .content-box-10 .hub img {
          width: 300px; } }
      @media (min-width: 1640px) {
        #main .content-box-10 .hub img {
          width: 450px; } }
  #main .content-box-10 .img-back img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.4s ease;
    margin-bottom: 0;
    line-height: 0; }
  #main .content-box-10 h2 {
    color: #000; }
  #main .content-box-10 .page {
    position: relative;
    z-index: 9; }

#main .content_teaser_partner_werden {
  overflow: hidden;
  background-color: #f2f2f2;
  margin-bottom: 1rem;
  margin-top: 1rem; }
  #main .content_teaser_partner_werden img {
    margin-bottom: 0;
    border-bottom: 1px solid #b3b3b3;
    background-color: #fff; }

@media (min-width: 990px) {
  #main .content-header-partner-werden {
    display: flex;
    align-items: center; } }

#main .content-header-partner-werden .btns {
  margin-top: 1rem; }
  @media (min-width: 600px) {
    #main .content-header-partner-werden .btns {
      display: flex; } }
  #main .content-header-partner-werden .btns .btn-4 {
    margin-bottom: 1rem; }
  #main .content-header-partner-werden .btns .btn-1 {
    margin-bottom: 1rem; }
    @media (min-width: 600px) {
      #main .content-header-partner-werden .btns .btn-1 {
        margin-right: 1rem; } }

#main .content-header-partner-werden .image {
  margin-top: 1rem;
  width: 97.2222222222%;
  float: left;
  margin-left: 1.3888888889%;
  margin-right: 1.3888888889%;
  text-align: center; }
  @media (min-width: 990px) {
    #main .content-header-partner-werden .image {
      width: 22.2222222222%;
      float: left;
      margin-left: 1.3888888889%;
      margin-right: 1.3888888889%;
      margin-top: 0; } }
  #main .content-header-partner-werden .image img {
    margin-bottom: 0;
    width: 180px;
    height: auto; }
    @media (min-width: 990px) {
      #main .content-header-partner-werden .image img {
        width: 100%; } }

#main .content-header-partner-werden .text {
  margin-bottom: 2rem;
  width: 97.2222222222%;
  float: left;
  margin-left: 1.3888888889%;
  margin-right: 1.3888888889%; }
  @media (min-width: 990px) {
    #main .content-header-partner-werden .text {
      width: 63.8888888889%;
      float: left;
      margin-left: 1.3888888889%;
      margin-right: 1.3888888889%;
      margin-bottom: 0; } }

#main .content-partner-werden-auf {
  overflow: hidden; }
  #main .content-partner-werden-auf .grid-2 {
    display: grid;
    grid-template-columns: 68% 32%; }
    #main .content-partner-werden-auf .grid-2 img {
      width: 100%;
      height: auto;
      margin-bottom: -1.5rem; }

.box-1 {
  width: 97.2222222222%;
  float: left;
  margin-left: 1.3888888889%;
  margin-right: 1.3888888889%;
  margin-top: 1rem; }

.box-1-rtl {
  width: 97.2222222222%;
  float: left;
  margin-left: 1.3888888889%;
  margin-right: 1.3888888889%; }

.box-1,
.box-1-rtl,
.box-1-1-rtl,
.box-1-1,
.box-8-2,
.box-4-2,
.box-6-2,
.box-5-2,
.box-mitte,
.box-mitte-2 {
  margin-top: 1rem; }

.box-2 {
  width: 97.2222222222%;
  float: left;
  margin-left: 1.3888888889%;
  margin-right: 1.3888888889%;
  margin-top: 1rem; }

.box-2-rtl {
  width: 97.2222222222%;
  float: left;
  margin-left: 1.3888888889%;
  margin-right: 1.3888888889%; }

.box-2,
.box-2-rtl,
.box-2-2-rtl,
.box-2-2,
.box-8-2,
.box-4-2,
.box-6-2,
.box-5-2,
.box-mitte,
.box-mitte-2 {
  margin-top: 1rem; }

.box-3 {
  width: 97.2222222222%;
  float: left;
  margin-left: 1.3888888889%;
  margin-right: 1.3888888889%;
  margin-top: 1rem; }

.box-3-rtl {
  width: 97.2222222222%;
  float: left;
  margin-left: 1.3888888889%;
  margin-right: 1.3888888889%; }

.box-3,
.box-3-rtl,
.box-3-3-rtl,
.box-3-3,
.box-8-2,
.box-4-2,
.box-6-2,
.box-5-2,
.box-mitte,
.box-mitte-2 {
  margin-top: 1rem; }

.box-4 {
  width: 97.2222222222%;
  float: left;
  margin-left: 1.3888888889%;
  margin-right: 1.3888888889%;
  margin-top: 1rem; }

.box-4-rtl {
  width: 97.2222222222%;
  float: left;
  margin-left: 1.3888888889%;
  margin-right: 1.3888888889%; }

.box-4,
.box-4-rtl,
.box-4-4-rtl,
.box-4-4,
.box-8-2,
.box-4-2,
.box-6-2,
.box-5-2,
.box-mitte,
.box-mitte-2 {
  margin-top: 1rem; }

.box-5 {
  width: 97.2222222222%;
  float: left;
  margin-left: 1.3888888889%;
  margin-right: 1.3888888889%;
  margin-top: 1rem; }

.box-5-rtl {
  width: 97.2222222222%;
  float: left;
  margin-left: 1.3888888889%;
  margin-right: 1.3888888889%; }

.box-5,
.box-5-rtl,
.box-5-5-rtl,
.box-5-5,
.box-8-2,
.box-4-2,
.box-6-2,
.box-5-2,
.box-mitte,
.box-mitte-2 {
  margin-top: 1rem; }

.box-6 {
  width: 97.2222222222%;
  float: left;
  margin-left: 1.3888888889%;
  margin-right: 1.3888888889%;
  margin-top: 1rem; }

.box-6-rtl {
  width: 97.2222222222%;
  float: left;
  margin-left: 1.3888888889%;
  margin-right: 1.3888888889%; }

.box-6,
.box-6-rtl,
.box-6-6-rtl,
.box-6-6,
.box-8-2,
.box-4-2,
.box-6-2,
.box-5-2,
.box-mitte,
.box-mitte-2 {
  margin-top: 1rem; }

.box-7 {
  width: 97.2222222222%;
  float: left;
  margin-left: 1.3888888889%;
  margin-right: 1.3888888889%;
  margin-top: 1rem; }

.box-7-rtl {
  width: 97.2222222222%;
  float: left;
  margin-left: 1.3888888889%;
  margin-right: 1.3888888889%; }

.box-7,
.box-7-rtl,
.box-7-7-rtl,
.box-7-7,
.box-8-2,
.box-4-2,
.box-6-2,
.box-5-2,
.box-mitte,
.box-mitte-2 {
  margin-top: 1rem; }

.box-8 {
  width: 97.2222222222%;
  float: left;
  margin-left: 1.3888888889%;
  margin-right: 1.3888888889%;
  margin-top: 1rem; }

.box-8-rtl {
  width: 97.2222222222%;
  float: left;
  margin-left: 1.3888888889%;
  margin-right: 1.3888888889%; }

.box-8,
.box-8-rtl,
.box-8-8-rtl,
.box-8-8,
.box-8-2,
.box-4-2,
.box-6-2,
.box-5-2,
.box-mitte,
.box-mitte-2 {
  margin-top: 1rem; }

.box-9 {
  width: 97.2222222222%;
  float: left;
  margin-left: 1.3888888889%;
  margin-right: 1.3888888889%;
  margin-top: 1rem; }

.box-9-rtl {
  width: 97.2222222222%;
  float: left;
  margin-left: 1.3888888889%;
  margin-right: 1.3888888889%; }

.box-9,
.box-9-rtl,
.box-9-9-rtl,
.box-9-9,
.box-8-2,
.box-4-2,
.box-6-2,
.box-5-2,
.box-mitte,
.box-mitte-2 {
  margin-top: 1rem; }

.box-10 {
  width: 97.2222222222%;
  float: left;
  margin-left: 1.3888888889%;
  margin-right: 1.3888888889%;
  margin-top: 1rem; }

.box-10-rtl {
  width: 97.2222222222%;
  float: left;
  margin-left: 1.3888888889%;
  margin-right: 1.3888888889%; }

.box-10,
.box-10-rtl,
.box-10-10-rtl,
.box-10-10,
.box-8-2,
.box-4-2,
.box-6-2,
.box-5-2,
.box-mitte,
.box-mitte-2 {
  margin-top: 1rem; }

.box-11 {
  width: 97.2222222222%;
  float: left;
  margin-left: 1.3888888889%;
  margin-right: 1.3888888889%;
  margin-top: 1rem; }

.box-11-rtl {
  width: 97.2222222222%;
  float: left;
  margin-left: 1.3888888889%;
  margin-right: 1.3888888889%; }

.box-11,
.box-11-rtl,
.box-11-11-rtl,
.box-11-11,
.box-8-2,
.box-4-2,
.box-6-2,
.box-5-2,
.box-mitte,
.box-mitte-2 {
  margin-top: 1rem; }

.box-12 {
  width: 97.2222222222%;
  float: left;
  margin-left: 1.3888888889%;
  margin-right: 1.3888888889%;
  margin-top: 1rem; }

.box-12-rtl {
  width: 97.2222222222%;
  float: left;
  margin-left: 1.3888888889%;
  margin-right: 1.3888888889%; }

.box-12,
.box-12-rtl,
.box-12-12-rtl,
.box-12-12,
.box-8-2,
.box-4-2,
.box-6-2,
.box-5-2,
.box-mitte,
.box-mitte-2 {
  margin-top: 1rem; }

.box-1 {
  width: 22.2222222222%;
  float: left;
  margin-left: 1.3888888889%;
  margin-right: 1.3888888889%; }
  @media (min-width: 990px) {
    .box-1 {
      width: 22.2222222222%;
      float: left;
      margin-left: 1.3888888889%;
      margin-right: 1.3888888889%; } }
  @media (min-width: 1180px) {
    .box-1 {
      width: 5.5555555556%;
      float: left;
      margin-left: 1.3888888889%;
      margin-right: 1.3888888889%; } }

.box-1-rtl {
  width: 22.2222222222%;
  float: right;
  margin-right: 1.3888888889%;
  margin-left: 1.3888888889%; }
  @media (min-width: 990px) {
    .box-1-rtl {
      width: 22.2222222222%;
      float: right;
      margin-right: 1.3888888889%;
      margin-left: 1.3888888889%; } }
  @media (min-width: 1180px) {
    .box-1-rtl {
      width: 5.5555555556%;
      float: right;
      margin-right: 1.3888888889%;
      margin-left: 1.3888888889%; } }

.box-2 {
  width: 47.2222222222%;
  float: left;
  margin-left: 1.3888888889%;
  margin-right: 1.3888888889%; }
  @media (min-width: 990px) {
    .box-2 {
      width: 47.2222222222%;
      float: left;
      margin-left: 1.3888888889%;
      margin-right: 1.3888888889%; } }
  @media (min-width: 1180px) {
    .box-2 {
      width: 13.8888888889%;
      float: left;
      margin-left: 1.3888888889%;
      margin-right: 1.3888888889%; } }

.box-2-rtl {
  width: 47.2222222222%;
  float: left;
  margin-left: 1.3888888889%;
  margin-right: 1.3888888889%; }
  @media (min-width: 990px) {
    .box-2-rtl {
      width: 47.2222222222%;
      float: right;
      margin-right: 1.3888888889%;
      margin-left: 1.3888888889%; } }
  @media (min-width: 1180px) {
    .box-2-rtl {
      width: 13.8888888889%;
      float: right;
      margin-right: 1.3888888889%;
      margin-left: 1.3888888889%; } }

@media (min-width: 700px) {
  .box-3 {
    width: 47.2222222222%;
    float: left;
    margin-left: 1.3888888889%;
    margin-right: 1.3888888889%; } }

@media (min-width: 1180px) {
  .box-3 {
    width: 22.2222222222%;
    float: left;
    margin-left: 1.3888888889%;
    margin-right: 1.3888888889%; } }

.box-3-3 {
  width: 97.2222222222%;
  float: left;
  margin-left: 1.3888888889%;
  margin-right: 1.3888888889%; }
  @media (min-width: 990px) {
    .box-3-3 {
      width: 22.2222222222%;
      float: left;
      margin-left: 1.3888888889%;
      margin-right: 1.3888888889%; } }

.box-3-2 {
  width: 47.2222222222%;
  float: left;
  margin-left: 1.3888888889%;
  margin-right: 1.3888888889%; }
  @media (min-width: 990px) {
    .box-3-2 {
      width: 30.5555555556%;
      float: left;
      margin-left: 1.3888888889%;
      margin-right: 1.3888888889%; } }
  @media (min-width: 1180px) {
    .box-3-2 {
      width: 30.5555555556%;
      float: left;
      margin-left: 1.3888888889%;
      margin-right: 1.3888888889%; } }

@media (min-width: 990px) {
  .box-3-rtl {
    width: 47.2222222222%;
    float: right;
    margin-right: 1.3888888889%;
    margin-left: 1.3888888889%; } }

@media (min-width: 1180px) {
  .box-3-rtl {
    width: 22.2222222222%;
    float: right;
    margin-right: 1.3888888889%;
    margin-left: 1.3888888889%; } }

.box-3-3-rtl {
  width: 97.2222222222%;
  float: left;
  margin-left: 1.3888888889%;
  margin-right: 1.3888888889%; }
  @media (min-width: 990px) {
    .box-3-3-rtl {
      width: 22.2222222222%;
      float: right;
      margin-right: 1.3888888889%;
      margin-left: 1.3888888889%; } }

@media (min-width: 700px) {
  .box-4 {
    width: 47.2222222222%;
    float: left;
    margin-left: 1.3888888889%;
    margin-right: 1.3888888889%; } }

@media (min-width: 1180px) {
  .box-4 {
    width: 30.5555555556%;
    float: left;
    margin-left: 1.3888888889%;
    margin-right: 1.3888888889%; } }

.box-4-2 {
  width: 97.2222222222%;
  float: left;
  margin-left: 1.3888888889%;
  margin-right: 1.3888888889%; }
  @media (min-width: 700px) {
    .box-4-2 {
      width: 30.5555555556%;
      float: left;
      margin-left: 1.3888888889%;
      margin-right: 1.3888888889%; } }

.box-4-4 {
  width: 97.2222222222%;
  float: left;
  margin-left: 1.3888888889%;
  margin-right: 1.3888888889%; }
  @media (min-width: 990px) {
    .box-4-4 {
      width: 30.5555555556%;
      float: left;
      margin-left: 1.3888888889%;
      margin-right: 1.3888888889%; } }

.box-4-4-rtl {
  width: 97.2222222222%;
  float: left;
  margin-left: 1.3888888889%;
  margin-right: 1.3888888889%; }
  @media (min-width: 990px) {
    .box-4-4-rtl {
      width: 30.5555555556%;
      float: right;
      margin-right: 1.3888888889%;
      margin-left: 1.3888888889%; } }

@media (min-width: 990px) {
  .box-4-rtl {
    width: 47.2222222222%;
    float: right;
    margin-right: 1.3888888889%;
    margin-left: 1.3888888889%; } }

@media (min-width: 1180px) {
  .box-4-rtl {
    width: 30.5555555556%;
    float: right;
    margin-right: 1.3888888889%;
    margin-left: 1.3888888889%; } }

@media (min-width: 700px) {
  .box-5 {
    width: 47.2222222222%;
    float: left;
    margin-left: 1.3888888889%;
    margin-right: 1.3888888889%; } }

@media (min-width: 1180px) {
  .box-5 {
    width: 38.8888888889%;
    float: left;
    margin-left: 1.3888888889%;
    margin-right: 1.3888888889%; } }

.box-5-2 {
  width: 97.2222222222%;
  float: left;
  margin-left: 1.3888888889%;
  margin-right: 1.3888888889%; }
  @media (min-width: 1180px) {
    .box-5-2 {
      width: 38.8888888889%;
      float: left;
      margin-left: 1.3888888889%;
      margin-right: 1.3888888889%; } }

.box-5-5 {
  width: 97.2222222222%;
  float: left;
  margin-left: 1.3888888889%;
  margin-right: 1.3888888889%; }
  @media (min-width: 990px) {
    .box-5-5 {
      width: 38.8888888889%;
      float: left;
      margin-left: 1.3888888889%;
      margin-right: 1.3888888889%; } }

.box-5-5-rtl {
  width: 97.2222222222%;
  float: left;
  margin-left: 1.3888888889%;
  margin-right: 1.3888888889%; }
  @media (min-width: 990px) {
    .box-5-5-rtl {
      width: 38.8888888889%;
      float: right;
      margin-right: 1.3888888889%;
      margin-left: 1.3888888889%; } }

@media (min-width: 990px) {
  .box-5-rtl {
    width: 47.2222222222%;
    float: right;
    margin-right: 1.3888888889%;
    margin-left: 1.3888888889%; } }

@media (min-width: 1180px) {
  .box-5-rtl {
    width: 38.8888888889%;
    float: right;
    margin-right: 1.3888888889%;
    margin-left: 1.3888888889%; } }

@media (min-width: 700px) {
  .box-6 {
    width: 47.2222222222%;
    float: left;
    margin-left: 1.3888888889%;
    margin-right: 1.3888888889%; } }

@media (min-width: 1180px) {
  .box-6 {
    width: 47.2222222222%;
    float: left;
    margin-left: 1.3888888889%;
    margin-right: 1.3888888889%; } }

.box-6-2 {
  width: 97.2222222222%;
  float: left;
  margin-left: 1.3888888889%;
  margin-right: 1.3888888889%; }
  @media (min-width: 990px) {
    .box-6-2 {
      width: 97.2222222222%;
      float: left;
      margin-left: 1.3888888889%;
      margin-right: 1.3888888889%; } }
  @media (min-width: 1180px) {
    .box-6-2 {
      width: 47.2222222222%;
      float: left;
      margin-left: 1.3888888889%;
      margin-right: 1.3888888889%; } }

@media (min-width: 990px) {
  .box-6-rtl {
    width: 47.2222222222%;
    float: right;
    margin-right: 1.3888888889%;
    margin-left: 1.3888888889%; } }

@media (min-width: 1180px) {
  .box-6-rtl {
    width: 47.2222222222%;
    float: right;
    margin-right: 1.3888888889%;
    margin-left: 1.3888888889%; } }

@media (min-width: 990px) {
  .box-7 {
    width: 47.2222222222%;
    float: left;
    margin-left: 1.3888888889%;
    margin-right: 1.3888888889%; } }

@media (min-width: 1180px) {
  .box-7 {
    width: 55.5555555556%;
    float: left;
    margin-left: 1.3888888889%;
    margin-right: 1.3888888889%; } }

.box-7-7 {
  width: 97.2222222222%;
  float: left;
  margin-left: 1.3888888889%;
  margin-right: 1.3888888889%; }
  @media (min-width: 990px) {
    .box-7-7 {
      width: 55.5555555556%;
      float: left;
      margin-left: 1.3888888889%;
      margin-right: 1.3888888889%; } }

.box-7-7-rtl {
  width: 97.2222222222%;
  float: left;
  margin-left: 1.3888888889%;
  margin-right: 1.3888888889%; }
  @media (min-width: 990px) {
    .box-7-7-rtl {
      width: 55.5555555556%;
      float: right;
      margin-right: 1.3888888889%;
      margin-left: 1.3888888889%; } }

@media (min-width: 990px) {
  .box-7-rtl {
    width: 47.2222222222%;
    float: right;
    margin-right: 1.3888888889%;
    margin-left: 1.3888888889%; } }

@media (min-width: 1180px) {
  .box-7-rtl {
    width: 55.5555555556%;
    float: right;
    margin-right: 1.3888888889%;
    margin-left: 1.3888888889%; } }

@media (min-width: 990px) {
  .box-8 {
    width: 47.2222222222%;
    float: left;
    margin-left: 1.3888888889%;
    margin-right: 1.3888888889%; } }

@media (min-width: 1180px) {
  .box-8 {
    width: 63.8888888889%;
    float: left;
    margin-left: 1.3888888889%;
    margin-right: 1.3888888889%; } }

.box-8-2 {
  width: 97.2222222222%;
  float: left;
  margin-left: 1.3888888889%;
  margin-right: 1.3888888889%; }
  @media (min-width: 700px) {
    .box-8-2 {
      width: 63.8888888889%;
      float: left;
      margin-left: 1.3888888889%;
      margin-right: 1.3888888889%; } }

.box-8-8 {
  width: 97.2222222222%;
  float: left;
  margin-left: 1.3888888889%;
  margin-right: 1.3888888889%; }
  @media (min-width: 990px) {
    .box-8-8 {
      width: 63.8888888889%;
      float: left;
      margin-left: 1.3888888889%;
      margin-right: 1.3888888889%; } }

.box-8-8-rtl {
  width: 97.2222222222%;
  float: left;
  margin-left: 1.3888888889%;
  margin-right: 1.3888888889%; }
  @media (min-width: 990px) {
    .box-8-8-rtl {
      width: 63.8888888889%;
      float: right;
      margin-right: 1.3888888889%;
      margin-left: 1.3888888889%; } }

@media (min-width: 990px) {
  .box-8-rtl {
    width: 47.2222222222%;
    float: right;
    margin-right: 1.3888888889%;
    margin-left: 1.3888888889%; } }

@media (min-width: 1180px) {
  .box-8-rtl {
    width: 63.8888888889%;
    float: right;
    margin-right: 1.3888888889%;
    margin-left: 1.3888888889%; } }

@media (min-width: 990px) {
  .box-9 {
    width: 47.2222222222%;
    float: left;
    margin-left: 1.3888888889%;
    margin-right: 1.3888888889%; } }

@media (min-width: 1180px) {
  .box-9 {
    width: 72.2222222222%;
    float: left;
    margin-left: 1.3888888889%;
    margin-right: 1.3888888889%; } }

.box-9-9 {
  width: 97.2222222222%;
  float: left;
  margin-left: 1.3888888889%;
  margin-right: 1.3888888889%; }
  @media (min-width: 990px) {
    .box-9-9 {
      width: 72.2222222222%;
      float: left;
      margin-left: 1.3888888889%;
      margin-right: 1.3888888889%; } }

.box-9-9-rtl {
  width: 97.2222222222%;
  float: left;
  margin-left: 1.3888888889%;
  margin-right: 1.3888888889%; }
  @media (min-width: 990px) {
    .box-9-9-rtl {
      width: 72.2222222222%;
      float: right;
      margin-right: 1.3888888889%;
      margin-left: 1.3888888889%; } }

@media (min-width: 990px) {
  .box-9-rtl {
    width: 47.2222222222%;
    float: right;
    margin-right: 1.3888888889%;
    margin-left: 1.3888888889%; } }

@media (min-width: 1180px) {
  .box-9-rtl {
    width: 72.2222222222%;
    float: right;
    margin-right: 1.3888888889%;
    margin-left: 1.3888888889%; } }

@media (min-width: 990px) {
  .box-10 {
    width: 80.5555555556%;
    float: left;
    margin-left: 1.3888888889%;
    margin-right: 1.3888888889%; } }

@media (min-width: 990px) {
  .box-10-2 {
    width: 97.2222222222%;
    float: left;
    margin-left: 1.3888888889%;
    margin-right: 1.3888888889%; } }

@media (min-width: 1180px) {
  .box-10-2 {
    width: 80.5555555556%;
    float: left;
    margin-left: 1.3888888889%;
    margin-right: 1.3888888889%; } }

@media (min-width: 990px) {
  .box-10-rtl {
    width: 80.5555555556%;
    float: right;
    margin-right: 1.3888888889%;
    margin-left: 1.3888888889%; } }

@media (min-width: 990px) {
  .box-11 {
    width: 88.8888888889%;
    float: left;
    margin-left: 1.3888888889%;
    margin-right: 1.3888888889%; } }

@media (min-width: 990px) {
  .box-11-rtl {
    width: 88.8888888889%;
    float: right;
    margin-right: 1.3888888889%;
    margin-left: 1.3888888889%; } }

.box-mitte {
  width: 97.2222222222%;
  float: left;
  margin-left: 1.3888888889%;
  margin-right: 1.3888888889%;
  margin-bottom: 1rem; }
  @media (min-width: 990px) {
    .box-mitte {
      width: 80.5555555556%;
      float: left;
      margin-left: 1.3888888889%;
      margin-right: 1.3888888889%;
      margin-left: 9.7222222222%; } }
  @media (min-width: 1640px) {
    .box-mitte {
      width: 63.8888888889%;
      float: left;
      margin-left: 1.3888888889%;
      margin-right: 1.3888888889%;
      margin-left: 18.0555555556%; } }

.box-mitte-2 {
  width: 97.2222222222%;
  float: left;
  margin-left: 1.3888888889%;
  margin-right: 1.3888888889%;
  margin-bottom: 1rem; }
  @media (min-width: 990px) {
    .box-mitte-2 {
      width: 80.5555555556%;
      float: left;
      margin-left: 1.3888888889%;
      margin-right: 1.3888888889%;
      margin-left: 9.7222222222%; } }
  @media (min-width: 1640px) {
    .box-mitte-2 {
      width: 47.2222222222%;
      float: left;
      margin-left: 1.3888888889%;
      margin-right: 1.3888888889%;
      margin-left: 26.3888888889%; } }

@media (min-width: 1180px) {
  .offset-1 {
    margin-left: 9.7222222222%; } }

@media (min-width: 1180px) {
  .offset-2 {
    margin-left: 18.0555555556%; } }

@media (min-width: 1180px) {
  .offset-3 {
    margin-left: 26.3888888889%; } }

@media (min-width: 1180px) {
  .offset-4 {
    margin-left: 34.7222222222%; } }

@media (min-width: 1180px) {
  .offset-5 {
    margin-left: 43.0555555556%; } }

@media (min-width: 1180px) {
  .offset-6 {
    margin-left: 51.3888888889%; } }

@media (min-width: 1180px) {
  .offset-7 {
    margin-left: 59.7222222222%; } }

@media (min-width: 1180px) {
  .offset-8 {
    margin-left: 68.0555555556%; } }

@media (min-width: 1180px) {
  .offset-9 {
    margin-left: 76.3888888889%; } }

@media (min-width: 1180px) {
  .offset-10 {
    margin-left: 84.7222222222%; } }

@media (min-width: 1180px) {
  .offset-11 {
    margin-left: 93.0555555556%; } }

@media (min-width: 1180px) {
  .offset-12 {
    margin-left: 101.388888889%; } }

h1, h2, h3, h4, h5, h6, p, .headline-1, .headline-2, .headline-3, .headline-4, .headline-5, .headline-6, .ce_form {
  margin-top: 0;
  margin-bottom: 1rem; }

.no-margin-top {
  margin-top: 0 !important; }

#main .no-margin-img img {
  margin-bottom: 0; }

#main img, ul, ol, video, table {
  margin-top: 0;
  margin-bottom: 1rem; }

#main .no-margin img {
  margin-bottom: -8px; }

video.no-margin,
table.no-margin,
ol.no-margin,
ul.no-margin,
h1.no-margin,
h2.no-margin,
h3.no-margin,
h4.no-margin,
h5.no-margin,
h6.no-margin,
p.no-margin {
  margin-bottom: 0em; }

.spacer-1 {
  height: 1rem;
  clear: both; }

.spacer-2 {
  height: 1rem;
  clear: both; }

.spacer-3 {
  height: 1rem;
  clear: both; }

.spacer-4 {
  height: 1rem;
  clear: both; }

.spacer-5 {
  height: 1rem;
  clear: both; }

.spacer-6 {
  height: 1rem;
  clear: both; }

.spacer-7 {
  height: 1rem;
  clear: both; }

.spacer-8 {
  height: 1rem;
  clear: both; }

.spacer-9 {
  height: 1rem;
  clear: both; }

.spacer-10 {
  height: 1rem;
  clear: both; }

.spacer-11 {
  height: 1rem;
  clear: both; }

.spacer-12 {
  height: 1rem;
  clear: both; }

.spacer-13 {
  height: 1rem;
  clear: both; }

.spacer-14 {
  height: 1rem;
  clear: both; }

.spacer-15 {
  height: 1rem;
  clear: both; }

@media (min-width: 960px) {
  .spacer-1 {
    height: 1rem; }
  .spacer-2 {
    height: 2rem; }
  .spacer-3 {
    height: 3rem; }
  .spacer-4 {
    height: 4rem; }
  .spacer-5 {
    height: 5rem; }
  .spacer-6 {
    height: 6rem; }
  .spacer-7 {
    height: 7rem; }
  .spacer-8 {
    height: 8rem; }
  .spacer-9 {
    height: 9rem; }
  .spacer-10 {
    height: 10rem; }
  .spacer-11 {
    height: 11rem; }
  .spacer-12 {
    height: 12rem; }
  .spacer-13 {
    height: 13rem; }
  .spacer-14 {
    height: 14rem; }
  .spacer-15 {
    height: 15rem; } }

.mt-1 {
  margin-top: 1rem; }

.mt-2 {
  margin-top: 1rem; }
  @media (min-width: 990px) {
    .mt-2 {
      margin-top: 2rem; } }

.mt-3 {
  margin-top: 1rem; }
  @media (min-width: 990px) {
    .mt-3 {
      margin-top: 4rem; } }

.mt-umlaute {
  margin-top: 0.5rem; }

.mb-0 {
  margin-bottom: 0.25rem; }

.mb-1 {
  margin-bottom: 1rem; }

.mb-2 {
  margin-bottom: 1rem; }
  @media (min-width: 990px) {
    .mb-2 {
      margin-bottom: 2rem; } }

.mb-3 {
  margin-bottom: 1rem; }
  @media (min-width: 990px) {
    .mb-3 {
      margin-bottom: 4rem; } }

.bild-no-margin {
  padding: 0;
  margin: 0; }
  @media (min-width: 1640px) {
    .bild-no-margin {
      margin-top: -1.5em; } }
  .bild-no-margin img {
    padding: 0;
    margin: 0;
    margin-bottom: -0.5em; }

@media (min-width: 0) and (max-width: 600px) {
  .s-none {
    display: none !important; } }

@media (min-width: 0) and (max-width: 700px) {
  .m-none {
    display: none !important; } }

@media (min-width: 0) and (max-width: 960px) {
  .l-none {
    display: none !important; } }

@media (min-width: 0) and (max-width: 1140px) {
  .xl-none {
    display: none !important; } }

.width-1 {
  width: 245px; }

#main .no-margin img {
  margin-bottom: -0.3em; }

b {
  font-weight: 700; }

h2.seo-text {
  font-size: 18px;
  font-size: 1.125rem;
  margin-bottom: 0; }

#main .seo-text {
  color: #58595b !important; }
  #main .seo-text h3, #main .seo-text p, #main .seo-text li {
    font-size: 16px;
    font-size: 1rem;
    line-height: 120%; }
  #main .seo-text h3 {
    margin-bottom: 0; }
  #main .seo-text a {
    color: #58595b !important;
    text-decoration: underline; }

.headline-1,
h1 {
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 900;
  color: #575756; }
  @media (min-width: 1180px) {
    .headline-1,
    h1 {
      font-size: 28px;
      font-size: 1.75rem; } }

.text-l {
  font-size: 18px;
  font-size: 1.125rem; }
  @media (min-width: 1180px) {
    .text-l {
      font-size: 22px;
      font-size: 1.375rem; } }

.text-m {
  font-size: 18px;
  font-size: 1.125rem; }
  @media (min-width: 1180px) {
    .text-m {
      font-size: 20px;
      font-size: 1.25rem; } }

p.no-silbe, .headline-1, .headline-2, .headline-3 {
  hyphens: none;
  -moz-hyphens: none;
  -o-hyphens: none;
  -webkit-hyphens: none;
  -ms-hyphens: none; }

.headline-2,
h2 {
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 900;
  color: #575756; }
  @media (min-width: 1180px) {
    .headline-2,
    h2 {
      font-size: 28px;
      font-size: 1.75rem; } }

h1 + h2,
h2 + h3 {
  margin-top: -0.85rem !important;
  font-weight: 300;
  color: black; }

@media (min-width: 1180px) {
  h2 + h3 {
    font-size: 22px;
    font-size: 1.375rem; } }

h3 + h4 {
  margin-top: -0.6rem;
  font-weight: 300; }

.headline-3,
h3 {
  font-weight: 700;
  font-size: 18px;
  font-size: 1.125rem; }

.headline-4,
h4 {
  font-weight: 700;
  font-size: 17px;
  font-size: 1.0625rem; }

p.headline-5,
h5 {
  font-weight: 300;
  color: #0c51ee !important;
  text-transform: uppercase; }

#main a {
  color: #575756;
  text-decoration: underline;
  font-weight: 700; }

#main a:hover {
  color: #5a8422;
  -webkit-transition: color 0.5s ease-out;
  -moz-transition: color 0.5s ease-out;
  -ms-transition: color 0.5s ease-out;
  -o-transition: color 0.5s ease-out;
  transition: color 0.5s ease-out; }

.fett {
  font-weight: 900; }

.light {
  font-weight: 300; }

li,
p {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 300;
  line-height: 125%;
  -moz-hyphens: auto;
  -o-hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto; }

@media (min-width: 700px) {
  .right {
    text-align: right; } }

.color-1 {
  color: #83c132; }

.color-2 {
  color: #0c51ee; }

.float_left {
  float: left; }

small {
  font-size: 14px;
  font-size: 0.875rem; }

strong {
  font-weight: 700; }

span.name {
  width: 80px;
  display: block;
  float: left; }

span.number {
  -webkit-font-feature-settings: "lnum" 1;
  -moz-font-feature-settings: "lnum" 1;
  -moz-font-feature-settings: "lnum=1";
  -ms-font-feature-settings: "lnum" 1;
  -o-font-feature-settings: "lnum" 1;
  font-feature-settings: "lnum" 1; }

.border-1 {
  border: 1px solid #cccccc; }

.caption {
  margin-bottom: 0.75em;
  text-align: left;
  margin-top: -0.8em;
  font-weight: 300;
  font-style: italic;
  font-family: 'Muli', sans-serif; }

.center {
  text-align: center; }

.image30 .image_container {
  text-align: center; }
  @media (min-width: 0) and (max-width: 600px) {
    .image30 .image_container img {
      width: 100%;
      height: auto; } }
  @media (min-width: 600px) {
    .image30 .image_container img {
      width: 50%;
      height: auto; } }
  @media (min-width: 960px) {
    .image30 .image_container img {
      width: 30%;
      height: auto; } }

.image40 .image_container {
  text-align: center; }
  @media (min-width: 0) and (max-width: 600px) {
    .image40 .image_container img {
      width: 100%;
      height: auto; } }
  @media (min-width: 600px) {
    .image40 .image_container img {
      width: 50%;
      height: auto; } }
  @media (min-width: 960px) {
    .image40 .image_container img {
      width: 40%;
      height: auto; } }

.image50 .image_container {
  text-align: center; }
  @media (min-width: 0) and (max-width: 600px) {
    .image50 .image_container img {
      width: 100%;
      height: auto; } }
  @media (min-width: 600px) {
    .image50 .image_container img {
      width: 50%;
      height: auto; } }
  @media (min-width: 960px) {
    .image50 .image_container img {
      width: 50%;
      height: auto; } }

.image60 .image_container {
  text-align: center; }
  @media (min-width: 0) and (max-width: 600px) {
    .image60 .image_container img {
      width: 60%;
      height: auto; } }
  @media (min-width: 600px) {
    .image60 .image_container img {
      width: 50%;
      height: auto; } }
  @media (min-width: 960px) {
    .image60 .image_container img {
      width: 60%;
      height: auto; } }

.image70 .image_container {
  text-align: center; }
  @media (min-width: 0) and (max-width: 600px) {
    .image70 .image_container img {
      width: 60%;
      height: auto; } }
  @media (min-width: 600px) {
    .image70 .image_container img {
      width: 50%;
      height: auto; } }
  @media (min-width: 960px) {
    .image70 .image_container img {
      width: 70%;
      height: auto; } }

.image80 .image_container {
  text-align: center; }
  @media (min-width: 0) and (max-width: 600px) {
    .image80 .image_container img {
      width: 100%;
      height: auto; } }
  @media (min-width: 600px) {
    .image80 .image_container img {
      width: 60%;
      height: auto; } }
  @media (min-width: 960px) {
    .image80 .image_container img {
      width: 80%;
      height: auto; } }

.image100 .image_container {
  text-align: center; }
  .image100 .image_container img {
    width: 100%;
    height: auto; }

.imageStandorte .image_container {
  text-align: center; }
  .imageStandorte .image_container img {
    width: 100%;
    height: auto; }
    @media (min-width: 960px) {
      .imageStandorte .image_container img {
        width: 80%;
        height: auto; } }
    @media (min-width: 960px) {
      .imageStandorte .image_container img {
        width: 60%;
        height: auto; } }

#main .no-margin img {
  margin-bottom: -0.3em; }

.btn-1 a,
.btn-2 a,
.btn-3 a,
.btn-4 a {
  text-decoration: none !important; }

.btn-1 button,
.btn-1 a {
  color: black !important;
  min-height: 42px;
  padding: 10px 2rem;
  display: inline-block;
  background-color: #83c132;
  border: 1px solid #83c132;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  transition: all ease-in-out 0.6s;
  border-radius: 36px;
  -moz-border-radius: 36px;
  -webkit-border-radius: 36px; }

.btn-1 a:hover {
  background-color: #689828;
  border: 1px solid #689828;
  transition: all ease-in-out 0.6s;
  color: black; }

.btn-2 a {
  display: grid;
  grid-template-columns: 36px 1fr;
  background-color: #f2f2f2;
  border-radius: 36px;
  -moz-border-radius: 36px;
  -webkit-border-radius: 36px;
  align-items: center;
  color: black !important;
  font-weight: 700; }
  .btn-2 a span.text {
    text-align: center; }

.btn-2 a:hover {
  background-color: #bfbfbf;
  transition: all ease-in-out 0.6s;
  color: black !important; }

.btn-3 a {
  color: black !important;
  min-height: 36px;
  padding-top: 6px;
  display: inline-block;
  width: 100%;
  background-color: #83c132;
  border: 1px solid #83c132;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  transition: all ease-in-out 0.6s;
  border-radius: 36px;
  -moz-border-radius: 36px;
  -webkit-border-radius: 36px; }

.btn-3 a:hover {
  background-color: #689828;
  border: 1px solid #689828;
  transition: all ease-in-out 0.6s;
  color: black !important; }

.btn-4 button,
.btn-4 a {
  color: black !important;
  min-height: 42px;
  padding: 10px 2rem;
  display: inline-block;
  background-color: #fff;
  border: 1px solid #fff;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  transition: all ease-in-out 0.6s;
  border-radius: 36px;
  -moz-border-radius: 36px;
  -webkit-border-radius: 36px; }

.btn-4 a:hover {
  background-color: #83c132;
  border: 1px solid #83c132;
  transition: all ease-in-out 0.6s;
  color: black; }

#main a.hover-1 {
  text-decoration: none;
  transition: all 0.2s ease-out; }

#main a.hover-1:hover {
  -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
  transition: all 0.2s ease-out; }
  #main a.hover-1:hover .kreis-2 {
    background-color: #689828;
    transition: all 0.2s ease-out; }
  #main a.hover-1:hover img {
    transition: all 0.2s ease-in;
    width: 108% !important;
    height: 108% !important; }

.kreis-2 {
  width: 50px;
  height: 50px;
  border-radius: 25px;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  background-color: #83c132;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease-out; }

#main .mod_newslist.news-01 {
  width: 97.2222222222%;
  float: left;
  margin-left: 1.3888888889%;
  margin-right: 1.3888888889%;
  margin-bottom: 1rem;
  display: grid;
  grid-template-columns: 1fr;
  column-gap: 2.7776%; }
  @media (min-width: 1180px) {
    #main .mod_newslist.news-01 {
      grid-template-columns: 1fr 1fr; } }
  #main .mod_newslist.news-01 .layout_latest a {
    margin-bottom: 1rem;
    margin-top: 1rem;
    display: grid;
    position: relative;
    background-color: #fff; }
    @media (min-width: 600px) {
      #main .mod_newslist.news-01 .layout_latest a {
        grid-template-columns: 225px 1fr;
        height: 180px; } }
    #main .mod_newslist.news-01 .layout_latest a .image_container {
      position: relative;
      height: 300px;
      overflow: hidden; }
      @media (min-width: 600px) {
        #main .mod_newslist.news-01 .layout_latest a .image_container {
          height: 180px; } }
    #main .mod_newslist.news-01 .layout_latest a .text {
      padding: 1.5rem;
      padding-right: 42px;
      color: black !important; }
    #main .mod_newslist.news-01 .layout_latest a .news-btn {
      height: 100%;
      right: -10px;
      display: flex;
      z-index: 99;
      align-items: center;
      position: absolute; }
      @media (min-width: 600px) {
        #main .mod_newslist.news-01 .layout_latest a .news-btn {
          height: 180px;
          right: -25px; } }
      #main .mod_newslist.news-01 .layout_latest a .news-btn span svg {
        width: 25px;
        height: 25px; }
    #main .mod_newslist.news-01 .layout_latest a h3 {
      font-weight: 800;
      color: black;
      margin-bottom: 0.5rem; }
    #main .mod_newslist.news-01 .layout_latest a img {
      position: absolute;
      z-index: 1;
      width: 100%;
      height: 100%;
      object-fit: fill;
      top: 50%;
      /* Zentriert das Bild vertikal in Bezug auf den übergeordneten Container */
      left: 50%;
      /* Zentriert das Bild horizontal in Bezug auf den übergeordneten Container */
      transform: translate(-50%, -50%); }
      @media (min-width: 600px) {
        #main .mod_newslist.news-01 .layout_latest a img {
          transition: all 0.2s ease-in; } }

#main .news-10 p.back {
  margin-top: 1rem;
  clear: both; }

#main .news-10 p.back,
#main .news-10 .layout_full {
  width: 97.2222222222%;
  float: left;
  margin-left: 1.3888888889%;
  margin-right: 1.3888888889%; }
  @media (min-width: 1180px) {
    #main .news-10 p.back,
    #main .news-10 .layout_full {
      width: 63.8888888889%;
      float: left;
      margin-left: 1.3888888889%;
      margin-right: 1.3888888889%;
      margin-left: 18.0555555556%; } }

@media (min-width: 1180px) {
  #main .news-10 h2 {
    font-size: 22px;
    font-size: 1.375rem; } }

#main .news-10 .layout_full {
  background-color: #fff;
  padding: 1.5rem;
  padding-bottom: 0.75rem;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  margin-bottom: 1rem; }

#main .news-10 img {
  width: 100%;
  height: auto; }

#main .mod_eventlist {
  width: 97.2222222222%;
  float: left;
  margin-left: 1.3888888889%;
  margin-right: 1.3888888889%; }
  @media (min-width: 1180px) {
    #main .mod_eventlist {
      width: 63.8888888889%;
      float: left;
      margin-left: 1.3888888889%;
      margin-right: 1.3888888889%;
      margin-left: 18.0555555556%; } }
  #main .mod_eventlist a {
    background-color: #fff;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    padding: 1rem;
    display: grid;
    width: 100%;
    margin-bottom: 1rem;
    color: black !important; }
    @media (min-width: 600px) {
      #main .mod_eventlist a {
        align-items: center;
        grid-template-columns: 220px 1fr;
        column-gap: 20px; } }
    #main .mod_eventlist a h3 {
      margin-bottom: 0; }
    #main .mod_eventlist a .header {
      font-weight: 300;
      color: black;
      background-color: #f2f2f2;
      border-radius: 20px;
      -moz-border-radius: 20px;
      -webkit-border-radius: 20px;
      padding: 0.45rem 0.8rem; }
      #main .mod_eventlist a .header span.date {
        font-weight: 700; }
      @media (min-width: 0) and (max-width: 599px) {
        #main .mod_eventlist a .header {
          margin-bottom: 1rem; } }

.mod_eventreader {
  width: 97.2222222222%;
  float: left;
  margin-left: 1.3888888889%;
  margin-right: 1.3888888889%;
  background-color: #fff;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  padding: 1.5rem;
  padding-bottom: 0.75rem; }
  @media (min-width: 1180px) {
    .mod_eventreader {
      width: 63.8888888889%;
      float: left;
      margin-left: 1.3888888889%;
      margin-right: 1.3888888889%;
      margin-left: 18.0555555556%; } }
  .mod_eventreader .header {
    background-color: #f2f2f2;
    padding: 1.5rem;
    padding-bottom: 0.75rem;
    margin-bottom: 1rem; }
    .mod_eventreader .header .col {
      display: grid;
      margin-bottom: 1rem; }
      @media (min-width: 500px) {
        .mod_eventreader .header .col {
          grid-template-columns: 100px 1fr;
          column-gap: 12px; } }
      .mod_eventreader .header .col div:first-child {
        font-weight: 700; }

@media (min-width: 0) and (max-width: 700px) {
  .dlh_googlemap {
    width: 100% !important;
    height: 250px !important; } }

.ce_youtube .video_container {
  position: relative;
  padding-bottom: 56.25%;
  width: 100%;
  height: auto; }
  .ce_youtube .video_container iframe {
    border: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100% !important;
    height: 100% !important; }

.bg-weiss {
  background-color: #fff; }

.grau-3 {
  color: #575756; }

.bg-grau {
  background-color: #f2f2f2; }

.bg-grau-2 {
  background-color: #b3b3b3; }

.bg-grau-3 {
  background-color: #575756; }

.bg-black {
  background-color: #000; }

#main .bg-color-1 {
  background-color: #83c132; }

#main .bg-color-2 {
  background-color: #0c51ee; }

#main .bg-color-3 {
  background-color: #FBEAD7; }

#main .bg-black h1, #main .bg-black h2, #main .bg-black h3, #main .bg-black h4, #main .bg-black h5, #main .bg-black h6, #main .bg-black span.light, #main .bg-black p, #main .bg-black a, #main .bg-black em, #main .bg-black li, #main .bg-black label,
#main .bg-grau-3 h1,
#main .bg-grau-3 h2,
#main .bg-grau-3 h3,
#main .bg-grau-3 h4,
#main .bg-grau-3 h5,
#main .bg-grau-3 h6,
#main .bg-grau-3 span.light,
#main .bg-grau-3 p,
#main .bg-grau-3 a,
#main .bg-grau-3 em,
#main .bg-grau-3 li,
#main .bg-grau-3 label,
#main .bg-color-1 h1,
#main .bg-color-1 h2,
#main .bg-color-1 h3,
#main .bg-color-1 h4,
#main .bg-color-1 h5,
#main .bg-color-1 h6,
#main .bg-color-1 span.light,
#main .bg-color-1 p,
#main .bg-color-1 a,
#main .bg-color-1 em,
#main .bg-color-1 li,
#main .bg-color-1 label,
#main .bg-color-2 h1,
#main .bg-color-2 h2,
#main .bg-color-2 h3,
#main .bg-color-2 h4,
#main .bg-color-2 h5,
#main .bg-color-2 h6,
#main .bg-color-2 span.light,
#main .bg-color-2 p,
#main .bg-color-2 a,
#main .bg-color-2 em,
#main .bg-color-2 li,
#main .bg-color-2 label {
  color: #fff; }

#main .bg-color-6 {
  background-color: #b4d1ea; }

.mod_article .page {
  padding-top: 2rem;
  padding-bottom: 2rem; }
  @media (min-width: 1180px) {
    .mod_article .page {
      padding-top: 4rem;
      padding-bottom: 4rem; } }

@media (min-width: 0) and (max-width: 989px) {
  .mod_article .page.padd-m {
    padding-top: 1rem;
    padding-bottom: 1rem; } }

.mod_article .page.no-padd {
  padding-top: 0 !important;
  padding-bottom: 0 !important; }

.mod_article.no-padd .page {
  padding-top: 0 !important;
  padding-bottom: 0 !important; }

#main .mod_article .page.page-s {
  padding-top: 1rem;
  padding-bottom: 1rem; }
  #main .mod_article .page.page-s .flex-spalten {
    margin-top: 0;
    margin-bottom: 0; }

.ce_text ol {
  list-style-type: decimal;
  padding-left: 15px; }
  .ce_text ol li {
    margin-left: 10px;
    padding-left: 10px;
    text-indent: 0px;
    margin-top: 0.15em;
    margin-bottom: 0.15em; }

.ce_text ul li {
  list-style: disc;
  list-style-position: outside;
  padding-left: 0rem;
  margin-left: 1rem; }

.relative {
  position: relative;
  z-index: 9; }

.icon-2 img {
  width: 33px;
  height: 33px; }

.border-radius-1 {
  border-radius: 32px;
  -moz-border-radius: 32px;
  -webkit-border-radius: 32px; }

.border-radius-2 {
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px; }

.border-radius-3 {
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px; }

.border-img-top img {
  -webkit-border-top-left-radius: 6px;
  -webkit-border-top-right-radius: 6px;
  -moz-border-radius-topleft: 6px;
  -moz-border-radius-topright: 6px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px; }

hr {
  border-top: 1px solid #b3b3b3;
  border-left: none;
  border-right: none;
  border-bottom: none; }

.space {
  justify-content: space-between; }

.kreis-1 {
  width: 36px;
  height: 36px;
  border-radius: 18px;
  -moz-border-radius: 18px;
  -webkit-border-radius: 18px;
  background-color: #83c132; }
  .kreis-1 strong {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 36px;
    font-size: 28px;
    font-size: 1.75rem; }

.grid-4 {
  display: grid;
  column-gap: 2.7776%; }
  @media (min-width: 600px) {
    .grid-4 {
      grid-template-columns: 1fr 1fr; } }
  @media (min-width: 1180px) {
    .grid-4 {
      grid-template-columns: 1fr 1fr 1fr 1fr; } }

.border-radius-5 {
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px; }

#main a.underline {
  text-decoration: underline;
  color: #000; }

#main .mod_recommendationlist {
  clear: both;
  width: 97.2222222222%;
  float: left;
  margin-left: 1.3888888889%;
  margin-right: 1.3888888889%;
  display: grid;
  grid-template-columns: 1fr;
  column-gap: 2.7776%; }
  @media (min-width: 600px) {
    #main .mod_recommendationlist {
      grid-template-columns: 1fr 1fr; } }
  @media (min-width: 990px) {
    #main .mod_recommendationlist {
      grid-template-columns: 1fr 1fr 1fr; } }
  #main .mod_recommendationlist .layout_default {
    margin-top: 1rem;
    margin-bottom: 1rem;
    padding: 1.5rem;
    padding-bottom: 0.75rem;
    -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px; }
    #main .mod_recommendationlist .layout_default .head {
      display: grid;
      grid-template-columns: 80px 1fr;
      column-gap: 2.7776%; }
      #main .mod_recommendationlist .layout_default .head img {
        width: 80px;
        height: auto; }
      #main .mod_recommendationlist .layout_default .head span.date {
        display: block;
        color: #0c51ee; }
      #main .mod_recommendationlist .layout_default .head span.star svg {
        width: 1.15rem; }
      #main .mod_recommendationlist .layout_default .head span.star.active {
        color: #83c132; }
      #main .mod_recommendationlist .layout_default .head span.rating {
        font-size: 21px;
        font-size: 1.3125rem;
        color: #83c132; }
      #main .mod_recommendationlist .layout_default .head span.author {
        display: block;
        font-size: 18px;
        font-size: 1.125rem;
        font-weight: 700; }

.re-go {
  width: 97.2222222222%;
  float: left;
  margin-left: 1.3888888889%;
  margin-right: 1.3888888889%;
  text-align: center; }
  .re-go .ft {
    display: flex;
    justify-content: center;
    align-items: center; }
  .re-go .nu {
    font-weight: 700;
    font-size: 32px;
    font-size: 2rem;
    color: #808080;
    margin-top: -6px;
    margin-right: 10px; }
  .re-go .bewertung {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 280px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2rem; }
    .re-go .bewertung .star {
      display: flex;
      flex-wrap: wrap;
      margin-bottom: 1rem;
      text-decoration: underline; }
    .re-go .bewertung .stern-1 {
      width: 22px;
      height: 21px;
      position: relative; }
      .re-go .bewertung .stern-1 .sta-1 .st1 {
        fill: #83c132; }
      .re-go .bewertung .stern-1 .sta-1 .st2 {
        fill: #cae8a4; }
    .re-go .bewertung .stern-2 {
      width: 22px;
      height: 21px;
      position: relative; }
      .re-go .bewertung .stern-2 .stern-2-1 .sta-1 .st2 {
        fill: #cae8a4; }
      .re-go .bewertung .stern-2 .stern-2-2 .sta-2 .st1 {
        fill: #83c132; }
      .re-go .bewertung .stern-2 .stern-2-1,
      .re-go .bewertung .stern-2 .stern-2-2 {
        position: absolute;
        overflow: hidden; }
      .re-go .bewertung .stern-2 .stern-2-1 svg,
      .re-go .bewertung .stern-2 .stern-2-2 svg {
        width: 22px;
        height: 21px; }
  .re-go p {
    margin-top: 0.5rem; }
  .re-go img {
    width: 100px;
    height: auto;
    margin-bottom: 0; }

#main .download-01 {
  width: 97.2222222222%;
  float: left;
  margin-left: 1.3888888889%;
  margin-right: 1.3888888889%; }
  #main .download-01 form {
    margin-bottom: 2rem; }
  #main .download-01 ul li {
    background-color: #f2f2f2; }
    #main .download-01 ul li a {
      padding: 0.5rem 0.35rem;
      padding-left: 48px;
      background-image: url("../../files/daten/extern/icon/folder_icon.svg");
      background-repeat: no-repeat;
      background-position: 5px center;
      background-size: 30px 30px;
      display: block;
      color: #58595b; }
    #main .download-01 ul li a:hover {
      color: #83c132; }
  #main .download-01 ul li:nth-child(odd) {
    background-color: #fff; }
  #main .download-01 ul.level_2 li.download-element a {
    border-bottom: 1px solid #83c132;
    background-color: #eef7e1;
    color: #000; }
  #main .download-01 ul.level_2 li.download-element ul.level_2 a {
    padding-left: 7px;
    background-image: none;
    border-bottom: 0;
    background-color: transparent;
    color: #58595b;
    display: grid;
    grid-template-columns: 30px 1fr;
    column-gap: 12px;
    align-items: center; }
    #main .download-01 ul.level_2 li.download-element ul.level_2 a img {
      margin-bottom: 0; }
  #main .download-01 ul.rdlf-breadcrumb {
    border-top: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
    padding: 1rem 0;
    display: grid;
    grid-template-columns: 48px 1fr;
    align-items: center; }
    #main .download-01 ul.rdlf-breadcrumb li:first-child a {
      background-image: url("../../files/daten/extern/icon/icon-home.svg");
      background-repeat: no-repeat;
      background-position: 5px center;
      background-size: 20px 20px;
      display: block;
      padding-left: 30px; }
    #main .download-01 ul.rdlf-breadcrumb li {
      display: inline-block;
      background-color: transparent; }
      #main .download-01 ul.rdlf-breadcrumb li a {
        background-image: none;
        padding: 0; }
      #main .download-01 ul.rdlf-breadcrumb li strong {
        font-weight: 300; }

.ce_gallery ul {
  display: grid;
  column-gap: 2.6%; }
  .ce_gallery ul li img {
    width: 100%;
    height: auto; }

.ce_gallery ul.gall1 {
  grid-template-columns: 1fr; }

.ce_gallery ul.gall15,
.ce_gallery ul.gall20,
.ce_gallery ul.gall25,
.ce_gallery ul.gall30,
.ce_gallery ul.gall50 {
  grid-template-columns: 1fr 1fr; }

@media (min-width: 700px) {
  .ce_gallery ul.gall30 {
    grid-template-columns: 1fr 1fr 1fr; }
  .ce_gallery ul.gall25 {
    grid-template-columns: 1fr 1fr 1fr 1fr; }
  .ce_gallery ul.gall20 {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr; }
  .ce_gallery ul.gall15 {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; } }

#footer {
  border-top: 1px solid #f2f2f2;
  padding-top: 1rem;
  padding-bottom: 1rem; }
  #footer .logo img {
    width: 235px;
    height: 83px; }
  #footer .grid-footer {
    display: grid;
    column-gap: 2rem; }
    @media (min-width: 1280px) {
      #footer .grid-footer {
        grid-template-columns: 40% 60%; } }
    @media (min-width: 1640px) {
      #footer .grid-footer {
        grid-template-columns: 1fr 1fr; } }
    #footer .grid-footer .navs {
      display: grid; }
      @media (min-width: 700px) {
        #footer .grid-footer .navs {
          grid-template-columns: 180px  180px 1fr; } }
      @media (min-width: 1280px) {
        #footer .grid-footer .navs {
          grid-template-columns: 160px  160px 1fr; } }
      @media (min-width: 1640px) {
        #footer .grid-footer .navs {
          grid-template-columns: 175px  175px 1fr; } }
      #footer .grid-footer .navs .nav-02 a {
        color: black; }
    @media (min-width: 0) and (max-width: 500px) {
      #footer .grid-footer .width-1 {
        width: 100%; } }
    #footer .grid-footer .cta ul {
      margin-top: 1rem; }
      @media (min-width: 800px) {
        #footer .grid-footer .cta ul {
          display: flex; } }
      @media (min-width: 990px) {
        #footer .grid-footer .cta ul {
          margin-top: 4rem; } }
      @media (min-width: 1280px) {
        #footer .grid-footer .cta ul {
          margin-top: 0;
          justify-content: flex-end; } }
      #footer .grid-footer .cta ul li {
        margin-right: 1rem; }
        @media (min-width: 0) and (max-width: 799px) {
          #footer .grid-footer .cta ul li {
            margin-bottom: 1rem; } }
      #footer .grid-footer .cta ul li:last-child {
        margin-right: 0; }
      #footer .grid-footer .cta ul li.icons {
        display: grid;
        grid-template-columns: 36px 36px;
        column-gap: 1rem; }
  #footer .flex-copy {
    display: grid;
    grid-template-columns: 1fr;
    color: #6d6e71; }
    @media (min-width: 960px) {
      #footer .flex-copy {
        grid-template-columns: 1fr 1fr; } }
    #footer .flex-copy p, #footer .flex-copy a, #footer .flex-copy li {
      font-size: 14px;
      font-size: 0.875rem; }
    #footer .flex-copy a {
      color: #6d6e71; }
    #footer .flex-copy .copy {
      order: 2; }
      @media (min-width: 960px) {
        #footer .flex-copy .copy {
          order: 1; } }
    #footer .flex-copy .nav-03 {
      order: 1; }
      @media (min-width: 960px) {
        #footer .flex-copy .nav-03 {
          order: 2; } }
      @media (min-width: 960px) {
        #footer .flex-copy .nav-03 ul {
          text-align: right; } }
      #footer .flex-copy .nav-03 ul li {
        margin-right: 1rem;
        display: block; }
        @media (min-width: 400px) {
          #footer .flex-copy .nav-03 ul li {
            display: inline; } }
      #footer .flex-copy .nav-03 ul li:last-child {
        margin-right: 0; }
  #footer a {
    text-decoration: none; }