@font-face{
 font-family:"PT Sans";
 src:url("font/pt-sans-v12-latin-regular.eot");
 src:url("font/pt-sans-v12-latin-regular.eot") format("eot"),
 url("font/pt-sans-v12-latin-regular.woff2") format("woff2"),
 url("font/pt-sans-v12-latin-regular.woff") format("woff");
 font-weight: 400;
 font-style: normal;
}

@font-face {
  font-family: 'PT Sans';
  src: url('font/PTSans-Bold.eot');
  src: url('font/PTSans-Bold.eot?') format('eot'),
      url('font/PTSans-Bold.woff2') format('woff2'),
      url('font/PTSans-Bold.woff') format('woff'),
      url('font/PTSans-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}



@font-face{
 font-family:"Henriette-Bold";
 src:url("font/Henriette-Bold.eot");
 src:url("font/Henriette-Bold.eot") format("eot"),url("font/Henriette-Bold.woff2") format("woff2"),url("font/Henriette-Bold.woff") format("woff");
 font-weight: 600;
 font-style: normal;
}

@charset "UTF-8";
/*
  Flavor name: Default (mini-default)
  Author: Angelos Chalaris (chalarangelo@gmail.com)
  Maintainers: Angelos Chalaris
  mini.css version: v3.0.1
*/
/*
  Browsers resets and base typography.
*/
/* Core module CSS variable definitions */
:root {
  --fore-color: #111;
  --secondary-fore-color: #444;
  --back-color: #fff;
  --secondary-back-color: #f0f0f0;
  --blockquote-color: #f57c00;
  --pre-color: #1565c0;
  --border-color: #aaa;
  --secondary-border-color: #ddd;
  --heading-ratio: 1.19;
  --universal-margin: 0.5rem;
  --universal-padding: 0.5rem;
  --universal-border-radius: 0.125rem;
  --a-link-color: #7500A2;
  --a-visited-color: #7500A2;
}

html {
  font-size: 16px;
}

a, b, del, em, i, ins, q, span, strong, u {
  font-size: 1em;
}

html, * {
  /* font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", Helvetica, sans-serif; */
  font-family: 'PT Sans', sans-serif;
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
}

* {
  font-size: 1.2rem;
}

body {
  margin: 0;
  color: var(--fore-color);
  background: var(--back-color);
}

details {
  display: block;
}

summary {
  display: list-item;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline dotted;
}

input {
  overflow: visible;
}

img {
  max-width: 100%;
  height: auto;
}
h1 {
  font-family: 'Henriette-Bold', serif;
}

h1, h2, h3, h4, h5, h6 {
  line-height: 1.2;
  margin: calc(1.5 * var(--universal-margin)) var(--universal-margin);
  font-weight: 500;
}
h2 strong{line-height: 1}

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
  color: var(--secondary-fore-color);
  display: block;
  margin-top: -0.25rem;
}

h1 {
  /* font-size: calc(1rem * var(--heading-ratio) * var(--heading-ratio) * var(--heading-ratio) * var(--heading-ratio)); */
  font-size:2.25em;

}
li::marker{color: #7500a2;}
h2 {
  /* font-size: calc(1rem * var(--heading-ratio) * var(--heading-ratio) * var(--heading-ratio)); */
  font-size:1.75em;
  padding-bottom: 1rem;
  margin-bottom: 0;
}
@media screen and (max-width: 500px) {
  h1, h2, h3{word-break: break-word;}
  h1{font-size: 1.5em;}
  h2,.downloads h2, .links h2{font-size: 1.35em}
  h3{font-size: 1.2em}
}

h3 {
  font-size: calc(1rem * var(--heading-ratio) * var(--heading-ratio));
}

h4 {
  font-size: calc(1rem * var(--heading-ratio));
}

h5 {
  font-size: 1rem;
}

h6 {
  font-size: calc(1rem / var(--heading-ratio));
}

p {
  margin: var(--universal-margin);
}

ol, ul {
  margin: var(--universal-margin);
  padding-left: calc(2 * var(--universal-margin));
}

b, strong {
  font-weight: 700;
}

hr {
  box-sizing: content-box;
  border: 0;
  line-height: 1.25em;
  margin: var(--universal-margin);
  height: 0.0625rem;
  background: linear-gradient(to right, transparent, var(--border-color) 20%, var(--border-color) 80%, transparent);
}

blockquote {
  display: block;
  position: relative;
  font-style: italic;
  color: var(--secondary-fore-color);
  margin: var(--universal-margin);
  padding: calc(3 * var(--universal-padding));
  border: 0.0625rem solid var(--secondary-border-color);
  border-left: 0.375rem solid var(--blockquote-color);
  border-radius: 0 var(--universal-border-radius) var(--universal-border-radius) 0;
}

blockquote:before {
  position: absolute;
  top: calc(0rem - var(--universal-padding));
  left: 0;
  font-family: sans-serif;
  font-size: 3rem;
  font-weight: 700;
  content: "\201c";
  color: var(--blockquote-color);
}

blockquote[cite]:after {
  font-style: normal;
  font-size: 0.75em;
  font-weight: 700;
  content: "\a—  " attr(cite);
  white-space: pre;
}

code, kbd, pre, samp {
  font-family: Menlo, Consolas, monospace;
  font-size: 0.85em;
}

code {
  background: var(--secondary-back-color);
  border-radius: var(--universal-border-radius);
  padding: calc(var(--universal-padding) / 4) calc(var(--universal-padding) / 2);
}

kbd {
  background: var(--fore-color);
  color: var(--back-color);
  border-radius: var(--universal-border-radius);
  padding: calc(var(--universal-padding) / 4) calc(var(--universal-padding) / 2);
}

pre {
  overflow: auto;
  background: var(--secondary-back-color);
  padding: calc(1.5 * var(--universal-padding));
  margin: var(--universal-margin);
  border: 0.0625rem solid var(--secondary-border-color);
  border-left: 0.25rem solid var(--pre-color);
  border-radius: 0 var(--universal-border-radius) var(--universal-border-radius) 0;
}

sup, sub, code, kbd {
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

small, sup, sub, figcaption {
  font-size: 0.75em;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

figure {
  margin: var(--universal-margin);
  position: relative;
}

figcaption {
  color: var(--secondary-fore-color);
}

a {
  text-decoration: none;
}

/* a:link {
  color: var(--a-link-color);
} */

/* a:visited {
  color: var(--a-visited-color);
} */

a{color: black;}
a:hover{color: #7500a2;}
a[href^="mailto:"]:hover{text-decoration: underline;}
a[href^="tel:"]:hover{text-decoration: underline;}
header .headerSticky a:hover{ color: #7500a2;}
/*header .subMenuTop a:hover {
  padding-top: 0.4rem;
  color: black;
  border-top: 2px solid #7500a2;
}*/
/*
.subMenuTop  a.active{  padding-top: 0.4rem;
  color: black!important;
  border-top: 2px solid #7500a2;}*/
header .logo:hover{border:none;}
/*
  Definitions for the grid system, cards and containers.
*/

/* body .container:first-of-type {margin-top: 2.8rem;} */
.container {
  margin: 0 auto;
  padding: 0 calc(1.5 * var(--universal-padding));
}


.row {
  box-sizing: border-box;
  display: flex;
  flex: 0 1 auto;
  flex-flow: row wrap;
  margin: 0 .5rem;
}

.row *{z-index: 1}

.col-sm,
[class^='col-sm-'],
[class^='col-sm-offset-'],
.row[class*='cols-sm-'] > * {
  box-sizing: border-box;
  flex: 0 0 auto;

}

.col-sm,
.row.cols-sm > * {
  max-width: 100%;
  flex-grow: 1;
  flex-basis: 0;
}

.col-sm-1,
.row.cols-sm-1 > * {
  max-width: 8.33333%;
  flex-basis: 8.33333%;
}

.col-sm-offset-0 {
  margin-left: 0;
}

.col-sm-2,
.row.cols-sm-2 > * {
  max-width: 16.66667%;
  flex-basis: 16.66667%;
}

.col-sm-offset-1 {
  margin-left: 8.33333%;
}

.col-sm-3,
.row.cols-sm-3 > * {
  max-width: 25%;
  flex-basis: 25%;
}

.col-sm-offset-2 {
  margin-left: 16.66667%;
}

.col-sm-4,
.row.cols-sm-4 > * {
  max-width: 33.33333%;
  flex-basis: 33.33333%;
}

.col-sm-offset-3 {
  margin-left: 25%;
}

.col-sm-5,
.row.cols-sm-5 > * {
  max-width: 41.66667%;
  flex-basis: 41.66667%;
}

.col-sm-offset-4 {
  margin-left: 33.33333%;
}

.col-sm-6,
.row.cols-sm-6 > * {
  max-width: 50%;
  flex-basis: 50%;
}

.col-sm-offset-5 {
  margin-left: 41.66667%;
}

.col-sm-7,
.row.cols-sm-7 > * {
  max-width: 58.33333%;
  flex-basis: 58.33333%;
}

.col-sm-offset-6 {
  margin-left: 50%;
}

.col-sm-8,
.row.cols-sm-8 > * {
  max-width: 66.66667%;
  flex-basis: 66.66667%;
}

.col-sm-offset-7 {
  margin-left: 58.33333%;
}

.col-sm-9,
.row.cols-sm-9 > * {
  max-width: 75%;
  flex-basis: 75%;
}

.col-sm-offset-8 {
  margin-left: 66.66667%;
}

.col-sm-10,
.row.cols-sm-10 > * {
  max-width: 83.33333%;
  flex-basis: 83.33333%;
}

.col-sm-offset-9 {
  margin-left: 75%;
}

.col-sm-11,
.row.cols-sm-11 > * {
  max-width: 91.66667%;
  flex-basis: 91.66667%;
}

.col-sm-offset-10 {
  margin-left: 83.33333%;
}

.col-sm-12,
.row.cols-sm-12 > * {
  max-width: 100%;
  flex-basis: 100%;
}

.col-sm-offset-11 {
  margin-left: 91.66667%;
}

.col-sm-normal {
  order: initial;
}

.col-sm-first {
  order: -999;
}

.col-sm-last {
  order: 999;
}

@media screen and (min-width: 768px) {
  .col-md,
  [class^='col-md-'],
  [class^='col-md-offset-'],
  .row[class*='cols-md-'] > * {
    box-sizing: border-box;
    flex: 0 0 auto;

  }
  .col-md,
  .row.cols-md > * {
    max-width: 100%;
    flex-grow: 1;
    flex-basis: 0;
  }
  .col-md-1,
  .row.cols-md-1 > * {
    max-width: 8.33333%;
    flex-basis: 8.33333%;
  }
  .col-md-offset-0 {
    margin-left: 0;
  }
  .col-md-2,
  .row.cols-md-2 > * {
    max-width: 16.66667%;
    flex-basis: 16.66667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333%;
  }
  .col-md-3,
  .row.cols-md-3 > * {
    max-width: 25%;
    flex-basis: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66667%;
  }
  .col-md-4,
  .row.cols-md-4 > * {
    max-width: 33.33333%;
    flex-basis: 33.33333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-5,
  .row.cols-md-5 > * {
    max-width: 41.66667%;
    flex-basis: 41.66667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333%;
  }
  .col-md-6,
  .row.cols-md-6 > * {
    max-width: 50%;
    flex-basis: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66667%;
  }
  .col-md-7,
  .row.cols-md-7 > * {
    max-width: 58.33333%;
    flex-basis: 58.33333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-8,
  .row.cols-md-8 > * {
    max-width: 66.66667%;
    flex-basis: 66.66667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333%;
  }
  .col-md-9,
  .row.cols-md-9 > * {
    max-width: 75%;
    flex-basis: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66667%;
  }
  .col-md-10,
  .row.cols-md-10 > * {
    max-width: 83.33333%;
    flex-basis: 83.33333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-11,
  .row.cols-md-11 > * {
    max-width: 91.66667%;
    flex-basis: 91.66667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333%;
  }
  .col-md-12,
  .row.cols-md-12 > * {
    max-width: 100%;
    flex-basis: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66667%;
  }
  .col-md-normal {
    order: initial;
  }
  .col-md-first {
    order: -999;
  }
  .col-md-last {
    order: 999;
  }
}

@media screen and (min-width: 1280px) {
  .col-lg,
  [class^='col-lg-'],
  [class^='col-lg-offset-'],
  .row[class*='cols-lg-'] > * {
    box-sizing: border-box;
    flex: 0 0 auto;

  }
  .col-lg,
  .row.cols-lg > * {
    max-width: 100%;
    flex-grow: 1;
    flex-basis: 0;
  }
  .col-lg-1,
  .row.cols-lg-1 > * {
    max-width: 8.33333%;
    flex-basis: 8.33333%;
  }
  .col-lg-offset-0 {
    margin-left: 0;
  }
  .col-lg-2,
  .row.cols-lg-2 > * {
    max-width: 16.66667%;
    flex-basis: 16.66667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333%;
  }
  .col-lg-3,
  .row.cols-lg-3 > * {
    max-width: 25%;
    flex-basis: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66667%;
  }
  .col-lg-4,
  .row.cols-lg-4 > * {
    max-width: 33.33333%;
    flex-basis: 33.33333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-5,
  .row.cols-lg-5 > * {
    max-width: 41.66667%;
    flex-basis: 41.66667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333%;
  }
  .col-lg-6,
  .row.cols-lg-6 > * {
    max-width: 50%;
    flex-basis: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66667%;
  }
  .col-lg-7,
  .row.cols-lg-7 > * {
    max-width: 58.33333%;
    flex-basis: 58.33333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-8,
  .row.cols-lg-8 > * {
    max-width: 66.66667%;
    flex-basis: 66.66667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333%;
  }
  .col-lg-9,
  .row.cols-lg-9 > * {
    max-width: 75%;
    flex-basis: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66667%;
  }
  .col-lg-10,
  .row.cols-lg-10 > * {
    max-width: 83.33333%;
    flex-basis: 83.33333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-11,
  .row.cols-lg-11 > * {
    max-width: 91.66667%;
    flex-basis: 91.66667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333%;
  }
  .col-lg-12,
  .row.cols-lg-12 > * {
    max-width: 100%;
    flex-basis: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66667%;
  }
  .col-lg-normal {
    order: initial;
  }
  .col-lg-first {
    order: -999;
  }
  .col-lg-last {
    order: 999;
  }
}

/* Card component CSS variable definitions */
:root {
  --card-back-color: #f8f8f8;
  --card-fore-color: #111;
  --card-border-color: #ddd;
}

.card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-self: center;
  position: relative;
  width: 100%;
  background: var(--card-back-color);
  color: var(--card-fore-color);
  border: 0.0625rem solid var(--card-border-color);
  border-radius: var(--universal-border-radius);
  margin: var(--universal-margin);
  overflow: hidden;
}

@media screen and (min-width: 320px) {
  .card {
    max-width: 320px;
  }
}

.card > .section {
  background: var(--card-back-color);
  color: var(--card-fore-color);
  box-sizing: border-box;
  margin: 0;
  border: 0;
  border-radius: 0;
  border-bottom: 0.0625rem solid var(--card-border-color);
  padding: var(--universal-padding);
  width: 100%;
}

.card > .section.media {
  height: 200px;
  padding: 0;
  -o-object-fit: cover;
  object-fit: cover;
}

.card > .section:last-child {
  border-bottom: 0;
}

/*
  Custom elements for card elements.
*/
@media screen and (min-width: 240px) {
  .card.small {
    max-width: 240px;
  }
}

@media screen and (min-width: 480px) {
  .card.large {
    max-width: 480px;
  }
}

.card.fluid {
  max-width: 100%;
  width: auto;
}

.card.warning {
  --card-back-color: #ffca28;
  --card-border-color: #e8b825;
}

.card.error {
  --card-back-color: #b71c1c;
  --card-fore-color: #f8f8f8;
  --card-border-color: #a71a1a;
}

.card > .section.dark {
  --card-back-color: #e0e0e0;
}

.card > .section.double-padded {
  padding: calc(1.5 * var(--universal-padding));
}

/*
  Definitions for forms and input elements.
*/
/* Input_control module CSS variable definitions */
:root {
  --form-back-color: #f0f0f0;
  --form-fore-color: #111;
  --form-border-color: #ddd;
  --input-back-color: #f8f8f8;
  --input-fore-color: #111;
  --input-border-color: #ddd;
  --input-focus-color: #0288d1;
  --input-invalid-color: #d32f2f;
  --button-back-color: #e2e2e2;
  --button-hover-back-color: #dcdcdc;
  --button-fore-color: #212121;
  --button-border-color: transparent;
  --button-hover-border-color: transparent;
  --button-group-border-color: rgba(124, 124, 124, 0.54);
}
/*
form {
  background: var(--form-back-color);
  color: var(--form-fore-color);
  border: 0.0625rem solid var(--form-border-color);
  border-radius: var(--universal-border-radius);
  margin: var(--universal-margin);
  padding: calc(2 * var(--universal-padding)) var(--universal-padding);
}

fieldset {
  border: 0.0625rem solid var(--form-border-color);
  border-radius: var(--universal-border-radius);
  margin: calc(var(--universal-margin) / 4);
  padding: var(--universal-padding);
}

legend {
  box-sizing: border-box;
  display: table;
  max-width: 100%;
  white-space: normal;
  font-weight: 700;
  padding: calc(var(--universal-padding) / 2);
}

label {
  padding: calc(var(--universal-padding) / 2) var(--universal-padding);
} */

.input-group {
  display: inline-block;
}

.input-group.fluid {
  display: flex;
  align-items: center;
  justify-content: center;
}

.input-group.fluid > input {
  max-width: 100%;
  flex-grow: 1;
  flex-basis: 0px;
}

@media screen and (max-width: 767px) {
  .input-group.fluid {
    align-items: stretch;
    flex-direction: column;
  }
}

.input-group.vertical {
  display: flex;
  align-items: stretch;
  flex-direction: column;
}

.input-group.vertical > input {
  max-width: 100%;
  flex-grow: 1;
  flex-basis: 0px;
}

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
  height: auto;
}

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/* input:not([type]), [type="text"], [type="email"], [type="number"], [type="search"],
[type="password"], [type="url"], [type="tel"], [type="checkbox"], [type="radio"], textarea, select {
  box-sizing: border-box;
  background: var(--input-back-color);
  color: var(--input-fore-color);
  border: 0.0625rem solid var(--input-border-color);
  border-radius: var(--universal-border-radius);
  margin: calc(var(--universal-margin) / 2);
  padding: var(--universal-padding) calc(1.5 * var(--universal-padding));
} */

input:not([type="button"]):not([type="submit"]):not([type="reset"]):hover, input:not([type="button"]):not([type="submit"]):not([type="reset"]):focus, textarea:hover, textarea:focus, select:hover, select:focus {
  border-color: var(--input-focus-color);
  box-shadow: none;
}

input:not([type="button"]):not([type="submit"]):not([type="reset"]):invalid, input:not([type="button"]):not([type="submit"]):not([type="reset"]):focus:invalid, textarea:invalid, textarea:focus:invalid, select:invalid, select:focus:invalid {
  border-color: var(--input-invalid-color);
  box-shadow: none;
}

input:not([type="button"]):not([type="submit"]):not([type="reset"])[readonly], textarea[readonly], select[readonly] {
  background: var(--secondary-back-color);
}

select {
  max-width: 100%;
}

option {
  overflow: hidden;
  text-overflow: ellipsis;
}

[type="checkbox"], [type="radio"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: relative;
  height: calc(1rem + var(--universal-padding) / 2);
  width: calc(1rem + var(--universal-padding) / 2);
  vertical-align: text-bottom;
  padding: 0;
  flex-basis: calc(1rem + var(--universal-padding) / 2) !important;
  flex-grow: 0 !important;
}

[type="checkbox"]:checked:before, [type="radio"]:checked:before {
  position: absolute;
}

[type="checkbox"]:checked:before {
  content: '\2713';
  font-family: sans-serif;
  font-size: calc(1rem + var(--universal-padding) / 2);
  top: calc(0rem - var(--universal-padding));
  left: calc(var(--universal-padding) / 4);
}

[type="radio"] {
  border-radius: 100%;
}

[type="radio"]:checked:before {
  border-radius: 100%;
  content: '';
  top: calc(0.0625rem + var(--universal-padding) / 2);
  left: calc(0.0625rem + var(--universal-padding) / 2);
  background: var(--input-fore-color);
  width: 0.5rem;
  height: 0.5rem;
}

:placeholder-shown {
  color: var(--input-fore-color);
}

::-ms-placeholder {
  color: var(--input-fore-color);
  opacity: 0.54;
}

button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button, html [type="button"], [type="reset"], [type="submit"] {
  -webkit-appearance: button;
}

button {
  overflow: visible;
  text-transform: none;
}

/* button, [type="button"], [type="submit"], [type="reset"],
a.button, label.button, .button,
a[role="button"], label[role="button"], [role="button"] {
  display: inline-block;
  /* background: var(--button-back-color); */
  /*color: var(--button-fore-color);
  border: 0.0625rem solid var(--button-border-color);
  border-radius: var(--universal-border-radius);
  padding: var(--universal-padding) calc(1.5 * var(--universal-padding));
  margin: var(--universal-margin);
  text-decoration: none;
  cursor: pointer;
  transition: background 0.3s;
} */

/* button:hover, button:focus, [type="button"]:hover, [type="button"]:focus, [type="submit"]:hover, [type="submit"]:focus, [type="reset"]:hover, [type="reset"]:focus,
a.button:hover,
a.button:focus, label.button:hover, label.button:focus, .button:hover, .button:focus,
a[role="button"]:hover,
a[role="button"]:focus, label[role="button"]:hover, label[role="button"]:focus, [role="button"]:hover, [role="button"]:focus {
  background: var(--button-hover-back-color);
  border-color: var(--button-hover-border-color);
} */

input:disabled, input[disabled], textarea:disabled, textarea[disabled], select:disabled, select[disabled], button:disabled, button[disabled], .button:disabled, .button[disabled], [role="button"]:disabled, [role="button"][disabled] {
  cursor: not-allowed;
  opacity: 0.75;
}

.button-group {
  display: flex;
  border: 0.0625rem solid var(--button-group-border-color);
  border-radius: var(--universal-border-radius);
  margin: var(--universal-margin);
}

.button-group > button, .button-group [type="button"], .button-group > [type="submit"], .button-group > [type="reset"],
.button-group > .button, .button-group > [role="button"] {
  margin: 0;
  max-width: 100%;
  flex: 1 1 auto;
  text-align: center;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

.button-group > :not(:first-child) {
  border-left: 0.0625rem solid var(--button-group-border-color);
}

@media screen and (max-width: 767px) {
  .button-group {
    flex-direction: column;
  }
  .button-group > :not(:first-child) {
    border: 0;
    border-top: 0.0625rem solid var(--button-group-border-color);
  }
}

/*
  Custom elements for forms and input elements.
*/
button.primary, [type="button"].primary, [type="submit"].primary, [type="reset"].primary, .button.primary, [role="button"].primary {
  --button-back-color: #1976d2;
  --button-fore-color: #f8f8f8;
}

button.primary:hover, button.primary:focus, [type="button"].primary:hover, [type="button"].primary:focus, [type="submit"].primary:hover, [type="submit"].primary:focus, [type="reset"].primary:hover, [type="reset"].primary:focus, .button.primary:hover, .button.primary:focus, [role="button"].primary:hover, [role="button"].primary:focus {
  --button-hover-back-color: #1565c0;
}

button.secondary, [type="button"].secondary, [type="submit"].secondary, [type="reset"].secondary, .button.secondary, [role="button"].secondary {
  --button-back-color: #d32f2f;
  --button-fore-color: #f8f8f8;
}

button.secondary:hover, button.secondary:focus, [type="button"].secondary:hover, [type="button"].secondary:focus, [type="submit"].secondary:hover, [type="submit"].secondary:focus, [type="reset"].secondary:hover, [type="reset"].secondary:focus, .button.secondary:hover, .button.secondary:focus, [role="button"].secondary:hover, [role="button"].secondary:focus {
  --button-hover-back-color: #c62828;
}

button.tertiary, [type="button"].tertiary, [type="submit"].tertiary, [type="reset"].tertiary, .button.tertiary, [role="button"].tertiary {
  --button-back-color: #308732;
  --button-fore-color: #f8f8f8;
}

button.tertiary:hover, button.tertiary:focus, [type="button"].tertiary:hover, [type="button"].tertiary:focus, [type="submit"].tertiary:hover, [type="submit"].tertiary:focus, [type="reset"].tertiary:hover, [type="reset"].tertiary:focus, .button.tertiary:hover, .button.tertiary:focus, [role="button"].tertiary:hover, [role="button"].tertiary:focus {
  --button-hover-back-color: #277529;
}

button.inverse, [type="button"].inverse, [type="submit"].inverse, [type="reset"].inverse, .button.inverse, [role="button"].inverse {
  --button-back-color: #212121;
  --button-fore-color: #f8f8f8;
}

button.inverse:hover, button.inverse:focus, [type="button"].inverse:hover, [type="button"].inverse:focus, [type="submit"].inverse:hover, [type="submit"].inverse:focus, [type="reset"].inverse:hover, [type="reset"].inverse:focus, .button.inverse:hover, .button.inverse:focus, [role="button"].inverse:hover, [role="button"].inverse:focus {
  --button-hover-back-color: #111;
}

button.small, [type="button"].small, [type="submit"].small, [type="reset"].small, .button.small, [role="button"].small {
  padding: calc(0.5 * var(--universal-padding)) calc(0.75 * var(--universal-padding));
  margin: var(--universal-margin);
}

button.large, [type="button"].large, [type="submit"].large, [type="reset"].large, .button.large, [role="button"].large {
  padding: calc(1.5 * var(--universal-padding)) calc(2 * var(--universal-padding));
  margin: var(--universal-margin);
}

/*
  Definitions for navigation elements.
*/
/* Navigation module CSS variable definitions */
:root {
  --header-back-color: #f8f8f8;
  --header-hover-back-color: #f0f0f0;
  --header-fore-color: #444;
  --header-border-color: #ddd;
  --nav-back-color: #f8f8f8;
  --nav-hover-back-color: #f0f0f0;
  --nav-fore-color: #444;
  --nav-border-color: #ddd;
  --nav-link-color: #0277bd;
  --footer-fore-color: #444;
  --footer-back-color: #FFF;
  --footer-border-color: #fff;
  --footer-link-color: #0277bd;
  --drawer-back-color: #f8f8f8;
  --drawer-hover-back-color: #f0f0f0;
  --drawer-border-color: #ddd;
  --drawer-close-color: #444;
}

header {
  /* height: 13.75rem; */
  background: var(--header-back-color);
  color: var(--header-fore-color);
  border-bottom: 0.0625rem solid var(--header-border-color);
  padding: calc(var(--universal-padding) / 4) 0;
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
}

header.row {
  box-sizing: content-box;
}

header .logo {
  color: var(--header-fore-color);
  font-size: 1.75rem;
  text-decoration: none;
  float:left;
}

header button, header [type="button"], header .button, header [role="button"] {
  box-sizing: border-box;
  position: relative;
  top: calc(0rem - var(--universal-padding) / 4);
  height: calc(3.1875rem + var(--universal-padding) / 2);
  background: var(--header-back-color);
  line-height: calc(3.1875rem - var(--universal-padding) * 1.5);
  text-align: center;
  color: var(--header-fore-color);
  border: 0;
  border-radius: 0;
  margin: 0;
  text-transform: uppercase;
}

header button:hover, header button:focus, header [type="button"]:hover, header [type="button"]:focus, header .button:hover, header .button:focus, header [role="button"]:hover, header [role="button"]:focus {
  background: var(--header-hover-back-color);
}

/* nav {
  background: var(--nav-back-color);
  color: var(--nav-fore-color);
  border: 0.0625rem solid var(--nav-border-color);
  border-radius: var(--universal-border-radius);
  margin: var(--universal-margin);
}

nav * {
  padding: var(--universal-padding) calc(1.5 * var(--universal-padding));
} */

nav a, nav a:visited {
  display: block;
  color: var(--nav-link-color);
  border-radius: var(--universal-border-radius);
  transition: background 0.3s;
}

nav a:hover, nav a:focus, nav a:visited:hover, nav a:visited:focus {
  text-decoration: none;
  background: var(--nav-hover-back-color);
}

nav .sublink-1 {
  position: relative;
  margin-left: calc(2 * var(--universal-padding));
}

nav .sublink-1:before {
  position: absolute;
  left: calc(var(--universal-padding) - 1 * var(--universal-padding));
  top: -0.0625rem;
  content: '';
  height: 100%;
  border: 0.0625rem solid var(--nav-border-color);
  border-left: 0;
}

nav .sublink-2 {
  position: relative;
  margin-left: calc(4 * var(--universal-padding));
}

nav .sublink-2:before {
  position: absolute;
  left: calc(var(--universal-padding) - 3 * var(--universal-padding));
  top: -0.0625rem;
  content: '';
  height: 100%;
  border: 0.0625rem solid var(--nav-border-color);
  border-left: 0;
}

footer {
  background: var(--footer-back-color);
  color: var(--footer-fore-color);
  border-top: 0.0625rem solid var(--footer-border-color);
  padding: calc(2 * var(--universal-padding)) var(--universal-padding);
  font-size: 0.875rem;
  padding-bottom:3rem;
}
/*
footer a, footer a:visited {
  color: var(--footer-link-color);
}
*/
footer a[href^="mailto:"]{
/* text-decoration: underline; */
color: #7500A2;
}
footer a[href^="tel:"]{
  color: #7500A2;
}

header.sticky {
  position: -webkit-sticky;
  position: sticky;
  z-index: 1101;
  top: 0;

}

footer.sticky {
  position: -webkit-sticky;
  position: sticky;
  z-index: 1101;
  bottom: 0;
}
label.drawer-toggle{background: white; width: 100%;  box-shadow: -1px -1px 8px 0px #00000026;}
#draw{transition: .5s all ease;font-size: 3rem;}
/* .drawer-toggle:before {
  display: inline-block;
  position: relative;
  vertical-align: bottom;
  content: '\00a0\2261\00a0';
  font-family: sans-serif;
  float: right;
  top: 2.1rem;
  right: 1.3rem;
} */
#burger{
  transition: .5s all ease;
  font-size: 3rem;
  top: 2.3rem;
  right: 1rem;
  position: relative;}
#burger:before {
  display: inline-block;
  position: relative;
  vertical-align: bottom;
  content: '\00a0\2261\00a0';
  font-family: sans-serif;
  float: right;
}
[type="checkbox"].drawer:checked + .drawer-toggle:before {
  content: 'hello' !important;
  font-size: 1em !important;
}

@media screen and (min-width: 821px) {
  .drawer-toggle:not(.persistent) {
    display: none;
  }

}

[type="checkbox"].drawer {
  height: 1px;
  width: 1px;
  margin: -1px;
  overflow: hidden;
  position: fixed;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(100%);
  clip-path: inset(100%);
}

[type="checkbox"].drawer + * {
  display: block;
  box-sizing: border-box;
  position: fixed;
  top: 0;
  width: 320px;
  height: 100vh;
  overflow-y: auto;
  background: var(--drawer-back-color);
  /*border: 0.0625rem solid var(--drawer-border-color);*/
  border-radius: 0;
  margin: 0;
  z-index: 1110;
  right: -360px;
  transition: right 0.3s;
}

[type="checkbox"].drawer + * .drawer-close {
  display:none;
  position: absolute;
  top: var(--universal-margin);
  right: var(--universal-margin);
  z-index: 1111;
  width: 2rem;
  height: 2rem;
  border-radius: var(--universal-border-radius);
  padding: var(--universal-padding);
  margin: 0;
  cursor: pointer;
  transition: background 0.3s;
}

[type="checkbox"].drawer + * .drawer-close:before {
  display: block;
  content: '\00D7';
  color: var(--drawer-close-color);
  position: relative;
  font-family: sans-serif;
  font-size: 2rem;
  line-height: 1;
  text-align: center;
}

[type="checkbox"].drawer + * .drawer-close:hover, [type="checkbox"].drawer + * .drawer-close:focus {
  background: var(--drawer-hover-back-color);
}

@media screen and (max-width: 319px) {
  [type="checkbox"].drawer + * {
    width: 100%;
  }
}

[type="checkbox"].drawer:checked + * {
  right: 0;
  top: 5.9rem;
  padding-bottom: 4.9rem;
  width: 100%;
  background:#F2F2F2;
  border:none;
  box-shadow:-2px 6px 5px 0px #00000026;
  z-index: 9999999999;
}
i.rotate::after{transform: rotate(180deg);}
@media screen and (min-width: 768px) {
  [type="checkbox"].drawer:not(.persistent) + * {
    /* position: static; */
    height: 100%;
    z-index: 1100;
  }
  [type="checkbox"].drawer:not(.persistent) + * .drawer-close {
    display: none;
  }
}

/*
  Definitions for the responsive table component.
*/
/* Table module CSS variable definitions. */
:root {
  --table-border-color: #aaa;
  --table-border-separator-color: #666;
  --table-head-back-color: #e6e6e6;
  --table-head-fore-color: #111;
  --table-body-back-color: #f8f8f8;
  --table-body-fore-color: #111;
  --table-body-alt-back-color: #eee;
}

table {
  border-collapse: separate;
  border-spacing: 0;
  margin: 0;
  display: flex;
  flex: 0 1 auto;
  flex-flow: row wrap;
  padding: var(--universal-padding);
  padding-top: 0;
}

table caption {
  font-size: 1.5rem;
  margin: calc(2 * var(--universal-margin)) 0;
  max-width: 100%;
  flex: 0 0 100%;
}

table thead, table tbody {
  display: flex;
  flex-flow: row wrap;
  border: 0.0625rem solid var(--table-border-color);
}

table thead {
  z-index: 999;
  border-radius: var(--universal-border-radius) var(--universal-border-radius) 0 0;
  border-bottom: 0.0625rem solid var(--table-border-separator-color);
}

table tbody {
  border-top: 0;
  margin-top: calc(0 - var(--universal-margin));
  border-radius: 0 0 var(--universal-border-radius) var(--universal-border-radius);
}

table tr {
  display: flex;
  padding: 0;
}

table th, table td {
  padding: calc(2 * var(--universal-padding));
}

table th {
  text-align: left;
  background: var(--table-head-back-color);
  color: var(--table-head-fore-color);
}

table td {
  background: var(--table-body-back-color);
  color: var(--table-body-fore-color);
  border-top: 0.0625rem solid var(--table-border-color);
}

table:not(.horizontal) {
  overflow: auto;
  max-height: 400px;
}

table:not(.horizontal) thead, table:not(.horizontal) tbody {
  max-width: 100%;
  flex: 0 0 100%;
}

table:not(.horizontal) tr {
  flex-flow: row wrap;
  flex: 0 0 100%;
}

table:not(.horizontal) th, table:not(.horizontal) td {
  flex: 1 0 0%;
  overflow: hidden;
  text-overflow: ellipsis;
}

table:not(.horizontal) thead {
  position: sticky;
  top: 0;
}

table:not(.horizontal) tbody tr:first-child td {
  border-top: 0;
}

table.horizontal {
  border: 0;
}

table.horizontal thead, table.horizontal tbody {
  border: 0;
  flex: .2 0 0;
  flex-flow: row nowrap;
}

table.horizontal tbody {
  overflow: auto;
  justify-content: space-between;
  flex: .8 0 0;
  margin-left: 0;
  padding-bottom: calc(var(--universal-padding) / 4);
}

table.horizontal tr {
  flex-direction: column;
  flex: 1 0 auto;
}

table.horizontal th, table.horizontal td {
  width: auto;
  border: 0;
  border-bottom: 0.0625rem solid var(--table-border-color);
}

table.horizontal th:not(:first-child), table.horizontal td:not(:first-child) {
  border-top: 0;
}

table.horizontal th {
  text-align: right;
  border-left: 0.0625rem solid var(--table-border-color);
  border-right: 0.0625rem solid var(--table-border-separator-color);
}

table.horizontal thead tr:first-child {
  padding-left: 0;
}

table.horizontal th:first-child, table.horizontal td:first-child {
  border-top: 0.0625rem solid var(--table-border-color);
}

table.horizontal tbody tr:last-child td {
  border-right: 0.0625rem solid var(--table-border-color);
}

table.horizontal tbody tr:last-child td:first-child {
  border-top-right-radius: 0.25rem;
}

table.horizontal tbody tr:last-child td:last-child {
  border-bottom-right-radius: 0.25rem;
}

table.horizontal thead tr:first-child th:first-child {
  border-top-left-radius: 0.25rem;
}

table.horizontal thead tr:first-child th:last-child {
  border-bottom-left-radius: 0.25rem;
}

@media screen and (max-width: 767px) {
  table, table.horizontal {
    border-collapse: collapse;
    border: 0;
    width: 100%;
    display: table;
  }
  table thead, table th, table.horizontal thead, table.horizontal th {
    border: 0;
    height: 1px;
    width: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(100%);
    clip-path: inset(100%);
  }
  table tbody, table.horizontal tbody {
    border: 0;
    display: table-row-group;
  }
  table tr, table.horizontal tr {
    display: block;
    border: 0.0625rem solid var(--table-border-color);
    border-radius: var(--universal-border-radius);
    background: #fafafa;
    padding: var(--universal-padding);
    margin: var(--universal-margin);
    margin-bottom: calc(2 * var(--universal-margin));
  }
  table th, table td, table.horizontal th, table.horizontal td {
    width: auto;
  }
  table td, table.horizontal td {
    display: block;
    border: 0;
    text-align: right;
  }
  table td:before, table.horizontal td:before {
    content: attr(data-label);
    float: left;
    font-weight: 600;
  }
  table th:first-child, table td:first-child, table.horizontal th:first-child, table.horizontal td:first-child {
    border-top: 0;
  }
  table tbody tr:last-child td, table.horizontal tbody tr:last-child td {
    border-right: 0;
  }
}

:root {
  --table-body-alt-back-color: #eee;
}

table.striped tr:nth-of-type(2n) > td {
  background: var(--table-body-alt-back-color);
}

@media screen and (max-width: 767px) {
  table.striped tr:nth-of-type(2n) {
    background: var(--table-body-alt-back-color);
  }
}

:root {
  --table-body-hover-back-color: #90caf9;
}

table.hoverable tr:hover, table.hoverable tr:hover > td, table.hoverable tr:focus, table.hoverable tr:focus > td {
  background: var(--table-body-hover-back-color);
}

@media screen and (max-width: 767px) {
  table.hoverable tr:hover, table.hoverable tr:hover > td, table.hoverable tr:focus, table.hoverable tr:focus > td {
    background: var(--table-body-hover-back-color);
  }
}

/*
  Definitions for contextual background elements, toasts and tooltips.
*/
/* Contextual module CSS variable definitions */
:root {
  --mark-back-color: #0277bd;
  --mark-fore-color: #fafafa;
}

mark {
  background: var(--mark-back-color);
  color: var(--mark-fore-color);
  font-size: 0.95em;
  line-height: 1em;
  border-radius: var(--universal-border-radius);
  padding: calc(var(--universal-padding) / 4) calc(var(--universal-padding) / 2);
}

mark.inline-block {
  display: inline-block;
  font-size: 1em;
  line-height: 1.5;
  padding: calc(var(--universal-padding) / 2) var(--universal-padding);
}

:root {
  --toast-back-color: #424242;
  --toast-fore-color: #fafafa;
}

.toast {
  position: fixed;
  bottom: calc(var(--universal-margin) * 3);
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1111;
  color: var(--toast-fore-color);
  background: var(--toast-back-color);
  border-radius: calc(var(--universal-border-radius) * 16);
  padding: var(--universal-padding) calc(var(--universal-padding) * 3);
}

:root {
  --tooltip-back-color: #212121;
  --tooltip-fore-color: #fafafa;
}

.tooltip {
  position: relative;
  display: inline-block;
}

.tooltip:before, .tooltip:after {
  position: absolute;
  opacity: 0;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(100%);
  clip-path: inset(100%);
  transition: all 0.3s;
  z-index: 1010;
  left: 50%;
}

.tooltip:not(.bottom):before, .tooltip:not(.bottom):after {
  bottom: 75%;
}

.tooltip.bottom:before, .tooltip.bottom:after {
  top: 75%;
}

.tooltip:hover:before, .tooltip:hover:after, .tooltip:focus:before, .tooltip:focus:after {
  opacity: 1;
  clip: auto;
  -webkit-clip-path: inset(0%);
  clip-path: inset(0%);
}

.tooltip:before {
  content: '';
  background: transparent;
  border: var(--universal-margin) solid transparent;
  left: calc(50% - var(--universal-margin));
}

.tooltip:not(.bottom):before {
  border-top-color: #212121;
}

.tooltip.bottom:before {
  border-bottom-color: #212121;
}

.tooltip:after {
  content: attr(aria-label);
  color: var(--tooltip-fore-color);
  background: var(--tooltip-back-color);
  border-radius: var(--universal-border-radius);
  padding: var(--universal-padding);
  white-space: nowrap;
  transform: translateX(-50%);
}

.tooltip:not(.bottom):after {
  margin-bottom: calc(2 * var(--universal-margin));
}

.tooltip.bottom:after {
  margin-top: calc(2 * var(--universal-margin));
}

:root {
  --modal-overlay-color: rgba(0, 0, 0, 0.45);
  --modal-close-color: #444;
  --modal-close-hover-color: #f0f0f0;
}

[type="checkbox"].modal {
  height: 1px;
  width: 1px;
  margin: -1px;
  overflow: hidden;
  position: absolute;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(100%);
  clip-path: inset(100%);
}

[type="checkbox"].modal + div {
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  width: 100vw;
  height: 100vh;
  background: var(--modal-overlay-color);
}

[type="checkbox"].modal + div .card {
  margin: 0 auto;
  max-height: 50vh;
  overflow: auto;
}

[type="checkbox"].modal + div .card .modal-close {
  position: absolute;
  top: 0;
  right: 0;
  width: 1.75rem;
  height: 1.75rem;
  border-radius: var(--universal-border-radius);
  padding: var(--universal-padding);
  margin: 0;
  cursor: pointer;
  transition: background 0.3s;
}

[type="checkbox"].modal + div .card .modal-close:before {
  display: block;
  content: '\00D7';
  color: var(--modal-close-color);
  position: relative;
  font-family: sans-serif;
  font-size: 1.75rem;
  line-height: 1;
  text-align: center;
}

[type="checkbox"].modal + div .card .modal-close:hover, [type="checkbox"].modal + div .card .modal-close:focus {
  background: var(--modal-close-hover-color);
}

[type="checkbox"].modal:checked + div {
  display: flex;
  flex: 0 1 auto;
  z-index: 1200;
}

[type="checkbox"].modal:checked + div .card .modal-close {
  z-index: 1211;
}

:root {
  --collapse-label-back-color: #e8e8e8;
  --collapse-label-fore-color: #212121;
  --collapse-label-hover-back-color: #f0f0f0;
  --collapse-selected-label-back-color: #ececec;
  --collapse-border-color: #ddd;
  --collapse-content-back-color: #fafafa;
  --collapse-selected-label-border-color: #0277bd;
}

.collapse {
  width: calc(100% - 2 * var(--universal-margin));
  opacity: 1;
  display: flex;
  flex-direction: column;
  margin: var(--universal-margin);
  border-radius: var(--universal-border-radius);
}

.collapse > [type="radio"], .collapse > [type="checkbox"] {
  height: 1px;
  width: 1px;
  margin: -1px;
  overflow: hidden;
  position: absolute;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(100%);
  clip-path: inset(100%);
}

.collapse > label {
  flex-grow: 1;
  display: inline-block;
  height: 1.5rem;
  cursor: pointer;
  transition: background 0.3s;
  color: var(--collapse-label-fore-color);
  background: var(--collapse-label-back-color);
  border: 0.0625rem solid var(--collapse-border-color);
  padding: calc(1.5 * var(--universal-padding));
}

.collapse > label:hover, .collapse > label:focus {
  background: var(--collapse-label-hover-back-color);
}

.collapse > label + div {
  flex-basis: auto;
  height: 1px;
  width: 1px;
  margin: -1px;
  overflow: hidden;
  position: absolute;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(100%);
  clip-path: inset(100%);
  transition: max-height 0.3s;
  max-height: 1px;
}

.collapse > :checked + label {
  background: var(--collapse-selected-label-back-color);
  border-bottom-color: var(--collapse-selected-label-border-color);
}

.collapse > :checked + label + div {
  box-sizing: border-box;
  position: relative;
  width: 100%;
  height: auto;
  overflow: auto;
  margin: 0;
  background: var(--collapse-content-back-color);
  border: 0.0625rem solid var(--collapse-border-color);
  border-top: 0;
  padding: var(--universal-padding);
  clip: auto;
  -webkit-clip-path: inset(0%);
  clip-path: inset(0%);
  max-height: 400px;
}

.collapse > label:not(:first-of-type) {
  border-top: 0;
}

.collapse > label:first-of-type {
  border-radius: var(--universal-border-radius) var(--universal-border-radius) 0 0;
}

.collapse > label:last-of-type:not(:first-of-type) {
  border-radius: 0 0 var(--universal-border-radius) var(--universal-border-radius);
}

.collapse > label:last-of-type:first-of-type {
  border-radius: var(--universal-border-radius);
}

.collapse > :checked:last-of-type:not(:first-of-type) + label {
  border-radius: 0;
}

.collapse > :checked:last-of-type + label + div {
  border-radius: 0 0 var(--universal-border-radius) var(--universal-border-radius);
}

/*
  Custom elements for contextual background elements, toasts and tooltips.
*/
mark.secondary {
  --mark-back-color: #d32f2f;
}

mark.tertiary {
  --mark-back-color: #308732;
}

mark.tag {
  padding: calc(var(--universal-padding)/2) var(--universal-padding);
  border-radius: 1em;
}

/*
  Definitions for progress elements and spinners.
*/
/* Progess module CSS variable definitions */
:root {
  --progress-back-color: #ddd;
  --progress-fore-color: #555;
}

progress {
  display: block;
  vertical-align: baseline;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  height: 0.75rem;
  width: calc(100% - 2 * var(--universal-margin));
  margin: var(--universal-margin);
  border: 0;
  border-radius: calc(2 * var(--universal-border-radius));
  background: var(--progress-back-color);
  color: var(--progress-fore-color);
}

progress::-webkit-progress-value {
  background: var(--progress-fore-color);
  border-top-left-radius: calc(2 * var(--universal-border-radius));
  border-bottom-left-radius: calc(2 * var(--universal-border-radius));
}

progress::-webkit-progress-bar {
  background: var(--progress-back-color);
}

progress::-moz-progress-bar {
  background: var(--progress-fore-color);
  border-top-left-radius: calc(2 * var(--universal-border-radius));
  border-bottom-left-radius: calc(2 * var(--universal-border-radius));
}

progress[value="1000"]::-webkit-progress-value {
  border-radius: calc(2 * var(--universal-border-radius));
}

progress[value="1000"]::-moz-progress-bar {
  border-radius: calc(2 * var(--universal-border-radius));
}

progress.inline {
  display: inline-block;
  vertical-align: middle;
  width: 60%;
}

:root {
  --spinner-back-color: #ddd;
  --spinner-fore-color: #555;
}

@keyframes spinner-donut-anim {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.spinner {
  display: inline-block;
  margin: var(--universal-margin);
  border: 0.25rem solid var(--spinner-back-color);
  border-left: 0.25rem solid var(--spinner-fore-color);
  border-radius: 50%;
  width: 1.25rem;
  height: 1.25rem;
  animation: spinner-donut-anim 1.2s linear infinite;
}

/*
  Custom elements for progress bars and spinners.
*/
progress.primary {
  --progress-fore-color: #1976d2;
}

progress.secondary {
  --progress-fore-color: #d32f2f;
}

progress.tertiary {
  --progress-fore-color: #308732;
}

.spinner.primary {
  --spinner-fore-color: #1976d2;
}

.spinner.secondary {
  --spinner-fore-color: #d32f2f;
}

.spinner.tertiary {
  --spinner-fore-color: #308732;
}

/*
  Definitions for icons - powered by Feather (https://feathericons.com/).
*/
span[class^='icon-'] {
  display: inline-block;
  height: 1em;
  width: 1em;
  vertical-align: -0.125em;
  background-size: contain;
  margin: 0 calc(var(--universal-margin) / 4);
}

span[class^='icon-'].secondary {
  -webkit-filter: invert(25%);
  filter: invert(25%);
}

span[class^='icon-'].inverse {
  -webkit-filter: invert(100%);
  filter: invert(100%);
}

span.icon-alert {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12' y2='16'%3E%3C/line%3E%3C/svg%3E");
}

span.icon-bookmark {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z'%3E%3C/path%3E%3C/svg%3E");
}

span.icon-calendar {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");
}

span.icon-credit {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='1' y='4' width='22' height='16' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='1' y1='10' x2='23' y2='10'%3E%3C/line%3E%3C/svg%3E");
}

span.icon-edit {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 14.66V20a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h5.34'%3E%3C/path%3E%3Cpolygon points='18 2 22 6 12 16 8 16 8 12 18 2'%3E%3C/polygon%3E%3C/svg%3E");
}

span.icon-link {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6'%3E%3C/path%3E%3Cpolyline points='15 3 21 3 21 9'%3E%3C/polyline%3E%3Cline x1='10' y1='14' x2='21' y2='3'%3E%3C/line%3E%3C/svg%3E");
}

span.icon-help {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3'%3E%3C/path%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='17' x2='12' y2='17'%3E%3C/line%3E%3C/svg%3E");
}

span.icon-home {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'%3E%3C/path%3E%3Cpolyline points='9 22 9 12 15 12 15 22'%3E%3C/polyline%3E%3C/svg%3E");
}

span.icon-info {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='16' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='8' x2='12' y2='8'%3E%3C/line%3E%3C/svg%3E");
}

span.icon-lock {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='11' width='18' height='11' rx='2' ry='2'%3E%3C/rect%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'%3E%3C/path%3E%3C/svg%3E");
}

span.icon-mail {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z'%3E%3C/path%3E%3Cpolyline points='22,6 12,13 2,6'%3E%3C/polyline%3E%3C/svg%3E");
}

span.icon-location {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z'%3E%3C/path%3E%3Ccircle cx='12' cy='10' r='3'%3E%3C/circle%3E%3C/svg%3E");
}

span.icon-phone {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z'%3E%3C/path%3E%3C/svg%3E");
}

span.icon-rss {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 11a9 9 0 0 1 9 9'%3E%3C/path%3E%3Cpath d='M4 4a16 16 0 0 1 16 16'%3E%3C/path%3E%3Ccircle cx='5' cy='19' r='1'%3E%3C/circle%3E%3C/svg%3E");
}

span.icon-search {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");
}

span.icon-settings {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='3'%3E%3C/circle%3E%3Cpath d='M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z'%3E%3C/path%3E%3C/svg%3E");
}

span.icon-share {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='18' cy='5' r='3'%3E%3C/circle%3E%3Ccircle cx='6' cy='12' r='3'%3E%3C/circle%3E%3Ccircle cx='18' cy='19' r='3'%3E%3C/circle%3E%3Cline x1='8.59' y1='13.51' x2='15.42' y2='17.49'%3E%3C/line%3E%3Cline x1='15.41' y1='6.51' x2='8.59' y2='10.49'%3E%3C/line%3E%3C/svg%3E");
}

span.icon-cart {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='21' r='1'%3E%3C/circle%3E%3Ccircle cx='20' cy='21' r='1'%3E%3C/circle%3E%3Cpath d='M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6'%3E%3C/path%3E%3C/svg%3E");
}

span.icon-upload {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'%3E%3C/path%3E%3Cpolyline points='17 8 12 3 7 8'%3E%3C/polyline%3E%3Cline x1='12' y1='3' x2='12' y2='15'%3E%3C/line%3E%3C/svg%3E");
}

span.icon-user {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'%3E%3C/path%3E%3Ccircle cx='12' cy='7' r='4'%3E%3C/circle%3E%3C/svg%3E");
}

/*
  Definitions for utilities and helper classes.
*/
/* Utility module CSS variable definitions */
:root {
  --generic-border-color: rgba(0, 0, 0, 0.3);
  --generic-box-shadow: 0 0.25rem 0.25rem 0 rgba(0, 0, 0, 0.125), 0 0.125rem 0.125rem -0.125rem rgba(0, 0, 0, 0.25);
}

.hidden {
  display: none !important;
}

.visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  border: 0 !important;
  padding: 0 !important;
  clip: rect(0 0 0 0) !important;
  -webkit-clip-path: inset(100%) !important;
  clip-path: inset(100%) !important;
  overflow: hidden !important;
}

.bordered {
  border: 0.0625rem solid var(--generic-border-color) !important;
}

.rounded {
  border-radius: var(--universal-border-radius) !important;
}

.circular {
  border-radius: 50% !important;
}

.shadowed {
  box-shadow: var(--generic-box-shadow) !important;
}

.responsive-margin {
  margin: calc(var(--universal-margin) / 4) !important;
}

@media screen and (min-width: 768px) {
  .responsive-margin {
    margin: calc(var(--universal-margin) / 2) !important;
  }
}

@media screen and (min-width: 1280px) {
  .responsive-margin {
    margin: var(--universal-margin) !important;
  }
}

.responsive-padding {
  padding: calc(var(--universal-padding) / 4) !important;
}

@media screen and (min-width: 768px) {
  .responsive-padding {
    padding: calc(var(--universal-padding) / 2) !important;
  }
}

@media screen and (min-width: 1280px) {
  .responsive-padding {
    padding: var(--universal-padding) !important;
  }
}

@media screen and (max-width: 767px) {
  .hidden-sm {
    display: none !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
  .hidden-md {
    display: none !important;
  }
}

@media screen and (min-width: 1280px) {
  .hidden-lg {
    display: none !important;
  }
}

@media screen and (max-width: 767px) {
  .visually-hidden-sm {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    border: 0 !important;
    padding: 0 !important;
    clip: rect(0 0 0 0) !important;
    -webkit-clip-path: inset(100%) !important;
    clip-path: inset(100%) !important;
    overflow: hidden !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
  .visually-hidden-md {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    border: 0 !important;
    padding: 0 !important;
    clip: rect(0 0 0 0) !important;
    -webkit-clip-path: inset(100%) !important;
    clip-path: inset(100%) !important;
    overflow: hidden !important;
  }
}

@media screen and (min-width: 1280px) {
  .visually-hidden-lg {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    border: 0 !important;
    padding: 0 !important;
    clip: rect(0 0 0 0) !important;
    -webkit-clip-path: inset(100%) !important;
    clip-path: inset(100%) !important;
    overflow: hidden !important;
  }
}

/* FURTHER STYLES FOR LAYOUT PETRI UND EICHEN */
h2{font-family:'PT Sans'; font-weight:bold;/*sans-serif;'Henriette-Bold', sans-serif;*/}
h2 *{font-family:'PT Sans'; font-weight:bold;}
header.sticky {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: -1px -1px 8px 0px #00000026;
  opacity: 1;
  border: none;
  overflow: visible;
  padding-bottom: 0;
}
header.sticky  ul li{
font-size:24px;
}
header.sticky ul.subMenuTop li {
  font-size:14px;
}
header.sticky  ul:first li{
  font-size:0.75em !important;
}

header.sticky ul.lvl-1 {
  padding: 1rem;
  background: whitesmoke;
  display: none;
  position: absolute;
  width: 70%;
  right: 0;
  margin-top: 1rem;
  margin-right: 0;
}
header.sticky ul li:first-of-type ul.lvl-1 {
  width: 131%;
}
@media screen and (max-width: 1038px) {
  header.sticky ul li:first-of-type ul.lvl-1 {
    width: 100%;
  }
}

header.sticky ul.lvl-2 {
  padding: 0;
  background: whitesmoke;
  position: relative;
  margin: 0;
  margin-top: 0;
  margin-right: 16px;
  display: block;
  float: left;
  padding-left: 4rem;
}

header.sticky ul.lvl-2 li:first-child{
  padding-top: 1rem;
}

ul.mainNav.lvl-2 li:before {
    display: none;
}
/* Mein Stadtteil alle einzel Seiten im Menu verbergen*/
li.sub:last-of-type .lvl-1 .lvl-2 {
    display: none;
}

.mainNav .lvl-1 li .lvl-2 li {
  padding:0;
  padding-bottom:.5rem;
  float: none;
}
/* .mainNav .lvl-2 li{padding} */

ul.mainNav.lvl-2 a{font-weight: normal; font-size: 1.2rem}

@media screen and (max-width: 820px) {
.sticky .headerSticky,.sticky .subMenuTop {
  display:none;
}
.drawer-toggle{
  position: fixed;
  top: -1.5rem;
  z-index: 999999;
  right: 0;
  /* font-size: 2.5rem; */
  padding: 0!important
}
.mFooter {
  margin-top: 2rem ;
  background: white;
  font-family: 'PT Sans', sans-serif;
  padding-bottom: 2rem;
}
.mFooter svg{
  padding: 0 2rem;
}
.drawerAreaSub{font-weight: 700;}
.mFooter .drawerAreaSub{padding-top: 2rem; padding-bottom: 2rem;font-weight: 400;}
.drawerArea *{font-family: 'PT Sans', sans-serif;font-weight: 700;}
.drawerArea.lvl-1 *{font-weight: 400; font-size: 1.2rem;}
.drawerArea,.drawerAreaSub{margin-top: 0;margin-bottom: 0;}
.drawerArea .lvl-1 {display: none;}
.drawerArea.lvl-1.show{display: block;}
a.sub + i::after{
  content:'';
  background-image: url(../img/chevPurple.svg);
  background-repeat: no-repeat;
  height: 2rem;
  width: 1.3rem;
  background-position: center;
  display: inline-block;
  position: relative;
  float: right;
  transition: .3s all ease
}
.lvl-1 a.sub + i::after{display: none}
ul.drawerArea,ul.drawerAreaSub {
  padding:0 1.5rem;
}
ul.drawerArea ul.drawerArea{
  padding: 0;
    margin: .5rem 0;
    /* border-left: 1px solid #7500A2;*/
    }
ul.drawerArea{padding-top: 1rem;}
ul.drawerArea li,ul.drawerAreaSub li{
  list-style:none;
  width:100%;
  padding: 0.25rem 0;
  font-size: 1.1em;
}

}
.headerSticky {
  width: 100%;
  float:left;
  padding: 1rem 0 0 0;
}
.headerSticky *{padding-top: 0;padding-bottom: 0 }

.headerSticky a.active{color:#7500a2;}
.headerSticky a.logo{margin-top: 1.1rem;margin-left: .5rem}
.headerSticky a{font-weight: 700;display: flex;}
header a,footer a {
  color:#1D1616;
}
footer li {
  list-style: none;
  font-weight: 600;
}

footer i{display: none;}
footer ul {
  font-weight: 700;
  color:#1D1616;
  line-height: 1.7;
  margin:0;
  padding:0;
}
footer .subMenuTop a{font-weight: 700;}
.sticky ul li {
  list-style:none;
  float:left;
  padding: 0 1rem 0 0;
}
ul.mainNav li {
  padding: 1rem;
}
ul.mainNav li:hover {
  background: whitesmoke;
}

ul.mainNav li:hover ul.lvl-1{display: block;}

.mainNav ul.lvl-1 > li:before {
  position: relative;
  line-height: 1;
  font-size: 1.3em;
  color: #7500A2;
  content: url(../img/Pfeil.svg);
  display: block;
  width: 47px;
  float: left;
  padding-right: 1rem;
}

.mainNav .lvl-1 > li{
  float: left;
  box-sizing: border-box;
  }
footer .subMenuTop a.active{ padding-top:0;color: #7500a2!important;border-top:none;}
footer .socialMedia svg{
  margin-top: 0.7rem;
  margin-right: 0.4rem;
}

.sticky ul {
  display: inline-block;
  float:right;
}

.container {
  max-width: 80rem;
  padding: 3rem 0;
  /* max-width: 118.5rem; */
}
@media screen and (max-width: 500px) {
  .container {padding: 1rem 0;}
}

.container .homeContainer .box img{image-rendering: -webkit-optimize-contrast;}
.box-colored {
  background: #0277bd;
  border-radius: 0.125rem;
  padding: 0.875rem;
  margin-bottom: 0.5rem;
  min-height: 12rem;
  color: #f8f8f8;
}
.homeContainer .box{box-shadow: none;}
.homeButton{
  width: 100%;
  text-align: center;
  opacity: 1;
  float:left;
  padding-top: 1rem;
  margin-top:1rem;
  position:relative;
  margin:0;
  font-size: 1.6rem;
  font-weight: bold;
}
.homeButton:first-child{margin-left: -4rem;}


.homeButton svg{
  padding-right: 0.7rem;
  top: 0.5rem;
}
@media screen and (max-width: 767px) {
footer .col-sm-12:last-child{padding-top: 2rem;}}
@media screen and (max-width: 500px) {
  .homeButton{
    width: 90%;
    border: 4px solid #7500A2;
    text-align: left;
    opacity: 1;
    float:left;
    margin-top:1rem;
    position:relative;
    margin:0;
    padding-top: 0;
  }
  .homeButton:first-child{margin-left: 0;}
  .homeContainer .facilityElement.group img{display: none;}

  .homeButton a{
    padding: 1.75rem;
    display: block;
    font-weight: 600;
    color: black;
    font-size: 1.6rem;
    line-height: 1;

  }
  .homeButton.mobile a{
    padding: .75rem;
  }

  .homeButton a:after{
    position: absolute;
    background: #fff;
    right: -25px;
    top: calc(50% - 17px);
    color: #7500A2;
    content: url(../img/Pfeil.svg);
    display: block;
    width: 40px;
    height: 30px;
  }

  .homeButton svg{display: none;}

  .homeButton.mobile{
    border:none;
  }
  .homeButton.mobile a{width: 100%;text-align: center;padding-bottom: 0;line-height: 1.4;
    padding-top: 0.5rem;}
  .homeButton.mobile a:after{display: none;}
  .container.homeContainer.mobile .row > h2 {
    display: none;
  }
  .container.homeContainer.mobile{padding: 0;}
}

.facilitys .box,.blog-slider .box{padding: 1.5rem;padding-top:2.5rem;position: relative;}
.facilitys .facilityElement.pic .box{margin-top: 0}
.facilitys .facilityElement.pic img{opacity: .65}
@media screen and (max-width: 500px) {
  .facilitys .facilityElement.pic figure{display: none;}
  .facilitys .box,.blog-slider .box{padding: 1.5rem;}
}
.facilitys .facilityElement.pic figure{margin-bottom: -.5rem;}
.facilitys .listItemMore,.blog-slider .listItemMore{margin: 0; position: absolute; bottom: 1.5rem;}
.facilitys .box h3, .facilitys .box p,.blog-slider .box h3, .blog-slider .box p{margin: 0;padding: 1rem 0 .5rem 0;}
.facilitys .box h3,.blog-slider .box h3{padding-bottom: 0;}
.blog-slider .box{margin-top: 0;}
.blog-slider figure{margin: 0;}
.box {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 1px 13px #00000029;
  opacity: 1;
  display:inline-block;
  margin: .5rem;
  width: -moz-available;
  width: -webkit-fill-available;
  position: relative;
}
.box figure{margin:0;}
/* .oneColTeaser.box figure{margin:0;padding: 0.5rem} */
.box h3,.box p{
  padding:0.5rem 1rem;
}
.teaser .date{
  padding:0.5rem 1rem;
  margin: var(--universal-margin);
  display: block;
  margin-bottom: 0;
}
.blog-slider .box .date{padding:0.5rem 0;margin:0}
.teaser .date + h3{margin-top: 0;padding-top: .2rem;}
.teaser h2{margin-bottom: 3rem;}
.teaser .oneColTeaser.box .col-lg-6 h2{margin-left: 1.5rem;margin-bottom: 1rem;}
.box p{line-height: 1.9}
.teaser .col-lg-12.facilityElement{
  text-align: center;
}
.teaser .col-lg-12.facilityElement .listItemMore{
  left: 44%;
  transform: translate(-50%,0);
}
.logo svg {
  height: 80px;
  width: auto
}
.centerRow {
  justify-content: center;
  /* align-items: center; */
}
/* .centerRow .textElement {padding: 1rem 0 4rem 0;} */
.textElement {
  padding:1rem 0 0 0;
}


.textElement h2{font-family: 'Henriette-Bold', serif;font-size:2.7em;}
.textElement h1.sansserif {font-size:1.75em;font-family: 'PT Sans',sans-serif;}
.textElement h2 *{font-family: 'Henriette-Bold', serif;}
.textElement h3{font-size:1.75em;}
.textElement h4{font-weight: unset; font-size:1.4em;}
.textElement.quote h2{margin-bottom: 2rem; }
.textElement p a{color:#7500A2;}
.textElement p a:hover{text-decoration: underline;}
.textElement ul {margin: .8rem;}
.textElement li a {color:#7500A2 }

.noLower .textElement, .container.noLower{padding-bottom: 0;}
.noUpper .textElement, .container.noUpper{padding-top: 0;}
.teaser.noUpper{margin-top: -3rem;}

.textElement.highlightText{
  border: 3px solid #7500A2;
  padding: 2rem;
}
.box h3{
  font-family: 'PT Sans',sans-serif;
  font-weight: bold;
  font-size: 1.8rem;
  padding-top:2rem }

@media screen and (max-width: 767px) {
  .textElement,.linkObjects,.slider-for {
  padding:0 !important;
  }
}
@media screen and (max-width: 500px) {
  h2.angebote{display: none;}
  .box p {line-height: 1.4;}
  .textElement h2 {font-size: 1.5em;}
  .textElement h3{font-size: 1.2em;}
  .teaser.noUpper{margin-top: 0;}
  .textElement h3 + h3{margin-top: -1rem;}
  .facilitys .box h3, .blog-slider .box h3,.box h3{font-size: 1.5rem;}
}
.textElement ul.listCheck {
  padding: 0;
  margin-top: 1rem;
}
.textElement ul.listCheck li{
  position: relative;
  width: 50%;
  display: block;
  padding-left: 2rem;
  float: left;
  box-sizing: border-box;
  padding-right: 1rem;
  }

@media screen and (max-width: 500px) {
.textElement ul.listCheck li{
  width: 100%;
 }
}
.textElement ul + p{clear: left;}
.logoHeaderMobil {
  width: 13rem;
  margin-top: 2rem;
  margin-left: 1rem}
#logoMob{transition: .5s all ease}
@media screen and (max-width: 1000px) {
  .textElement ul li {
  width: 100%
  }

}

@media screen and (min-width: 821px) {
  .drawer-control,.drawerArea,.drawerAreaSub {
    display:none;
  }
}

.textElement ul li,.textElement ol li {
  /* list-style:none; */
  margin-bottom: .5rem
}
.textElement ul.listArrow li {
  list-style:none;
  /*margin-bottom: 1.5rem;*/
  position:relative;
  line-height: 2;
  width: auto;
  padding-left: 3rem;
}
.textElement ul.listCheck li:before {
  content: url(../img/check.svg);
  display: block;
  width: 22px;
  left: 0;
  position: absolute;
}
.textElement ul.listArrow {margin:0;padding:0;}
.textElement ul.listArrow li:before {
  content: url(../img/Arrow.svg);
  display: block;
  position: absolute;
  width: 20px;
  left: 0.7rem;
  top: 3px;
  float: left;
}

@media screen and (max-width: 767px) {
  footer .col-sm-6 {
    min-height: 12rem;
  }
}

.box h4 {
  font-weight:200;
}
.linkObjects a{
  display:block;
  height: 2rem;
  /* width: 50%;
  float: left;
  padding-bottom: 1rem; */
}
.linkObjects p{
  width:100%
}
.furtherReadingArrow {
  width: 10px;
  margin-right: 0.75rem;
  float:left;
  margin-top: 0.3rem;
}

.listItemMore,.listItemBack {
  border: 4px solid #7500A2;
  opacity: 1;
  float:left;
  margin-top:1rem;
  position:relative;
  margin:1.5rem;
}
.more {
  opacity: 1;
  float:left;
  position:relative;
}

.listItemMore{border-right: none;}
.listItemBack{border-left: none;}
.district .textElement{padding: 0 6rem 0 0;}
.row.centerRow.district .row{    display: flex!important;
    align-items: center;}

.districtMore{
  box-sizing: border-box;
  width: 45%;
  float:left;
  position:relative;
  margin:.5rem;
  font-weight: bold;
  box-shadow: 0px 5px 13px #00000029;
}
@media screen and (max-width: 432px) {
  .districtMore{
    width: -webkit-fill-available;
  }
}

.districtMore a:after{
  position: absolute;
  background: #fff;
  right: 1rem;
  line-height: 1;
  top: 17px;
  font-size: 1.4em;
  color: #7500A2;
  content: url(../img/Pfeil.svg);
  display: block;
  width: 35px;
  height: 30px;
}
.more a:after  {
  position: absolute;
  right: -1rem;
  line-height: 1;
  top: 17px;
  font-size: 1.4em;
  color: #7500A2;
  content: url(../img/Pfeil.svg);
  display: block;
  width: 35px;
  height: 30px;
}
.more a {
  display: block;
  padding: 1.2rem 2rem;
  font-weight: 600;
  color: #7500A2;
}

.districtMore a {display: block;  padding: 1.2rem 2rem;}




.listItemMore a,.listItemBack a {
  padding:0.5rem 1.9rem .5rem 1.6rem;
  display:block;
  font-weight: 600;
  color:black;
}
.listItemBack a {padding-left: 2.2rem;}

.listItemMore a{padding-right: 2.5rem;}
.listItemMore a:hover{
  text-decoration:none;
}

.listItemMore a:after{
  position: absolute;
  right: -26px;
  line-height: 1;
  top: -4px;
  font-size: 1.4em;
  color: #7500A2;
  content: url(../img/buttonArrow.svg);
  display: block;
  width: 46px;
  height: 15px;
}
.listItemBack a:after{
  transform: rotate(180deg);
  left: -28px;
  position: absolute;
  line-height: 1;
  top: 33px;
  font-size: 1.4em;
  color: #7500A2;
  content: url(../img/buttonArrow.svg);
  display: block;
  width: 47px;
  height: 15px;
}
.logoFooter {
  margin:0 0 1rem 0;
}
.logoFooter svg{max-width:100%;}
.socialMedia img {
  margin:0.5rem 0.5rem 0 0;
}

.textElement p,footer li {
  line-height:2em;
}

.sticky.headerSmall ul.subMenuTop{
  display:none;
}
.sticky > .container {
  padding: 1rem;
  padding-bottom: 0;
  padding-top: 0;
}
header ul.subMenuTop {
  margin-bottom: -.1rem;
  position: relative;
  margin-top:1.5rem;
}
.subMenuTop a{font-weight: normal;display: inline;}
header ul.subMenuTop + ul{clear: right;margin-bottom: 0;position: relative;}
.sticky.headerSmall .headerSticky ul {
    margin-top: 0.4rem;
}

.sticky.headerSmall .logo svg {
    width: 50%;
    margin: -16px 0 0 102px;
}

/******** Stellenangebote Job **********/
.jobWrapper{
  box-sizing: border-box;
  display: flex;
  flex: 0 1 auto;
  flex-flow: row wrap;
  width: 100%;
}

.job {
  padding: 2rem;
  box-shadow: 0px 1px 13px 0px #00000017;
  margin: 1rem auto;
  box-sizing: border-box;
  width: 100%;
}
.show3 .job{display: none;}
.show8 .newsMore{display: none;}
.job svg{
  position: absolute;
  top: .1rem;
  left: 0
}
.job span{
  margin-left: 0.2rem;
  margin-right: 1rem;
  margin-bottom: 0.8rem;
  display: block;
  float: left;
  position: relative;
  padding-left: 1.7rem;
}

@media screen and (max-width: 767px) {
  .job {
    max-width: 100%;
    flex-basis: 100%;
    margin: 1rem 0;
    padding: 1rem;
  }
  .span_9 h2{font-size: 1.6rem;word-break: break-word;}
}
.jobColumns,.jobCounter{display: none;}

.span_9 h2 {
  margin:.5rem 0;
  clear: left;
}

.span_6 p {margin: 1rem 0;}

.jobDetail h1{margin-bottom: 2rem;}

.job .listItemMore{margin:0;margin-top: 1rem;}
#loadMore a{
  padding: 0.5rem 1.9rem .5rem 1.6rem;
  display: block;
  font-weight: 600;
  color: black;
}
#loadMore{
  border: 4px solid #7500A2;
  opacity: 1;
  float: left;
  position: relative;
  margin: 1.5rem;
  margin-left: 0;
  display: none;
}
.show3 #loadMore{display: block;}
.show8 #loadMore{
  display: block;
  margin: 0;
}
.jobText h3, .contactText h3,.employerText h3{
  font-weight: bold;
  font-size: 2rem;
  margin-bottom: 2rem;
  margin-top: 4rem;
}
.jobText ul li, ul.shortList li {
  list-style:none;
  margin-bottom: .5rem;
  position:relative;
  line-height: 2;
  padding-left: 2rem;
}
.jobText ul {
  padding:0;
}

.jobText ul li:before {
  content: url(../img/Arrow.svg);
  display: block;
  position: absolute;
  width: 20px;
  left: 0;
  top: 4px;
  float: left;
}
.jobDetail .listItemMore{margin-left: .6rem;margin-bottom: 0; clear: left;}
.jobText h3 + p{line-height: 2;}
.employerText ul, .contactText ul,.employerText ul li, .contactText ul li {
  margin: 0;
  padding: 0;
}
.employerText ul{margin-left: .6rem;}
.employerText, .contactText {
  width: 50%;
  float: left;
}
.talent .jobText * {
  margin-left: 0;
}
.talent .jobText {
  margin-left: var(--universal-margin);
  }
@media screen and (max-width: 500px) {
  .employerText, .contactText {
    width: 100%;
    float: left;
  }
  .textElement p, footer li{line-height: 1.8}
  .jobDetail .listItemMore,.employerText h3{margin-left: 0;}
}

.contactText a[href^="mailto:"]{
/* text-decoration: underline; */
color: #7500A2;
}
.contactText a[href^="tel:"]{
  color: #7500A2;
}
.contactText h3{margin-left: 0;}

/******** Aufzählungsliste mit Pfeilen groß 3 oder 2 Spaltig **********/

.col-sm-12.col-md-12.col-lg-12.arrowList ul{list-style-type: none; margin: 0;}
.col-sm-12.col-md-12.col-lg-12.arrowList ul li{
  box-sizing: border-box;
  width: 33.3333%;
  padding-right: 3rem;
  padding-left: 2rem;
}
.col-sm-12.col-md-12.col-lg-12.arrowList ul li:nth-child(3n+1){clear: left;}
.col-sm-12.col-md-10.col-lg-10.arrowList ul li:nth-child(2n+1){clear: left;}
.col-sm-12.col-md-12.col-lg-12.arrowList svg{
  width: 30px;
  position: absolute;
  left: -0.7rem;
}
.arrowList ul li{
  padding-right: 4rem;
  box-sizing: border-box;
  width: 50%;
  float: left;
  margin-bottom: 2rem;
  position: relative;
}
.arrowList .listItemMore{
  margin-left: .5rem;
}

.arrowList svg {
  float: left;
  position: relative;
  margin-right: -2rem;
}
@media screen and (max-width: 500px) {
  .arrowList ul li{padding-right: 0!important;}
  .arrowList svg{top:-.5rem;}
  .col-sm-12.col-md-12.col-lg-12.arrowList ul{padding-left: 1rem;}
}
.col-sm-12.col-md-10.col-lg-10.arrowList ul{list-style-type: none; margin: 0;}
@media screen and (max-width: 1024px) {
.col-sm-12.col-md-12.col-lg-12.arrowList ul li{width: 50%}
.col-sm-12.col-md-12.col-lg-12.arrowList ul li:nth-child(3n+1){clear: unset;}
.col-sm-12.col-md-12.col-lg-12.arrowList ul li:nth-child(2n+1){clear: left;}
}

@media screen and (max-width: 767px) {
  .col-sm-12.col-md-12.col-lg-12.arrowList ul li, .arrowList ul li{
    width: 100%;}
  .arrowList ul {
    padding-left: 3rem;}
}

.arrowList .textElement{padding-bottom: 0;}
.arrowList .textElement > p{padding-bottom: 4rem;}
.lila{color: #7500A2;line-height: 1.2;}
.listItemMore p{margin: 0;}

.aspect-ratio-box {
  height: 0;
  overflow: hidden;
  padding-top: calc(1/2*100%);
  background: white;
  position: relative;
  margin: 0 .5rem;
  box-shadow:0px 1px 13px #00000029;
}
.aspect-ratio-box-inside {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.imgLink, .hLink {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 12;
}
*:focus{outline:none;}

.slick-dots, .slick-next, .slick-prev {
  position: absolute;
  display: block;
  padding: 0;
}
.slick-next {
  top: -3.5rem;
  right: 0;
  margin-right: 1rem;
}
.slick-prev {
  left: auto;
  top: -3.5rem;
  right: 5.6rem;
  }
.slick-arrow.slick-disabled{ opacity: .5}
.quote .listItemMore{
  left: calc(50% - 32px);
  display: block;
  transform: translate(-50%);
  }
.read-more__link-wrap{
  margin: var(--universal-margin);
  text-decoration: underline;
  margin-top: 2rem}
.read-more__link {color:#7500a2}

.container.breadcrumb{padding-bottom: 1rem;}
#breadcrumb + .wrapper .container{padding-top: 1.5rem;}
.breadcrumb a {
  max-width: 100%;
  display: inline-block;
}
@media screen and (max-width: 500px) {
  .spendenblatt + #breadcrumb{margin-top: 6rem;}
}
/********** Anchor Nav Sprunmarken Navigation **********/
.container.anchorNav{margin-bottom: -5rem;}
@media screen and (max-width: 500px) {
  .container.anchorNav{margin-bottom: unset;}
}
.anchorNav ul{float: right;list-style-type: none;}

.anchorNav ul li a{
  color: #7500A2;
  font-weight: bold;
  border-bottom: 3px solid;
}

.anchorNav ul li svg{
  top: .4rem;
  position: relative;
  margin-right: .7rem;
}
.anchorNav h2{
  width: auto;
  float: left;}

@media screen and (max-width: 820px) {
  .anchorNav ul li{padding-left: 2rem; width: 100%;}
    #c30{margin-top: 6rem;}
}
@media screen and (max-width: 500px) {
  .anchorNav ul li{padding-left: 0;}
  .anchorNav ul li svg{margin-right: 0.4rem;
    height: 1.5rem;}
  .anchorNav ul li a{
    border-bottom: 2px solid;
    font-size: 1rem;}
}
/********** Anchor Nav Sprunmarken Navigation **********/

.container.anchorNav + .container{padding-bottom: 0;}
.infoFacility,.freeCapacity{
  margin-top: 2rem;
  display: inline-block;
  background: #F2F2F2;
  padding: 1rem;
  width: max-content;
  font-weight: 700;
}

@media screen and (max-width: 500px) {
  .infoFacility,.freeCapacity{
    width: auto;
  }
}
.freeCapacity{padding: 0}

.freeCapacity{background: none;padding-left: 0;padding-bottom: 0;}
.infoFacility li,.freeCapacity li{
  list-style-type: none;
  float: left;
  padding: 0px 2rem 0 2rem;
  border-right: 2px solid black;
}
ul.freeCapacity div {
    margin-right: .5rem;
}

ul.infoFacility + ul.infoFacility {
    margin-top: 0;
}

@media screen and (max-width: 495px) {
  .anchorNav ul{column-count: 2;width: 100%;}
  .anchorNav ul li{padding-left: 2rem;}
}

.freeCapacity li{border:none;padding-left: 0;}
.infoFacility li:last-of-type{border-right:0}
.infoFacility li:first-of-type{padding-left: 1rem;}
.infoFacility li span{color: #7500A2; margin-left: .5rem}
.container.fullHeader{max-width: 100%;padding: 0;}
.container.fullHeader img{opacity: .65}
.container.fullHeader.news img{opacity: 1}
.container.fullHeader .clipPath img{opacity: 1}
.imgLeft p{line-height: 1.9}
@media screen and (max-width: 767px) {
  .container.fullHeader{margin-top:5.7rem;}
}
.fullHeader figure, .fullHeader .row{margin:0;}
.imgLeft .fullHeader.orangeHalf figure {
  max-width:852px;
}

.imgLeft{padding: 10rem 0;}

@media screen and (max-width: 500px) {.imgLeft{padding: 2rem 0;}.imgLeft p{line-height: 1.4}}
.freePlaces{
  width:2rem;
  height:2rem;
  background:#7500A2;
  border-radius:50%;
  text-align:center;
  color:white;
  padding:.2rem;
  float:left;
}

.soonToBeFree{
  width:2rem;
  height:2rem;
  border-radius:50%;
  text-align:center;
  border:3px solid #7500A2;
  color: #7500A2;
  float:left;
  position: relative;
}
.freePlaces + span,.soonToBeFree + span{
  margin: 0.3rem;
  display: inline-block;
}
span.info{
  position: absolute;
  width: 25rem;
  color: black;
  text-align: left;
  top: -6rem;
  left: -9.2rem;
  background: whitesmoke;
  font-size: 0.9rem;
  font-weight: normal;
  padding: .5rem;
  display: none;
}

.soonToBeFree:hover span.info{display: block;}
#info:hover span.info{display: block;}
span.info:after {
  content: '';
  position: absolute;
  height: 20px;
  width: 20px;
  background: whitesmoke;
  bottom: -0.4rem;
  z-index: 0;
  left: 10.6rem;
  transform: rotate(45deg);}

/********** mobil **********/
@media screen and (max-width: 1034px){
  .infoFacility li,.freeCapacity li{
      padding: 0px 1rem 0 1rem;
  }
  .freeCapacity li:first-child{padding-bottom: 1rem;padding-left: 0;}
  .infoFacility{padding-left: 0;}
  .freeCapacity{margin-top:0}
}
@media screen and (max-width: 500px){
  .infoFacility li,.freeCapacity li{
    border:none;
    padding-left: 0;
  }
}
@media screen and (max-width: 880px){
  span#info{left: unset;right:0;}
}
/********** Teaser Bild Text 50 /50  **********/
.oneColTeaser .col-md-6, .oneColTeaser .col-lg-6{
  width: 100%;
  float: left;
}
.oneColTeaser.box{
  box-shadow: none;
}
.oneColTeaser.box .seperatorLine img{
margin: 2rem 0;
}
/* .oneColTeaser.box:last-of-type .seperatorLine {
    display: none;
} */

.oneColTeaser h3{
  padding: 0.5rem 1rem;
  margin: var(--universal-margin);
}
.row.clipPath{
  display: flex;
  align-items: center;
}
.clipPath .listItemMore {
  margin-left: 0.5rem;
}
.clipPath .col-lg-4{margin-left: 5.3rem;}
@media screen and (min-width: 768px) {
  .oneColTeaser.box .date{margin-top: 0;padding-top:0;}
  .oneColTeaser.box h3{margin-bottom: 0;padding-bottom:0;}
}
@media screen and (max-width: 1279px) {
.clipPath .col-lg-4{margin-left: 2rem;}
}

/********** Hintergrundgrafiken Background **********/

.frame{position: relative;}
.frame.from{margin-bottom: 4rem;}
.orangeFull{background: #FDEFDB;}
.orangeFull:before{
  background: url(../img/backgroundImg/orangeFull.svg) no-repeat bottom;
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: -1px;
  z-index: 0;
}
@media screen and (min-width:2000px ) {
.orangeFull:before{
    display: none;}
}
.blueFull{background: #DDF2F1}
.blueFull:before {
  background: url(../img/backgroundImg/blueFull.svg) no-repeat bottom;
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: -1px;
  z-index: 0;
}
.lilaFull{background: #EBDBF2;}
.lilaFull:before{
  background:url(../img/backgroundImg/lilaFull.svg) no-repeat bottom;
  content: '';
  position: absolute;
  width: 100%;
  height:100%;
  bottom: -1px;
  z-index: 0;
}
.greyFull{background: #F2F2F2}
.greyFull:before {
  background: url(../img/backgroundImg/greyFull.svg) no-repeat bottom;
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: -1px;
  z-index: 0;
}
.pinkHalf:before{
  background: url(../img/backgroundImg/pinkHalf.svg) no-repeat;
  content: '';
  position: absolute;
  width: 100%;
  height: 1000px;
  top: -6rem;
  left: -3rem;
  background-size: 68%;
  z-index: -1;
}
.lilaHalf:before{
  background: url(../img/backgroundImg/lilaHalf.svg) no-repeat;
  content: '';
  position: absolute;
  width: 100%;
  height: 1000px;
  top: -10rem;
  left: -3rem;
  background-size: 68%;
  z-index: -1;
}
@media screen and (max-width: 767px) {
    .lilaHalf:before{
      display: none;
    }
    .lilaHalf{
      background:#EBDBF2;
    }
}
@media screen and (max-width: 1297px) {
  .pinkHalf:before,.lilaHalf:before{  top: -4rem;}
}
@media screen and (max-width: 981px) {
  .pinkHalf:before,.lilaHalf:before{  top: 7rem;}
}
@media screen and (max-width: 800px) {
  .pinkHalf:before,.lilaHalf:before{  top: 4rem;background-size: 100%;}
}
@media screen and (max-width: 517px) {
  .pinkHalf:before{
    top: -4rem;
    left: 0;
    background-size: 180%;}
}
.pinkHalf_2:before{
  background:url(../img/backgroundImg/pinkHalf_2.svg) no-repeat left bottom;
  background-position: left;
  background-position: right -7rem;
  background-size: 80vw;
  content: '';
  position: absolute;
  width: 100%;
  height: 1000px;
  top: -11rem;
  left: -3rem;
  background-size: 72%;
  z-index: -1;
}
.pinkHalf_3:before{
  background: url(../img/backgroundImg/pinkHalf_3.png) no-repeat left bottom;
  content: '';
  position: absolute;
  width: 96%;
  top: -95%;
  height: 2000px;
  background-size: 94%;
  z-index: -1;
}

.blueHalf:before{
    background: url(../img/backgroundImg/blueHalf.svg) no-repeat left bottom;
    background-position: left;
    background-size: 80rem;
    content: '';
    position: absolute;
    width: 100%;
    height: 2000px;
    top: -37rem;
    background-size: cover;
    z-index: -1;
}
@media screen and (max-width: 767px) {
  .blueHalf:before{
  background-position: -20rem -17rem;
  }
}

.blueHalf_2:before{
  background: url(../img/backgroundImg/blueHalf_2.svg) no-repeat;
  background-position: left;
  background-position: center;
  background-size: cover;
  content: '';
  position: absolute;
  width: 100%;
  height: 1122px;
  top: -6rem;
  left: -13rem;
  background-size: cover;
  z-index: -1;
}
@media screen and (max-width: 1050px) {
  .blueHalf_2:before{
    height: 100%;
    top: -13.4rem;
    left: -1.7rem;
    background-size: cover;
    z-index: -1;}
  .blueHalf_2 .container .container{background-color: #ddf2f1}
}
@media screen and (max-width: 500px) {
  .pinkHalf_3:before{display: none;}
  .orangeFull:before,
  .blueFull:before,
  .lilaFull:before
  {display: none}
  .blueHalf_2:before{  width: 100%;
    height: 305.5px;
    top: -35.3px;
    left: 0;
    background-size: 130%;}
  .orangeHalf_2:before{display: none}
  .orangeHalf_2 .container{background: #FDEFDB;}
  .blueHalf_2 .container{background-color: #ddf2f1}
}

.orangeHalf:before{
  background:url(../img/backgroundImg/orangeHalf.svg) no-repeat right bottom;
  background-position: right;
  content: '';
  position: absolute;
  width: 100%;
  height: 1000px;
  top: -15rem;
  left: 0;
  background-size: 61%;
  z-index: -1;
}
.orangeHalf_2:before{
  background:url(../img/backgroundImg/orangeHalf_2.svg) no-repeat right bottom;
  background-position: right;
  content: '';
  position: absolute;
  width: 100%;
  height: 1000px;
  top: -24rem;
  background-size: 95%;
  z-index: -1;
}
.orangeHalf_2,.blueHalf_2,.pinkHalf{padding: 4rem 0;}

@media screen and (min-width:2000px ) {
  .orangeFull:before,
  .blueFull:before,
  .lilaFull:before,
  .greyFull:before
  {
    display: none;}
  .orangeHalf_2:before{
    width: 80%;
    left: unset;
  }
  .blueHalf_2:before {
    width: 67%;
    left: -13rem;
  }
  .pinkHalf:before{
    background-size: 59%;
    top: -11rem;
  }
  .orangeHalf:before{background-size: 52%}
}
/********** Interessen Störer Kontaktdaten im Content **********/

.interestContact {
  border: 3px solid #7500A2;
  padding: 2rem;
}

.interestContact ul{
  column-count: 2;
  list-style-type: none;
  padding: 0;
}

.interestContact ul a,.interestContact span{
  /*color:#7500A2;*/
  font-weight: bold;
  font-size: 1.4rem;
}

.interestContact a[href^="mailto:"]{color:#7500A2}

@media screen and (max-width: 767px) {
  .interestContact ul{column-count: 1;}
  .interestContact ul li:first-child{margin-bottom: 1rem;}
}
@media screen and (max-width: 500px) {
  .interestContact {padding: 1rem; padding-bottom: 1.5rem;}
}

.freeTeaser .box{position: relative;width: -webkit-fill-available;}
.freeTeaser .box h3{margin-top: 1rem;clear:left;margin-bottom: 0;padding-bottom: 0;padding-top:1rem;max-width: 80%}
.freeTeaser .hLink {
  width: 80%;
}
.freeTeaser .box p{margin-top: 0;max-width: 85%;}
.freeTeaser ul.freeCapacity {
  margin: 0;
  right: 0;
  position: relative;
  float: right;
  padding: 0;
  cursor: default;
}
.freeTeaser .freePlaces{
  margin-bottom: 0.4rem;
}
.freeTeaser .infoFacility li, .freeTeaser .freeCapacity li{
  float: none;
  padding: 1rem;
  padding-bottom: .5rem;
}
.freeTeaser a{padding-top: 0;padding-left: 1.5rem;}
.freeTeaser a:after{top: -1px;}

.freeTeaser .age{
  padding: 1rem;
  position: relative;
  float: left;
  margin: calc(1.5 * var(--universal-margin)) var(--universal-margin);
  padding-bottom: 0;
  margin-bottom: 0;
}
.freeTeaser .age svg{margin-right: 1rem;}

.textImg-slider.flexCenter .oneColTeaser.box {
  display: flex!important;
  align-items: center;
}
.textImg-slider .slick-prev {
  top: 50%;
  left: 0;
  width: 3rem;
}
.textImg-slider .slick-next {
  top: 50%;
  right: 0;
  width: 3rem;
}
.textImg-slider.flexCenter .slick-prev {
  left: -8.33333%;
}
.textImg-slider.flexCenter .slick-next {
  right: -8.33333%;
}


.textImg-slider .oneColTeaser.box span{
  padding: 0.5rem 1rem;
  margin: var(--universal-margin);
  color: #7500A2;
  margin-bottom: 0;
  font-weight: 600;
  padding-bottom: 0;
}
.textImg-slider .oneColTeaser.box{background: none;}

.textImg-slider .oneColTeaser h2 {
  padding: 0.5rem 1rem;
  margin: var(--universal-margin);
  padding-top: 0;
  padding-bottom: 0;
  /* font-family: 'Henriette-Bold', sans-serif; */
}
.textImg-slider figure {
  margin: 0 auto;
  max-width: 85%;
}

@media screen and (max-width: 767px) {
  .textImg-slider.flexCenter .oneColTeaser.box {
    display: block!important;
  }
  .textImg-slider.flexCenter .slick-prev {
    top:unset;
    bottom: 0;
    z-index: 9999;
    left: unset;
  }
  .textImg-slider.flexCenter .slick-next {
    top:unset;
    bottom: 0;
    z-index: 9999;
    right: 0;
  }
}
@media screen and (max-width: 767px) {
.freeTeaser .box h3{font-size: 1.5rem;}
}
/***********************************************************************************/
/*  Tag Filter
/***********************************************************************************/
.filter .container{padding-bottom: 0;margin-bottom: -1.8rem;}
@media screen and (max-width: 500px) {
  .filter .container{padding-bottom: 1rem;margin-bottom: 0;}
  .filter .container .facilitys{padding: 1rem 0;}
}
.facilityElement{z-index: 2;}

.js .facilityElement.passive {
  display: none;
}

.js .facilityFilter:not(.active) {
  color: #666;
}

.possible.facilityFilter:not(.active) {
  color: #000;
}
.facilityFilter svg{display: none;}
.facilityFilter.home svg{display: block;}
.facilityFilter.all {color: #000 !important;cursor:pointer;}
.facilityFilter.active {background: #7500a2 !important; color:white!important}
.facilityFilter.active svg{display: block;float: left;margin-right: .8rem;margin-top:.3rem;width: 1.1rem;}
.subCategories .facilityFilter:not(.possible) {
  width: 0;
  height: 0;
  overflow: hidden;
  padding: 0;
  margin: 0;
}
.facilityFilter.home{
  filter: grayscale(1);
  opacity: .5;
}
.facilityFilter.home.active {
  background: transparent!important;
    filter: grayscale(0);
    opacity: 1;
  color:black!important;}
  .facilityFilter.home.active svg {
    display: block;
    margin-right: unset;
    width: unset;
}
  .facilityFilter.home svg {
  float: left;
      position: relative;
}

.legend .facilityElement {
  width: auto;
  float: left;
  display: block;
  margin-right: 1.5rem;
}
.legend {
  padding: 4rem 0 2rem 0;
  z-index: 3;
  margin-left: .5rem;
}
@media screen and (max-width: 500px) {
  .legend {
  padding: 2rem 0;}
}
.legendElement{
  width: auto;
  float: left;
  margin-right: .5rem;
  margin-bottom: .2rem;
}

.hidden {
  display: none;
}

.facilityFilters ul{padding-left: 0; z-index: 3}
.facilityFilters ul li {
  transition: .5s ease all;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
  background: #FAFAFA;
  padding: .5rem 1.7rem;
  border-radius: 50px;
  margin-right: 2rem;
  font-size: 1.4rem;
  box-shadow: 0px 5px 13px #00000029;

}

@media screen and (max-width: 700px) {
  .facilitys.facilityFilters{overflow: scroll;}
  .facilityFilters ul li {margin-right: 1rem;background:white;}
  .facilitys.facilityFilters .row.centerRow{width: max-content;}
}
@media screen and (max-width: 500px) {
  .back,.resetFilter{
    display: block;
    width: 100%;
    margin-top: 1rem;
    text-align: center;
    position: relative;
    cursor: pointer;
    font-size: 1.4rem;
    font-weight: bold;
  }
  /* .back:after,.resetFilter:after{
    position: absolute;
    top: calc(50% + 9px);
    color: #7500A2;
    left: 23%;
    content: url(../img/Pfeil.svg);
    display: block;
    width: 40px;
    transform: rotate(180deg);
  }
  .back:before{
    top: calc(50% - 13px);
  } */
  .facilitys.facilityFilters .row.centerRow{
     width: auto;
  }
  .facilityFilters ul{
    margin: 0 .5rem;
    width: 100%;

  }
  .facilityFilters ul li {
    background: none;
    display: block;
    border-radius: inherit;
    border: 4px solid #7500a2;
    margin: 1rem 0;
    border-right:none;
    position: relative;
    width: 83%;
    font-weight: bold;
    padding: .5rem 1rem;
    box-shadow: none;
  }

  .facilityFilters ul li:after{
    position: absolute;
    right: -25px;
    line-height: 1;
    top: 0px;
    font-size: 1.4em;
    color: #7500A2;
    content: url(../img/buttonArrow.svg);
    display: block;
    width: 45px;
    height: 3px;
  }

  .facilityFilter.active{
    background: none!important;
    color:#7500A2!important;
  }
  .facilityFilter.active svg{
    display: none;
  }
}
.hide{display: none!important;}

.teamContainer{
  padding:0 8.33333%;
}
.box.teamContainer h3{margin-top: 0;}

.arrowList.teamGrid h2 .backOffice h2 {
  font-family: 'Henriette-Bold', serif;
  margin: 0;
  width:auto;
  float: left;
}

.arrowList p{line-height: 1.9;}
.arrowList.teamGrid h3, .backOffice h3{
  font-family:'PT Sans', sans-serif;
  font-size: 2rem;
  padding-top: 0;
}
.arrowList.teamGrid .unit{display:block;color:#7500A2}
.arrowList.teamGrid ul, .backOffice ul{clear: left;display: block;}
 .arrowList.teamGrid.hide ul{display: none;}
.arrowList.teamGrid .overview{
  padding: 2rem 0 4rem 0;
  float: left;
  width: 100%;
}
.rotated{
  border: 4px solid #7500A2;
  border-right: none;
}
.rotated a:after{
  transform: rotate(0deg);
  top: -4px;
  left: unset;
  right: -27px;
}
.arrowList.teamGrid .team a{color:#7500A2}
/* .arrowList.teamGrid .team a[href^="mailto:"]{
  text-decoration: underline;
} */
.arrowList.teamGrid .team p{line-height: 1.7;}
.listItemBack.showteamGrid{
  display: block;
  float: right;
  margin: 0;
  cursor: pointer;
}
.arrowList.teamGrid img, .backOffice img{
  border-radius: 50%;
  width: 60%;
  padding: 1rem;
}
.arrowList.teamGrid .grey, .backOffice .grey{
  width: 165px;
  height: 165px;
  border-radius: 50%;
  background: whitesmoke;
  margin: 1rem;
}
.col-sm-12.col-md-12.col-lg-12.arrowList.teamGrid ul li{padding-left: 1rem;}
.col-sm-12.col-md-12.col-lg-12.arrowList.teamGrid p,
.col-sm-12.col-md-12.col-lg-12.arrowList.teamGrid h3,
.col-sm-12.col-md-12.col-lg-12.arrowList.backOffice p,
.col-sm-12.col-md-12.col-lg-12.arrowList.backOffice h3  {
padding: 0.5rem 1rem;
padding-top: 0;
}

.arrowList.teamGrid.hide .listItemBack {border: 4px solid #7500A2; border-right:none;right:1rem;}
.arrowList.teamGrid.hide .listItemBack a:after{
  top: -4px;
  right: -28px;
  left:unset;
  transform:rotate(0deg);
 }

@media screen and (max-width: 767px){

.col-sm-12.col-md-12.col-lg-12.arrowList.teamGrid ul,.col-sm-12.col-md-12.col-lg-12.arrowList.backOffice ul{
    float: left;
    padding: 0 1rem;
  }
.arrowList.teamGrid h2{width: 100%}

  .teamContainer{
    padding: 0 1rem;
  }
  .col-sm-12.col-md-12.col-lg-12.arrowList.teamGrid ul li p{font-size: 1rem;}
  .col-sm-12.col-md-12.col-lg-12.arrowList.teamGrid ul li p,.col-sm-12.col-md-12.col-lg-12.arrowList.teamGrid ul li h3{
    line-height: 1.5;
    padding: 0;
    margin: 0 1rem;
  }
  .col-sm-12.col-md-12.col-lg-12.arrowList.teamGrid ul li h3,.col-sm-12.col-md-12.col-lg-12.arrowList.backOffice ul li h3{line-height: 1.1;font-size: 1.5rem}
  .col-sm-12.col-md-12.col-lg-12.arrowList.teamGrid svg,.col-sm-12.col-md-12.col-lg-12.arrowList.backOffice svg{
  width: 20px;
  margin-top: -.7rem;

  }
}
@media screen and (max-width: 500px){
  .arrowList.teamGrid h2{margin-top: 0;}
  .arrowList p{line-height: 1.4}
  .col-sm-12.col-md-12.col-lg-12.arrowList.teamGrid svg,.col-sm-12.col-md-12.col-lg-12.arrowList.backOffice svg {
      width: 20px;
      margin-top: -0.1rem;
      position: relative;}
  .arrowList.teamGrid img, .backOffice img{width: 75%; margin:0 auto; display: block;}
  .listItemBack.showteamGrid{margin-right: 1.5rem;}
  .col-sm-12.col-md-12.col-lg-12.arrowList.teamGrid ul li{padding:0;}

}
ul.team li:nth-child(3n+1) {
    clear: left;
}
@media screen and (max-width: 1023px){

  ul.team li:nth-child(3n+1) {
    clear: unset;
  }

  ul.team li:nth-child(2n+1) {
    clear: left;
  }

}

 /***********************************************************************************/
 /*  Google Map
 /***********************************************************************************/

 #map_canvas {
   background: #e3e3e3 !important;
 }

 .acceptMe {
  position: relative;
  background: #fff;
  width: 40%;
  left: 50%;
  transform: translate(-50%, 0);
  padding-bottom: 3rem;
  bottom: 36rem;
  opacity: 1;
  transition: all .7s ease-out;
 }

 .acceptMe h2 {
   font-size: 2.4rem;
   text-align: center;
   padding-top: 2rem;
   padding-bottom: 1.5rem;
 }

 .acceptMe p {
   padding: 0 2rem 2rem;
 }

 .acceptMe a {
   text-decoration: underline;
   color: #7500A2;
 }

 .acceptMe a:hover {
   text-decoration: underline;
 }

 .acceptMe button {
  cursor: pointer;
  line-height: 2.5rem;
  color: #fff;
  background-color: #7500A2 !important;
  margin: 0 auto;
  border: 0;
  display: block;
 }
@media screen and (max-width: 500px) {
 .acceptMe {
   width: 80%;
 }
}

@media screen and (max-width: 400px) {
 .acceptMe p {
   padding: 0 1rem;
   font-size: 1rem;
   padding-bottom: 1rem;
 }
 .acceptMe h2{ 
   text-align: left;
   font-size: 1.5rem;
   padding-bottom: 0;
   padding-left: 0.9rem;}
}

/* Ansicht für Übersichtsseite Inhaltselemente */
#c142 .container,#c144 .container,#c148 .container,
#c147 .container,#c182 .container{padding:0;margin-bottom: -2rem;}

/*--------------------------------------------------------*/
/* Timetable Stundenplan
/*--------------------------------------------------------*/

.table-col{
  width: 16.6666666667%;
  float: left;
  box-sizing: border-box;
  height: 93%;
}
.table-body{
  padding: 0 .7rem;
  border-right: 3px solid #7500A2;
  /* display: flex;
  flex-direction: column; */
  height: 100%;
  /* border-bottom:3px solid #7500A2; */
  /* border-top: 3px solid #7500A2; */
}
/* .table-col:first-of-type .table-body{border-left: 3px solid  #7500A2;} */
.table-col:last-of-type .table-body{border-right: none;}

.head{
  display: block;
  text-align: center;
  font-size: 1.3rem;
  margin-bottom: .7rem;
  font-weight: bold;
}

.programmItem{
  font-weight: bold;
  padding: 2rem 1.5rem;
  margin-bottom: .7rem;
  background: whitesmoke;
  line-height: 1.2;
  /* flex-grow: 1; */
}
.programmItem span{
  font-size: 1rem;
  margin-top: 0.2rem;
  display: block;
  font-weight: normal;}

@media screen and (max-width: 767px) {
  .programmItem{padding: .5rem;}

}

@media screen and (max-width: 500px) {
  .table-col{width: 100%;height: auto;}
  .table-body{display: block;}
  .table-body{border-left: none;border-right: none;border-bottom: 3px solid #7500A2; }
  .table-col:last-child .table-body{border-bottom: none;}
  .head{padding-top: 1.4rem;}
  .programmItem{padding: 1.5rem;}

}

/*--------------------------------------------------------*/
/* Kontaktdaten unter den Einrichtungen automatisch
/*--------------------------------------------------------*/

.contactData{
  width: 50%;
  float: left;
  padding-top: 2rem;
}

.contactData ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.contactData ul li{
  padding-bottom: 1rem;
}

.contactData a,.contactData #person{color:#7500A2}
.contactData #person:hover{color:black}
/* .contactData a[href^="mailto:"]{
  text-decoration: underline;
} */
.contactData a{overflow-x: scroll;}
@media screen and (max-width: 500px) {
  .downloads, .links,.contactData{
    width: 100%;
  }
  .contactData:first-child{padding-top: 0;}
  #contact{
  /* background: whitesmoke; */
  float: left;
  /* padding: .5rem; */
  }

}

/*--------------------------------------------------------*/
/* Kontaktformular
/*--------------------------------------------------------*/

.frame.from form{
  position: relative;
  z-index: 3;
  width: 66.66667%;
  left: 50%;
  transform: translate(-50%);
  background:none;
  border:none;
  padding: 0;
  margin: 0;
}
.frame.from form .control-label{display: block;}
.frame.from form input[type="text"],
.frame.from form textarea,
.frame.from form input[type="email"],
.frame.from form input[type="tel"]{
  width: 95%;
  border: 3px solid #7500A2;
  background: none;
  margin-bottom: .5rem;
  border-radius: 0;
}
#kaelberverlosung-1715-text-3{
  width:50%;
}
.frame.from form input[type="number"]{
  border: 3px solid #7500A2;
  background: none;
  margin-bottom: .5rem;
  width: 95%;
  border-radius: 0;
}
.frame.from form .error.help-block{color:red;width: 100%;
  display: block;}
.frame.from form textarea{min-height: 12rem;}
.frame.from form input[type="checkbox"]{
  border: 3px solid #7500A2;
  background: none;
  height: 1.6rem;
  width: 1.6rem;
  border-radius: 0;
  margin: 0;
}

[type="checkbox"]:checked:before {
  content: '\2713';
  font-family: sans-serif;
  font-size: 2.6rem;
  top: -1.5rem;
  left: calc(var(--universal-padding) / 4);
}

.frame.from form input[type="checkbox"] + span{
  margin:1rem;
}
input:not([type="button"]):not([type="submit"]):not([type="reset"]):invalid, input:not([type="button"]):not([type="submit"]):not([type="reset"]):focus:invalid, textarea:invalid, textarea:focus:invalid, select:invalid, select:focus:invalid{
  border-color:#7500A2;
}
.frame.from form button{
  border: 4px solid #7500A2;
  opacity: 1;
  float: left;
  border-right: none;
  background: none;
  border-radius: 0;
  position: relative;
  padding:0.5rem 2.9rem .5rem 2.6rem;
  margin-top: 2rem;
}

.frame.from form button:after {
  position: absolute;
  right: -28px;
  line-height: 1;
  top: -4.1px;
  font-size: 1.4em;
  color: #7500A2;
  content: url(../img/buttonArrow.svg);
  display: block;
  width: 47px;
  height: 15px;
}

@media screen and (max-width: 500px) {
  .frame.from form{width: 90%;left:unset;transform: unset;margin:.5rem auto;}
  .frame.from form input[type="text"], .frame.from form textarea, .frame.from form input[type="email"]{margin-bottom: .5rem;}
  .col-sm-6, .row.cols-sm-6 > * {
      max-width: 100%;
      flex-basis: 100%;
  }
}
.spendenblatt,
.kaelberverlosung{
 margin-top: 6rem;
 width: auto;
 right: 1rem;
 padding: .7rem 1rem;
 position: fixed;
 display: block;
  background: white;
  box-shadow: 0px 0 14px 0px #00000014;
  border-radius: 12px;
  z-index: 999;
  transition: 1s all ease;
}
.kaelberverlosung {
margin-top: 10rem;
right: 1rem;
font-weight: bold;
align-items: center;
box-shadow: none;
padding:0;
background: white;
display: flex;
}
.kaelberverlosung a {
  border-radius: 12px;
  background: #FAF276;
  padding: .7rem 1rem;
  box-shadow: 0px 0 14px 0px #00000014;
}
.kaelberverlosung:before{
    background-image: url('../img/kaelber.jpg');
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    width: 117px;
    height: 47px;
    background-position: 7px;
    content: "";
}
.spendenblatt a{
  padding: .5rem;
  margin-left: 2rem;
}

/* .spendenblatt:hover{
  right:0rem;
  transition: 1s all ease;
} */
.spendenblatt svg{
  left: .5rem;
  padding: 0 .4rem;
  top: 0.5rem;
  position: absolute;
}
.kaelberverlosung > a > svg{
    position: relative;
float: left;
height: 15px;
width: 18px;
margin-right: 0.5rem;
margin-top: 0.4rem;}

@media screen and (max-width: 820px) {
  .spendenblatt{    
  bottom: 4.5rem;
  top: unset;
  right: .5rem;
  width: auto;
  }
  .kaelberverlosung{
  margin-top: unset;
  bottom: 1rem;
  right:.5rem;
  }
}


/*--------------------------------------------------------*/
/* Event Kalender
/*--------------------------------------------------------*/
.tx-sf-event-mgt * {
  box-sizing: border-box;
}
.event-calendar *{
  float: left;
}
.tx-sf-event-mgt a{
  font-weight: bold;
  color:#7500A2;
}
.event-calendar__day-event a{
  line-height: 1.2;
}
.event-calendar{width: 100%;}

.tx-sf-event-mgt li{
  list-style-type: none;
  width: calc(100%/7);
}
ul.event-calendar__browser {
  width: 100%;
}
.event-calendar__day-event{
  width: 100%;
  padding: .25rem .5rem;
  font-size: 1rem;
}
.event-calendar__day-event-time{width: 100%; font-size: 1rem;}
ul.event-calendar__weekdays,ul.event-calendar__days  {
  width: 100%;
  margin: 0;
}
li.event-calendar__day {
  border-right: 1px solid grey;
  border-top: 1px solid grey;
  min-height: 120px;
  flex: 1;
  box-sizing: border-box;
}
.event-calendar__days .event-calendar__day:first-of-type{
  border-left: 1px solid grey;
}
.event-calendar__day-date,.event-calendar__weekdays-weekday{
  padding: .5rem;
}
li.event-calendar__day.event-calendar__day1 {
    border-left: 1px solid grey;
}
ul.event-calendar__days:last-of-type li {
    border-bottom: 1px solid grey;
}

.event-calendar__day-date{
  background: whitesmoke;
  width: 100%;
  font-size: 1rem;
  padding: .2rem .5rem;
}

.event-calendar__browser li{
  width: calc(100%/3);
}
.event-calendar__browser-next a{float: right;}
.event-calendar__browser-current{text-align: center;}
.event-calendar__browser-current h3{width: 100%;margin:0;}


.event-list-label{display: none;}

.event-list-row,
.event-list-item{clear: both;}
.event-list-value.event-price, .event-list-value.event-enddate{
    display: none;
}

.tx-sf-event-mgt h1{
  display: none;
}
h2.event-title a{
  color:black;
}
.event-list-item *{
  margin: 0;
}
.event-list-item{
  padding: 1rem 0;
}

.event-detail-value{
  width: auto;
  float: left;
}
.event-detail-label{font-weight: bold;}

.event-detail-row {
    width: 100%;
    float: none;
    clear: both;
    padding: 1rem 0;
}
.event-detail-value.event-description p{
  margin-left: 0;
}
.event-detail-row h2{
  margin-left: 0;
  padding-bottom: 0;
  margin-bottom: -2rem;
}
.text-center{text-align: center;}
.tx-sf-event-mgt h2{padding-bottom: 0;font-size: 1.5rem}
.event-detail-value.event-description h2{
  margin-bottom: 0;
}
.event-detail-value.event-description{
  padding: 1rem 0;
  border-top: 2px solid whitesmoke;
  border-bottom: 2px solid whitesmoke;
}
.event-location-title,.event-location-address{float: none;}
.event-startdate,.event-enddate{
  color: #7500A2;
}
.event-calendar__day-today .event-calendar__day-date{
  font-weight: bold;
  color:#7500A2;
}
.event-calendar__day-other-month > *{opacity: .3;}

ul.event-calendar__browser{
  padding: 0;
}

table:not(.horizontal){max-height: none!important;}
.calendarize ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

ul.events {
  list-style: none;
  margin: 0;
  padding: 0;
  padding-top: .2rem;
}

.calendarize table td{
  border-right: 0.0625rem solid var(--table-border-color);
  min-height: 8rem;
  background: transparent;
  padding: 0;
}
.regularMonthView span.day,.regularMonthView span.dayMob  {
  background: whitesmoke;
  padding: .5rem;
  width: 100%;
  display: block;
  font-size: 1rem;
  text-align: revert;
}
.regularMonthView span.dayMob  {display: none;}
.regularMonthView ul.events {
    padding: 0.5rem 0.5rem  0.5rem  1rem;
}
.calendarize thead tr th{text-align: center;background: transparent;}
.calendarize thead {border:none;}
.calendarize thead a:first-child{
  position: absolute;
  left: 0;
}
.calendarize thead a:last-child{
  position: absolute;
  right: 0;
}
.calendarize table tbody{border-top: 0.0625rem solid var(--table-border-color);}
.calendarize ul a{
  font-size: 1.1rem;
  line-height: 1.2!important;
  font-weight: bold;
  color: #7500A2;
  display: block;
}
.calendarize .momentJs.time{
  font-size: 1rem;
  clear: left;
  display: block;}
.calendarize  .eventTitle {padding: 0;font-size: 1.5rem;}
.calendarize .text{
  padding: 1rem 0;
  border-top: 2px solid whitesmoke;
  border-bottom: 2px solid whitesmoke;
}
.calendarize h3.state-default{
  color:#7500A2;
  font-size: 1.2rem;
  margin-top: .3rem;
}
.calendarize dd {
  margin: 0;
}
.calendarize .loca{font-weight: bold;}
.calendarize .dl-horizontal.meta{
  margin: var(--universal-margin);
}
.panel.panel-default.state-default {
  clear: left;
  padding-top: 2rem;
}
.panel.panel-default.state-default:first-of-type{
  padding-top: 0;
}
.media-body .listItemMore{
  margin-left: .5rem;
  margin-top: .5rem;
}

ul.pagination li {
    width: auto;
    float: left;
    padding-right: 1rem;
}
ul.pagination {
  position: relative;
  bottom: -7rem;
}
.calendarize .row{
  margin: 0;
}
.calendarize .browser{
  padding: 1rem 0;
}
.calendarize .row .col-md-2,.calendarize .row .col-md-1 {
  border: 0.0625rem solid var(--table-border-color);
  border-right: 0;
  min-height: 12rem;
}
.calendarize .row .col-md-2 ul, .calendarize .row .col-md-1 ul{
  padding: 0.5rem 0.5rem  0.5rem  1rem;
}
.calendarize .week.row:last-child{
  border-right: 0.0625rem solid var(--table-border-color);
}

.week.row span.day {
  padding: 0.3rem 0 0.3rem 1rem;
  background: whitesmoke;
  display: block;
  font-size: 1rem;
}
.browser a:last-child{
  float: right;
}

.eventDetail .downloads a{
  font-weight: bold;
  color:#7500A2;
  margin-left: .5rem;
}
.bold{
  font-weight: bold;
}
.eventDetail .downloads{
  border-top: 2px solid whitesmoke;
  margin-top: 1rem;
}

.eventDetail .images{padding: .5rem;}

.calendarize table .weekDay td{
  min-height: unset;
  font-size: 1rem;
  padding: .5rem;
  text-align: center;
  border:none;
}
.eventDetail .btn-group .listItemMore{
  margin-left: .5rem;
}

table:not(.horizontal) tbody td:last-child{border-right: 0;}

li.blau a{color:#4E5DB2;}
li.petrol a{color:#008484;}
li.rot a{color:#d93b30;}
li.gruen a{color:#468502;}
li.rosa a{color:#B05791;}
li.braun a{color:#604E3B;}

@media screen and (max-width: 767px){
table tr, table.horizontal tr {background: transparent;border:0;margin: 0;padding:0;}
table td, table.horizontal td{text-align: left;}
table td, table.horizontal td{border-bottom: 0.0625rem solid var(--table-border-color);}
.calendarize table .weekDay {display: none;}
.regularMonthView span.dayMob  {display: block;}
.regularMonthView span.day {display: none;}
}

.logoImg figure{ float:left;}
.logoImg{    flex:none;display: flex;
    align-items: center;}


/***********************************************************************************/
/* Search
/***********************************************************************************/
.none{
  display: none;
}
#searchcontainer{
  max-height: auto;
  opacity: 1;
  transition: .3s ease all;
  float: right;
  margin-bottom: -1px;
}

.headerSticky div#searchcontainer{
  width:799px;
}
.headerSticky div#searchcontainer span{width: 100%;text-align: center}
#searchcontainer.none{
  max-height: 0;
  opacity: 0;
}

.headerSticky form#searchform{
  max-width: 120rem;
  width: 100%;
  margin: 0 auto;
  float: none;
  border-bottom:2px solid #7500A2;
}

.headerSticky input#searchInput{
  padding:.9rem;
  border:none;
  font-size: 1rem;
  width: 85%;
}
#search_submit,.tx-indexedsearch-searchbox-button{
  padding:0 1rem;
  background: #7500A2;
  color: white;
  float: right;
  text-transform: none;
  font-weight: bold;
  margin:0;
  cursor: pointer;
}

/*
#search_submit:after{
    position: absolute;
    right: -26px;
    line-height: 1;
    top: -4px;
    font-size: 1.4em;
    color: #7500A2;
    content: url(../img/buttonArrow.svg);
    display: block;
    width: 46px;
    height: 15px;
} */
.headerSticky ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  opacity: 1; /* Firefox */
    font-size: 1rem;
}
form#tx_indexedsearch fieldset{
  border-color:#7500A2;
  padding: 2rem;
}
.tx-indexedsearch-searchbox{
  margin: .5rem;
}
.tx-indexedsearch-searchbox-button{
  border:none;
  padding: .5rem 1rem;
}
.tx-indexedsearch-searchbox-sword,.tx-indexedsearch-searchbox-sword:focus{
  border: 1px solid lightgrey!important;
  margin-left: 1rem;
}

.tx-indexedsearch-info-sword,.tx-indexedsearch-browsebox,.tx-indexedsearch-info-noresult{
margin-left: .5rem;
}
ul.tx-indexedsearch-browsebox {
  list-style: none;
  display: inline;
  width: 100%;
  display: block;
}
ul.tx-indexedsearch-browsebox li{
  width: auto;
  float: left;
  /* background: #ccc; */
  margin: .5rem;
  /* height: 1rem;
  width: 1rem; */
}
.tx-indexedsearch-browsebox p{
  margin: 0;
  margin-bottom: 2rem;
}
.tx-indexedsearch-browsebox + .row.centerRow{clear: left;}
/* ul.tx-indexedsearch-browsebox li a {
  color: transparent;
  font-size: .5rem;
  height: 1rem;
  width: 1rem;
  position: absolute;
} */

ul.tx-indexedsearch-browsebox li.tx-indexedsearch-browselist-currentPage a{color: #7500A2;}
.tx-indexedsearch-searchbox legend{display: none;}

@media screen and (max-width: 500px) {
  form#tx_indexedsearch fieldset{
    padding: 1rem;
  }
  .tx-indexedsearch-searchbox-button{margin-top: 1rem;}
  .tx-indexedsearch-searchbox-sword, .tx-indexedsearch-searchbox-sword:focus{margin-left: 0;width: 100%;}
}