/* Basic Content */
h1, h2, h3, h4, h5, h6 {
  color       : rgb(0, 118, 185);
  /*font-family: inherit;*/
  font-family : "Ubuntu", "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
  font-weight : 400;
}

h1, h2 {
  font-size     : 1.5rem;
  margin-bottom : .5rem;
  font-weight   : 600;
}

h3 {
  font-size     : 1.5rem;
  margin-bottom : .5rem;
}

h3 {
  margin-bottom : 1.1875rem;
}

h4 {
  font-size     : 1.25em;
  margin-bottom : 0.9375rem
}

h5 {
  color         : #000000;
  font-size     : 1.125em;
  font-weight   : bold;
  margin-bottom : .25em;
}

h6 {
  font-weight : 600;
  font-size   : 1rem;
}

@media screen and (min-width : 60em) {
  h1, h2 {
    font-size   : 2.25rem;
    font-weight : 600;
  }

  h3 {
    font-size : 2.05rem;
  }

  h4 {
    font-size : 1.5em;
  }

  h5 {
    font-size : 1.25em;
  }

  h6 {
    font-size : 1.2rem;
  }
}

/* Lightbox-Links */
a[data-lightbox] {
  display  : inline-block;
  position : relative;
}

a[data-lightbox]:hover::before, a[data-lightbox]:focus::before, a[data-lightbox]:active::before {
  background : center center no-repeat url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2240px%22%20height%3D%2240px%22%3E%3Crect%20fill%3D%22%236d9a00%22%20width%3D%2240%22%20height%3D%2240%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M31%2C30.5l-7.1-7.1c1.3-1.6%2C2.1-3.7%2C2.1-5.9c0-5.2-4.3-9.5-9.5-9.5C11.2%2C8%2C7%2C12.3%2C7%2C17.5s4.3%2C9.5%2C9.5%2C9.5%20c2.3%2C0%2C4.3-0.8%2C6-2.1l7.1%2C7.1L31%2C30.5z%20M11.2%2C22.8C9.8%2C21.4%2C9%2C19.5%2C9%2C17.5s0.8-3.9%2C2.2-5.3s3.3-2.2%2C5.3-2.2s3.9%2C0.8%2C5.3%2C2.2%20s2.2%2C3.3%2C2.2%2C5.3s-0.8%2C3.9-2.2%2C5.3S18.5%2C25%2C16.5%2C25S12.6%2C24.2%2C11.2%2C22.8z%22%2F%3E%3C%2Fsvg%3E') rgba(0, 118, 185, .8);
  content    : '';
  position   : absolute;
  top        : 0;
  right      : 0;
  bottom     : 0;
  left       : 0;
  z-index    : 1;
}

/* NEWS: Liste */
.mod_newslist {
  border-bottom  : 4px solid rgb(0, 118, 185);
  margin-bottom  : 3.125rem;
  padding-bottom : 5.3125rem;
}

.mod_newslist > h3 {
  margin-bottom : 1.625rem;
  margin-top    : 2.5rem;
}

.homepage .mod_newslist > h3 {
  border-top  : 4px solid rgb(0, 118, 185);
  padding-top : 2.9375rem;
}

.layout_latest figure {
  position      : relative;
  margin-bottom : 0;
}

.layout_latest img {
  margin-bottom : 0;
}

.layout_latest .image_container a:hover, .layout_latest .image_container a:focus, .layout_latest .image_container a:active {
  outline : .1875rem solid rgb(109, 154, 0);
}

/*
.layout_latest figure img {
  filter: grayscale(50%) sepia(1) saturate(1) brightness(90%) contrast(118%) hue-rotate(163deg);
  -webkit-filter: grayscale(50%) sepia(1) saturate(1) brightness(90%) contrast(118%) hue-rotate(163deg);
}
 */
.layout_latest .caption {
  background-color : rgba(255, 255, 255, 0.9);
  bottom           : 0;
  color            : rgb(68, 68, 68);
  display          : inline-block;
  font-size        : 0.875rem;
  line-height      : 1.5;
  padding          : 0.28125rem 0.625rem;
  position         : absolute;
  right            : 0;
}

.layout_latest h4 {
  font-size   : 1.25rem;
  padding-top : 1.5rem;
}

@media screen and (min-width : 60em) {
  .layout_latest h4 {
    font-size   : 1.625rem;
    padding-top : 2.6875rem;
  }
}

.layout_latest h4 time {
  background-color : rgb(235, 241, 248);
  color            : rgb(68, 68, 68);
  display          : inline-block;
  font-size        : 0.875rem;
  line-height      : 1.5;
  padding          : 0 0.3125rem;
}

.layout_latest h4 .headline {
  display     : block;
  padding-top : 1.25rem;
}

.layout_latest h4 a {
  display : block;
}

.layout_latest h4 a:link, .layout_latest h4 a:visited {
  text-decoration : none;
}

.layout_latest h4 a:hover, .layout_latest h4 a:focus, .layout_latest h4 a:active {
  outline : .1875rem solid rgb(109, 154, 0);
}

.layout_latest .more a {
  background-color : rgb(0, 118, 185);
  color            : rgb(255, 255, 255);
  display          : inline-block;
  font-size        : 1.125rem;
  line-height      : 1.66667;
  padding          : 0 0.625em 0 2.5rem;
  position         : relative;
}

.layout_latest .more a::before {
  color       : rgb(255, 255, 255);
  content     : '';
  background  : rgb(109, 154, 0) url('/files/util/img/icons/pfeil_weiterlesen.svg') no-repeat center center;
  display     : inline-block;
  height      : 2rem;
  line-height : 1.66667;
  padding     : 0 0.625rem;
  position    : absolute;
  top         : 0;
  left        : 0;
  width       : 1.75rem;
}

.layout_latest .more a:link, .layout_latest .more a:visited {
  text-decoration : none;
}

.layout_latest .more a:hover, .layout_latest .more a:focus, .layout_latest .more a:active {
  outline : .1875rem solid rgb(109, 154, 0);
}

.layout_latest .more a span[itemprop="headline"] {
  display     : inline-block;
  line-height : inherit;
  padding     : 0 0.625rem;
}

.mod_newsreader .teaser {
  font-weight : 600;
}

/* EVENTS: Liste */
.mod_eventlist {
  border-bottom  : 4px solid rgb(0, 118, 185);
  margin-bottom  : 3.125rem;
  padding-bottom : 5.3125rem;
}

.mod_eventlist > h3 {
  margin-bottom : 1.625rem;
  margin-top    : 2.5rem;
}

.homepage .mod_eventlist > h3 {
  border-top  : 4px solid rgb(0, 118, 185);
  padding-top : 2.9375rem;
}

.layout_teaser figure,
.layout_full figure {
  position : relative;
}

.layout_teaser .image_container a:hover, .layout_teaser .image_container a:focus, .layout_teaser .image_container a:active {
  outline : .1875rem solid rgb(109, 154, 0);
}

.layout_teaser .caption,
.layout_full .caption {
  background-color : rgba(255, 255, 255, 0.9);
  bottom           : 0;
  color            : rgb(68, 68, 68);
  display          : inline-block;
  font-size        : 0.875rem;
  line-height      : 1.5;
  padding          : 0.28125rem 0.625rem;
  position         : absolute;
  right            : 0;
}

.layout_teaser h4 {
  font-size   : 1.625rem;
  padding-top : 2.6875rem;
}

.layout_teaser h4 time,
.layout_full time {
  background-color : rgb(235, 241, 248);
  color            : rgb(68, 68, 68);
  display          : inline-block;
  font-size        : 0.875rem;
  line-height      : 1.5;
  padding          : 0 0.3125rem;
}

.layout_teaser h4 .headline {
  display     : block;
  padding-top : 1.25rem;
}

.layout_teaser h4 a {
  display : block;
}

.layout_teaser h4 a:link, .layout_teaser h4 a:visited {
  text-decoration : none;
}

.layout_teaser h4 a:hover, .layout_teaser h4 a:focus, .layout_teaser h4 a:active {
  outline : .1875rem solid rgb(109, 154, 0);
}

.layout_teaser .more a {
  background-color : rgb(0, 118, 185);
  color            : rgb(255, 255, 255);
  display          : inline-block;
  font-size        : 1.125rem;
  line-height      : 1.66667;
  padding          : 0;
}

.layout_teaser .more a::before {
  background-color : rgb(109, 154, 0);
  color            : rgb(255, 255, 255);
  content          : url(/files/util/img/icons/pfeil_weiterlesen.svg);
  display          : inline-block;
  line-height      : inherit;
  margin-right     : 0.0625rem;
  padding          : 0 0.625rem;
}

.layout_teaser .more a:link, .layout_teaser .more a:visited {
  text-decoration : none;
}

.layout_teaser .more a:hover, .layout_teaser .more a:focus, .layout_teaser .more a:active {
  outline : .1875rem solid rgb(109, 154, 0);
}

.layout_teaser .more a span[itemprop="headline"] {
  display     : inline-block;
  line-height : inherit;
  padding     : 0 0.625rem;
}

.mod_eventreader .teaser {
  font-weight : 600;
}

/* Back */
.back a {
  background-color : rgb(0, 118, 185);
  color            : rgb(255, 255, 255);
  display          : inline-block;
  font-size        : 1.125rem;
  line-height      : 1.66667;
  padding          : 0 0.625rem 0 0;
}

.back a::before {
  background-color : rgb(109, 154, 0);
  color            : rgb(255, 255, 255);
  content          : url(/files/util/img/icons/pfeil_previous.svg);
  display          : inline-block;
  line-height      : inherit;
  margin-right     : 0.625rem;
  padding          : 0 0.625rem;
}

.back a:link, .back a:visited {
  text-decoration : none;
}

.back a:hover, .back a:focus, .back a:active {
  outline : .1875rem solid rgb(109, 154, 0);
}

.back a span {
  display     : inline-block;
  line-height : inherit;
  /* padding     : 0 0.625rem; */
}

/* Show all */
.showall {
  background-color : rgb(235, 241, 248);;
  border-top       : 2px solid rgb(204, 204, 204);
  padding-bottom   : 0.9375rem;
  padding-top      : 0.9375rem;
  margin-top       : 0.9375rem;
}

.showall a {
  background-color : rgb(0, 118, 185);
  color            : rgb(255, 255, 255);
  display          : inline-block;
  font-size        : 1.125rem;
  line-height      : 1.66667;
  padding          : 0 0.625em 0 1.75rem;
  position         : relative;
}

.showall a::before {
  color       : rgb(255, 255, 255);
  content     : '';
  background  : rgb(109, 154, 0) url('/files/util/img/icons/pfeil_weiterlesen.svg') no-repeat center center;
  display     : inline-block;
  height      : 2rem;
  line-height : 1.66667;
  padding     : 0 0.625rem;
  position    : absolute;
  top         : 0;
  left        : 0;
  width       : 1.75rem;
}

.showall a:link, .showall a:visited {
  text-decoration : none;
}

.showall a:hover, .showall a:focus, .showall a:active {
  outline : .1875rem solid rgb(109, 154, 0);
}

.showall a span {
  display     : inline-block;
  line-height : inherit;
  padding     : 0 0.625rem;
}

/* Allgemeine Suche unten */
.mod_search {
  background-color : rgb(109, 154, 0);
  color            : rgb(255, 255, 255);
  flex             : content;
  margin           : 0 0 3.75rem 0;
  padding          : .9375rem;
}

@media screen and (min-width : 22em) {
  .mod_search {
    margin  : 0 0.9375rem 3.75rem 0.9375rem;
    padding : 1.25rem 1.875rem 1.875rem 1.875rem;
  }
}

#a5-search-end {
  margin-top : 2.75rem;
}

.mod_search h2,
.mod_search h3 {
  color       : inherit;
  font-size   : 2.25rem;
  line-height : 1.2;
}

.mod_search p {
  font-size     : 1.1em;
  font-weight   : bold;
  margin-top    : .5rem;
  margin-bottom : 2rem;
}

.mod_search .formbody,
.widget-flex {
  align-items    : center;
  -ms-flex-align : center;
  display        : -webkit-box;
  display        : -ms-flexbox;
  display        : flex;
  -ms-flex-wrap  : wrap;
  flex-wrap      : wrap;
  font-size      : 1rem;
  line-height    : 1.75rem;
}

@media only screen and (min-width : 37.5rem) {
  .mod_search .formbody, .widget-flex {
    font-size   : 1.3125rem;
    line-height : 3.75rem;
  }
}

.widget-flex label {
  -webkit-box-flex : 3;
  flex             : 2 1 15ch;
  min-width        : 15ch;
  max-width        : 100%;
  position         : relative;
}

.widget-flex input.text,
.widget-flex input.search {
  -webkit-box-flex : 3;
  flex             : 3 1 20ch;
  min-width        : 20ch;
  max-width        : 100%;
  position         : relative;
}

.mod_search .widget {
  background-color : rgb(255, 255, 255);
  color            : rgb(68, 68, 68);
  padding          : 0 1.25rem;
  -webkit-box-flex : 3;
  flex             : 3 1 20ch;
  min-width        : 20ch;
  max-width        : 100%;
  position         : relative;
}

.mod_search .widget:focus-within {
  outline : .1875rem solid rgb(109, 154, 0);
}

.mod_search .widget input {
  background-color : rgb(255, 255, 255);
  border           : 0px none;
  color            : rgb(68, 68, 68);
  font-family      : inherit;
  font-size        : inherit;
  line-height      : inherit;
}

.mod_search .widget input:hover, .mod_search .widget input:focus, .mod_search .widget input:active {
  border  : 0px none;
  outline : 0;
}

.mod_search .widget-submit {
  min-width        : 10ch;
  max-width        : 100%;
  -webkit-box-flex : 1;
  flex             : 1 1 10ch;
}

.mod_search button {
  background-color : rgb(0, 118, 185);
  border           : 0px none;
  color            : rgb(255, 255, 255);
  font-family      : inherit;
  font-size        : inherit;
  font-weight      : bold;
  line-height      : inherit;
  padding          : 0 1.25rem;
}

.mod_search button:hover, .mod_search button:focus, .mod_search button:active {
  border  : 0px none;
  outline : .1875rem solid rgb(0, 118, 185);
}

/* Akkordion */

/*
Hier mit !ipmortant gearbeitet wegen der spezifität von .mm-tabs [role="tablist"], .mm-tabs ul[role="tablist"]
  Das margin ist hier für die Tabs (Filter) wichtig:
  http://bugs.anatom5.de/view.php?id=7751
  Muss dann aber für normale Accordions (ce_accordion) wieder anders sein
  -> theme-05-01-custom-elements.css
  */
.ce_accordion {
  margin-bottom : 0.25rem !important;
}

.ce_accordion:last-child {
  margin-bottom : 2.5rem;
}

.ce_accordion .accordion .col-12 {
  padding-left  : 0;
  padding-right : 0;
}

.ce_accordion .toggler,
.ce_accordion .toggler-hints,
.ce_accordion .toggler-examples {
  background-color : rgb(0, 118, 185);
  color            : rgb(255, 255, 255);
  display          : -webkit-box;
  display          : -webkit-flex;
  display          : -ms-flexbox;
  display          : flex;
  -ms-flex-align   : center;
  align-items      : center;
}

.ce_accordion .toggler:hover, .ce_accordion .toggler:focus,
.ce_accordion .toggler-hints:hover, .ce_accordion .toggler-hints:focus,
.ce_accordion .toggler-examples:hover, .ce_accordion .toggler-examples:focus {
  cursor  : pointer;
  outline : .1875rem solid rgb(109, 154, 0);
}

.mm-tabs-umsetzung .toggler-hints[role="tab"][aria-selected="true"],
.mm-tabs-umsetzung .toggler-examples[role="tab"][aria-selected="true"] {
  background-color : rgb(255, 255, 255);
}

.ce_accordion .toggler h3, .ce_accordion .toggler h4, .ce_accordion .toggler h5, .ce_accordion .toggler h6,
.ce_accordion .toggler-hints h3, .ce_accordion .toggler-hints h4, .ce_accordion .toggler-hints h5, .ce_accordion .toggler-hints h6,
.ce_accordion .toggler-examples h3, .ce_accordion .toggler-examples h4, .ce_accordion .toggler-examples h5, .ce_accordion .toggler-examples h6 {
  color       : inherit;
  display     : block;
  font-size   : 1.125rem;
  font-weight : bold;
  line-height : 1.5625rem;
  margin      : 0;
  hyphens     : auto;
}

.ce_accordion .toggler .ui-icon,
.ce_accordion .toggler-hints .ui-icon,
.ce_accordion .toggler-examples .ui-icon {
  background-color    : rgb(109, 154, 0);
  background-image    : url("/files/util/img/icons/toggle-plus.svg");
  background-repeat   : no-repeat;
  background-position : center center;
  color               : rgb(255, 255, 255);
  display             : block;
  /*! float: left; */
  height              : 3.125rem;
  margin-right        : 1.875rem;
  width               : 3.125rem;
  min-width           : 3.125rem;
  min-height          : 3.125rem;
}

@media only screen and (max-width : 759px) {
  .ce_accordion .toggler .ui-icon,
  .ce_accordion .toggler-hints .ui-icon,
  .ce_accordion .toggler-examples .ui-icon {
    background-size : 1rem auto;
    margin-right    : .5rem;
    min-width       : 2.2rem;
    width           : 2.2rem;
  }

  .ce_accordion .toggler .ui-icon + h4,
  .ce_accordion .toggler-hints .ui-icon + h4,
  .ce_accordion .toggler-examples .ui-icon + h4 {
    font-size : 1rem;
  }
}


@media only screen and (min-width : 760px) {
  .ce_accordion .toggler h3, .ce_accordion .toggler h4, .ce_accordion .toggler h5, .ce_accordion .toggler h6,
  .ce_accordion .toggler-hints h3, .ce_accordion .toggler-hints h4, .ce_accordion .toggler-hints h5, .ce_accordion .toggler-hints h6,
  .ce_accordion .toggler-examples h3, .ce_accordion .toggler-examples h4, .ce_accordion .toggler-examples h5, .ce_accordion .toggler-examples h6 {
    font-size   : 1.625rem;
    line-height : 1.4;
  }

  .ce_accordion .toggler .ui-icon,
  .ce_accordion .toggler-hints .ui-icon,
  .ce_accordion .toggler-examples .ui-icon {
    height       : 5rem;
    margin-right : 1.875rem;
    width        : 5rem;
    min-width    : 5rem;
    min-height   : 5rem;
  }
}

.ce_accordion .toggler-hints .ui-icon,
.ce_accordion .toggler-examples .ui-icon {
  background-color : rgb(0, 118, 185);
}

.ce_accordion .toggler[aria-expanded="true"] .ui-icon,
.ce_accordion .toggler-hints[aria-expanded="true"] .ui-icon,
.ce_accordion .toggler-examples[aria-expanded="true"] .ui-icon {
  background-image : url("/files/util/img/icons/toggle-minus.svg");
}

.ce_accordion .accordion h5:first-of-type {
  margin-top    : 1em;
  margin-bottom : 0.5em;
}

.mm-tabs .accordion-hints[role="tablist"],
.mm-tabs .accordion-examples[role="tablist"] {
  display : block;
}

.mm-tabs-umsetzung .toggler-hints[role="tab"],
.mm-tabs-umsetzung .toggler-examples[role="tab"] {
  padding : 0;
}

/* Umsetzungstipps */
.tip-wrapper h4 {
  font-size : 1.3125rem;
}

.mm-contact-person {
  background     : url("/files/util/img/icons/icon_ansprechpartner.svg") no-repeat 2.5rem 0;
  border-bottom  : 0.25rem solid rgb(0, 118, 185);
  padding-bottom : 2.25rem;
  padding-left   : 7.9375rem !important;
}

.mm-offers {
  background   : url("/files/util/img/icons/icon_angebote.svg") no-repeat 2.5rem 0;
  padding-left : 7.9375rem !important;
}

.mm-offers ul {
  list-style : none;
  margin     : 0 0 0.9375rem 0;
  padding    : 0;
}

.mm-offers li {
  background   : url("/files/util/img/icons/icon_square.svg") no-repeat left 0.50em;
  margin       : 0;
  padding-left : 1.125rem;
}

.mm-offers a {
  color : rgb(0, 118, 185);
}

.mm-offers a:hover, .mm-offers a:focus, .mm-offers a:active {
  outline : .1875rem solid rgb(0, 118, 185);
}


/* Abstandsklassen */
.abstand-u0 {
  margin-bottom : 0 !important;
}

.abstand-u,
.abstand-u1 {
  margin-bottom : 1.5625rem !important;
}

.abstand-u2 {
  margin-bottom : 3.4375rem !important;
}

/* Bild */

figure {
  display       : inline-block;
  margin-bottom : 1.5625rem;
}

img {
  margin-bottom : 1.5625rem;
}

figure img {
  margin-bottom : 0;
}

.mod_pageImage figure,
.ce_gallery figure,
.ce_gallery img {
  margin-bottom : 0;
}

figcaption {
  background-color : #ffffff;
  padding          : 0.25rem 0.5rem;
}


/* Bildklassen */
figure.float_above {
  float : none;
}

figure.float_below {
  float : none;
}

figure.float_left {
  float  : left;
  margin : 0.3em 1.875rem 0.9375rem 0;
}

figure.float_right {
  float  : right;
  margin : 0.3em 0 0.9375rem 1.875rem;
}

/* Listen in Textelementen */
.ce_text ul {
  list-style : none;
  margin     : 0 0 0.9375rem 0;
  padding    : 0;
}

.ce_text ul li {
  background   : url("/files/util/img/icons/icon_square.svg") no-repeat left 0.50em;
  margin       : 0;
  padding-left : 1.125rem;
}


/* Inhaltselement: Galerie */
.ce_gallery {
  margin  : 0 0 0.9375rem 0;
  padding : 0;
}

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

.ce_gallery li {
  margin : 0 0 0.9375rem 0;
}

.ce_gallery figure {
  color      : rgb(0, 118, 185);
  /*
  background-color: rgb(0,118,185);
  color: rgb(255,255,255);
  height: 100%;
  */
  display    : block;
  position   : relative;
  text-align : center;
}

.ce_gallery figure a {
  display : block;
  height  : 100%;
  width   : 100%;
}

/*
.ce_gallery a:hover .magnify-wrapper, .ce_gallery a:focus .magnify-wrapper, .ce_gallery a:active .magnify-wrapper { 
  background-color: rgba(0,118,185,0.8);
  content: " ";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;	
}
.ce_gallery .magnify { display: none; }
.ce_gallery a:hover .magnify, .ce_gallery a:focus .magnify, .ce_gallery a:active .magnify { 
  background: rgb(109,154,1) url("/files/util/img/icons/icon_search.svg") no-repeat center center;
  display: block;
  height: 5rem;
  left: calc(50% - 2.5rem);
  position: absolute;
  top: calc(50% - 2.5rem);
  width: 5rem;
}
.ce_gallery figure a img {
  min-height: 100%;
  min-width: 100%;
}
*/

/* Paginierung */

.pagination {
  flex : 1 1 100%;
}

.pagination ul {
  list-style : none;
  margin     : 0 0 1em 0;
  overflow   : hidden;
  padding    : 0;
}

.pagination li {
  float : left;
}

.pagination li a,
.pagination li strong.active {
  display     : block;
  font-weight : 400;
  line-height : 2.22222;
  padding     : 0;
  text-align  : center;
  min-width   : 2.22222em;
}

.pagination li strong.active {
  background-color : rgb(0, 118, 185);
  color            : rgb(255, 255, 255);
  font-weight      : 600;
}

.pagination li .next {
  padding-right : 1em;
}

/* Zitate */
blockquote {
  color       : rgb(0, 118, 185);
  /*font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;*/
  font-family : "Sarabun", "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
  font-size   : 1.125rem;
  font-style  : italic;
  font-weight : 400;
  line-height : 1.6;
  margin      : 0 0 1em 0;
  padding     : 1em 5rem;
}

blockquote p {
  font-weight : inherit;
  position    : relative;
}

blockquote p:first-of-type:before {
  font-family : "Myriad Pro", Myriad, "Liberation Sans", Tahoma, "Helvetica Neue", Helvetica, Arial, sans-serif;
  content     : "„";
  font-size   : 4.5rem;
  position    : absolute;
  left        : -0.5em;
  bottom      : -0.4em;
}

blockquote p:last-of-type:after {
  font-family : "Myriad Pro", Myriad, "Liberation Sans", Tahoma, "Helvetica Neue", Helvetica, Arial, sans-serif;
  content     : "“";
  font-size   : 4.5rem;
  position    : absolute;
  right       : -0.5em;
  top         : -0.6em;
}

blockquote small {
  font-size   : 0.64em;
  font-weight : 400;
}

/* Tabellen */
table {
  border        : 0px none;
  border-bottom : 0.25rem solid rgb(0, 118, 185);
  margin-bottom : 1.875em;
  width         : 100%;
}

th, td {
  border-bottom : 0.0625rem solid rgb(0, 118, 185);
  padding       : 0.4375em 0.875em;
}

thead th {
  background-color : rgb(0, 118, 185);
  color            : rgb(255, 255, 255);
  font-family      : worksans-semibold, Helvetica, Arial, "Lucida Grande", Lucida, sans-serif;
  font-weight      : 600;
  text-align       : left;
}

/* Sitemap */
.a5-sitemap {
  margin-bottom : 1.75rem
}

.a5-sitemap h2 {
  margin-bottom : 1.75rem
}

.a5-sitemap a {
  display         : block;
  padding         : .4375rem 1rem;
  position        : relative;
  text-decoration : none
}

.a5-sitemap a:active,
.a5-sitemap a:focus,
.a5-sitemap a:hover {
  background : rgb(235, 241, 248);
  display    : block
}

.a5-sitemap br,
.a5-sitemap li::before {
  display : none
}

.a5-sitemap li,
.a5-sitemap ul {
  margin  : 0;
  padding : 0
}

.a5-sitemap ul li {
  border-top : 2px #cccccc solid;
  list-style : none;
}

.a5-sitemap > ul > li {
  border-bottom : 2px #cccccc solid;
  margin-bottom : 1.75rem
}

.a5-sitemap > ul > li > a {
  font-weight    : 700;
  text-transform : uppercase
}

.a5-sitemap ul ul li a {
  padding-left : 2rem
}

.a5-sitemap ul ul li a:before {
  color       : rgb(0, 118, 185);
  content     : '\2022';
  display     : inline-block;
  font-weight : 700;
  position    : absolute;
  top         : .4375rem;
  left        : 1rem
}

.a5-sitemap ul ul ul li a {
  padding-left : 3rem
}

.a5-sitemap ul ul ul li a:before {
  left : 2rem
}

.a5-sitemap ul ul ul ul li a {
  padding-left : 4rem
}

.a5-sitemap ul ul ul ul li a:before {
  left : 3rem
}

.a5-sitemap ul ul ul ul ul li a {
  padding-left : 5rem
}

.a5-sitemap ul ul ul ul ul li a:before {
  left : 4rem
}

.nolinkNavItem {
  padding-left: 1rem;
}

@media only screen and (min-width : 760px) {
  .a5-sitemap {
    overflow : hidden
  }

  .a5-sitemap > ul {
    box-sizing          : content-box;
    display             : -webkit-box;
    display             : -webkit-flex;
    display             : -ms-flexbox;
    display             : flex;
    -webkit-flex-wrap   : wrap;
    -ms-flex-wrap       : wrap;
    flex-wrap           : wrap;
    margin-right        : -2rem;
    margin-left         : -2rem;
    padding-right       : 1rem;
    padding-left        : 1rem;
    width               : calc(100% + 2rem);
    -webkit-box-align   : start;
    -webkit-align-items : flex-start;
    -ms-flex-align      : start;
    align-items         : flex-start;
    list-style          : none;
  }

  .a5-sitemap > ul > li {
    margin-right : 1rem;
    margin-left  : 1rem;
    width        : calc(10rem + (((99.9% - 24rem) / 12) * 6))
  }
}

@media only screen and (min-width : 980px) {
  .a5-sitemap > ul > li {
    margin-right : 1rem;
    margin-left  : 1rem;
    width        : calc(6rem + (((99.9% - 24rem) / 12) * 4))
  }
}

@media only screen and (min-width : 1280px) {
  .a5-sitemap > ul > li {
    margin-right : 1rem;
    margin-left  : 1rem;
    width        : calc(4rem + (((99.9% - 24rem) / 12) * 3));
    padding-left : 0;
    list-style   : none;
  }
}


/* CE Form */
.ce_form {
  background-color  : rgb(235, 241, 248);
  border            : 0.125rem solid rgb(235, 241, 248);
  color             : rgb(68, 68, 68);
  padding           : 1.5rem 1rem 1rem 1rem;
  position          : relative;
  scroll-margin-top : 14rem;
  z-index           : 2;
}

@media only screen and (min-width : 50rem) {
  .ce_form {
    padding : 1.5rem 3.75rem;
  }
}

.ce_form .widget-wrapper {
  align-items    : center;
  -ms-flex-align : center;
  display        : -webkit-box;
  display        : -ms-flexbox;
  display        : flex;
  -ms-flex-wrap  : wrap;
  flex-wrap      : wrap;
  font-size      : 0.875rem;
  line-height    : 1.75rem;
  margin-bottom  : 1.85rem;
}

.ce_form fieldset {
  margin-bottom : 1rem;
}

.ce_form legend {
  font-size      : 1.5rem;
  padding-bottom : 1rem;
}

.ce_form .widget-text,
.ce_form .widget-select,
.ce_form .widget-textarea {
  background-color : rgb(255, 255, 255);
  color            : rgb(68, 68, 68);
  padding          : 0 1.25rem;
  -webkit-box-flex : 2;
  flex             : 2 1 20ch;
  min-width        : 100%;
  max-width        : 100%;
  position         : relative;
  line-height      : inherit;
  font-size        : inherit;
}

.ce_form .widget-explanation {
  background-color : inherit;
  color            : inherit;
}

@media only screen and (min-width : 37.5rem) {
  .ce_form .widget-wrapper {
    font-size        : 1.3125rem;
    line-height      : 3.75rem;
    min-height       : 3.75rem;
    background-color : rgb(255, 255, 255);
  }

  .ce_form .widget-text,
  .ce_form .widget-select,
  .ce_form .widget-textarea {
    -webkit-box-flex : 3;
    flex             : 3 1 30ch;
    min-width        : 30ch;
  }
}

.cr_form-wrapper .cr_form-component {
  margin-top: 2rem;
}

.ce_form .widget-text:focus-within,
.ce_form .widget-select:focus-within,
.ce_form .widget-textarea:focus-within {
  outline : .1875rem solid rgb(109, 154, 0);
}

.ce_form .widget-text input,
.ce_form .widget-textarea textarea {
  background-color : rgb(255, 255, 255);
  border           : 0px none;
  color            : rgb(68, 68, 68);
  display          : block;
  width            : 100%;
  font-family      : inherit;
  font-size        : inherit;
  line-height      : inherit;
}

.ce_form .widget-text input:hover, .ce_form .widget-text input:focus, .ce_form .widget-text input:active,
.ce_form .widget-textarea textarea:hover, .ce_form .widget-textarea textarea:focus, .ce_form .widget-textarea textarea:active {
  border  : 0px none;
  outline : 0;
}

.ce_form .widget-select, .ce_form .widget-textarea {
  display : flex;
}

.ce_form .widget-select {
  align-items : center;
}

.ce_form .widget-textarea {
  flex-direction : column;
}

.ce_form .widget-select.widget-select label, .ce_form .widget-textarea.widget-textarea label {
  order        : -1;
  padding-left : 0;
}

.ce_form .widget-select select {
  background-color : rgb(255, 255, 255);
  /*  border: 0px none; */
  color            : rgb(68, 68, 68);
  display          : block;
  width            : 100%;
  font-family      : inherit;
  font-size        : inherit;
  line-height      : inherit;
  height           : 100%;
}

.ce_form .widget-select select:hover, .ce_form .widget-select select:focus, .ce_form .widget-select select:active {
  /*  border: 0px none; */
  outline : 0;
}

.ce_form .widget-text label,
.ce_form .widget-text input.empty:valid ~ label /* Initial - leer, noch kein Fokus */
{
  background-color   : rgb(255, 255, 255);
  color              : inherit;
  font-size          : inherit;
  position           : absolute;
  top                : 0;
  left               : 0;
  line-height        : 1.75;
  padding            : 0 1rem;
  -webkit-transition : all 0.25s cubic-bezier(0.2, 0, 0.03, 1);
  transition         : all 0.25s cubic-bezier(0.2, 0, 0.03, 1);
  pointer-events     : none;
}

@media only screen and (min-width : 37.5rem) {
  .ce_form .widget-text label,
  .ce_form .widget-text input.empty:valid ~ label,
  .ce_form .widget-select label,
  .ce_form .widget-textarea label {
    line-height : 1.4;
    padding     : 1rem;
  }
}

.ce_form .widget-text input:focus ~ label,
.ce_form .widget-text input:valid ~ label,
.ce_form .widget-text input.empty:focus:valid ~ label, /* Geklickt in Input - Fokus aktiv, noch leer */
.ce_form .widget-text input:valid:not([class~="empty"]) ~ label {
  background-color   : rgb(0, 118, 185);
  font-size          : 0.875rem;
  color              : rgb(255, 255, 255);
  padding            : 0;
  top                : -1.5rem;
  -webkit-transition : all 0.125s cubic-bezier(0.2, 0, 0.03, 1);
  transition         : all 0.125s cubic-bezier(0.2, 0, 0.03, 1);
}

.ce_form .widget-text input:focus ~ label,
.ce_form .widget-text input:valid ~ label,
.ce_form .widget-text input.empty:focus:valid ~ label, /* Geklickt in Input - Fokus aktiv, noch leer */
.ce_form .widget-text input:valid:not([class~="empty"]) ~ label {
  background       : none;
  background-color : #518221;
  padding          : .1em 1em;
}

/* Standard - sobald etwas im Eingabefeld ist */
.ce_form .widget-text input:valid ~ label {
  background-color   : rgb(255, 255, 255);
  left               : 0;
  line-height        : 1.4;
  padding            : 1rem;
  position           : absolute;
  top                : 0;
  -webkit-transition : all 0.25s cubic-bezier(0.2, 0, 0.03, 1);
  transition         : all 0.25s cubic-bezier(0.2, 0, 0.03, 1);
  pointer-events     : none;
}

.ce_form .submit_container {
  min-width        : 10ch;
  max-width        : 100%;
  -webkit-box-flex : 1;
  flex             : 1 1 10ch;
}

.ce_form button {
  background-color : rgb(109, 154, 0);
  border           : 0px none;
  color            : rgb(255, 255, 255);
  font-family      : inherit;
  font-size        : inherit;
  font-weight      : bold;
  line-height      : inherit;
}

.ce_form button:hover, .ce_form button:focus, .ce_form button:active {
  border  : 0px none;
  outline : .1875rem solid rgb(109, 154, 0);
}

/***************************Änderung von mo (AB-NRW)***************************/
/***********************Leichte Sprache Bilder umfließen***********************/
.ls-image img {
  float        : right;
  clear        : right;
  margin-right : 30%;
  margin-left  : 5%;
}

.ls-image-kontakt img {
  margin-right : 35%;
}

.ls-image {
  font-size : 120%;
}

@media only screen and (max-width : 37.5rem) {
  .ls-image img {
    width        : 35%;
    margin-right : 8%;
  }

  .ls-image-kontakt img {
    width        : 20%;
    margin-right : 16%;
  }
}

.kontakt-name {
  font-size     : 1.4em;
  margin-bottom : 0.5em;
}

@media only screen and (max-width : 766px) {
  .ce_headline {
    padding-left : 0.9375rem;
  }
}

/***********************Gebärdensprache Videos***********************************/
.video {
  display          : block;
  height           : auto;
  max-width        : 100%;
  padding          : .25rem;
  background-color : #ffffff;
  box-shadow       : 0.75rem 0.75rem 1.5rem rgba(0, 0, 0, 0.4);
  margin-bottom    : 1rem;
}

.video {
  max-width : 1024px;
}

.video-center {
  float  : none;
  margin : 0 auto;
}

/**************Error-Seite ****************/
.error-bild {
  width   : 40%;
  float   : left;
  padding : 0 2.5%;
}

.error-text {
  font-size     : 2rem;
  margin-bottom : 20px;
  color         : rgb(0, 118, 185);
  font-family   : "Ubuntu", sans-serif;
  font-weight   : 600;
}

.error-infobox {
  width         : 60%;
  float         : right;
  padding-right : 10px;
}

.error-link {
  color : rgb(0, 118, 185);
}

@media only screen and (max-width : 723px) {
  .error-bild {
    width  : 70%;
    margin : 0 10%;
  }

  .error-bild img {
    width : 100%;
  }

  .error-infobox {
    width : 90%;
    float : left;
    clear : both;
  }
}

@media only screen and (max-width : 423px) {
  .error-text {
    font-size : 1.5rem;

  }
}