@charset "UTF-8";
@font-face {
  font-family: "Poppins";
  src: url("fonts/Poppins-Regular.ttf") format("truetype"); }
@font-face {
  font-family: "Itim";
  src: url("fonts/Itim-Regular.ttf") format("truetype"); }
html {
  scroll-behavior: smooth; }

* {
  box-sizing: border-box;
  margin: 0 auto; }

@media only screen and (max-width: 1300px) {
  .pc_tablet_only {
    display: none; } }

@media only screen and (min-width: 1301px) {
  .tablet_only {
    display: none; } }

@media only screen and (max-width: 900px) {
  .pc_only {
    display: none; } }

@media only screen and (min-width: 901px) {
  .mobile_only {
    display: none; } }

#wait {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  backdrop-filter: blur(2px);
  background-color: rgba(240, 250, 231, 0.8); }
  #wait img {
    width: 100px;
    height: 100px;
    margin-top: calc(50vh - 50px); }

h3 {
  letter-spacing: 1px;
  font-size: 1.2rem;
  font-weight: normal;
  text-align: center; }

body {
  font-family: Poppins;
  font-size: 1.1rem;
  line-height: 1.5rem;
  color: #4d5d4c;
  overflow-x: hidden;
  hyphens: auto; }
  @media only screen and (min-width: 901px) {
    body .transform_scale {
      cursor: pointer;
      transition: transform 1s; }
    body .transform_scale:hover {
      transform: scale(1.5, 1.5); }
    body .transform_right {
      cursor: pointer;
      transition: transform 0.5s; }
    body .transform_right:hover {
      transform: translate(5px, 0); }
    body .transform_left {
      cursor: pointer;
      transition: transform 0.5s; }
    body .transform_left:hover {
      transform: translate(-5px, 0); }
    body .transform_top {
      cursor: pointer;
      transition: transform 0.5s; }
    body .transform_top:hover {
      transform: translate(0, -5px); } }
  body .eingabeformular_wrapper {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(185, 201, 185, 0.5);
    overflow: auto; }
    body .eingabeformular_wrapper .eingabeformular {
      color: white;
      background-color: rgba(57, 73, 64, 0.9);
      border-radius: 5px; }
      @media only screen and (min-width: 901px) {
        body .eingabeformular_wrapper .eingabeformular {
          width: 400px;
          margin-top: 70px;
          padding: 20px; } }
      @media only screen and (max-width: 900px) {
        body .eingabeformular_wrapper .eingabeformular {
          max-width: 400px;
          margin-top: 37px;
          padding: 30px; } }
      body .eingabeformular_wrapper .eingabeformular .input {
        position: relative; }
        body .eingabeformular_wrapper .eingabeformular .input label {
          color: gray;
          transition: 0.5s all ease;
          pointer-events: none; }
        body .eingabeformular_wrapper .eingabeformular .input .label_novalue {
          position: absolute;
          top: 10px;
          left: 10px;
          font-size: 1rem; }
        body .eingabeformular_wrapper .eingabeformular .input .label_value {
          position: absolute;
          top: -5px;
          left: 0;
          padding: 2px 10px;
          background-color: white;
          border-top-left-radius: 5px;
          border-top-right-radius: 5px;
          font-size: 0.8rem;
          line-height: 1rem; }
      body .eingabeformular_wrapper .eingabeformular input[type=text], body .eingabeformular_wrapper .eingabeformular input[type=email],
      body .eingabeformular_wrapper .eingabeformular input[type=date], body .eingabeformular_wrapper .eingabeformular input[type=number],
      body .eingabeformular_wrapper .eingabeformular textarea {
        width: 100%;
        margin: 6px 0;
        font-family: Poppins;
        font-size: 1rem;
        line-height: 1.3rem;
        border: none;
        border-radius: 5px;
        background-color: white; }
        @media only screen and (min-width: 901px) {
          body .eingabeformular_wrapper .eingabeformular input[type=text], body .eingabeformular_wrapper .eingabeformular input[type=email],
          body .eingabeformular_wrapper .eingabeformular input[type=date], body .eingabeformular_wrapper .eingabeformular input[type=number],
          body .eingabeformular_wrapper .eingabeformular textarea {
            padding: 5px 10px; } }
        @media only screen and (max-width: 900px) {
          body .eingabeformular_wrapper .eingabeformular input[type=text], body .eingabeformular_wrapper .eingabeformular input[type=email],
          body .eingabeformular_wrapper .eingabeformular input[type=date], body .eingabeformular_wrapper .eingabeformular input[type=number],
          body .eingabeformular_wrapper .eingabeformular textarea {
            padding: 6px 10px; } }
        body .eingabeformular_wrapper .eingabeformular input[type=text]:focus, body .eingabeformular_wrapper .eingabeformular input[type=email]:focus,
        body .eingabeformular_wrapper .eingabeformular input[type=date]:focus, body .eingabeformular_wrapper .eingabeformular input[type=number]:focus,
        body .eingabeformular_wrapper .eingabeformular textarea:focus {
          outline: none; }
      body .eingabeformular_wrapper .eingabeformular input[type=number] {
        width: 100px;
        text-align: center; }
      body .eingabeformular_wrapper .eingabeformular table {
        width: 100%;
        margin: 0 auto 10px auto;
        color: white; }
        body .eingabeformular_wrapper .eingabeformular table tr td {
          padding: 0 3px;
          vertical-align: top; }
      body .eingabeformular_wrapper .eingabeformular h2 {
        margin: 0 0 15px 0;
        letter-spacing: 1px; }
      body .eingabeformular_wrapper .eingabeformular p {
        color: #d2d2d2;
        font-size: 1rem;
        line-height: 1.2rem;
        margin: 0; }
      body .eingabeformular_wrapper .eingabeformular .formular_meldung {
        color: #ff9595; }
      body .eingabeformular_wrapper .eingabeformular button {
        width: 100%;
        margin: 10px 0 0 0; }
  body .checkbox_normal {
    transform: scale(1.5);
    margin: 0 10px; }
  body .checkbox_spezial {
    position: relative;
    width: 40px;
    height: 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #c6c6c6;
    outline: none;
    border-radius: 20px;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    transition: 0.5s;
    vertical-align: middle; }
    body .checkbox_spezial:before {
      content: "";
      position: absolute;
      width: 20px;
      height: 20px;
      border-radius: 10px;
      top: 0;
      left: 0;
      background: #fff;
      transform: scale(1.1);
      box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
      transition: 0.5s; }
    body .checkbox_spezial:checked {
      background: rgba(137, 219, 103, 0.5); }
      body .checkbox_spezial:checked:before {
        left: 20px; }
  body .transkript {
    display: none;
    padding: 10px;
    border: 1px solid black;
    border-radius: 10px; }
    @media only screen and (min-width: 901px) {
      body .transkript {
        margin: 20px 10px; } }
    @media only screen and (max-width: 1300px) {
      body .transkript {
        margin: 20px 5px; } }
    body .transkript h5 {
      font-size: 120%;
      text-align: center; }
    body .transkript h6 {
      margin: 5px 0 0 0;
      font-size: 100%; }
  body #bild_gross {
    position: fixed;
    display: none;
    justify-content: center;
    align-items: center;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(251, 255, 249, 0.9);
    cursor: pointer; }
    body #bild_gross img {
      width: 1400px;
      max-width: calc(100vw - 30px);
      margin: 45px 0 0 0;
      filter: drop-shadow(4px 4px 12px rgba(0, 0, 0, 0.25)); }
  body textarea {
    resize: vertical;
    field-sizing: content; }
  @media only screen and (min-width: 901px) {
    body .video {
      width: 600px;
      margin: 10px auto 0 auto; } }
  @media only screen and (max-width: 1300px) {
    body .video {
      margin: 0 auto; } }
  body .video video {
    width: 100%; }
    @media only screen and (min-width: 901px) {
      body .video video {
        border-radius: 5px; } }
    @media only screen and (max-width: 900px) {
      body .video video {
        border-radius: unset; } }
  body button {
    padding: 10px 15px;
    font-size: 1rem;
    letter-spacing: 0.8px;
    border: none;
    border-radius: 4px;
    color: #f8fff7;
    background-color: #80ad78;
    white-space: nowrap;
    cursor: pointer;
    transition: all 0.4s; }
    @media only screen and (min-width: 901px) {
      body button:hover {
        color: white;
        background-color: #729b6b;
        box-shadow: 0 1.5rem 2.8rem rgba(0, 0, 0, 0.15), 0 1rem 1rem rgba(0, 0, 0, 0.15); } }
    body button:focus {
      outline: none; }
    body button:active {
      transform: scale(0.98); }
  @media only screen and (min-width: 901px) {
    body ul, body ol {
      padding-left: 20px; } }
  @media only screen and (max-width: 900px) {
    body ul, body ol {
      padding: 0 10px 0 30px; } }
  @media only screen and (min-width: 901px) {
    body p {
      padding: 3px 0; } }
  @media only screen and (max-width: 900px) {
    body p {
      padding: 3px 10px; } }
  body a, body .a_pseudo {
    font-weight: bold;
    color: #4e9c3d;
    text-decoration: none;
    cursor: pointer; }
  body .no_wrap {
    white-space: nowrap; }
  body .label {
    color: #9ba799; }
  body .klein {
    font-size: 0.8rem;
    line-height: 1rem; }
  body .zentriert {
    text-align: center !important; }
  body .fett {
    font-weight: bold; }
  body .linksbuendig {
    text-align: left; }
  body .rechtsbuendig {
    text-align: right !important; }
  body .verbergen {
    display: none; }
  body .scroll_x {
    overflow-x: auto; }
  body #seite table {
    border-collapse: collapse; }
    body #seite table tr th, body #seite table tr td {
      padding: 2px 10px;
      vertical-align: top; }
      body #seite table tr th img, body #seite table tr td img {
        width: 30px;
        height: auto;
        padding: 5px;
        vertical-align: middle; }
    body #seite table tr.tr_odd {
      background-color: #ececec; }
  body #seite .tabelle {
    border-collapse: collapse;
    margin: 0; }
    body #seite .tabelle tr th {
      color: gray;
      font-weight: bold;
      border-bottom: 1px solid lightgray; }
    body #seite .tabelle tr th, body #seite .tabelle tr td {
      padding: 0 5px;
      vertical-align: top; }
  body #seite .tabelle_border {
    font-size: 90%;
    line-height: 120%; }
    body #seite .tabelle_border tr:nth-child(even) {
      background-color: rgba(196, 231, 167, 0.3); }
    body #seite .tabelle_border tr:hover {
      background-color: rgba(196, 231, 167, 0.7); }
    body #seite .tabelle_border tr th, body #seite .tabelle_border tr td {
      border-right: 1px solid lightgray; }
      body #seite .tabelle_border tr th:last-child, body #seite .tabelle_border tr td:last-child {
        border-right: unset; }
    body #seite .tabelle_border tr th {
      border-bottom: 1px solid lightgray; }
  body #seite #menu_sub {
    display: flex;
    color: #258604; }
    body #seite #menu_sub img {
      width: 30px;
      height: auto;
      padding: 5px;
      vertical-align: bottom; }
    @media only screen and (min-width: 901px) {
      body #seite #menu_sub {
        justify-content: flex-end;
        margin: 0 10px 20px 0; } }
    @media only screen and (max-width: 900px) {
      body #seite #menu_sub {
        flex-wrap: wrap;
        justify-content: center;
        margin: 0 10px 10px 10px;
        font-size: 90%; } }
    body #seite #menu_sub div {
      margin: 0;
      text-transform: uppercase;
      transition: 0.5s all ease;
      cursor: pointer;
      white-space: nowrap; }
      @media only screen and (min-width: 901px) {
        body #seite #menu_sub div {
          padding: 5px 10px;
          letter-spacing: 1px; } }
      @media only screen and (max-width: 900px) {
        body #seite #menu_sub div {
          padding: 5px 7px;
          letter-spacing: 0.7px; } }
      body #seite #menu_sub div:hover {
        border-bottom: 4px solid #4e9c3d; }
    body #seite #menu_sub .active_sub {
      border-bottom: 4px solid #4e9c3d; }
  body #seite #main.seite_home {
    position: relative; }
    @media only screen and (min-width: 901px) {
      body #seite #main.seite_home {
        margin: -30px 0 0 0; } }
    @media only screen and (max-width: 1300px) {
      body #seite #main.seite_home {
        margin: -20px 0 0 0; } }
    body #seite #main.seite_home button {
      background-color: #ea4335; }
      body #seite #main.seite_home button:hover {
        background-color: green; }
    body #seite #main.seite_home #barrierefreiheit {
      position: absolute;
      height: auto;
      margin: 0;
      background-color: white;
      border-radius: 50%;
      cursor: pointer; }
      @media only screen and (min-width: 901px) {
        body #seite #main.seite_home #barrierefreiheit {
          top: 22px;
          right: 30px;
          width: 40px;
          padding: 7px;
          transition: transform 0.5s ease; } }
      @media only screen and (max-width: 900px) {
        body #seite #main.seite_home #barrierefreiheit {
          top: 85px;
          right: 20px;
          width: 30px;
          padding: 5px; } }
      @media only screen and (min-width: 901px) {
        body #seite #main.seite_home #barrierefreiheit:hover {
          transform: scale(1.5, 1.5); } }
    body #seite #main.seite_home #feiertag {
      position: absolute;
      top: 100px;
      width: 150px;
      height: auto;
      animation: feiertag_einblenden 1s; }
      @media only screen and (min-width: 901px) {
        body #seite #main.seite_home #feiertag {
          left: 10px; } }
      @media only screen and (max-width: 1300px) {
        body #seite #main.seite_home #feiertag {
          left: 50px; } }
@keyframes feiertag_einblenden {
  from {
    transform: scale(0); }
  to {
    transform: scale(1); } }
    body #seite #main.seite_home #home_intro_1 {
      position: relative;
      text-align: center;
      color: #f2f6f1;
      background-color: #4e9c3d;
      font-weight: bold;
      letter-spacing: 1px; }
      @media only screen and (min-width: 901px) {
        body #seite #main.seite_home #home_intro_1 {
          padding: 25px 0;
          font-size: 2rem; } }
      @media only screen and (max-width: 900px) {
        body #seite #main.seite_home #home_intro_1 {
          font-size: 1.5rem;
          line-height: 2rem; } }
      @media only screen and (max-width: 900px) {
        body #seite #main.seite_home #home_intro_1 p {
          margin: 0 25px 0 0; } }
    @media only screen and (min-width: 1301px) {
      body #seite #main.seite_home #seite_home_content {
        display: flex;
        justify-content: center;
        column-gap: 60px;
        width: 1400px;
        max-width: 100%; } }
    @media only screen and (max-width: 1300px) {
      body #seite #main.seite_home #seite_home_content {
        display: block; } }
    body #seite #main.seite_home #seite_home_content > div {
      margin: 0; }
    body #seite #main.seite_home #seite_home_content #content #home_intro_2 {
      text-align: center; }
      @media only screen and (min-width: 901px) {
        body #seite #main.seite_home #seite_home_content #content #home_intro_2 {
          margin: 0 5px;
          padding: 20px 0;
          font-size: 1.7rem; } }
      @media only screen and (max-width: 900px) {
        body #seite #main.seite_home #seite_home_content #content #home_intro_2 {
          margin: 0 10px;
          padding: 10px 0;
          font-size: 1.3rem;
          line-height: 1.5rem; } }
      body #seite #main.seite_home #seite_home_content #content #home_intro_2 img {
        height: 28px !important; }
    body #seite #main.seite_home #seite_home_content #content #logo_home_pc, body #seite #main.seite_home #seite_home_content #content #logo_home_mobile {
      text-align: left; }
      @media only screen and (min-width: 901px) {
        body #seite #main.seite_home #seite_home_content #content #logo_home_pc, body #seite #main.seite_home #seite_home_content #content #logo_home_mobile {
          width: 250px;
          height: 210px; } }
      @media only screen and (max-width: 900px) {
        body #seite #main.seite_home #seite_home_content #content #logo_home_pc, body #seite #main.seite_home #seite_home_content #content #logo_home_mobile {
          width: 250px;
          height: 140px; } }
      body #seite #main.seite_home #seite_home_content #content #logo_home_pc img, body #seite #main.seite_home #seite_home_content #content #logo_home_mobile img {
        height: auto; }
        @media only screen and (min-width: 901px) {
          body #seite #main.seite_home #seite_home_content #content #logo_home_pc img, body #seite #main.seite_home #seite_home_content #content #logo_home_mobile img {
            width: 100%; } }
        @media only screen and (max-width: 900px) {
          body #seite #main.seite_home #seite_home_content #content #logo_home_pc img, body #seite #main.seite_home #seite_home_content #content #logo_home_mobile img {
            width: 70%; } }
      body #seite #main.seite_home #seite_home_content #content #logo_home_pc div, body #seite #main.seite_home #seite_home_content #content #logo_home_mobile div {
        margin: -5px 0 0 24px; }
        @media only screen and (max-width: 900px) {
          body #seite #main.seite_home #seite_home_content #content #logo_home_pc div, body #seite #main.seite_home #seite_home_content #content #logo_home_mobile div {
            font-size: 70%;
            line-height: 130%; } }
    body #seite #main.seite_home #seite_home_content #news {
      overflow-x: hidden;
      overflow-y: auto; }
      @media only screen and (min-width: 901px) {
        body #seite #main.seite_home #seite_home_content #news {
          max-height: 595px; } }
      @media only screen and (max-width: 1300px) {
        body #seite #main.seite_home #seite_home_content #news {
          max-height: calc(100vh / 2); } }
      body #seite #main.seite_home #seite_home_content #news .new {
        position: relative;
        min-height: 110px;
        background-color: #f1faea; }
        @media only screen and (min-width: 901px) {
          body #seite #main.seite_home #seite_home_content #news .new {
            padding: 8px 10px 0 10px; } }
        @media only screen and (min-width: 1301px) {
          body #seite #main.seite_home #seite_home_content #news .new {
            width: 500px;
            margin: 10px 0 0 0;
            border-radius: 5px; } }
        @media only screen and (max-width: 1300px) {
          body #seite #main.seite_home #seite_home_content #news .new {
            max-width: 99%;
            margin: 0 auto 10px auto;
            width: 500px;
            border-radius: 5px; } }
        body #seite #main.seite_home #seite_home_content #news .new .new_teaser {
          display: flex; }
          body #seite #main.seite_home #seite_home_content #news .new .new_teaser mp-datum-kalender {
            margin: 0 10px 0 0; }
          body #seite #main.seite_home #seite_home_content #news .new .new_teaser .new_headline {
            margin: 4px 0 2px 0;
            font-size: 105%;
            font-weight: bold;
            line-height: 140%; }
        body #seite #main.seite_home #seite_home_content #news .new .new_text, body #seite #main.seite_home #seite_home_content #news .new .new_teaser_text {
          padding: 3px 0;
          line-height: 140%;
          font-size: 90%; }
          body #seite #main.seite_home #seite_home_content #news .new .new_text img, body #seite #main.seite_home #seite_home_content #news .new .new_teaser_text img {
            width: 100%;
            height: auto;
            margin: 3px 0; }
            @media only screen and (min-width: 901px) {
              body #seite #main.seite_home #seite_home_content #news .new .new_text img, body #seite #main.seite_home #seite_home_content #news .new .new_teaser_text img {
                cursor: pointer; } }
        body #seite #main.seite_home #seite_home_content #news .new .new_teaser_mehr {
          padding: 2px 10px 2px 5px;
          color: #acb7a2;
          font-size: 80%;
          text-align: right;
          cursor: pointer; }
          body #seite #main.seite_home #seite_home_content #news .new .new_teaser_mehr:hover {
            color: #ec6c14; }
        body #seite #main.seite_home #seite_home_content #news .new .new_aktuell {
          position: absolute;
          top: -4px;
          right: -14px;
          padding: 0 10px;
          font-size: 90%;
          color: #ec6c14; }
          body #seite #main.seite_home #seite_home_content #news .new .new_aktuell img {
            width: 70px; }
  body #seite #main.seite_infos #infos_pandrea {
    margin: 20px 10px 10px 10px; }
    body #seite #main.seite_infos #infos_pandrea h2 {
      margin: 30px 0 20px 0;
      font-size: 120%;
      text-align: center; }
    body #seite #main.seite_infos #infos_pandrea h3 {
      margin: 10px 0 5px 0;
      font-weight: bold;
      text-align: left; }
    body #seite #main.seite_infos #infos_pandrea .info_img {
      margin: 10px 0;
      text-align: center; }
      body #seite #main.seite_infos #infos_pandrea .info_img img {
        width: 100%; }
  @media only screen and (min-width: 901px) {
    body #seite #main.seite_support #bereich_faq h2 {
      margin: 10px 0 5px 0; } }
  @media only screen and (max-width: 900px) {
    body #seite #main.seite_support #bereich_faq h2 {
      margin: 10px 10px 5px 10px; } }
  body #seite #main.seite_support #bereich_tutorials {
    margin: 10px 0; }
    body #seite #main.seite_support #bereich_tutorials h2 {
      margin: 30px 10px 20px 10px;
      text-align: center; }
    body #seite #main.seite_support #bereich_tutorials p {
      padding-top: 10px; }
    body #seite #main.seite_support #bereich_tutorials .div_select {
      margin: 25px 0 15px 0; }
      @media only screen and (max-width: 900px) {
        body #seite #main.seite_support #bereich_tutorials .div_select {
          margin: 25px 10px 15px 10px; } }
      body #seite #main.seite_support #bereich_tutorials .div_select select {
        margin: 0 0 0 10px;
        padding: 5px 10px;
        font-size: 100%;
        border-radius: 5px; }
    @media only screen and (min-width: 901px) {
      body #seite #main.seite_support #bereich_tutorials #tutorial #tutorial_beschreibung {
        margin: 0 0 10px 0; } }
    @media only screen and (max-width: 900px) {
      body #seite #main.seite_support #bereich_tutorials #tutorial #tutorial_beschreibung {
        margin: 0 10px 10px 10px; } }
    @media only screen and (min-width: 901px) {
      body #seite #main.seite_support #bereich_tutorials #tutorial #tutorial_next {
        margin: 20px 0 0 0; } }
    @media only screen and (max-width: 900px) {
      body #seite #main.seite_support #bereich_tutorials #tutorial #tutorial_next {
        margin: 20px 10px 0 10px; } }
    body #seite #main.seite_support #bereich_tutorials #tutorial #tutorial_next span {
      color: green;
      cursor: pointer; }
      @media only screen and (min-width: 901px) {
        body #seite #main.seite_support #bereich_tutorials #tutorial #tutorial_next span:hover {
          color: red; } }
  body #seite #main.seite_module {
    position: relative; }
    body #seite #main.seite_module #bereiche {
      margin: 30px auto;
      width: 1500px;
      max-width: 100vw;
      overflow: hidden; }
      body #seite #main.seite_module #bereiche .bereich {
        min-height: 200px; }
        @media only screen and (min-width: 901px) {
          body #seite #main.seite_module #bereiche .bereich {
            display: flex; } }
        @media only screen and (min-width: 901px) {
          body #seite #main.seite_module #bereiche .bereich .bereich_div {
            align-self: center;
            width: 50%; } }
        @media only screen and (min-width: 901px) {
          body #seite #main.seite_module #bereiche .bereich .bereich_div.scroll_right {
            padding: 0 40px 0 40px; } }
        @media only screen and (min-width: 901px) {
          body #seite #main.seite_module #bereiche .bereich .bereich_div.scroll_left {
            padding: 0 30px 0 30px; } }
        body #seite #main.seite_module #bereiche .bereich ul {
          padding-left: 50px; }
        body #seite #main.seite_module #bereiche .bereich h2 {
          letter-spacing: 1.3px; }
          @media only screen and (min-width: 901px) {
            body #seite #main.seite_module #bereiche .bereich h2 {
              margin: 15px 0 10px 0;
              font-size: 150%;
              color: #81927b; } }
          @media only screen and (max-width: 900px) {
            body #seite #main.seite_module #bereiche .bereich h2 {
              margin: 20px 5px 10px 5px;
              text-align: center;
              font-size: 120%; } }
        body #seite #main.seite_module #bereiche .bereich img {
          filter: drop-shadow(4px 4px 12px rgba(0, 0, 0, 0.25)); }
          @media only screen and (min-width: 901px) {
            body #seite #main.seite_module #bereiche .bereich img {
              width: 50%;
              cursor: pointer; } }
          @media only screen and (max-width: 900px) {
            body #seite #main.seite_module #bereiche .bereich img {
              width: 100%; } }
  body #seite #main.seite_formulare {
    position: relative; }
    body #seite #main.seite_formulare a {
      text-decoration: none; }
    body #seite #main.seite_formulare .formular_ausfuellbar_navigation {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin: 15px 0 0 0 !important;
      color: gray; }
      body #seite #main.seite_formulare .formular_ausfuellbar_navigation img {
        width: 15px;
        height: 15px; }
    body #seite #main.seite_formulare .formular_ausfuellbar {
      background-color: #f1faea;
      font-family: Helvetica;
      font-size: 0.9rem;
      line-height: 1.2rem; }
      body #seite #main.seite_formulare .formular_ausfuellbar p, body #seite #main.seite_formulare .formular_ausfuellbar div {
        margin: 10px 0;
        padding: 0 !important; }
      body #seite #main.seite_formulare .formular_ausfuellbar p {
        margin: 5px 0; }
      body #seite #main.seite_formulare .formular_ausfuellbar div {
        margin: 10px 0; }
      body #seite #main.seite_formulare .formular_ausfuellbar h1 {
        padding: 0;
        color: #696969 !important;
        font-size: 1.3rem; }
      body #seite #main.seite_formulare .formular_ausfuellbar input, body #seite #main.seite_formulare .formular_ausfuellbar textarea, body #seite #main.seite_formulare .formular_ausfuellbar select {
        border: 1px solid rgba(133, 133, 133, 0.5);
        border-radius: 4px;
        background-color: white; }
        body #seite #main.seite_formulare .formular_ausfuellbar input:focus, body #seite #main.seite_formulare .formular_ausfuellbar textarea:focus, body #seite #main.seite_formulare .formular_ausfuellbar select:focus {
          outline: none;
          background-color: #ffd8a8; }
      body #seite #main.seite_formulare .formular_ausfuellbar input[type=text],
      body #seite #main.seite_formulare .formular_ausfuellbar input[type=number],
      body #seite #main.seite_formulare .formular_ausfuellbar input[type=date] {
        padding: 10px;
        font-family: Helvetica;
        font-size: 0.9rem; }
      body #seite #main.seite_formulare .formular_ausfuellbar input[type=checkbox],
      body #seite #main.seite_formulare .formular_ausfuellbar input[type=radio] {
        margin: 5px;
        scale: 1.5;
        accent-color: green; }
      body #seite #main.seite_formulare .formular_ausfuellbar textarea {
        width: 100%;
        height: 90px;
        padding: 10px;
        font-family: Helvetica;
        font-size: 0.9rem; }
      body #seite #main.seite_formulare .formular_ausfuellbar select {
        padding: 10px; }
    body #seite #main.seite_formulare table.tabelle_ausfuellbar tr td {
      vertical-align: middle; }
      body #seite #main.seite_formulare table.tabelle_ausfuellbar tr td:last-child {
        padding: 5px 5px 5px 5px !important;
        width: 100%; }
      body #seite #main.seite_formulare table.tabelle_ausfuellbar tr td:first-child {
        padding: 5px 5px 5px 0 !important;
        color: gray;
        white-space: nowrap; }
      body #seite #main.seite_formulare table.tabelle_ausfuellbar tr td input[type=text],
      body #seite #main.seite_formulare table.tabelle_ausfuellbar tr td input[type=number],
      body #seite #main.seite_formulare table.tabelle_ausfuellbar tr td select {
        width: 100%; }
    body #seite #main.seite_formulare .formulare_wrapper pa-ini {
      color: green; }
    body #seite #main.seite_formulare .formulare_wrapper pa-inhaltsverzeichnis {
      display: block;
      margin: 10px;
      text-align: center; }
    body #seite #main.seite_formulare .formulare_wrapper pa-inhaltsverzeichnis:before {
      content: "⇒ Hier wird das Inhaltsverzeichnis erstellt. ⇐";
      color: gray; }
    body #seite #main.seite_formulare .formulare_wrapper pa-text {
      margin: 0 0 0 20px; }
    body #seite #main.seite_formulare .formulare_wrapper pa-h1, body #seite #main.seite_formulare .formulare_wrapper pa-h2, body #seite #main.seite_formulare .formulare_wrapper pa-h3 {
      display: block;
      font-weight: bold;
      padding: 0; }
    body #seite #main.seite_formulare .formulare_wrapper pa-h1:before, body #seite #main.seite_formulare .formulare_wrapper pa-h2:before, body #seite #main.seite_formulare .formulare_wrapper pa-h3:before {
      color: gray; }
    body #seite #main.seite_formulare .formulare_wrapper pa-h1 {
      margin: 10px 0 7px 0;
      font-size: 1.3rem;
      line-height: 1.5rem;
      letter-spacing: 2px;
      counter-reset: h2; }
    body #seite #main.seite_formulare .formulare_wrapper pa-h1:before {
      content: counter(h1) " ";
      counter-increment: h1; }
    body #seite #main.seite_formulare .formulare_wrapper pa-h2 {
      margin: 10px 0 5px 0;
      font-size: 1.1rem;
      line-height: 1.3rem;
      letter-spacing: 1px;
      counter-reset: h3; }
    body #seite #main.seite_formulare .formulare_wrapper pa-h2:before {
      content: counter(h1) "." counter(h2) " ";
      counter-increment: h2; }
    body #seite #main.seite_formulare .formulare_wrapper pa-h3 {
      margin: 8px 0 5px 0;
      font-size: 1rem;
      line-height: 1.2rem; }
    body #seite #main.seite_formulare .formulare_wrapper pa-h3:before {
      content: counter(h1) "." counter(h2) "." counter(h3) " ";
      counter-increment: h3; }
    body #seite #main.seite_formulare .formulare_wrapper a {
      text-decoration: underline;
      font-weight: normal; }
    body #seite #main.seite_formulare .formulare_wrapper h2 {
      margin: 5px 0;
      padding: 5px 10px;
      color: #5d5d5d;
      background-color: #99c790;
      font-weight: normal;
      cursor: pointer; }
      @media only screen and (min-width: 901px) {
        body #seite #main.seite_formulare .formulare_wrapper h2 {
          border-radius: 5px; } }
    body #seite #main.seite_formulare .formulare_wrapper th {
      font-weight: normal;
      color: gray; }
    body #seite #main.seite_formulare .formulare_wrapper .tabelle_aufwendungen {
      margin: 10px 0;
      font-size: 70%;
      line-height: 100%;
      white-space: nowrap; }
      body #seite #main.seite_formulare .formulare_wrapper .tabelle_aufwendungen th, body #seite #main.seite_formulare .formulare_wrapper .tabelle_aufwendungen td {
        height: 10px;
        padding: 1px 10px !important;
        border-right: 1px solid rgba(133, 133, 133, 0.5);
        border-bottom: 1px solid rgba(133, 133, 133, 0.5); }
        body #seite #main.seite_formulare .formulare_wrapper .tabelle_aufwendungen th:last-child, body #seite #main.seite_formulare .formulare_wrapper .tabelle_aufwendungen td:last-child {
          border-right: none; }
      body #seite #main.seite_formulare .formulare_wrapper .tabelle_aufwendungen td {
        border-bottom: none; }
    body #seite #main.seite_formulare .formulare_wrapper .formular_wrapper {
      max-width: 100%;
      padding: 10px;
      border: 1px solid #e1e1e1;
      border-radius: 5px;
      overflow-x: auto; }
      @media only screen and (min-width: 901px) {
        body #seite #main.seite_formulare .formulare_wrapper .formular_wrapper {
          margin: 0 0 5px 0; } }
      @media only screen and (max-width: 900px) {
        body #seite #main.seite_formulare .formulare_wrapper .formular_wrapper {
          margin: 0 5px 5px 5px; } }
      body #seite #main.seite_formulare .formulare_wrapper .formular_wrapper p {
        padding: 5px 0; }
      body #seite #main.seite_formulare .formulare_wrapper .formular_wrapper h1, body #seite #main.seite_formulare .formulare_wrapper .formular_wrapper h2, body #seite #main.seite_formulare .formulare_wrapper .formular_wrapper h3 {
        color: black;
        background-color: unset;
        font-weight: bold; }
      body #seite #main.seite_formulare .formulare_wrapper .formular_wrapper h1 {
        margin: 0 0 10px 0; }
      body #seite #main.seite_formulare .formulare_wrapper .formular_wrapper table tr td {
        padding: 0; }
      body #seite #main.seite_formulare .formulare_wrapper .formular_wrapper .formular_beschreibung_kurz {
        display: flex;
        justify-content: space-between;
        align-items: center; }
        body #seite #main.seite_formulare .formulare_wrapper .formular_wrapper .formular_beschreibung_kurz div {
          margin: 0; }
          body #seite #main.seite_formulare .formulare_wrapper .formular_wrapper .formular_beschreibung_kurz div:last-child {
            font-size: 80%; }
      body #seite #main.seite_formulare .formulare_wrapper .formular_wrapper .formular_beschreibung_lang {
        margin: 0 5px; }
      body #seite #main.seite_formulare .formulare_wrapper .formular_wrapper .formularbeispiel_wrapper {
        margin: 10px 0 0 0; }
        body #seite #main.seite_formulare .formulare_wrapper .formular_wrapper .formularbeispiel_wrapper .formularbeispiel {
          display: flex;
          justify-content: space-between; }
          body #seite #main.seite_formulare .formulare_wrapper .formular_wrapper .formularbeispiel_wrapper .formularbeispiel .formular_mitte {
            margin: 100px 0 0 0;
            font-size: 150%;
            color: gray; }
          body #seite #main.seite_formulare .formulare_wrapper .formular_wrapper .formularbeispiel_wrapper .formularbeispiel .formular_alt_wrapper, body #seite #main.seite_formulare .formulare_wrapper .formular_wrapper .formularbeispiel_wrapper .formularbeispiel .formular_neu_wrapper {
            position: relative;
            width: 48%;
            min-width: 500px; }
            body #seite #main.seite_formulare .formulare_wrapper .formular_wrapper .formularbeispiel_wrapper .formularbeispiel .formular_alt_wrapper .icon_banner, body #seite #main.seite_formulare .formulare_wrapper .formular_wrapper .formularbeispiel_wrapper .formularbeispiel .formular_neu_wrapper .icon_banner {
              position: absolute;
              top: -5px;
              right: -5px;
              width: 100px;
              height: auto; }
            body #seite #main.seite_formulare .formulare_wrapper .formular_wrapper .formularbeispiel_wrapper .formularbeispiel .formular_alt_wrapper .formular_alt, body #seite #main.seite_formulare .formulare_wrapper .formular_wrapper .formularbeispiel_wrapper .formularbeispiel .formular_alt_wrapper .formular_neu, body #seite #main.seite_formulare .formulare_wrapper .formular_wrapper .formularbeispiel_wrapper .formularbeispiel .formular_neu_wrapper .formular_alt, body #seite #main.seite_formulare .formulare_wrapper .formular_wrapper .formularbeispiel_wrapper .formularbeispiel .formular_neu_wrapper .formular_neu {
              counter-reset: h1;
              overflow-y: auto;
              margin: 0;
              padding: 10px 15px;
              background-color: #f1faea;
              border-radius: 5px;
              font-size: 1rem;
              line-height: 1.5rem; }
  body #seite #main.seite_sonstiges .changelog_info {
    width: 305px;
    margin: 5px;
    padding: 15px;
    border-radius: 5px;
    background-color: #99c790; }
  body #seite #main.seite_sonstiges #newsletter_abo #newsletter_meldung,
  body #seite #main.seite_sonstiges #newsletter_abo #newsletter_abbestellen_meldung {
    width: 400px;
    max-width: 90vw;
    margin: 0;
    color: red; }
  body #seite #main.seite_sonstiges #newsletter_abo h2 {
    margin: 0 0 10px 0;
    text-align: center; }
  body #seite #main.seite_sonstiges #newsletter_abo > div {
    margin: 10px 0;
    padding: 10px 5px;
    border: 1px solid gray;
    border-radius: 5px; }
    body #seite #main.seite_sonstiges #newsletter_abo > div table tr td {
      padding: 5px;
      vertical-align: middle; }
      body #seite #main.seite_sonstiges #newsletter_abo > div table tr td input[type=text],
      body #seite #main.seite_sonstiges #newsletter_abo > div table tr td input[type=email] {
        width: 400px;
        max-width: 90vw;
        padding: 10px;
        border-radius: 5px;
        font-size: 100%; }
      body #seite #main.seite_sonstiges #newsletter_abo > div table tr td input[type=radio] {
        margin: 0 5px 0 20px; }
      body #seite #main.seite_sonstiges #newsletter_abo > div table tr td button {
        width: 100%; }
  @media only screen and (min-width: 901px) {
    body #seite #main.seite_preise p {
      margin: 5px 10px; } }
  @media only screen and (max-width: 900px) {
    body #seite #main.seite_preise p {
      margin: 5px 0; } }
  body #seite #main.seite_preise #intro {
    max-width: 100%;
    text-align: center; }
    @media only screen and (min-width: 901px) {
      body #seite #main.seite_preise #intro {
        padding: 20px 0 20px 0; } }
    @media only screen and (max-width: 900px) {
      body #seite #main.seite_preise #intro {
        padding: 0 0 20px 0;
        overflow-x: auto; } }
    body #seite #main.seite_preise #intro table {
      width: 370px; }
      body #seite #main.seite_preise #intro table tr td {
        padding: 3px 5px; }
    body #seite #main.seite_preise #intro #intro_abrechnungszeitraum {
      position: relative; }
      body #seite #main.seite_preise #intro #intro_abrechnungszeitraum #intro_sparen {
        position: absolute;
        width: 125px;
        height: auto;
        top: -29px;
        right: -105px; }
    body #seite #main.seite_preise #intro #hosting_infos {
      margin: 5px;
      padding: 10px;
      border: 1px solid #4e9c3d;
      border-radius: 4px; }
      body #seite #main.seite_preise #intro #hosting_infos h2 {
        margin: 0 10px 10px 10px;
        text-align: center; }
      body #seite #main.seite_preise #intro #hosting_infos #hosting_infos_close {
        margin: 10px 0;
        font-size: 85%;
        color: #4e9c3d;
        cursor: pointer; }
  body #seite #main.seite_preise #outro {
    margin: 10px; }
  body #seite #main.seite_preise #bereich_support h2 {
    margin: 10px; }
  body #seite #main.seite_preise #bereich_schulungen #schulungen_tabelle {
    overflow-x: auto; }
    body #seite #main.seite_preise #bereich_schulungen #schulungen_tabelle table tr td {
      padding: 10px; }
  body #seite #main.seite_preise #preis_spalten_wrapper {
    overflow-x: auto; }
    body #seite #main.seite_preise #preis_spalten_wrapper #preis_spalten {
      display: flex;
      justify-content: space-between;
      min-width: 900px;
      text-align: center; }
      body #seite #main.seite_preise #preis_spalten_wrapper #preis_spalten .hosting {
        margin: 10px 0 0 0;
        font-size: 0.9rem;
        background-color: #bbe4bb; }
        body #seite #main.seite_preise #preis_spalten_wrapper #preis_spalten .hosting div:first-child {
          padding: 7px 5px 0 5px;
          font-size: 1rem;
          font-weight: bold; }
        body #seite #main.seite_preise #preis_spalten_wrapper #preis_spalten .hosting div:nth-child(3) {
          padding: 10px;
          font-size: 2rem;
          font-weight: bold; }
        body #seite #main.seite_preise #preis_spalten_wrapper #preis_spalten .hosting div:last-child {
          padding: 0 5px 7px 5px; }
      body #seite #main.seite_preise #preis_spalten_wrapper #preis_spalten .preis_spalte {
        width: 33.33%;
        min-width: 290px;
        margin: 5px;
        padding: 0 0 15px 0;
        background-color: rgba(251, 255, 249, 0.9);
        border: 1px solid #4e9c3d;
        border-radius: 5px; }
        body #seite #main.seite_preise #preis_spalten_wrapper #preis_spalten .preis_spalte .preis_reihe_1 {
          margin: 15px 0;
          font-size: 1.2rem;
          font-weight: bold; }
        body #seite #main.seite_preise #preis_spalten_wrapper #preis_spalten .preis_spalte .preis_reihe_2 {
          margin: 20px 0;
          font-size: 2rem;
          font-weight: bold; }
        body #seite #main.seite_preise #preis_spalten_wrapper #preis_spalten .preis_spalte .preis_reihe_3 {
          font-size: 0.9rem;
          line-height: 1.5rem; }
        body #seite #main.seite_preise #preis_spalten_wrapper #preis_spalten .preis_spalte .preis_reihe_4 {
          margin: 20px; }
        body #seite #main.seite_preise #preis_spalten_wrapper #preis_spalten .preis_spalte .preis_reihe_5 {
          padding: 0 20px;
          font-size: 0.9rem;
          line-height: 150%; }
        body #seite #main.seite_preise #preis_spalten_wrapper #preis_spalten .preis_spalte .preis_reihe_6 {
          margin: 10px 0 0 0;
          padding: 5px 20px 0 55px;
          text-align: left;
          font-size: 0.9rem;
          line-height: 1rem;
          border-top: 1px solid #4e9c3d; }
          body #seite #main.seite_preise #preis_spalten_wrapper #preis_spalten .preis_spalte .preis_reihe_6 h3 {
            margin: 10px 5px 5px 5px;
            font-size: 0.9rem;
            font-weight: bold; }
          body #seite #main.seite_preise #preis_spalten_wrapper #preis_spalten .preis_spalte .preis_reihe_6 .enthalten::before {
            content: "✓ "; }
          body #seite #main.seite_preise #preis_spalten_wrapper #preis_spalten .preis_spalte .preis_reihe_6 .nicht_enthalten {
            color: #bbbfbb; }
            body #seite #main.seite_preise #preis_spalten_wrapper #preis_spalten .preis_spalte .preis_reihe_6 .nicht_enthalten::before {
              content: "✗ "; }
      body #seite #main.seite_preise #preis_spalten_wrapper #preis_spalten #preis_business {
        background-color: #e0f9e0; }
  body #seite #main.seite_presse #infos_pandrea {
    margin: 20px 10px 10px 10px; }
    body #seite #main.seite_presse #infos_pandrea h2 {
      margin: 30px 0 20px 0;
      font-size: 120%;
      text-align: center; }
    body #seite #main.seite_presse #infos_pandrea h3 {
      margin: 10px 0 5px 0;
      font-weight: bold;
      text-align: left; }
    body #seite #main.seite_presse #infos_pandrea .info_img {
      margin: 10px 0;
      text-align: center; }
      body #seite #main.seite_presse #infos_pandrea .info_img img {
        width: 100%; }
  body #seite #main.seite_presse #infos_pandrea {
    margin: 20px 10px 10px 10px; }
    body #seite #main.seite_presse #infos_pandrea h2 {
      margin: 30px 0 20px 0;
      font-size: 120%;
      text-align: center; }
    body #seite #main.seite_presse #infos_pandrea h3 {
      margin: 10px 0 5px 0;
      font-weight: bold;
      text-align: left; }
    body #seite #main.seite_presse #infos_pandrea .info_img {
      margin: 10px 0;
      text-align: center; }
      body #seite #main.seite_presse #infos_pandrea .info_img img {
        width: 100%; }
  @media only screen and (max-width: 900px) {
    body #seite #main.seite_presse table {
      width: 100%; } }
  body #seite #main.seite_presse table tr:nth-child(odd) {
    background-color: #ebfbe3; }
  @media only screen and (min-width: 901px) {
    body #seite #main.seite_presse table tr:hover {
      background-color: #ddface; } }
  body #seite #main.seite_presse table tr td {
    padding: 10px 5px;
    vertical-align: middle; }
    body #seite #main.seite_presse table tr td img {
      width: 35px;
      height: auto;
      vertical-align: middle; }
    body #seite #main.seite_presse table tr td:first-child {
      width: 100%;
      padding: 10px; }
  body #seite #main.seite_presse .download_pdf {
    margin: 10px 0;
    padding: 10px; }
  body #seite #main.seite_zugriffe #navigation {
    margin: 0 auto 15px auto; }
    body #seite #main.seite_zugriffe #navigation input, body #seite #main.seite_zugriffe #navigation select {
      padding: 5px;
      font-family: Poppins;
      font-size: 1rem;
      border: 1px solid #ababab;
      border-radius: 5px; }
      @media only screen and (max-width: 900px) {
        body #seite #main.seite_zugriffe #navigation input, body #seite #main.seite_zugriffe #navigation select {
          width: 150px; } }
      body #seite #main.seite_zugriffe #navigation input:focus, body #seite #main.seite_zugriffe #navigation select:focus {
        outline: none; }
    body #seite #main.seite_zugriffe #navigation select {
      font-size: 1rem;
      padding: 5px; }
      @media only screen and (min-width: 901px) {
        body #seite #main.seite_zugriffe #navigation select {
          width: 100%; } }
  body #seite #main.seite_zugriffe #zugriffe {
    overflow-x: auto; }
    body #seite #main.seite_zugriffe #zugriffe table {
      white-space: nowrap; }
      @media only screen and (max-width: 900px) {
        body #seite #main.seite_zugriffe #zugriffe table {
          width: 100%; } }
      body #seite #main.seite_zugriffe #zugriffe table tr:nth-child(even) {
        background-color: #ebfbe3; }
      @media only screen and (min-width: 901px) {
        body #seite #main.seite_zugriffe #zugriffe table tr:hover {
          background-color: #ddface; } }
      body #seite #main.seite_zugriffe #zugriffe table tr th, body #seite #main.seite_zugriffe #zugriffe table tr td {
        padding: 0 10px; }
      body #seite #main.seite_zugriffe #zugriffe table tr th:nth-child(2) {
        text-align: left; }
      body #seite #main.seite_zugriffe #zugriffe table tr th:nth-child(3) {
        text-align: left; }
      body #seite #main.seite_zugriffe #zugriffe table tr th:nth-child(6) {
        text-align: right; }
      body #seite #main.seite_zugriffe #zugriffe table tr td:first-child {
        text-align: center; }
      body #seite #main.seite_zugriffe #zugriffe table tr td:nth-child(4) {
        text-align: center; }
      body #seite #main.seite_zugriffe #zugriffe table tr td:nth-child(5) {
        text-align: center; }
      body #seite #main.seite_zugriffe #zugriffe table tr td:last-child {
        text-align: right; }
  body #seite #main.seite_anmeldung #anmeldung_schulungen {
    margin: 10px 0;
    font-size: 0.9rem;
    overflow-x: auto; }
    body #seite #main.seite_anmeldung #anmeldung_schulungen table {
      min-width: 800px; }
      body #seite #main.seite_anmeldung #anmeldung_schulungen table tr:hover {
        background-color: rgba(153, 199, 144, 0.5) !important; }
  body #seite #main.seite_anmeldung #anmeldung_formular {
    margin: 0 auto;
    padding: 10px;
    border: 1px solid gray;
    border-radius: 5px;
    white-space: nowrap;
    overflow-x: auto; }
    @media only screen and (min-width: 901px) {
      body #seite #main.seite_anmeldung #anmeldung_formular {
        width: 440px; } }
    @media only screen and (max-width: 900px) {
      body #seite #main.seite_anmeldung #anmeldung_formular {
        width: 340px;
        font-size: 0.9rem; } }
    body #seite #main.seite_anmeldung #anmeldung_formular #anmeldung_formular_div_schulung {
      display: none; }
    body #seite #main.seite_anmeldung #anmeldung_formular table {
      min-width: 250px; }
      body #seite #main.seite_anmeldung #anmeldung_formular table tr #anmeldung_formular_meldung {
        color: red; }
      body #seite #main.seite_anmeldung #anmeldung_formular table tr td {
        padding: 5px 0;
        vertical-align: baseline; }
        body #seite #main.seite_anmeldung #anmeldung_formular table tr td select,
        body #seite #main.seite_anmeldung #anmeldung_formular table tr td input[type=text],
        body #seite #main.seite_anmeldung #anmeldung_formular table tr td input[type=email] {
          padding: 5px; }
          @media only screen and (min-width: 901px) {
            body #seite #main.seite_anmeldung #anmeldung_formular table tr td select,
            body #seite #main.seite_anmeldung #anmeldung_formular table tr td input[type=text],
            body #seite #main.seite_anmeldung #anmeldung_formular table tr td input[type=email] {
              width: 300px; } }
          @media only screen and (max-width: 900px) {
            body #seite #main.seite_anmeldung #anmeldung_formular table tr td select,
            body #seite #main.seite_anmeldung #anmeldung_formular table tr td input[type=text],
            body #seite #main.seite_anmeldung #anmeldung_formular table tr td input[type=email] {
              width: 220px; } }
        body #seite #main.seite_anmeldung #anmeldung_formular table tr td select {
          font-size: 1rem; }
        body #seite #main.seite_anmeldung #anmeldung_formular table tr td button {
          width: 100%; }
  @media only screen and (min-width: 901px) {
    body #seite {
      margin: 85px auto 0 auto; } }
  @media only screen and (max-width: 900px) {
    body #seite {
      margin: 55px auto 0 auto; } }
  body #seite #main {
    max-width: 100%; }
    @media only screen and (max-width: 1300px) {
      body #seite #main {
        margin: 0 5px; } }
    body #seite #main ol li ul {
      padding: 0 30px; }
      body #seite #main ol li ul li {
        list-style: disc; }
    body #seite #main h1 {
      margin: 0 0 20px 0;
      padding: 10px;
      text-align: center;
      font-size: 1.5rem;
      line-height: 1.8rem;
      color: white;
      background-color: #80ad78;
      letter-spacing: 1px;
      hyphens: none; }
      @media only screen and (min-width: 901px) {
        body #seite #main h1 {
          border-radius: 5px; } }
    body #seite #main h2 {
      font-size: 1.2rem;
      line-height: 1.7rem;
      text-align: left;
      letter-spacing: 1px;
      hyphens: none; }
      @media only screen and (max-width: 900px) {
        body #seite #main h2 {
          margin: 0 10px; } }
    body #seite #main .width_100 {
      width: 100%; }
    body #seite #main .div_500 {
      width: 500px;
      max-width: 100%;
      margin: 0 auto; }
      @media only screen and (max-width: 900px) {
        body #seite #main .div_500 {
          padding: 0; } }
    body #seite #main .div_1000 {
      width: 1000px;
      max-width: 100%;
      margin: 0 auto; }
      @media only screen and (max-width: 900px) {
        body #seite #main .div_1000 {
          padding: 0; } }
    body #seite #main .div_1200 {
      width: 1200px;
      max-width: 100%;
      margin: 0 auto; }
      @media only screen and (max-width: 900px) {
        body #seite #main .div_1200 {
          padding: 0; } }
    body #seite #main .icon_click {
      width: 35px;
      padding: 5px;
      vertical-align: middle;
      border-radius: 50%;
      cursor: pointer; }
      @media only screen and (min-width: 901px) {
        body #seite #main .icon_click:hover {
          border: 1px solid red; } }
    @media only screen and (min-width: 901px) {
      body #seite #main .scroll_fade {
        transition: all 1.5s;
        opacity: 0; }
      body #seite #main .fade {
        opacity: 1; }
      body #seite #main .scroll_left {
        transition: all 1s;
        transform: translate(-400px, 0);
        opacity: 0; }
      body #seite #main .left {
        transform: translate(0, 0);
        opacity: 1; }
      body #seite #main .scroll_right {
        transition: all 1.2s;
        transform: translate(400px, 0);
        opacity: 0; }
      body #seite #main .right {
        transform: translate(0, 0);
        opacity: 1; } }
  body #nach_oben {
    position: fixed;
    bottom: 10px;
    right: 10px;
    width: 50px;
    height: 50px;
    padding-top: 13px;
    font-size: 1.5rem;
    background-color: rgba(231, 253, 219, 0.7);
    border: 1px solid white;
    border-radius: 50px;
    text-align: center;
    cursor: pointer;
    transition: all 0.8s ease;
    z-index: 1; }
    body #nach_oben a {
      color: rgba(107, 184, 81, 0.6);
      text-decoration: none; }
      @media only screen and (min-width: 901px) {
        body #nach_oben a:hover {
          color: #6bb851; } }
    @media only screen and (min-width: 901px) {
      body #nach_oben:hover {
        transform: translate(0, -5px);
        background-color: #e7fddb; } }
  body #footer_2 {
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
    color: #083904;
    background-color: #99c790;
    margin: 10px 0 0 0;
    padding: 20px 0; }
    body #footer_2 a {
      color: white;
      font-weight: normal; }
    body #footer_2 h2 {
      font-weight: normal; }
      @media only screen and (min-width: 901px) {
        body #footer_2 h2 {
          margin: 10px;
          font-size: 1.7rem;
          line-height: 1.9rem; } }
      @media only screen and (max-width: 900px) {
        body #footer_2 h2 {
          margin: 10px;
          font-size: 1.2rem;
          line-height: 1.5rem; } }
    body #footer_2 p {
      margin: 10px 10px;
      padding: 0; }
      @media only screen and (min-width: 901px) {
        body #footer_2 p {
          font-size: 1.2rem; } }
      @media only screen and (max-width: 900px) {
        body #footer_2 p {
          font-size: 1rem;
          line-height: 1.4rem; } }
    body #footer_2 button {
      margin: 10px; }
    body #footer_2 .termin {
      margin: 0;
      max-width: 600px; }
      body #footer_2 .termin #termin_button_wrapper {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap; }
        body #footer_2 .termin #termin_button_wrapper button {
          margin: 5px; }
    body #footer_2 .rueckmeldungen_wrapper {
      margin: 0; }
      @media only screen and (min-width: 901px) {
        body #footer_2 .rueckmeldungen_wrapper {
          display: flex;
          justify-content: center;
          flex-wrap: wrap; } }
      @media only screen and (max-width: 1300px) {
        body #footer_2 .rueckmeldungen_wrapper {
          margin: 10px 0 0 0; } }
      @media only screen and (min-width: 901px) {
        body #footer_2 .rueckmeldungen_wrapper .rueckmeldungen_button {
          width: 197px;
          margin: 0 20px 0 10px; } }
      @media only screen and (max-width: 900px) {
        body #footer_2 .rueckmeldungen_wrapper .rueckmeldungen_button {
          max-width: 400px; } }
      body #footer_2 .rueckmeldungen_wrapper .rueckmeldungen_button div {
        padding: 0 10px; }
      body #footer_2 .rueckmeldungen_wrapper .rueckmeldungen {
        max-width: 400px;
        max-height: 210px;
        overflow-y: auto;
        color: #587651; }
        @media only screen and (min-width: 901px) {
          body #footer_2 .rueckmeldungen_wrapper .rueckmeldungen {
            margin: 0; } }
        @media only screen and (max-width: 900px) {
          body #footer_2 .rueckmeldungen_wrapper .rueckmeldungen {
            margin: 10px; } }
        body #footer_2 .rueckmeldungen_wrapper .rueckmeldungen .rueckmeldung {
          margin: 2px 5px 12px 5px;
          padding: 1px 8px 3px 5px;
          border-radius: 5px;
          box-shadow: 1px 1px 3px 1px #7d9e77; }
          body #footer_2 .rueckmeldungen_wrapper .rueckmeldungen .rueckmeldung img {
            width: 20px;
            height: 20px;
            margin: 0 5px 0 0; }
          body #footer_2 .rueckmeldungen_wrapper .rueckmeldungen .rueckmeldung p:first-child {
            margin: 5px 0;
            font-family: Itim;
            font-size: 1.2rem;
            line-height: 1.3rem; }
          body #footer_2 .rueckmeldungen_wrapper .rueckmeldungen .rueckmeldung p:last-child {
            display: flex;
            justify-content: right;
            align-items: center;
            margin: 0;
            font-size: 0.9rem;
            line-height: 1rem;
            text-align: right; }
  body #footer_1 {
    position: relative;
    margin: 0;
    color: #d5d5d5; }
    body #footer_1 #footer_1_background {
      width: 100% !important;
      object-fit: cover;
      object-position: bottom center; }
      @media only screen and (min-width: 901px) {
        body #footer_1 #footer_1_background {
          height: 400px; } }
      @media only screen and (max-width: 900px) {
        body #footer_1 #footer_1_background {
          height: 300px; } }
    body #footer_1 #footer_1_content {
      position: absolute;
      background-color: rgba(0, 0, 0, 0.7);
      border-radius: 10px;
      letter-spacing: 1px;
      cursor: context-menu;
      transition: all 0.5s; }
      @media only screen and (min-width: 901px) {
        body #footer_1 #footer_1_content:hover {
          background-color: rgba(0, 0, 0, 0.8); } }
      @media only screen and (min-width: 901px) {
        body #footer_1 #footer_1_content {
          top: 50px;
          left: 50px;
          width: 620px;
          padding: 20px 25px;
          font-size: 2.6rem;
          line-height: 3.5rem; } }
      @media only screen and (max-width: 900px) {
        body #footer_1 #footer_1_content {
          top: 30px;
          left: 10px;
          width: calc(100% - 20px);
          padding: 10px 15px;
          font-size: 1.3rem;
          line-height: 1.8rem; } }
      body #footer_1 #footer_1_content #footer_1_logo {
        top: 20px;
        left: 50px;
        width: 400px;
        max-width: 90%;
        height: auto; }
    body #footer_1 #made_in_germany {
      position: absolute;
      bottom: 40px;
      right: 40px;
      text-align: center;
      font-size: 0.9rem;
      line-height: 1.2rem; }
      body #footer_1 #made_in_germany img {
        width: 70px;
        height: auto;
        opacity: 0.6;
        transition: all 0.5s; }
        body #footer_1 #made_in_germany img:hover {
          opacity: 1; }
  body #footer {
    margin: 10px 20px;
    font-size: 80%;
    color: gray;
    text-align: right; }
    body #footer span {
      cursor: pointer; }
      body #footer span:hover {
        color: #258604; }
  body #header_mobile {
    position: fixed;
    top: 0;
    width: 100%;
    background-color: rgba(251, 255, 249, 0.9);
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.25);
    z-index: 1; }
    body #header_mobile h1 {
      padding: 5px;
      color: #48a429;
      font-size: 1.3rem;
      text-align: center;
      letter-spacing: 1px; }
    body #header_mobile #header_mobile_logo {
      position: absolute;
      top: 2px;
      left: 5px;
      width: 30px; }
    body #header_mobile #header_mobile_seiten_icon {
      width: 18px;
      vertical-align: baseline; }
  body #header_wrapper {
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    color: #258604;
    background-color: rgba(251, 255, 249, 0.9);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25); }
    body #header_wrapper #header {
      width: 1400px;
      max-width: 100vw;
      display: flex;
      justify-content: space-between; }
      body #header_wrapper #header a {
        color: #258604;
        text-decoration: none; }
      body #header_wrapper #header img {
        width: 30px;
        height: auto;
        padding: 5px;
        vertical-align: bottom; }
      body #header_wrapper #header #kontakt {
        align-self: center;
        font-size: 0.8rem;
        white-space: nowrap; }
      body #header_wrapper #header #logo {
        width: 150px;
        margin: 10px 0 10px 10px;
        height: auto;
        transition: 0.5s all ease; }
        body #header_wrapper #header #logo img {
          width: 100%; }
      body #header_wrapper #header nav {
        display: flex;
        flex-wrap: wrap;
        margin: 0;
        padding: 0 20px 0 0; }
        body #header_wrapper #header nav .nav_active {
          border-bottom: 4px solid #4e9c3d; }
        body #header_wrapper #header nav div {
          margin: 0 10px;
          align-self: center;
          text-transform: uppercase;
          transition: 0.5s all ease;
          font-size: 1rem;
          letter-spacing: 1px;
          cursor: pointer;
          white-space: nowrap; }
          body #header_wrapper #header nav div:hover {
            border-bottom: 4px solid #4e9c3d; }
    body #header_wrapper #header.header_small #logo {
      width: 120px;
      margin: 6px 0 0 10px; }
    body #header_wrapper #header.header_small nav div {
      margin: 0 10px;
      padding: 2px 0;
      font-size: 0.8rem;
      letter-spacing: 1px; }
  body #meldung_wrapper {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(185, 201, 185, 0.5); }
    body #meldung_wrapper #meldung {
      width: 400px;
      margin: calc(50vh - 100px) auto;
      padding: 20px 20px 0 20px;
      color: #e7efe1;
      background-color: rgba(57, 73, 64, 0.9);
      border-radius: 5px; }
      body #meldung_wrapper #meldung #meldung_close {
        color: #16f600;
        text-align: right;
        padding: 10px;
        cursor: pointer; }