@charset "UTF-8";
:root,
address, article, aside, body, footer, h1, h2, h3, h4, h5, h6, header, nav, section,
blockquote, dd, div, dl, dt, figcaption, figure, hr, li, main, ol, p, pre, ul,
a, abbr, b, cite, code, data, dfn, em, i, kbd, mark, q, s, samp, small, span, strong, sub, sup, time, u, var,
del, ins,
audio, canvas, embed, iframe, img, object, picture, video,
caption, table, tbody, td, tfoot, th, thead, tr,
button, fieldset, form, input, label, legend, output, select, textarea,
details, dialog, menu, summary {
  vertical-align: baseline;
  margin: 0;
  padding: 0;
  font: inherit;
  background: none repeat scroll 0 0 transparent;
  border: 0 none;
  outline: 0 none; }

/**
 * Box sizing
 */
*,
::before,
::after {
  box-sizing: border-box; }

/**
 * Box shadow
 */
:invalid {
  box-shadow: none; }

/**
 * Vertical align
 */
[role=button],
audio, canvas, embed, iframe, img, object, picture, video,
th, thead td,
button, input, label, select, textarea {
  vertical-align: middle; }

sub {
  vertical-align: sub; }

sup {
  vertical-align: super; }

td {
  vertical-align: top; }

/**
 * Display
 */
dialog[open],
main,
figure > * {
  display: block; }

[role=button],
[role=button]:hover,
audio,
canvas,
embed,
iframe,
img,
object,
picture,
video {
  display: inline-block;
  max-width: 100%; }

[hidden],
dialog {
  display: none; }

/**
 * Font
 */
blockquote,
cite,
dfn,
em,
optgroup,
q,
i,
var {
  font-style: italic; }

b,
em,
optgroup,
option[selected],
strong,
th,
thead td {
  font-weight: bold; }

/**
 * Cursor
 */
[role=button],
[type=button],
[type=reset],
[type=submit],
a,
button,
input[type=checkbox],
input[type=radio],
label,
select,
summary {
  cursor: pointer; }

abbr[title],
del[title],
dfn[title],
ins[title] {
  cursor: help; }

[draggable=true] {
  cursor: move; }

/**
 * Global
 */
:root {
  width: 100%;
  overflow-y: scroll;
  font-size: 16px; }

body {
  width: 100%;
  min-height: 100vh; }

main {
  hyphens: auto; }

/**
 * Nav
 */
nav ul {
  list-style: none; }

/**
 * Text
 */
code,
kbd,
pre,
samp {
  font-family: monospace; }

pre {
  white-space: pre-wrap;
  word-wrap: break-word; }

q {
  quotes: '“' '”' '‘' '’'; }

s,
del {
  text-decoration: line-through; }

u,
ins {
  text-decoration: underline; }

abbr[title],
dfn[title] {
  border-bottom: thin dotted; }

a {
  color: inherit;
  text-decoration: none; }

hr {
  clear: both; }

/**
 * Figure
 */
img {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

/**
 * Table
 */
table {
  empty-cells: show;
  border-collapse: collapse;
  border-spacing: 0; }

th,
td {
  text-align: left; }

th,
thead td {
  white-space: nowrap; }

/**
 * Form
 */
select[multiple],
textarea {
  resize: both; }

/**
 * Print
 */
@media print {
  dialog[open] {
    display: none; } }

/**
 * Font
 */
@font-face {
  font-family: fontawesome;
  font-style: normal;
  font-weight: normal;
  src: url(font/fa-regular.woff2) format("woff2"), url(font/fa-regular.woff) format("woff"); }

@font-face {
  font-family: fontawesome;
  font-style: normal;
  font-weight: 900;
  src: url(font/fa-solid.woff2) format("woff2"), url(font/fa-solid.woff) format("woff"); }

/**
 * Screen
 */
@media screen {
  /**
   * Actions
   */
  a[data-action] {
    display: inline-block;
    line-height: 1;
    font-family: fontawesome;
    font-size: 0;
    font-weight: 900; }
  a[data-action]::before {
    font-size: 1rem; }
  /**
   * Navigation
   */
  nav[data-toggle] {
    position: sticky;
    top: 0;
    z-index: 100; }
  nav[data-toggle=open] {
    position: relative; }
  nav[data-toggle] ul {
    display: none;
    margin-left: 1.25rem; }
  nav[data-toggle] > ul {
    margin-top: 1.5rem; }
  nav[data-toggle] a[data-action=toggle][data-toggle] ~ ul {
    display: block; }
  nav[data-toggle] > a[data-action=toggle] {
    display: block;
    font-size: 1.5rem; }
  nav[data-toggle] ul a[data-action=toggle] {
    display: inline-block;
    margin: 0 0.75rem 0 -1.25rem; }
  nav[data-toggle] ul a[data-action=toggle][data-toggle] {
    margin-right: 0.5rem; }
  nav[data-toggle] > a[data-action=toggle]::before {
    font-size: 1.5rem;
    content: '\f0c9'; }
  nav[data-toggle] ul a[data-action=toggle]::before {
    font-size: 0.75rem;
    content: '\f054'; }
  nav[data-toggle] ul a[data-action=toggle][data-toggle]::before {
    content: '\f078'; } }

/**
 * Desktop
 */
@media screen and (min-width: 55rem) {
  /**
   * Navigation
   */
  nav[data-toggle] li ul,
  nav[data-toggle] a[data-action=toggle][data-toggle] ~ ul,
  nav[data-toggle] > a[data-action=toggle],
  nav[data-toggle] ul a[data-action=toggle] {
    display: none; }
  nav[data-toggle] > ul,
  nav[data-toggle] li:hover > ul,
  nav[data-toggle] > a[data-action=toggle][data-toggle] ~ ul,
  nav[data-toggle] li:hover > a[data-action=toggle][data-toggle] ~ ul {
    display: block; }
  nav[data-toggle] ul {
    margin-left: 0; }
  nav[data-toggle] > ul {
    margin-top: 0; }
  nav[data-toggle] li ul {
    position: absolute; }
  nav[data-toggle] li li ul {
    top: 0;
    left: 100%; }
  nav[data-toggle] > ul > li {
    display: inline-block;
    margin-right: 0.625rem; }
  nav[data-toggle] li li {
    position: relative;
    display: block;
    padding: 0.375rem; } }

/**
 * Print
 */
@media print {
  /**
   * Global
   */
  body {
    padding: 0; }
  /**
   * Details
   */
  details {
    margin-bottom: 1.5rem; }
  summary {
    display: block;
    margin-bottom: 1.5rem;
    font-size: 1.125rem; }
  /**
   * Pagebreak
   */
  h1,
  h2,
  h3,
  summary {
    page-break-after: avoid; }
  /**
   * Links
   */
  #content a:not([role]):not([data-action])::after {
    content: " (" attr(href) ")";
    font-size: 0.875rem;
    font-style: italic;
    text-transform: none; } }

@font-face {
  font-family: 'Cocogoose';
  src: url(/ext/font/Cocogoose-Pro-Light-OTF.otf);
  font-weight: normal; }

@font-face {
  font-family: 'Cocogoose';
  src: url(/ext/font/Cocogoose-Pro-Semilight-OTF.otf);
  font-weight: bold;
  font-style: normal; }

/**
 * Global
 */
html {
  scroll-behavior: smooth;
  height: 100%; }

body {
  font-family: 'Cocogoose', serif;
  font-size: 0.9rem;
  line-height: 1.5rem;
  padding: 8.5rem 0 0;
  color: #000;
  height: 100%; }

body > * {
  box-sizing: border-box; }

figure:not(:last-child),
h1:not(:last-child),
h2:not(:last-child),
h3:not(:last-child),
p:not(:last-child),
ol:not(:last-child),
ul:not(:last-child),
table:not(:last-child),
main > :not(:last-child),
#content > :not(:last-child):not(details),
.grid > * {
  margin-bottom: 1.5rem; }

h1:not(:first-child),
h2:not(:first-child),
h3:not(:first-child) {
  margin-top: 3rem;
  line-height: 1.6875rem; }

::selection {
  color: #fff;
  background: #000; }

/**
 * Text
 */
h1 {
  font-size: 2rem;
  line-height: 3rem;
  color: #035bc5;
  font-weight: bold; }

h2 {
  font-size: 1.5rem; }

h3 {
  font-size: 1.1rem; }

p:not(:first-child) {
  margin-top: 0.75rem; }

p:not(:last-child) {
  margin-bottom: 0.75rem; }

[data-attr="content"] a, form a, #accept-ds a {
  text-decoration: underline;
  text-decoration-color: #035bc5;
  text-decoration-thickness: .125em;
  text-underline-offset: 1.5px;
  color: #035bc5;
  transition: all 300ms ease; }
  [data-attr="content"] a:hover, form a:hover, #accept-ds a:hover {
    color: #024493;
    background: #fff; }

small {
  font-size: 0.9rem; }

/**
 * Figure
 */
figure.left {
  float: left;
  max-width: 50%;
  margin-right: 1.5rem; }

figure.right {
  float: right;
  max-width: 50%;
  margin-left: 1.5rem; }

figcaption {
  font-size: .875rem; }

figure.iframe {
  min-width: 351px; }

/**
 * List
 */
ol,
ul {
  padding-left: 1.5rem; }

/**
 * Nav
 */
nav ul {
  margin: 0;
  padding-left: 0; }

/**
 * Table
 */
table {
  font-size: .875rem;
  width: 100%; }

thead {
  border-bottom: solid .0625rem #000; }

td,
th {
  padding: .71875rem .375rem; }

th {
  border-bottom: solid .0625rem #000; }

td {
  border-bottom: solid .0625rem #bbb; }

table p {
  margin: 0; }

/**
 * Message
 */
.msg {
  margin: 0 -.75rem;
  padding: .75rem;
  color: #fff;
  background: #000; }

.msg p {
  margin: 0; }

em {
  font-weight: normal; }

/**
 * Grid
 */
.grid figure {
  padding: .25rem;
  text-align: center;
  border: .0625rem solid #ddd; }

/**
 * Clear
 */
[data-type=rte]::before {
  display: table;
  content: ' '; }

[data-type=rte]::after {
  display: table;
  clear: both;
  content: ' '; }

/**
 * Margins, Paddings
 */
#breadcrumb, #content, .news-index, .wrap-blogger {
  max-width: 85.625rem; }

@media screen and (min-width: 40rem) {
  figure.iframe-legend {
    min-width: auto;
    width: 50%;
    display: inline-block !important; }
  figure.iframe-legend + ul {
    min-width: auto;
    width: 50%;
    display: inline-block !important;
    vertical-align: top;
    padding-left: 5rem;
    margin-top: 2rem; } }

/**
 * Details + Button
 */
details {
  padding: 0.6875rem;
  border: 0.0625rem solid #d3d3d3;
  border-radius: 0.25rem; }

details + details {
  margin-top: 0.125rem; }

[role=button],
summary {
  padding: 0.6875rem;
  color: #555;
  background: #e6e6e6;
  border: 0.0625rem solid #d3d3d3;
  border-radius: 0.25rem; }

[role=button]:hover,
summary:hover {
  color: #212121;
  background: #dadada;
  border-color: #999; }

summary {
  margin: -0.75rem; }

details[open] summary {
  margin-bottom: 0.75rem; }

article#content ul, .article-content ul {
  list-style-type: none; }
  article#content ul li, .article-content ul li {
    position: relative; }
    article#content ul li:not(:first-of-type), .article-content ul li:not(:first-of-type) {
      padding-top: .15rem;
      margin-top: .15rem; }
    article#content ul li:not(:last-of-type), .article-content ul li:not(:last-of-type) {
      padding-bottom: .15rem;
      margin-bottom: .15rem; }
    article#content ul li:before, .article-content ul li:before {
      color: green;
      font-size: 1em;
      content: url("/ext/img/list-style-check.svg");
      position: absolute;
      left: -1.5rem;
      width: 1rem;
      top: .4rem; }
    article#content ul li:first-of-type:before, .article-content ul li:first-of-type:before {
      top: .15rem; }

article#content h2, .article-content h2 {
  color: #035bc5;
  font-size: 1.1rem;
  font-weight: bold;
  margin: 1.5rem -3rem;
  padding: 1.5rem 3rem 0;
  line-height: 1.5rem;
  padding-top: 2.25rem;
  padding-left: 3rem;
  padding-right: 3rem;
  padding-bottom: 0.75rem;
  margin-top: 1.5rem;
  margin-left: -3rem;
  margin-right: -3rem;
  margin-bottom: 0.75rem;
  border-top: 3px solid #dff3fa; }

article#content h3, .article-content h3 {
  margin: 2.25rem 0 0.75rem;
  font-weight: bold;
  font-size: 1.0rem;
  font-weight: bold; }

article#content [data-attr="content"] > h2:first-of-type, .article-content [data-attr="content"] > h2:first-of-type {
  padding-top: 0; }

article#content details, .article-content details {
  display: block;
  margin: 0 0;
  background: #fff;
  border-width: 0;
  padding: 3.25rem 7.5rem 0;
  border-radius: 0;
  clear: both; }
  article#content details > *, .article-content details > * {
    display: none; }
  article#content details summary, .article-content details summary {
    margin: -3.25rem -7.5rem 0;
    border-width: 0;
    border-radius: 0;
    background: #fff;
    color: #035bc5;
    font-size: 1.25rem;
    padding: 1.5rem 3rem;
    padding: 0.75rem 1.75rem 0.75rem 4rem;
    display: flex;
    align-items: center;
    position: relative; }
    article#content details summary:before, .article-content details summary:before {
      content: '';
      background-image: url("/ext/img/angle-right.svg");
      background-size: 100% 100%;
      width: 1.5rem;
      height: 1.5rem;
      margin-right: .5rem;
      flex-shrink: 0;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 1.75rem;
      margin: auto; }
    article#content details summary::-webkit-details-marker, .article-content details summary::-webkit-details-marker {
      display: none; }
  article#content details summary + h2, .article-content details summary + h2 {
    padding-top: 0;
    border-top-width: 0; }
  article#content details[open], .article-content details[open] {
    padding-bottom: 6rem; }
    article#content details[open] > *, .article-content details[open] > * {
      display: block; }
    article#content details[open] summary, .article-content details[open] summary {
      margin-bottom: 1.5rem;
      display: flex;
      border-bottom: 0 solid #dff3fa; }
      article#content details[open] summary:before, .article-content details[open] summary:before {
        background-image: url("/ext/img/angle-down.svg"); }
    article#content details[open] details summary, .article-content details[open] details summary {
      margin-bottom: 0;
      padding-left: 2rem; }
      article#content details[open] details summary:before, .article-content details[open] details summary:before {
        background-image: url("/ext/img/angle-right.svg");
        left: 0; }
    article#content details[open] details[open], .article-content details[open] details[open] {
      padding: 2rem 2.5rem; }
      article#content details[open] details[open] summary, .article-content details[open] details[open] summary {
        margin-bottom: 1.5rem; }
        article#content details[open] details[open] summary:before, .article-content details[open] details[open] summary:before {
          background-image: url("/ext/img/angle-down.svg"); }
  article#content details details, .article-content details details {
    padding: 1rem 2.5rem; }
    article#content details details summary, .article-content details details summary {
      border-width: 0;
      padding: 0;
      margin: 0 -2.5rem;
      font-size: 1.1rem;
      font-weight: bold; }
      article#content details details summary:before, .article-content details details summary:before {
        width: 1.5rem;
        height: 1.5rem;
        margin-right: .5rem; }
    article#content details details + details, .article-content details details + details {
      margin-top: 0; }

article#content details + details, .article-content details + details {
  margin-top: 1.5rem; }

.article-content {
  margin-top: 1.5rem; }
  .article-content details summary {
    border-width: 0; }
  .article-content details + details {
    margin-top: 0.75rem; }
  .article-content details[open] {
    padding-bottom: 1.5rem; }

@media screen and (max-width: 52rem) {
  article#content h2, .article-content h2 {
    font-size: 1.1rem; }
  article#content h3, .article-content h3 {
    margin: 1.5rem 0 0.75rem;
    font-size: 1.0rem; }
  article#content details summary, .article-content details summary {
    font-size: 1.25rem;
    padding-left: 2.25rem; }
    article#content details summary:before, .article-content details summary:before {
      width: 1.35rem;
      height: 1.35rem; }
  article#content details details summary, .article-content details details summary {
    font-weight: normal; }
  #main [data-attr="content"] .block-legend figure {
    width: auto;
    margin-right: 1rem; }
    #main [data-attr="content"] .block-legend figure img {
      width: 30px; } }

[data-url^="/berufseinstieg"] #main-inner, [data-url^="/ueber_uns"] #main-inner, [data-url^="/q-a"] #main-inner, [data-url^="/praktikum"] #main-inner, [data-url^="/leichtesprache"] #main-inner {
  background-repeat: no-repeat;
  background-position: 95% 3rem;
  background-size: 35%; }
  [data-url^="/berufseinstieg"] #main-inner article#content > h1, [data-url^="/ueber_uns"] #main-inner article#content > h1, [data-url^="/q-a"] #main-inner article#content > h1, [data-url^="/praktikum"] #main-inner article#content > h1, [data-url^="/leichtesprache"] #main-inner article#content > h1 {
    width: 60%; }
  [data-url^="/berufseinstieg"] #main-inner article#content div[data-attr] > p, [data-url^="/ueber_uns"] #main-inner article#content div[data-attr] > p, [data-url^="/q-a"] #main-inner article#content div[data-attr] > p, [data-url^="/praktikum"] #main-inner article#content div[data-attr] > p, [data-url^="/leichtesprache"] #main-inner article#content div[data-attr] > p {
    width: 60%; }

[data-url^="/berufseinstieg"] #main-inner {
  background-image: url("/ext/img/bg-icon-berufseinstieg.png");
  background-size: 17.5rem auto; }

[data-url^="/q-a"] #main-inner {
  background-image: url("/ext/img/bg-icon-faq.png");
  background-position: 85% 3rem;
  background-size: 13rem auto; }

[data-url^="/ueber_uns"] #main-inner {
  background-image: url("/ext/img/bg-icon-ueber_uns.png");
  background-size: 10rem auto; }
  [data-url^="/ueber_uns"] #main-inner article#content > h1 {
    width: 50%; }
  [data-url^="/ueber_uns"] #main-inner article#content div[data-attr] > p {
    width: 50%; }

[data-url^="/praktikum"] #main-inner {
  background-image: url("/ext/img/bg-icon-praktikum.png");
  background-position: 85% 3rem;
  background-size: 10rem auto; }
  [data-url^="/praktikum"] #main-inner article#content > h1 {
    min-height: 5rem; }

[data-url^="/leichtesprache"] #main-inner {
  background-image: url("/ext/img/bg-icon-leichte-sprache.png");
  background-position: 85% 3rem;
  background-size: 10rem auto; }
  [data-url^="/leichtesprache"] #main-inner article#content > h1 {
    min-height: 5rem; }

[data-url^="/q-a"] article#content details[open] ul li:before {
  content: url("/ext/img/list-style-faq.svg"); }

[data-url^="/unsere_standorte"] [data-attr="content"] {
  background: #fff;
  padding: 2rem 3rem; }
  [data-url^="/unsere_standorte"] [data-attr="content"] .block-adress {
    max-width: 100%; }

@media screen and (max-width: 1000px) {
  [data-url^="/unsere_standorte"] #main [data-attr="content"] {
    background: #fff;
    padding: 2rem .5rem; }
    [data-url^="/unsere_standorte"] #main [data-attr="content"] .block-adress {
      max-width: 100%; }
    [data-url^="/unsere_standorte"] #main [data-attr="content"] .block-legend figure {
      width: auto;
      margin-right: 1rem; }
      [data-url^="/unsere_standorte"] #main [data-attr="content"] .block-legend figure img {
        width: 30px; }
  [data-url^="/berufseinstieg"] #main-inner {
    background-size: 8rem auto;
    background-position: 95% 7rem; }
  [data-url^="/q-a"] #main-inner {
    background-size: 8rem auto;
    background-position: 90% 5rem; }
    [data-url^="/q-a"] #main-inner article#content > h1 {
      width: 60%; }
  [data-url^="/ueber_uns"] #main-inner {
    background-size: 6.5rem auto;
    background-position: 90% 4rem; }
    [data-url^="/ueber_uns"] #main-inner article#content > h1 {
      width: 65%; }
  [data-url^="/praktikum"] #main-inner {
    background-size: 7rem auto;
    background-position: 90% 4.5rem; }
    [data-url^="/praktikum"] #main-inner article#content > h1 {
      min-height: 3.5rem; } }

.warning {
  color: #fb3e00; }

#main {
  background: #dff3fa; }
  #main #main-inner {
    max-width: 85.625rem;
    margin: 0 auto;
    padding-bottom: 5rem; }
    #main #main-inner .title-hash {
      background: #79B927;
      display: inline-block;
      margin: 1.2rem 0 1rem 3rem;
      font-size: 1.1rem;
      line-height: 1.8rem;
      color: #fffcff;
      padding: 0 0.75rem; }
    #main #main-inner #content > h1:first-of-type {
      margin: 1rem 3rem 0.75rem;
      font-size: 2.3rem;
      line-height: 4rem;
      font-weight: bold;
      color: #035bc5;
      hyphens: none; }
    #main #main-inner #content [data-attr="content"] section.block-content {
      padding: 0 2rem;
      margin-top: 3.25rem;
      align-items: center;
      background: #2ec4e9;
      background: linear-gradient(0deg, #2ec4e9 0%, #035bc5 100%);
      position: relative; }
      #main #main-inner #content [data-attr="content"] section.block-content figure {
        margin-bottom: 0;
        position: absolute;
        bottom: 0;
        max-width: 25%; }
        #main #main-inner #content [data-attr="content"] section.block-content figure img {
          max-height: 15rem;
          width: auto; }
      #main #main-inner #content [data-attr="content"] section.block-content > div {
        padding: 2rem 5% 2rem 30%;
        min-height: 11rem;
        hyphens: none;
        text-shadow: 1px 1px 2px black;
        position: relative; }
        #main #main-inner #content [data-attr="content"] section.block-content > div p {
          color: #fffcff;
          font-size: 1.3rem;
          font-style: italic;
          font-weight: normal;
          line-height: 1.75; }
    #main #main-inner #content [data-attr="content"] details + section.block-content {
      margin-top: 5rem; }
    #main #main-inner #content [data-attr="content"] sup {
      vertical-align: top;
      display: inline-block;
      width: 1rem;
      height: 1rem;
      text-indent: -9px;
      overflow: hidden;
      background-image: url("/ext/img/info.svg");
      background-size: 100%;
      background-repeat: no-repeat; }
  #main .block-adress, #main .block-legend {
    background: #dff3fa;
    padding: .75rem;
    display: -ms-flexbox !important;
    display: -webkit-flex !important;
    display: flex !important;
    align-items: flex-start; }
    #main .block-adress figure, #main .block-legend figure {
      margin: 0 2rem 0 0;
      -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      -webkit-align-self: flex-start;
      -ms-flex-item-align: flex-start;
      align-self: flex-start; }
    #main .block-adress div.content, #main .block-legend div.content {
      -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
      flex: 0 1 auto;
      -webkit-align-self: center;
      -ms-flex-item-align: center;
      align-self: center; }
    #main .block-adress p:not(:first-child), #main .block-legend p:not(:first-child) {
      margin-top: 0.375rem; }
    #main .block-adress p:not(:last-child), #main .block-legend p:not(:last-child) {
      margin-bottom: 0.375rem; }
    #main .block-adress:after, #main .block-legend:after {
      content: ".";
      clear: both;
      display: block;
      visibility: hidden;
      height: 0px; }
  #main .block-adress, #main .block-legend {
    max-width: 40rem; }
    #main .block-adress + .iframe, #main .block-legend + .iframe {
      margin-top: 1.5rem; }
  #main .block-legend {
    max-width: 100%; }
  #main .block-notice {
    margin: 1.5rem 0;
    font-size: 0.95rem;
    position: relative; }
    #main .block-notice h2 {
      margin: -1rem -1rem 1rem -1rem;
      background: #bbb;
      border: none;
      padding: .5rem 1rem;
      line-height: 1.5rem;
      color: #000;
      font-size: 1.25rem; }
    #main .block-notice:after {
      content: ".";
      clear: both;
      display: block;
      visibility: hidden;
      height: 0px; }
    #main .block-notice:before {
      content: "";
      position: absolute;
      width: 1rem;
      height: 1rem;
      text-indent: -9px;
      overflow: hidden;
      background-image: url("/ext/img/info.svg");
      background-size: 100%;
      background-repeat: no-repeat;
      left: -1.5rem;
      top: .25rem; }
  #main a[href*="mehrinput"], #main a[href*="jetzt_bewerben"] {
    color: #fffcff;
    padding: 0.75rem 0.75rem;
    font-weight: bold;
    border-radius: 1px;
    text-decoration: none;
    display: inline-block; }
  #main a[href*="mehrinput"] {
    background: #035bc5; }
    #main a[href*="mehrinput"]:hover {
      background: #034fac; }
  #main a[href*="jetzt_bewerben"] {
    background: #79B927; }
    #main a[href*="jetzt_bewerben"]:hover {
      background: #6ba423; }

[data-url^="/jetzt_bewerben"] #main #main-inner a[href*="mehrinput"], [data-url^="/jetzt_bewerben"] #main #main-inner a[href*="jetzt_bewerben"], [data-url^="/q-a"] #main #main-inner a[href*="mehrinput"], [data-url^="/q-a"] #main #main-inner a[href*="jetzt_bewerben"] {
  color: #035bc5;
  padding: 0;
  font-weight: normal;
  border-radius: 0;
  text-decoration: underline;
  display: inline;
  background: none; }
  [data-url^="/jetzt_bewerben"] #main #main-inner a[href*="mehrinput"]:hover, [data-url^="/jetzt_bewerben"] #main #main-inner a[href*="jetzt_bewerben"]:hover, [data-url^="/q-a"] #main #main-inner a[href*="mehrinput"]:hover, [data-url^="/q-a"] #main #main-inner a[href*="jetzt_bewerben"]:hover {
    color: #024493;
    background: none; }

[data-url^="/impressum"] #content div[data-attr="content"], [data-url^="/datenschutz"] #content div[data-attr="content"], [data-url^="/barrierefreiheit"] #content div[data-attr="content"], [data-url^="/barrierefreiheit"] #content div[data-attr="content"] {
  margin-left: 3.5rem; }

[data-url^="/leichtesprache"] #content aside {
  color: #035bc5;
  text-align: right; }

@media screen and (max-width: 52rem) {
  #main #main-inner .title-hash {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    font-size: inherit;
    line-height: 1.35rem;
    padding: .25rem .5rem;
    margin-top: 1rem;
    margin-bottom: 1rem; }
  #main #main-inner #content details {
    padding-left: 1rem;
    padding-right: 1rem; }
    #main #main-inner #content details summary {
      margin-left: -1rem;
      margin-right: -1rem;
      padding-left: 2.25rem;
      padding-right: 1rem; }
      #main #main-inner #content details summary:before {
        left: 0.5rem; }
  #main #main-inner #content h1:first-of-type {
    margin: 1.5rem 0.5rem 2rem;
    font-size: 1.5rem;
    line-height: 2.25rem;
    margin-top: 0.5rem; }
  #main #main-inner #content [data-attr="content"] section.block-content {
    margin-top: 2rem;
    padding: 0 0.5rem; }
    #main #main-inner #content [data-attr="content"] section.block-content figure {
      position: relative;
      max-width: 100%;
      padding: 0 1rem; }
      #main #main-inner #content [data-attr="content"] section.block-content figure img {
        margin-top: -3.5rem;
        max-width: 100%; }
    #main #main-inner #content [data-attr="content"] section.block-content > div {
      padding: .5rem;
      min-height: auto; }
      #main #main-inner #content [data-attr="content"] section.block-content > div p {
        font-size: inherit; }
  #main .block-notice {
    padding-left: 1.5rem; }
    #main .block-notice:before {
      left: 0; }
  #main .block-adress, #main .block-legend {
    background: #dff3fa;
    padding: .75rem;
    display: -ms-flexbox !important;
    display: -webkit-flex !important;
    display: flex !important;
    align-items: flex-start; }
    #main .block-adress figure, #main .block-legend figure {
      width: 30%; }
      #main .block-adress figure img, #main .block-legend figure img {
        width: 100%;
        height: auto; }
  figure.right {
    width: 100%;
    max-width: 100%; } }

/**
 * Navigation
 */
#header-menu-wrap {
  display: block;
  position: absolute;
  left: 0;
  background: #fff;
  z-index: 100;
  top: -9999px;
  min-height: 0;
  overflow: hidden;
  padding: 1rem 1.5rem;
  transition: all 300ms ease-in-out;
  box-shadow: 0px 15px 10px 0px rgba(0, 0, 0, 0.25);
  opacity: 0; }
  #header-menu-wrap nav a {
    display: block;
    padding: .5rem 0;
    color: #035bc5; }
    #header-menu-wrap nav a:hover {
      text-decoration: underline; }
  #header-menu-wrap .social {
    background: #fff;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding-top: 1rem; }
    #header-menu-wrap .social a {
      border-radius: 50%;
      display: block;
      margin-right: 1rem;
      padding: .8rem;
      text-align: center;
      align-self: start;
      color: #035bc5;
      background: #33bee9;
      line-height: 1rem; }
      #header-menu-wrap .social a:hover {
        text-decoration: none;
        background: #17a6d2; }
      #header-menu-wrap .social a img {
        width: 1rem;
        color: #035bc5; }

#header-menu-wrap[data-toggle='open'] {
  display: block;
  opacity: 1;
  top: 100%; }

@media screen and (max-width: 52rem) {
  #header-menu-wrap[data-toggle='open'] {
    width: 100%; } }

.form-kontakt, .form-suche {
  margin: 1.5rem 0; }
  .form-kontakt fieldset, .form-suche fieldset {
    background: #fff;
    padding: 1.5rem; }
    .form-kontakt fieldset .block-notice, .form-suche fieldset .block-notice {
      margin: 0 0 0 1.5rem !important; }
  .form-kontakt fieldset + fieldset, .form-suche fieldset + fieldset {
    padding-top: 0; }
  .form-kontakt .form-notice-box, .form-suche .form-notice-box {
    padding: 0.75rem;
    border: 1px solid #035bc5; }
  .form-kontakt .form-wrap, .form-suche .form-wrap {
    position: relative;
    overflow: hidden; }
    .form-kontakt .form-wrap label, .form-suche .form-wrap label {
      position: absolute;
      left: -9999px; }
    .form-kontakt .form-wrap:not(:first-child), .form-suche .form-wrap:not(:first-child) {
      margin-top: 0.75rem; }
    .form-kontakt .form-wrap:not(:last-child), .form-suche .form-wrap:not(:last-child) {
      margin-bottom: 0.75rem; }
  .form-kontakt input[type="text"], .form-kontakt input[type="search"], .form-kontakt input[type="url"], .form-kontakt input[type="email"], .form-kontakt select, .form-kontakt textarea, .form-kontakt .file-upload-wrapper, .form-suche input[type="text"], .form-suche input[type="search"], .form-suche input[type="url"], .form-suche input[type="email"], .form-suche select, .form-suche textarea, .form-suche .file-upload-wrapper {
    width: 100%;
    max-width: 50rem;
    background: #dff3fa;
    border: 1px solid #dff3fa;
    padding: 0.75rem; }
    .form-kontakt input[type="text"]::-webkit-input-placeholder, .form-kontakt input[type="search"]::-webkit-input-placeholder, .form-kontakt input[type="url"]::-webkit-input-placeholder, .form-kontakt input[type="email"]::-webkit-input-placeholder, .form-kontakt select::-webkit-input-placeholder, .form-kontakt textarea::-webkit-input-placeholder, .form-kontakt .file-upload-wrapper::-webkit-input-placeholder, .form-suche input[type="text"]::-webkit-input-placeholder, .form-suche input[type="search"]::-webkit-input-placeholder, .form-suche input[type="url"]::-webkit-input-placeholder, .form-suche input[type="email"]::-webkit-input-placeholder, .form-suche select::-webkit-input-placeholder, .form-suche textarea::-webkit-input-placeholder, .form-suche .file-upload-wrapper::-webkit-input-placeholder {
      /* Edge */
      color: #39b3e6;
      opacity: 1; }
    .form-kontakt input[type="text"]:-ms-input-placeholder, .form-kontakt input[type="search"]:-ms-input-placeholder, .form-kontakt input[type="url"]:-ms-input-placeholder, .form-kontakt input[type="email"]:-ms-input-placeholder, .form-kontakt select:-ms-input-placeholder, .form-kontakt textarea:-ms-input-placeholder, .form-kontakt .file-upload-wrapper:-ms-input-placeholder, .form-suche input[type="text"]:-ms-input-placeholder, .form-suche input[type="search"]:-ms-input-placeholder, .form-suche input[type="url"]:-ms-input-placeholder, .form-suche input[type="email"]:-ms-input-placeholder, .form-suche select:-ms-input-placeholder, .form-suche textarea:-ms-input-placeholder, .form-suche .file-upload-wrapper:-ms-input-placeholder {
      /* Internet Explorer 10-11 */
      color: #39b3e6;
      opacity: 1; }
    .form-kontakt input[type="text"]::placeholder, .form-kontakt input[type="search"]::placeholder, .form-kontakt input[type="url"]::placeholder, .form-kontakt input[type="email"]::placeholder, .form-kontakt select::placeholder, .form-kontakt textarea::placeholder, .form-kontakt .file-upload-wrapper::placeholder, .form-suche input[type="text"]::placeholder, .form-suche input[type="search"]::placeholder, .form-suche input[type="url"]::placeholder, .form-suche input[type="email"]::placeholder, .form-suche select::placeholder, .form-suche textarea::placeholder, .form-suche .file-upload-wrapper::placeholder {
      color: #39b3e6;
      opacity: 1; }
  .form-kontakt select, .form-suche select {
    color: #39b3e6;
    padding: 0.375rem; }
    .form-kontakt select[data-selected], .form-suche select[data-selected] {
      color: black; }
    .form-kontakt select option, .form-suche select option {
      padding: 0.375rem;
      color: #39b3e6; }
      .form-kontakt select option.placeholder, .form-suche select option.placeholder {
        font-style: italic; }
  .form-kontakt textarea, .form-suche textarea {
    min-height: 10rem; }
  .form-kontakt .form-error input, .form-kontakt .form-error textarea, .form-kontakt .form-error select, .form-kontakt .form-error .file-upload-wrapper, .form-suche .form-error input, .form-suche .form-error textarea, .form-suche .form-error select, .form-suche .form-error .file-upload-wrapper {
    border-color: #ff5622; }
  .form-kontakt button, .form-kontakt .btn-reset, .form-suche button, .form-suche .btn-reset {
    padding: 0.75rem;
    background: #035bc5;
    color: #fff;
    font-weight: bold;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    text-decoration: none;
    border: none;
    border-radius: 0; }
    .form-kontakt button:hover, .form-kontakt .btn-reset:hover, .form-suche button:hover, .form-suche .btn-reset:hover {
      background: #024493;
      text-decoration: none; }
    .form-kontakt button:disabled, .form-kontakt .btn-reset:disabled, .form-suche button:disabled, .form-suche .btn-reset:disabled {
      background: rgba(141, 141, 141, 0.6); }
      .form-kontakt button:disabled:hover, .form-kontakt .btn-reset:disabled:hover, .form-suche button:disabled:hover, .form-suche .btn-reset:disabled:hover {
        background: rgba(141, 141, 141, 0.6); }
  .form-kontakt .btn-reset, .form-suche .btn-reset {
    background: #dff3fa;
    color: #035bc5; }
    .form-kontakt .btn-reset:hover, .form-suche .btn-reset:hover {
      background: #b3e2f3; }
  .form-kontakt li.check-error label, .form-suche li.check-error label {
    border-bottom: 1px solid #ff5622; }
  .form-kontakt .form-notice, .form-suche .form-notice {
    display: block;
    font-size: 0.9rem;
    color: #ff5622; }
  .form-kontakt .file-upload-wrapper, .form-suche .file-upload-wrapper {
    position: relative;
    width: 100%;
    padding: 0;
    height: 3rem;
    overflow: hidden; }
    .form-kontakt .file-upload-wrapper:after, .form-suche .file-upload-wrapper:after {
      content: attr(data-text);
      position: absolute;
      top: 0;
      right: 0;
      padding: 0;
      display: block;
      width: calc(100% - 3rem);
      pointer-events: none;
      z-index: 20;
      height: 3rem;
      line-height: 3rem;
      color: #39b3e6;
      font-weight: 300; }
    .form-kontakt .file-upload-wrapper:before, .form-suche .file-upload-wrapper:before {
      content: '+';
      position: absolute;
      top: 0;
      left: 0;
      display: inline-block;
      height: 3rem;
      background: #87d2ec;
      color: #fff;
      font-weight: 700;
      z-index: 25;
      font-size: 16px;
      line-height: 3rem;
      padding: 0 15px;
      pointer-events: none; }
    .form-kontakt .file-upload-wrapper:hover:before, .form-suche .file-upload-wrapper:hover:before {
      background: #5bc1e5; }
    .form-kontakt .file-upload-wrapper input, .form-suche .file-upload-wrapper input {
      opacity: 0;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: 99;
      height: 100%;
      margin: 0;
      padding: 0;
      display: block;
      cursor: pointer;
      width: 100%; }
  .form-kontakt .form-wrap.upload-hide, .form-suche .form-wrap.upload-hide {
    display: none; }
  .form-kontakt .form-wrap.upload-selected .file-upload-wrapper, .form-suche .form-wrap.upload-selected .file-upload-wrapper {
    background-color: #fff;
    border: none;
    height: 1.5rem; }
    .form-kontakt .form-wrap.upload-selected .file-upload-wrapper:before, .form-suche .form-wrap.upload-selected .file-upload-wrapper:before {
      display: none; }
    .form-kontakt .form-wrap.upload-selected .file-upload-wrapper:after, .form-suche .form-wrap.upload-selected .file-upload-wrapper:after {
      width: 100%;
      line-height: 1.5rem;
      font-size: .9rem;
      color: #2e2e2e;
      color: #39b3e6;
      height: 100%; }
  .form-kontakt .form-wrap.upload-selected:not(:last-of-type), .form-suche .form-wrap.upload-selected:not(:last-of-type) {
    margin-bottom: 0; }
  .form-kontakt .form-wrap.upload-selected + .upload-selected, .form-suche .form-wrap.upload-selected + .upload-selected {
    margin-top: 0; }

.form-suche .content a {
  color: #035bc5 !important;
  padding: 0 !important;
  background: none !important; }

.form-suche .pager {
  margin-top: 1.5rem;
  text-align: center;
  max-width: 40rem; }
  .form-suche .pager > * {
    float: left; }
  .form-suche .pager .pager-prev, .form-suche .pager .pager-next {
    padding: 0.75rem;
    background: #035bc5;
    color: #fff; }
  .form-suche .pager .pager-prev {
    float: left; }
  .form-suche .pager span.pager-prev, .form-suche .pager span.pager-next {
    background: #dff3fa;
    color: #000; }
  .form-suche .pager .pager-items {
    padding: 0 1rem; }
    .form-suche .pager .pager-items > * {
      padding: 0.75rem;
      background: #035bc5;
      color: #fff;
      display: inline-block;
      margin: 0 .5rem; }
    .form-suche .pager .pager-items span {
      background: #dff3fa;
      color: #000; }

[data-url^="/jetzt_bewerben"] #content div[data-attr="content"], [data-url^="/kontakt"] #content div[data-attr="content"] {
  margin-left: 3.5rem; }

[data-url^="/jetzt_bewerben"] form[class*="form"], [data-url^="/kontakt"] form[class*="form"] {
  margin-left: 3.5rem; }

@media screen and (max-width: 52rem) {
  [data-url^="/jetzt_bewerben"] #content div[data-attr="content"], [data-url^="/kontakt"] #content div[data-attr="content"] {
    margin-left: .5rem;
    margin-right: .5rem; }
  [data-url^="/jetzt_bewerben"] #main form, [data-url^="/kontakt"] #main form {
    margin-left: .5rem;
    margin-right: .5rem; }
    [data-url^="/jetzt_bewerben"] #main form fieldset, [data-url^="/kontakt"] #main form fieldset {
      padding: 0.75rem; }
      [data-url^="/jetzt_bewerben"] #main form fieldset + fieldset, [data-url^="/kontakt"] #main form fieldset + fieldset {
        padding-top: 0; }
      [data-url^="/jetzt_bewerben"] #main form fieldset ul, [data-url^="/kontakt"] #main form fieldset ul {
        padding-left: 0.75rem; }
      [data-url^="/jetzt_bewerben"] #main form fieldset .block-notice, [data-url^="/kontakt"] #main form fieldset .block-notice {
        margin: 0 !important; }
      [data-url^="/jetzt_bewerben"] #main form fieldset button[type="submit"], [data-url^="/kontakt"] #main form fieldset button[type="submit"] {
        width: 100%; } }

/**
 * Breadcrumb
 */
#breadcrumb {
  display: flex;
  font-size: 0.875rem;
  padding: 2rem 0 .5rem;
  border: 0; }
  #breadcrumb a {
    color: #fff;
    background: #79B927;
    flex: 0 1 auto; }
    #breadcrumb a[href] {
      color: #fff; }
      #breadcrumb a[href]:hover {
        text-decoration: underline;
        cursor: pointer; }
      #breadcrumb a[href]:after {
        color: #111; }
    #breadcrumb a:hover {
      text-decoration: none;
      cursor: default; }
    #breadcrumb a:not(:last-child):after {
      display: inline-block;
      content: '';
      margin: 0 .3rem;
      text-decoration: none;
      border: solid #fff;
      border-width: 0 3px 3px 0;
      padding: 3px;
      transform: rotate(-45deg);
      -webkit-transform: rotate(-45deg); }
    #breadcrumb a:first-child {
      padding-left: .5rem; }
    #breadcrumb a:last-child {
      padding-right: .5rem; }

@media screen and (min-width: 55rem) {
  #breadcrumb {
    flex-basis: 100%; } }

/**
 * Header
 */
#header-wrap {
  width: 100%;
  background: #fff;
  position: fixed;
  top: 0;
  z-index: 100;
  box-shadow: none;
  transition: all 100ms ease; }
  #header-wrap #header {
    position: relative;
    z-index: 200;
    max-width: 85.625rem;
    height: auto;
    margin: 0 auto;
    padding: .5rem .5rem .5rem;
    transition: all 300ms ease;
    background: #fff;
    transition: all 100ms ease; }
    #header-wrap #header > * {
      margin: 0; }
    #header-wrap #header .logo img {
      margin: 0;
      transition: all 100ms ease; }
      #header-wrap #header .logo img.logo-brand {
        margin-right: 8%; }
    #header-wrap #header .search {
      padding-right: 1rem; }
      #header-wrap #header .search form {
        max-width: 17rem;
        min-height: 10px;
        padding: .5rem .7rem;
        background: #dff3fa; }
        #header-wrap #header .search form input {
          min-width: 0; }
        #header-wrap #header .search form button {
          color: #2ec4e9; }
      #header-wrap #header .search .toggle-contrast, #header-wrap #header .search .toggle-search, #header-wrap #header .search .goto-home, #header-wrap #header .search .einfache-sprache {
        color: #bbb;
        height: 1.5rem;
        width: auto;
        margin: 0 1rem 0 2rem; }
        #header-wrap #header .search .toggle-contrast svg, #header-wrap #header .search .toggle-search svg, #header-wrap #header .search .goto-home svg, #header-wrap #header .search .einfache-sprache svg {
          height: 100%;
          width: auto;
          float: left; }
      #header-wrap #header .search .toggle-contrast, #header-wrap #header .search .toggle-search, #header-wrap #header .search .einfache-sprache {
        margin: 0 1rem 0 1rem; }
      #header-wrap #header .search .goto-home {
        margin: 0 1rem 0 2rem; }
  #header-wrap.sticky {
    box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.23); }

@media screen and (max-width: 52rem) {
  #header-wrap #header {
    height: auto;
    padding-top: .2rem; }
    #header-wrap #header .logo {
      max-width: 100%;
      margin-bottom: 1rem; }
    #header-wrap #header .search {
      padding-right: 0; }
      #header-wrap #header .search .toggle-contrast, #header-wrap #header .search .toggle-search, #header-wrap #header .search .einfache-sprache {
        margin: 0 .5rem; }
      #header-wrap #header .search .goto-home {
        margin: 0;
        margin: 0 .5rem 0 0; }
    #header-wrap #header .toggle {
      padding: 0 1rem;
      color: #fff; } }

#header-wrap #header {
  display: flex;
  align-content: stretch;
  align-items: center;
  flex-direction: row-reverse;
  justify-content: flex-start; }
  #header-wrap #header .logo {
    flex: 1 1 auto;
    max-width: 31.5rem;
    display: flex;
    align-items: center;
    flex-flow: row-reverse;
    justify-content: flex-start; }
    #header-wrap #header .logo .logo-brand img, #header-wrap #header .logo .logo-wappen img {
      max-height: 3.875rem;
      width: 100%;
      height: auto; }
    #header-wrap #header .logo .logo-brand {
      flex: 0 1 29.424%;
      max-width: 8.057rem; }
      #header-wrap #header .logo .logo-brand img {
        width: 70%; }
    #header-wrap #header .logo .logo-wappen {
      flex: 0 1 70.576%;
      max-width: 19.326rem; }
  #header-wrap #header .search {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    padding-left: 2rem; }
    #header-wrap #header .search form {
      display: flex;
      flex-grow: 1;
      align-items: stretch;
      justify-content: flex-start;
      order: 1; }
      #header-wrap #header .search form input {
        flex-grow: 1;
        width: 10rem; }
      #header-wrap #header .search form button {
        flex: 0 1 auto; }
    #header-wrap #header .search .toggle-contrast {
      flex: 0 1 auto;
      order: 3; }
    #header-wrap #header .search .einfache-sprache {
      flex: 0 1 auto;
      order: 4; }
    #header-wrap #header .search .toggle-search {
      display: none; }
    #header-wrap #header .search .goto-home {
      flex: 0 1 auto;
      order: 2; }
  #header-wrap #header .toggle a {
    display: flex;
    align-items: center;
    flex: 0 0 2.75rem;
    flex-flow: column wrap;
    justify-content: center;
    padding: 0; }

@media screen and (max-width: 52rem) {
  #header-wrap #header {
    flex-wrap: wrap; }
    #header-wrap #header .logo {
      flex: 1 1 100%;
      order: 1;
      max-width: 100%;
      justify-content: space-between; }
    #header-wrap #header .toggle {
      order: 2; }
    #header-wrap #header .search {
      padding-left: 0;
      order: 3; }
      #header-wrap #header .search form {
        width: 100%;
        max-width: none;
        order: 2;
        margin-top: 0.75rem; }
        #header-wrap #header .search form input {
          width: auto; }
      #header-wrap #header .search .toggle-contrast {
        flex: 0 1 auto;
        order: 3; }
      #header-wrap #header .search .toggle-contrast {
        flex: 0 1 auto;
        order: 4; }
      #header-wrap #header .search .goto-home {
        flex: 0 1 auto;
        order: 1; } }

@media screen and (max-width: 52rem) {
  #header-wrap #header .search {
    flex-wrap: wrap; }
    #header-wrap #header .search form {
      order: 4;
      margin-top: 0.75rem;
      display: none; }
    #header-wrap #header .search .toggle-contrast {
      flex: 0 1 auto;
      order: 2; }
    #header-wrap #header .search .goto-home {
      flex: 0 1 auto;
      order: 1; }
    #header-wrap #header .search .toggle-search {
      display: block;
      order: 4; }
    #header-wrap #header .search .einfache-sprache {
      display: block;
      order: 3; }
    #header-wrap #header .search .show-search + form {
      display: flex; } }

#header .toggle {
  font-size: .8rem;
  font-weight: bold;
  line-height: 1.5rem;
  margin-right: 2rem;
  cursor: pointer;
  color: #035bc5; }
  #header .toggle a {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    width: 2.25rem;
    height: 1.55rem;
    padding: .5em 1em; }
    #header .toggle a span {
      position: relative;
      display: -webkit-box;
      display: flex;
      -webkit-box-align: center;
      align-items: center;
      -webkit-box-pack: center;
      justify-content: center;
      width: 100%;
      height: .25rem;
      -webkit-transition: all .4s ease;
      transition: all .4s ease;
      border-radius: 2px;
      background: #035bc5; }
      #header .toggle a span:after, #header .toggle a span:before {
        position: absolute;
        z-index: 1;
        top: -.5rem;
        left: 0;
        width: 100%;
        height: .25rem;
        content: '';
        -webkit-transition: all .4s ease;
        transition: all .4s ease;
        border-radius: 2px;
        background: inherit; }
      #header .toggle a span:after {
        top: .5rem; }
  #header .toggle[data-toggle] a span {
    transform: rotate(135deg); }
    #header .toggle[data-toggle] a span:before, #header .toggle[data-toggle] a span:after {
      top: 0;
      transform: rotate(90deg); }
    #header .toggle[data-toggle] a span:after {
      opacity: 0; }
  #header .toggle[data-toggle]:hover a span {
    transform: rotate(225deg); }

@media screen and (max-width: 52rem) {
  #header .toggle {
    text-indent: -99999px;
    line-height: 0; }
    #header .toggle a {
      width: 2rem;
      height: 2rem; } }

/**
 * Footer
 */
#footer {
  padding: 1.5rem .75rem 2rem;
  padding: 0.75rem .75rem 0;
  background: #035bc5;
  font-size: .8rem;
  color: #fffcff;
  font-weight: 400; }
  #footer a {
    font-size: .8rem;
    font-weight: bold;
    display: inline-block;
    padding: 0;
    color: #fffcff; }
    #footer a:hover {
      text-decoration: underline; }
  #footer ul {
    max-width: 45rem;
    margin: 0 auto;
    padding: 0;
    list-style: none;
    text-align: center; }
    #footer ul.social {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: center;
      padding-bottom: 1rem; }
      #footer ul.social li {
        padding: 0 1rem; }
      #footer ul.social a {
        display: block;
        margin: 0;
        padding: .75rem;
        text-align: center;
        color: #035bc5;
        border-radius: 50%;
        background: #33bee9; }
        #footer ul.social a:hover {
          text-decoration: none;
          background: #17a6d2; }
        #footer ul.social a img {
          width: 1.5rem;
          color: #035bc5;
          float: left; }
        #footer ul.social a:after {
          content: ".";
          clear: both;
          display: block;
          visibility: hidden;
          height: 0px; }

@media screen and (min-width: 40rem) {
  footer ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 auto; }
    footer ul.social {
      justify-content: center; }
      footer ul.social li {
        flex: 0 0 auto;
        padding: 0 .5rem; } }

#notsupported {
  background-image: linear-gradient(#feefae, #fae692);
  background-image: linear-gradient(#e63535, #ce3131);
  border-top: 1px solid #8c1c1c;
  position: sticky;
  z-index: 10000;
  bottom: 0;
  padding: 1rem;
  box-shadow: 0px -10px 10px 0px rgba(0, 0, 0, 0.23);
  color: #fff; }
  #notsupported p {
    max-width: 45rem;
    margin: 0 auto;
    position: relative;
    padding-left: 40px; }
  #notsupported svg {
    fill: currentColor;
    position: absolute;
    top: 0.25rem;
    left: 0; }

.no-csspositionsticky #notsupported {
  position: fixed; }

#accept-ds {
  position: fixed;
  bottom: 0;
  padding: 2rem 5rem;
  border-top-left-radius: 3rem;
  border-top-right-radius: 3rem;
  background: #ffffff;
  width: 60%;
  z-index: 1000;
  margin: 0 auto;
  box-shadow: 0px -10px 10px 0px rgba(0, 0, 0, 0.23);
  left: 50%;
  transform: translateX(-50%); }
  #accept-ds button {
    color: #fffcff;
    padding: 0.75rem 0.75rem;
    font-weight: bold;
    border-radius: 1px;
    text-decoration: none;
    display: inline-block;
    background: #035bc5; }
    #accept-ds button:hover {
      background: #034fac; }

@media screen and (max-width: 40rem) {
  #accept-ds {
    width: 100%;
    padding: .5rem;
    border-radius: 0; } }

/**
 * Startseite
 */
.index {
  min-height: 500px;
  background: #dff3fa;
  padding-bottom: 6rem;
  margin-bottom: 0 !important; }
  .index .index-header {
    background-position: center center;
    background-size: cover; }
  .index .index-header-inner {
    position: relative;
    max-width: 70rem;
    min-height: 32.5rem;
    margin: 0 auto;
    padding: 1rem 1rem 0; }
    .index .index-header-inner h2 {
      font-size: 1.5rem;
      font-weight: bold;
      position: relative;
      z-index: 5;
      color: #035bc5;
      margin-bottom: 1.0rem; }
      .index .index-header-inner h2 span {
        line-height: 1.6;
        background-color: #fff;
        box-decoration-break: clone;
        box-shadow: 0 0 0 4px #fff; }
    .index .index-header-inner p {
      font-size: inherit;
      position: relative;
      z-index: 5;
      margin: 0;
      padding: 0 2px; }
      .index .index-header-inner p span {
        line-height: 2.6;
        color: #fffcff;
        background: #79B927;
        background-color: #79B927;
        box-decoration-break: clone;
        box-shadow: 0 0 0 6px #79B927; }
    .index .index-header-inner .index-person {
      position: absolute;
      z-index: 1;
      top: 1rem;
      bottom: auto;
      left: auto;
      right: -2rem;
      height: 75%;
      width: auto;
      max-width: none; }
  .index .index-menu-box {
    position: relative;
    z-index: 10;
    max-width: 86.625rem;
    margin: -5rem auto 0;
    padding: 0 .5rem .5rem; }
    .index .index-menu-box .index-menu-box-inner {
      display: flex;
      flex-direction: column;
      max-width: 85.625rem;
      margin: 0 auto; }
      .index .index-menu-box .index-menu-box-inner section {
        display: flex;
        flex: 1 1 100%;
        flex-direction: column;
        margin: 0 0 1rem 0;
        padding: 1.0rem;
        color: #fffcff;
        background: #2ec4e9;
        background: linear-gradient(0deg, #2ec4e9 0%, #035bc5 100%); }
        .index .index-menu-box .index-menu-box-inner section header {
          flex: 1 0 auto; }
          .index .index-menu-box .index-menu-box-inner section header h3 {
            font-size: 1.35rem;
            font-weight: 600;
            line-height: 1; }
          .index .index-menu-box .index-menu-box-inner section header h3, .index .index-menu-box .index-menu-box-inner section header p {
            margin: 0 0 .75rem; }
        .index .index-menu-box .index-menu-box-inner section a {
          font-size: 1rem;
          font-weight: 600;
          display: inline-block;
          padding: .6rem;
          text-decoration: none;
          color: #fffcff;
          border-radius: 1px;
          background: #79B927; }
          .index .index-menu-box .index-menu-box-inner section a:hover {
            text-decoration: none;
            background: #6ba423; }

@media screen and (min-width: 40rem) {
  .index .index-header-inner {
    padding: 2.75rem 1rem 0; }
    .index .index-header-inner h2 {
      font-size: 2.35rem; }
      .index .index-header-inner h2 span {
        box-shadow: 0 0 0 7px #fff;
        letter-spacing: .15rem; }
    .index .index-header-inner p {
      font-size: 1.4rem; }
      .index .index-header-inner p span {
        line-height: 2.5;
        letter-spacing: .15rem;
        box-shadow: 0 0 0 9px #79B927; }
    .index .index-header-inner .index-person {
      height: 95%;
      width: auto;
      max-width: none; } }

@media screen and (min-width: 80rem) {
  .index .index-header-inner .index-person {
    top: auto;
    bottom: 0;
    left: 50%;
    right: auto; } }

@media screen and (min-width: 52rem) {
  .index .index-menu-box {
    margin: -4.5rem auto 0; }
    .index .index-menu-box .index-menu-box-inner {
      flex-direction: row;
      justify-content: space-between; }
      .index .index-menu-box .index-menu-box-inner section {
        display: flex;
        flex: 0 1 22.5%;
        padding: 1.5rem; }
        .index .index-menu-box .index-menu-box-inner section header {
          flex: 1 0 auto; }
          .index .index-menu-box .index-menu-box-inner section header h3 {
            font-size: 1.75rem;
            margin: 0 0 1rem; }
          .index .index-menu-box .index-menu-box-inner section header p {
            margin-bottom: 2rem;
            hyphens: none; } }

/* License : MIT, @author: Vikas Kukreti, @github: https://github.com/vikas-kukreti */
* {
  margin: 0;
  padding: 0;
  outline: none; }

/* Slider Design */
.slider {
  position: relative;
  overflow: hidden;
  height: 32.5rem;
  background-color: #dff3fa; }

.slider .slider-item {
  display: block;
  max-height: 100vh;
  overflow: hidden;
  background-color: #dff3fa;
  position: absolute;
  left: -100%;
  width: 100%;
  opacity: .5;
  transition: 1s left ease, 1s opacity ease; }

.slider .slider-item.close {
  opacity: 0.5;
  left: 100%; }

.slider .slider-item.show {
  z-index: 10;
  opacity: 1;
  left: 0; }

.slider .background {
  display: block;
  width: 100%;
  max-height: 90vh; }

.slider .slider-item > img {
  display: block;
  width: 100%; }

.slider .switch {
  z-index: 11;
  display: block;
  position: absolute;
  bottom: 5%;
  left: 50%;
  transform: translate(-50%, 0); }

.slider .switch i {
  float: left;
  content: " ";
  display: block;
  width: 1.5rem;
  height: 0.25rem;
  border-radius: 0.25rem;
  box-shadow: 0 0.125rem 0.125rem rgba(40, 40, 40, 0.4);
  background: rgba(255, 255, 255, 0.322);
  margin: 0.125rem;
  transition: 0.7s all; }

.slider .switch i.active {
  background: rgba(255, 255, 255, 0.726); }

.slider .prev,
.slider .next {
  z-index: 11;
  position: absolute;
  top: calc(50% - 1.4rem);
  height: 1.4rem;
  width: 1.4rem;
  padding: 1.5rem;
  border: none;
  border-radius: 50%;
  background: rgba(17, 17, 17, 0.333);
  transition: 0.4s all;
  opacity: 0.7; }

.slider .prev svg,
.slider .next svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1rem;
  height: 1rem;
  fill: rgba(255, 255, 255, 0.8);
  transition: 0.3s all; }

.slider .prev {
  left: 3%;
  transform: rotate(180deg); }

.slider .next {
  right: 3%; }

.slider .prev:hover,
.slider .next:hover {
  background: rgba(0, 0, 0, 0.8);
  cursor: pointer; }

.slider .prev:hover svg,
.slider .next:hover svg {
  fill: white; }

/* Responsive Slider Styles */
@media (max-width: 40rem) {
  .slider {
    height: 25rem; }
  .slider .prev,
  .slider .next {
    padding: 1rem; } }

/**
 * Print
 */
@media print {
  /**
     * Pagebreak
     */
  h1,
  h2,
  h3 {
    page-break-after: avoid; }
  /**
     * Links
     */
  #content a:not([role]):not([data-action]):not([data-link=media])::after {
    font-size: .875rem;
    font-style: italic;
    content: " (" attr(href) ")";
    text-transform: none; }
  /**
     * Hidden
     */
  #menu,
  #footer,
  .gallery {
    display: none; } }

.skiplinks {
  position: absolute;
  top: 0;
  left: -9999px;
  height: 1px;
  width: 1px; }

/*# sourceMappingURL=public.css.map */