@charset "UTF-8";
/* Stylesheet ========================================================= */
/*
 * - beinhaltet Styles für screen/projection und print
 * - definiert Styles für Layout, Typographie und alle Inhaltstypen
 *
 * Outline:
 *
 * 1) importierte Stylesheets + CSS Frameworks
 * 2) Styledefinitionen für all/screen/projection
 * 3) zusätzliche Styles für print
 * 4) Media-Queries für Responsive Design
 *
 * ------------------------------------------------------------------------
 * WEITERE HINWEISE
 * ------------------------------------------------------------------------
 *
 * Geschweifte Klammer "{}" werden in Beispielen für optionale Dinge
 * (Klassen, Attribute, etc) verwenden, die Pipe "|" für mögliche
 * Kombinationen und die Raute "#" als Platzhalter für verschiedene Dinge
 * (z.B. URLs oder Texte).
 *
 */

/* == IMPORTS ========================================================== */

/* -- YAML Reset ------------------------------------------------------- */
@media all {
  /**
  * Avoid automatic font-scaling in webkit browsers (iOS, Chrome, Safari, etc.)
  */

  html {
    min-height: 100%;
    -webkit-text-size-adjust: none; /* Prevent font scaling in landscape */
  }

	/**
	* @section CSS-Normalisation Module
	*/

	/* (en) Global reset of paddings and margins for all HTML elements */
	/* (de) Globales Zurücksetzen der Innen- und Außenabstände für alle HTML-Elemente */
	* { margin:0; padding:0; }

	/* (en) Correction:margin/padding reset caused too small select boxes. */
	/* (de) Korrektur:Das Zurücksetzen der Abstände verursacht zu kleine Selectboxen. */
	option { padding-left:0.4em; } /* LTR */
	select { padding:1px; }

	/**
	* (en) Global fix of the Italics bugs in IE 5.x and IE 6
	* (de) Globale Korrektur des Italics Bugs des IE 5.x und IE 6
	*
	* @bugfix
	* @affected   IE 5.x/Win, IE6
	* @css-for    IE 5.x/Win, IE6
	* @valid      yes
	*/
	* html body * { overflow:visible; }

	body {
		/* (en) Fix for rounding errors when scaling font sizes in older versions of Opera browser */
		/* (de) Beseitigung von Rundungsfehler beim Skalieren von Schriftgrößen in älteren Opera Versionen */
		font-size:100%;

		/* (en) Standard values for colors and text alignment */
		/* (de) Vorgabe der Standardfarben und Textausrichtung */
		background:#fff;
		color:#000;
		height: 100%;
		overflow-x: hidden;
		text-align:left; /* LTR */
	}

	/* (en) avoid visible outlines on DIV containers in Webkit browsers */
	/* (de) Vermeidung sichtbarer Outline-Rahmen in Webkit-Browsern */
	div:target { outline:0 none; }

	/* (en) HTML 5 - adjusting visual formatting model to block level */
	/* (en) HTML 5 - Anpassung des visuellen Formatmodells auf Blockelemente */
	article,aside,details,figcaption,figure,
	footer,header,nav,section {
		display:block;
	}


	/* (en) HTML5 - default media element styles */
	/* (de) HTML5 - Standard Eigenschaften für Media-Elemente */
	audio,
	canvas,
	video {
		display: inline-block;
	}

	/* (en) HTML5 - don't show <audio> element if there aren't controls */
	/* (de) HTML5 - <audio> ohne Kontrollelemente sollten nicht angezeigt werden */
	audio:not([controls]) {
		display: none;
	}

	/* (en) HTML5 - add missing styling in IE & old FF for hidden attribute  */
	/* (de) HTML5 - Eigenschaften für das hidden-Attribut in älteren IEs und FF nachrüsten */
	[hidden] {
		display: none;
	}

	/* (en) force consistant appearance of input[type="search"] elements in all browser  */
	/* (de) Einheitliches Erscheinungsbild für input[type="search"] Elemente erzwingen  */
	input[type="search"] {
		-webkit-appearance: textfield;
	}
	input[type="search"]::-webkit-search-decoration {
		-webkit-appearance: none;
	}

	/* (en) Clear borders for <fieldset> and <img> elements */
	/* (de) Rahmen für <fieldset> und <img> Elemente löschen */
	fieldset, img { border:0 solid; }

	/* (en) new standard values for lists, blockquote, cite and tables */
	/* (de) Neue Standardwerte für Listen, Zitate und Tabellen */
	ul, ol, dl {margin:0 0 1em 1em;} /* LTR */
	li {
		line-height:1.5em;
		margin-left:0.8em; /* LTR */
	}

	dt { font-weight:bold; }
	dd { margin:0 0 1em 0.8em; } /* LTR */


	blockquote {
		font-style: italic;
		padding:1em;
		font-size: 1.2em;
		margin: 0 0 1em 0;
		border-top: 1px solid #88878c;
    	border-bottom: 1px solid #88878c;
	 }
	blockquote p:first-of-type:before {
	    font-family: "Times New Roman", Times, serif;
	    content: open-quote;
	    color: #ccc;
	    font-size: 5em;
	    position: absolute;
	    left: -15px;
	    line-height: 0px !important;
	    top: -15px;
	    height: 50px;
	    line-height: 0px !important;
	    top: 25px;
	}

	blockquote p:last-of-type:after{
	    font-family: "Times New Roman", Times, serif;
	    content: close-quote;
	    color: #ccc;
	    font-size: 5em;
	    position: absolute;
	    right: -15px;
	}
	blockquote p {
		color: #3c3c46 !important;
		font-weight: 100 !important;
		position: relative;
		padding: 0 45px;
	}
	blockquote p:last-of-type {
		margin-bottom: 0px !important;
	}
	/* LTR */
	q { quotes: none; }

	blockquote:before, blockquote:after,
	q:before, q:after { content: ''; content:none }

	table {
		border-collapse: collapse;
		border-spacing: 0;
	}

 	/**
	* @section Float Handling Module
	*/

	/* (en) clearfix method for clearing floats */
	/* (de) Clearfix-Methode zum Clearen der Float-Umgebungen */
	.ym-clearfix:before {
		content:"";
		display:table;
	}
	.ym-clearfix:after {
		clear:both;
		content:".";
		display:block;
		font-size:0;
		height:0;
		visibility:hidden;
	}

	/* (en) alternative solutions to contain floats */
	/* (de) Alternative Methoden zum Einschließen von Float-Umgebungen */
	.a5-contain-dt { display:table; width: 100%; overflow: visible; }
	.ym-contain-oh { overflow:hidden; width:100%; display:block; }
	.ym-contain-fl { float:left; width:100%; }

	/**
	* @section Accessibility Module
	*
	* (en) skip links and hidden content
	* (de) Skip-Links und versteckte Inhalte
	*/

	/* (en) classes for invisible elements in the base layout */
	/* (de) Klassen für unsichtbare Elemente im Basislayout */
	.ym-skip,
	.ym-hideme,
	.ym-print {
		position:absolute;
		top:-32768px;
		left:-32768px; /* LTR */
	}

	/* (en) make skip links visible when using tab navigation */
	/* (de) Skip-Links für Tab-Navigation sichtbar schalten */
	.ym-skip:focus,
	.ym-skip:active {
		color: #fff !important;
		background: #023787 !important;
		position:static;
		top:0;
		text-align: center;
		left:0;
		width: 100%;
		z-index: 1000000;
	}

	/* skiplinks:technical setup */
	.ym-skiplinks {
		background: #023787 !important;
		color: #fff;
		position:absolute;
		top:0;
		left:-32768px;
		z-index:1000;
		width:100%;
		margin:0;
		padding:0;
		list-style-type:none;
		z-index: 1000000;
	}

	.ym-skiplinks .ym-skip:focus,
	.ym-skiplinks .ym-skip:active {
		left:32768px;
		outline:0 none;
		position:absolute;
		width:100%;
	}
}
@media screen, projection {

	/**
	* @section Column Module
	*
	* default column config:
	* |-------------------------------|
	* | col1    | col3      | col2    |
	* | 20%     | flexible  | 20%     |
	* |-------------------------------|
	*/

	.ym-column { display:table; width:100%; }

	.ym-col1 { float:left; width:20%; }
	.ym-col2 { float:right; width:20%; }
	.ym-col3 { width:auto; margin:0 20%; }

	.ym-cbox { padding: 0 10px }
	.ym-cbox-left { padding: 0 10px 0 0 }
	.ym-cbox-right { padding: 0 0 0 10px }

	/* (en) IE-Clearing:Only used in Internet Explorer, switched on in iehacks.css */
	/* (de) IE-Clearing:Benötigt nur der Internet Explorer und über iehacks.css zugeschaltet */
	.ym-ie-clearing { display:none; }

	/**
	* @section Grid Module
	*
	*/

	.ym-grid {
		display:table;
		width:100%;
		table-layout:fixed;
		list-style-type: none;
		padding-left:0;
		padding-right:0;
		margin-left:0;
		margin-right:0;
	}
	.ym-grid + .ym-grid {
		margin-top: 2em;
	}

	.ym-gl { float:left; margin: 0; }
	.ym-gr { float:right; margin: 0 0 0 -5px; }

	.ym-g20 { width:20%; }
	.ym-g40 { width:40%; }
	.ym-g60 { width:60%; }
	.ym-g80 { width:80%; }
	.ym-g25 { width:25%; }
	.ym-g32 { width:32%; }
	.ym-g30 { width:30%; }
	.ym-g33 { width:33.333%; }
	.ym-g49 { width:49%;}
	.ym-g50 { width:50%; }
	.ym-g66 { width:66.666%; }
	.ym-g70 { width:70%; }
	.ym-g75 { width:75%; }
	.ym-g38 { width:38.2%; }
	.ym-g62 { width:61.8%; }

	.ym-gbox { padding: 0 10px }
	.ym-gbox-left { padding: 0 10px 0 0 }
	.ym-gbox-right { padding: 0 0 0 10px }

	.ym-equalize { overflow:hidden; }

	.ym-equalize > [class*="ym-g"] {
		display:table-cell;
		float:none;
		margin:0;
		vertical-align:top;
	}

	.ym-equalize > [class*="ym-g"] > [class*="ym-gbox"] {
		padding-bottom: 10000px;
		margin-bottom: -10000px
	}
}

@media all {

   /**
	* @section Form Module
	*
	* Vertical-Forms - technical base (standard)
	*
	* |-------------------------------|
	* | form                          |
	* |-------------------------------|
	* |   label                       |
	* |   input / select / textarea   |
	* |-------------------------------|
	* | /form                         |
	* |-------------------------------|
	*
	* (en) Styling of forms where both label and input/select/textarea are styled with display:block;
	* (de) Formulargestaltung, bei der sowohl label als auch input/select/textarea mit display:block; gestaltet werden
	*/

	.ym-form,
	.ym-form fieldset { overflow:hidden; }

	.ym-form div { position:relative; }

	.ym-form label,
	.ym-form .ym-message {
		position:relative;
		display:block; /* important for Safari */
	}

	.ym-form .ym-fbox-check > label {
		display:inline;
	}

	.ym-form input,
	.ym-form textarea { cursor:text; resize: vertical;}

	.ym-form input[type="checkbox"],
	.ym-form input[type="radio"],
	.ym-form select,
	.ym-form label { cursor:pointer; }

	/* small adjustments for Internet Explorer - all versions */
	.ym-form textarea { overflow: auto; }

	/* Hiding of hidden fields (otherwise ugly spaces in Firefox) | Versteckte Felder wirklich verstecken (sonst ggf. häßliche Lücken im Firefox) */
	.ym-form input[type=hidden] { display:none !important; }

	/* styling containing DIV elements | Gestaltung der kapselnden DIV-Elemente */
	.ym-form .ym-fbox-text:before,
	.ym-form .ym-fbox-select:before,
	.ym-form .ym-fbox-check:before,
	.ym-form .ym-fbox-button:before,
	.ym-form-footer .ym-fbox-text:before,
	.ym-form-footer .ym-fbox-select:before,
	.ym-form-footer .ym-fbox-check:before,
	.ym-form-footer .ym-fbox-button:before {
		content:"";
		display:table;
	}

	.ym-form .ym-fbox-text:after,
	.ym-form .ym-fbox-select:after,
	.ym-form .ym-fbox-check:after,
	.ym-form .ym-fbox-button:after,
	.ym-form-footer .ym-fbox-text:after,
	.ym-form-footer .ym-fbox-select:after,
	.ym-form-footer .ym-fbox-check:after,
	.ym-form-footer .ym-fbox-button:after {
		clear:both;
		content:".";
		display:block;
		font-size:0;
		height:0;
		visibility:hidden;
	}

	/* styling standard form elements with 'almost' equal flexible width | Gestaltung der einzelnen Formularelemente mit annähend gleicher Breite */
	.ym-form select,
	.ym-form input,
	.ym-form textarea {
		display:block;
		position:relative;
		width:58.5%;
	}

	.ym-form .ym-fbox-check input {
		display: inline;
		width: auto;
	}

	/* Styling of buttons | Gestaltung von Buttons */
	.ym-form .ym-fbox-button input {
		display: inline;
		overflow:visible;  /* Fixes IE7 auto-padding bug */
		width:auto;
	}

	/* avoid jumping checkboxes & radiobuttons in IE8 */
	.ym-form .ym-fbox-check input:focus,
	.ym-form .ym-fbox-check input:hover,
	.ym-form .ym-fbox-check input:active {
		border:0 none;
	}

	/* Indent Checkbox fields to match label-width | Checkboxen um den gleichen Wert einrücken, wie die Breite der labels */

	.ym-full .ym-fbox-select select,
	.ym-full .ym-fbox-text input,
	.ym-full .ym-fbox-text textarea {
		width:94.2%;
		margin-right: -3px;
	}

   /**
	* Columnar forms display - technical base (optional)
	*
	* |-------------------------------------------|
	* | form                                      |
	* |-------------------------------------------|
	* |                                           |
	* |   label   |   input / select / textarea   |
	* |                                           |
	* |-------------------------------------------|
	* | /form                                     |
	* |-------------------------------------------|
	*
	* (en) Styling of forms where label floats left of form-elements
	* (de) Formulargestaltung, bei der die label-Elemente nach links fließen
	*/

	/* Columnar display | Spalten-Darstellung */
	.ym-columnar .ym-fbox-text label,
	.ym-columnar .ym-fbox-select label {
		display:inline;
		float:left;
		width:30%; /* Can be fixed width too | Kann auch eine fixe Angabe sein */
	}
	.ym-columnar .ym-fbox-check {
		position:relative;
	}

	.ym-label { display:block; }
	.ym-columnar .ym-fbox-check .ym-label {
		position:absolute;
		top:0;
	}

	/* Indent Checkbox fields to match label-width | Checkboxen um den gleichen Wert einrücken, wie die Breite der labels */
	.ym-columnar .ym-fbox-check input,
	.ym-columnar .ym-error .ym-message {
		margin-left:30%;
	}

	/* global and local columnar settings for button alignment */
	.ym-columnar fieldset .ym-fbox-button,
	fieldset.ym-columnar .ym-fbox-button {
		padding-left:30.6%;
	}

	.ym-columnar .ym-fbox-select select,
	.ym-columnar .ym-fbox-text input,
	.ym-columnar .ym-fbox-text textarea {
		float:left;
		width:67.2%;
		margin-right: -3px;
	}

	/**
	* @section Form Construction Kit | Screen Adjustments
	*
	*/

	.ym-fbox-select select { width:60%; }
	.ym-full .ym-fbox-select select { width:94.8%; }
	.ym-columnar .ym-fbox-select select { }

  /* == Formulargestaltung =============================================== */
  .ym-form,
  .ym-form.ym-navform + .ym-form.ym-navform {
    background: #F0F3F8;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    margin-bottom: 1.5em; /* 21px */
    padding: 0 0 1.5em 0; /* 0 0 35px 0 */
  }
  .ym-form.ym-navform {
    margin-bottom: 0;
    padding: 0;
  }
  .ym-form.ym-navform.ym-only {
    padding-bottom: 1.5em;
  }
  .ym-form fieldset {
    background: none;
    border: 0;
    /*padding: .714em 1em 0 1em; /* 10px 14px 21px 14px */
  }
  .ym-form fieldset + fieldset legend{
    border-top: 30px solid #fff;
  }
  .ym-form.ym-navform fieldset {
    margin-bottom: 0;
  }
  .ym-form.ym-navform.ym-second {
    padding: 0 0 2.5em 0; /* 0 0 35px 0 */
  }
  .ym-form.ym-navform.ym-second fieldset {
    margin-bottom: 0;
    padding-top: 0;
  }
  .ym-nomargin {
    margin: 0 !important;
  }
  .ym-form .ym-fbox-select,
  .ym-form .ym-fbox-text,
  .ym-form .ym-fbox-button {
     border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    color: #4f6261;
    margin-bottom: 0px;
    padding: 8px 12px 10px 12px;
    border-bottom: 1px solid #fff;
  }
  .ym-form .ym-fbox-text input:focus,
  .ym-form .ym-fbox-text input:hover,
  .ym-form .ym-fbox-text input:active,
  .ym-form .ym-fbox-select select:focus,
  .ym-form .ym-fbox-select select:hover,
  .ym-form .ym-fbox-select select:active,
  .ym-form .ym-fbox-text textarea:focus,
  .ym-form .ym-fbox-text textarea:hover,
  .ym-form .ym-fbox-text textarea:active {
    background: #f7f9fa;
    border-color: #000;
  }
  .ym-fbox-text + .ym-fieldset-check legend {
      padding-top: 20px !important;
  }
  .ym-form .ym-beauty-inner {
    display: inline-block;
  }
  .js .ym-form .ym-fbox-select select.ym-beauty {
    cursor: pointer;
    left: 30%;
  }
  .ym-form .ym-fbox-check {
    padding: .714em 0 10px 0;
  }
  .ym-form .ym-fieldset-check {
    padding: .714em 0 1.428em 0;
  }
  .ym-form .ym-fieldset-check .ym-fbox-check {
    padding: 0 0 .5em 0;
  }
  .ym-form .ym-fbox-button button:focus,
  .ym-form .ym-fbox-button button:hover {
    text-decoration: underline;
  }
  .ym-form label {
    font-weight: normal;
  }
  .ym-form legend {
    font-size: 1.4em;
    margin: 0 0 0 -.778em; /* 0 0 0 -14px */
    padding: .556em .778em .5em .778em; /* 10px 14px 9px 14px */
  }
  .ym-form legend small {
      color: #3c3c48;
      line-height: 1.2em;
      margin-top: 10px;
      display: block;
  }
  button {
    cursor: pointer;
  }
  input[type=checkbox],
  input[type=radio] {
    vertical-align: middle;
  }
  button,
  input,
  select,
  textarea {
    color: #4f6261;
    font-family: Nunito, Helvetica, sans-serif;
    font-size: 1em;
  }
  .ym-form button,
  .ym-form input,
  .ym-form select,
  .ym-form textarea {
    border: 1px solid #000;
    background: #fff;
    font-family: Nunito, Helvetica, sans-serif;
    font-size: 1em;
    padding: .4em .4em;
  }
  .ym-form button {
  	background: #023787;
  	border: none;
  	color: #fff;
  }
  /* Styling of error-messages | Fehlermeldungen */
  .ym-form div.ym-error {
    background: #d21c31;
    border: 2px solid #d21c31;
    color: #fff;
    padding: .556em .778em .5em .778em; /* 10px 14px 9px 14px */
  }
  .ym-form div.ym-error label {
    color: #fff;
    font-weight: bold;
  }
  .ym-form div.ym-error .ym-message {
    color: #fff;
    font-weight: normal;
  }
  strong.ym-message {
	letter-spacing: 0.03em;
	line-height: 1.6em;
  }
 .ym-form .js-form-info-box-content {
     display: none;
     background-color: #ffffff;
     border: 1px solid #000;
     padding: 10px;
     padding-top: 10px;
     margin-top: 5px;
     margin-left: 30%;
  }
  .js-form-info-box-button {
      background-color: #ffffff !important;
      color: #023787 !important;
      display: inline-block;
      font-weight: bold;
      text-align: center;
      width: 2em;
      border: 2px solid #023787 !important;
      padding: 5px 0.5em !important;
      margin: 0 0 0 10px !important;
      background-image: none;
      line-height: 1em !important;
  }
}
/* == DEFINITIONEN ==================================================== */
@media all {
  /* == Navigation ======================================================= */
  /* -- Accessible Skiplinks --------------------------------------------- */
  .skiplinks a:focus, .skiplinks a:active {
    background: #21549e;
    color: #fff;
    padding: 0.5em 0;
    text-align: center;
    top: 10%;
  }

  /* -- Helpers ---------------------------------------------------------- */

  small {
    font-size: 0.766em;
    line-height: 1.959;
    margin-bottom: 1.959em;
  }

  ul ul,
  ol ol,
  ul ol,
  ol ul {
    margin-bottom: 0;
  }

  q {
    font-style: italic;
  }

  cite {
    font-style: italic;
    font-weight: bold;
  }

  em {
    font-style: italic;
  }

  strong {
    font-weight: bold;
  }

  address,
  p {
  	font-style: normal;
    line-height: 1.5em;
  }

  abbr, acronym {
    border-bottom-style: dotted;
    border-bottom-width: 1px;
    cursor: help;
  }
  a abbr, a acronym {
    border: none;
    cursor: pointer;
  }
  address abbr, address acronym {
    border: none;
  }

  code, samp, kbd, var {
    font-family: System, monospace;
  }

  ul {
    list-style-type: disc;
  }

  /* -- Links ------------------------------------------------------------ */
  a {
    /* font-family: 'ArialNarrow', sans-serif;*/
    text-decoration: underline;
    color: #023787;
  }

a.a5-dl-link {
    display: block;
    font-size: 1.15em;
	font-weight: bold;
	padding-top: 0.5em;
}
  a abbr {
    text-decoration: underline;
  }
  a:focus,
  a:hover,
  a:active {
    text-decoration: none;
  }
  a:focus abbr,
  a:hover abbr,
  a:active abbr {
    text-decoration: none;
  }
  a:focus,
  button:focus,
  input:focus,
  .ym-form .ym-fbox-text textarea:focus {
    outline: 1px solid #023787;
  }

a.rslides_nav.rslides1_nav.next:focus {
    background-color: #dddddd;
    outline: 3px solid #023787;
}
  .a5-anchor-links li a:focus {
  border-bottom: solid 3px;
  }

  /* -- Tables ----------------------------------------------------------- */
  /*
  <table class="{ym-table-full|ym-table-simple|ym-table-compact|ym-table-fixed}" summary="###">
      {<caption>###</caption>}
      <thead>
          <tr>
              <th>###</th>
              <th>###</th>
              <th {class="ym-highlight"}>###</th>
          </tr>
      </thead>
      {<tfoot>
          <tr>
              <td colspan="3">###</td>
          </tr>
      </tfoot>}
      <tbody>
          <tr {class="ym-row0"}>
              <td>###</td>
              <td>###</td>
              <td>###</td>
          </tr>
          <tr {class="a5-row1"}>
              <td>###</td>
              <td>###</td>
              <td>###</td>
          </tr>
          <tr {class="ym-row0"}>
              <td>###</td>
              <td>###</td>
              <td>###</td>
          </tr>
      </tbody>
  </table>

  <!--

      - Klassen für Tabelle:
          ym-table-compact = Tabelle nimmt horizontal nur minimalen Platz ein
          ym-table-fixed = feste Tabellenspaltenbreiten
          ym-table-simple = grafisch einfacheres Tabellenlayout
      - Klassen für Tabelle, Zeilen, Zellen:
          ym-bottom = unten ausgerichteter Text
          ym-center = mittig ausgerichteter Text (Default)
          ym-left = links ausgerichteter Text
          ym-right = rechts ausgerichteter Text
          ym-top = oben ausgerichteter Text
      - Klassen für Zeilen, Zellen:
          ym-highlight = hervorgehoben (z.B. nutzbar für Zebra/Schachbrett-Muster)
      -  Klassen für Zeilen
          a5-row1 = alias for 'ym-highlight'
      - Klassen für Zellen
          w05 ... w95 = Breitenangabe in Prozent

  -->

  */
  .w5 { width: 5% !important; }
  .w10 { width: 10% !important; }
  .w15 { width: 15% !important; }
  .w20 { width: 20% !important; }
  .w25 { width: 25% !important; }
  .w30 { width: 30% !important; }
  .w35 { width: 35% !important; }
  .w40 { width: 40% !important; }
  .w45 { width: 45% !important; }
  .w50 { width: 50% !important; }
  .w55 { width: 55% !important; }
  .w60 { width: 60% !important; }
  .w65 { width: 65% !important; }
  .w70 { width: 70% !important; }
  .w75 { width: 75% !important; }
  .w80 { width: 80% !important; }
  .w85 { width: 85% !important; }
  .w90 { width: 90% !important; }
  .w95 { width: 95% !important; }
  table {
    margin-bottom: 2.5em;
    padding: 0;
    width: 100%;
    border-collapse: collapse;
    text-align: left;
    caption-side: bottom;
    caption-side: top; /* ML */
    /* Breitendefinition für Tabellen-Spalten */
    /* dürfen nicht zu 100% addiert werden, wegen padding/border bei td/th */
    /* am besten nur die kleineren Spalten darüber definieren */
  }

caption {
    color: #023787;
    font-style: italic;
    letter-spacing: 0.02em;
    margin-top: 0.5em;
    text-align: left;
}
  table.ym-table-compact {
    width: auto;
  }
  table.ym-table-fixed {
    table-layout: fixed;
  }
  .ym-bottom {
    vertical-align: bottom;
  }
  .ym-center {
    text-align: center;
  }
  .ym-left {
    text-align: left;
  }
  .ym-right {
    text-align: right;
  }
  .ym-top {
    vertical-align: top;
  }
  table th {
    text-align: left;
    background: #f2f5fa;
    color: #003287 !important;
    font-weight: 400 !important;
  }
  table a {
  	color: #66667e;
  }
  table td {
    /* ML color: #63626a !important; */
  }
  table td,
  table th {
    border: 1px solid #00328b;
    font-weight: 100;
    padding: .75em 1.2em;
    vertical-align: top;
    border-left: 0px;
    border-right: 0px;
    color: #003287;
  }
  .a5-table table td {
  	text-align: left;
  	/* border-left: 1px #dfe7f5 solid;
    border-right: 1px #dfe7f5 solid; */
  }
  table td,
  table tfoot th {

  }
  table tr.a5-row1 td {
  }
  table.ym-table-simple {
    margin-top: 1em;
    text-align: left;
  }
  table.ym-table-simple th,
  table.ym-table-simple td {
    background-color: #fff;
    padding: .75em 1.3em;
    vertical-align: top;
  }
  table.ym-table-simple th {
    background: #f2f5fa;
    border-bottom: 0;
    font-weight: bold;
  }
  table.ym-table-simple thead th:first-child {

  }
  table.ym-table-simple thead th:last-child {

  }
  table.ym-table-simple tbody tr:last-child td:first-child {
    -webkit-border-bottom-left-radius: 3px;

  }
  table.ym-table-simple tbody tr:last-child td:last-child {

  }
  table.ym-table-simple tr:hover td,
  table.ym-table-event tr:hover th {
    background-color: #f2f5fa !important;
  }
  table.ym-table-simple tr:hover td a {
  }
  table.ym-table-event {
    background: #fff !important;
    margin-bottom: 1.5em !important; /* 21px */
  }
    table.ym-table-event tr {
      display: table;
      margin-bottom: 5px;
    }
  table.ym-table-event td {
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    border-bottom-right-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    border-top-right-radius: 3px;
    width: 25em;
  }
  table.ym-table-event th {
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    border-top-left-radius: 3px;
    width: 8em;
  }
  table.ym-table-event tr.ym-row0 td,
  table.ym-table-event tr.ym-row0 th {

  }
  table.ym-table-event tr.a5-row1 td,
  table.ym-table-event tr.a5-row1 th {

  }

   /* -- MediaTables ------------------------------------------------------ */
  /**
  * Responsive data-tables
  */
  .mediaTable {
    width: 100%;
    border-collapse: collapse;
  }
  .mediaTableWrapper {
    position: relative;
  }
  .mediaTableMenuClosed ul {
    display: none;
  }
  .activeMediaTable th, .activeMediaTable td {
    display: none;
  }
  .activeMediaTable th.essential, .activeMediaTable td.essential {
    display: table-cell;
    _display: block; /* IE6 Hack */
  }
  /* IE7 Hack */
  *+html .activeMediaTable th.essential, *+html .activeMediaTable td.essential { display:block }
  .mediaTableMenu {
    background: #fff;
    border: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
  }
  .mediaTableMenu + table {
    margin-top: 0 !important;
  }
  .mediaTableMenu a {
    background: #023787;
    border: 2px solid #023787;
    /* border-radius: 3px; */
    /* -webkit-border-radius: 3px; */
    -moz-border-radius: 3px;
    color: #fff !important;
    cursor: pointer;
    display: block;
    padding: 0.5em;
  }
  .mediaTableMenu a:focus,
  .mediaTableMenu a:hover,
  .mediaTableMenu a:active {
    background: #fff;
    color: #023787 !important;
  }
  .mediaTableMenu li.closer a {
    padding: 0 .5em;
  }
  .mediaTableMenu ul,
  .mediaTableMenu ul li {
    list-style: none !important;
    list-style-position: outside !important;
    margin: 0;
  }
  .mediaTableMenu ul li input[type=checkbox] {
    margin: 0 5px;
  }
  .mediaTableMenu ul li {
    line-height: 2em;
    margin: 0;
    background:none !important;
    padding:0 !important;
  }
  .mediaTableMenu ul li label {
    cursor: pointer;
  }
  .mediaTableMenu {
    display: none;
  }

  /* Pagination */

  .float-left {
  	float: left;
  }
  .float-right {
  	float: right;
  }
  .a5-nav-pagination {
    display: table;
    padding: 0.5em 0 2em;
    table-layout: fixed;
    width: 100%;
  }
  h1 + .a5-nav-pagination,
  h2 + .a5-nav-pagination,
  h3 + .a5-nav-pagination,
  h4 + .a5-nav-pagination,
  h5 + .a5-nav-pagination,
  h6 + .a5-nav-pagination {
    padding-top: 0;
  }

  .a5-nav-pagination .a5-nav-pagination-head {
    padding: 0.25em 0.5em 0.25em 0;
    color: #000 !important;
  }

  .a5-nav-pagination .a5-nav-pagination-level1-list,
  .a5-nav-pagination .a5-nav-pagination-pev-next-list {
    margin-left: 0;
  }

  .a5-nav-pagination .a5-nav-pagination-level1-list .a5-nav-pagination-level1-item,
  .a5-nav-pagination .a5-nav-pagination-level1-list .a5-nav-pagination-pev-next-item,
  .a5-nav-pagination .a5-nav-pagination-pev-next-list .a5-nav-pagination-level1-item,
  .a5-nav-pagination .a5-nav-pagination-pev-next-list .a5-nav-pagination-pev-next-item {
    display: inline;
    float: left;
    list-style-type: none;
    margin-bottom: 0.5em;
    width: auto;
  }

  .a5-nav-pagination .a5-nav-pagination-level1-list .a5-nav-pagination-level1-item,
  .a5-nav-pagination .a5-nav-pagination-pev-next-list .a5-nav-pagination-level1-item {
    margin-left: 0;
    margin-right: 5px;
  }

  .a5-nav-pagination .a5-nav-pagination-level1-list .a5-nav-pagination-pev-next-item,
  .a5-nav-pagination .a5-nav-pagination-pev-next-list .a5-nav-pagination-pev-next-item {
    margin-left: 5px;
    margin-right: 0;
  }

  @media only screen and (min-width: 960px) {
    .a5-nav-pagination .a5-nav-pagination-head {
      width: 5%;
    }
    .a5-nav-pagination .a5-nav-pagination-level1-list {
      width: 100%;
    }
    .a5-nav-pagination .a5-nav-pagination-level1-list.float-left {
      width: 65%;
    }
    .a5-nav-pagination .a5-nav-pagination-pev-next-list {
      width: auto;
    }
  }

  .a5-nav-pagination .a5-nav-pagination-level1-content,
  .a5-nav-pagination .a5-nav-pagination-pev-next-content {
    display: block;
    font-weight: normal;
    min-width: 35px;
    padding: 0.25em 0.5em;
    text-align: center;
    text-decoration: none;
  }

  .a5-nav-pagination a.a5-nav-pagination-level1-content {
    color: #6f6d78;
    text-decoration: underline;
  }

  .a5-nav-pagination a.a5-nav-pagination-level1-content:hover, .a5-nav-pagination a.a5-nav-pagination-level1-content:focus, .a5-nav-pagination a.a5-nav-pagination-level1-content:active {
    background: #fff !important;
    color: #023787 !important;
    text-decoration: none;
  }

  .a5-nav-pagination a.a5-nav-pagination-pev-next-content {
  	background: #023787;
    color: #fff;
    text-decoration: underline;
  }

  .a5-nav-pagination a.a5-nav-pagination-pev-next-content {
    font-weight: bold;
  }

  .a5-nav-pagination strong.a5-nav-pagination-level1-content,
  .a5-nav-pagination strong.a5-nav-pagination-pev-next-content {
    color: #023787;
    font-weight: normal;
    text-decoration: none;
  }

  .a5-nav-pagination .a5-nav-pagination-level1-active {
    background: #d01e2c;
    border-radius: 100%;
    color: #fff !important;
    text-decoration: none;
  }

  .a5-nav-pagination .a5-nav-pagination-pev {
    background-color: transparent;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 18px 15px;
  }

  .a5-nav-pagination a.a5-nav-pagination-pev:hover, .a5-nav-pagination a.a5-nav-pagination-pev:focus, .a5-nav-pagination a.a5-nav-pagination-pev:active {
    background-position: 8% center;
  }

  .a5-nav-pagination .a5-nav-pagination-next {
    background-color: transparent;
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 18px 15px;
  }

  .a5-nav-pagination a.a5-nav-pagination-next:hover, .a5-nav-pagination a.a5-nav-pagination-next:focus, .a5-nav-pagination a.a5-nav-pagination-next:active {
    background-position: 92% center;
  }

  @media only screen and (max-width: 959px) {
    .a5-nav-pagination-head,
    .a5-nav-pagination-level1-list,
    .a5-nav-pagination-pev-next-list {
      display: block;
      float: none;
      width: 100%;
      margin-bottom: 0.5em;
    }
    .a5-nav-pagination-level1-list,
    .a5-nav-pagination-pev-next-list {
      display: table;
      table-layout: fixed;
      width: 100%;
    }
    .a5-nav-pagination-head {
      margin-bottom: 0 !important;
    }
  }

  /* Ende - Pagination */



  /* == Media ============================================================ */
  img {
    height: auto;
    max-width: 100%;
  }
  img.block {
    display: block;
    margin: 0 auto;
  }

  img.full {
    min-width: 100%;
    width: 100%;
  }

  a img {
    border: none;
  }
  a:focus img, a:active img, a:hover img {
    outline: none;
  }

  /* == Inhaltstypen ===================================================== */
  .ym-floatleft {
    float: left;
    margin-right: 1.429em; /* 20px */
  }
  .ym-floatright {
    float: right;
    margin-left: 1.429em; /* 20px */
  }
  .ym-single {
    display: block;
    height: auto;
    margin: 0;
    max-width: 100%;
  }
  .jsico {
    padding-right: .3em;
    vertical-align: middle;
  }
}

/* == LAYOUT-SETTINGS ================================================== */
@media screen, projection {

}

/* -- YAML Print basic styles ------------------------------------------ */
@page {
  size: auto;
  margin: 60pt 30pt;
}
@media print {
  body * {
    background: transparent !important;
    color: #000 !important;
    line-height: 1.3em;
  }
  /* hide navigations */
  #ym-nav-main,
  .ym-nav,
  .a5-search-box,
  #ym-nav-meta,
  #ym-breadcrumb,
  #ym-qselect,
  #ym-language,
  .a5-paging,
  .ym-progress,
  .ym-social,
  .a5-accordion-wrapper,
  nav {
    display: none;
  }
  /* hide subcontent and use full space for main content */
  #a5-logo picture,
  .a5-slider-box-inner,
  .ym-col1,
  .ym-box-side,
  .ym-navform {
    display: none;
  }

  .a5-accordion-wrapper .expandmore__to_expand[data-hidden="true"] *,
  .a5-accordion-wrapper .expandmore__to_expand[data-hidden="true"] {
      visibility: visible;
      max-height: 100000px;
      opacity: 1;
  }

  .a5-accordion-wrapper .expandmore__to_expand {
      visibility: visible;
  }
  .a5-image-text-item img {
      max-width: 30%;
  }
  /* make .ym-print class visible */
  .ym-print {
    left: 0;
    position: static;
  }
  /* generic class to hide elements for print */
  .ym-noprint {
    display: none !important;
  }
  /* layout */
  body,
  .ym-page,
  .ym-col2,
  .ym-col3 {
    margin: 0 !important;
    padding: 0 !important;
    width: auto !important;
    float: none !important;
    clear: both !important;
  }
  body {
	background: #FFFFFF;
	font-size: 14pt;
	margin: 20pt 0 !important;
  }
  .a5-link-section h3,
  .js-expandmore-button {
      padding-left: 0px !important ;
  }
  h1 {
    margin: 0;
  }
  h1 a {
    text-decoration: none;
  }
  h2 {
    margin: 0;
  }
  h3,
  h4,
  h5,
  h6 {
    margin-bottom: 8pt;
  }
  blockquote {
    padding: 0;
    padding-left: 15pt;
  }
  blockquote * {
    font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
    font-style: italic;
  }
  p {
    text-align: justify;
  }
  ol,
  ul {
    margin-left: 17pt;
  }
  #ym-main img {
    width: auto !important;
    height: auto !important;
  }
  .a5-accordion-wrapper .js-expandmore-button {
      padding-left: 0px !important;

  }
  .a5-logo-content {
      display: block !important;
      top: 0;
      left: 0;
  }
  .a5-footer-meta .ym-g33{
      display: none;
  }
  .a5-footer-meta .a5-footer-contact.ym-g33 {
      display: block !important;
  }
  /* tables */
  th {
    color: #000 !important;
    font-weight: bold !important;
  }
  thead th {
    border-bottom: 3px double #727272 !important;
  }
  td,
  th {
    border-left:  1px solid #727272 !important;
    border-right: 1px solid #727272 !important;
    border-top: 1px solid #727272 !important;
  }
  tbody th,
  td {
    border-bottom: 1px solid #727272 !important;
  }
  table td, table th {
     color: #000 !important;
  }
  /* adjust forms */
  fieldset {
    border: 0;
    display: block;
    margin: 28px 0;
    padding: 0;
  }
  legend {
    color: #000;
    font-size: 14pt;
    font-weight: bold;
    margin: 0 0 7pt 0 !important;
  }
  label {
    display: block;
    font-size: 10pt;
    font-weight: bold;
    padding-top: 14pt;
  }
  input,
  select,
  textarea {
    border: 0;
    display: block !important;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 10pt;
    font-weight: normal;
    line-height: 14pt;
    padding-top: 7pt;
    width: 450px;
  }
  textarea {
    height: 50pt !important;
    resize: vertical;
  }
  .ym-form fieldset {
    margin: 28px 0;
    padding: 0;
  }
  .ym-fbox-text label,
  .ym-fbox-select label {
    display: block !important;
    float: none !important;
    margin-bottom: 8pt;
    width: auto !important;
  }
  .ym-fbox-text input,
  .ym-fbox-text textarea,
  .ym-fbox-select select {
    border: none !important;
    float: none !important;
    width: 450px !important;
  }
  .ym-fbox-text input,
  .ym-fbox-text textarea {
    border-bottom: 1px dotted #000 !important;
  }
  .ym-fbox-button {
    display: none;
  }
  .ym-fieldset-check {
    margin: 0 !important;
  }
  .ym-fbox-check {
    background: transparent !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  .ym-fbox-check label,
  .ym-fbox-check input {
    display: inline !important;
    margin-left: 0 !important;
  }
  .ym-fbox-check label {
    font-weight: normal !important;
    margin-left: 1em !important;
  }
  .ym-fbox-check input {
    border: 0 !important;
    margin-left: .2em !important;
    max-width: 1em !important;
    min-width: 1em !important;
    width: auto !important;
  }
  .ym-error .ym-message {
    margin-left: 0 !important;
  }
  .a5-content {
  	width: 100% !important;
  }
  .ym-wrapper {
  	position: relative !important;
  }
  .a5-content-controls {
  	display: none;
  }
  header > .ym-wrapper {
  	width: 100%;
  }
  .js-enable #a5-logo {
  	float: none !important;
  }
  nav,
  a.a5-btn,
  .a5-anchor-links,
  .a5-aside-info,
  .a5-slider-wrap,
  .a5-footer-newsletter,
  .a5--nav,
  .a5-screen-reader {
  	display: none !important;
  }
   header > .ym-wrapper:before,
   header > .ym-wrapper:after {
   	opacity: 0 !important;
   }
  .a5-events .a5-top-item:before {
  	float: none !important;
  }
  .a5-events .a5-top-item:before,
  .a5-events dl a {
  	font-size: 1em !important;
  }
  .a5-events .a5-top-item,
  .a5-events dl {
  	padding: 0 !important;
  }
  .a5-events .a5-top-item a {
  	display: block;
  	width: 100%;
  }
  .a5-events dd {
  	margin-bottom: 10px !important;
  }
  .a5-calendar-section {
  	padding: 0 !important;
  }
  .a5-image-text-item {
  	margin-bottom: 20px !important;
  }
  .ym-form .js-form-info-box-content {
  	margin: 0 !important;
  	width: 100% !important;
  	display: block !important;
  	margin-top: 30px !important;
  }
  .ym-columnar .ym-fbox-select select {
  	width: 100px !important;
  }
}
/*---------------*/
body {
  font-family: Nunito, Helvetica, sans-serif;
  font-weight: 100;
  overflow-x: hidden;
  color: #023787;
}
* {
  box-sizing: border-box;
}
.svg-with-fallback svg, .svg-with-fallback embed, .ym-svg-embeded svg, .ym-svg-embeded embed, .ym-svg-inline svg, .ym-svg-inline embed {
    display: none;
}
.svg-with-fallback, .ym-svg-embeded, .ym-svg-inline {
  display: inline-block;
}
html.js-enable.js-svg .svg-with-fallback img, html.js-enable.js-svg .ym-svg-embeded img, html.js-enable.js-svg .ym-svg-inline img {
  /*display: none;*/
  position: absolute;
  top: 0px;
  left: 0px;
}
html.js-enable.js-svg .svg-with-fallback svg, html.js-enable.js-svg .svg-with-fallback embed, html.js-enable.js-svg .ym-svg-embeded svg, html.js-enable.js-svg .ym-svg-embeded embed, html.js-enable.js-svg .ym-svg-inline svg, html.js-enable.js-svg .ym-svg-inline embed {
  display: block;
}
header {
	position: relative;
	z-index: 10;
}
header > .ym-wrapper {
	background: #fff;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
.a5-inner-header {
    margin: 20px 0px;
}
#a5-content-,
#a5-bottom-nav-anchor {
	display: block;
    position: relative;
    visibility: hidden;
}
.a5-content .ym-form img {
	width: 100%;
	margin: 10px 0 10px 0;
}
.a5-content .ym-form legend {
    background: #fff;
	width: 100%;
	padding: 0 0 20px 0;
	margin: 0 0 0px 0 !important;
}
.a5-content .ym-form legend p {
    color: #3d3c44 !important;
}
.a5-content-colum-wrapper {
    margin-bottom: 30px;
    overflow: hidden;
}
.a5-content-colum-wrapper .ym-g49:first-of-type {
    margin-right: 2%;
}
.a5-content-colum-wrapper h3 {
    border-bottom: 0px;
}
.a5-cta-box,
.a5-cta-box img {
	min-height: 290px;
	width: 100%;
}
.a5-cta-box img {
    width: 100%;
    min-width: 931px !important;
    position: absolute;
    z-index: -1;
    right: 0px;
}
.a5-cta-box {
	overflow: hidden;
	min-width: 0px;
	margin-bottom: 20px;
	position: relative;
	border-top: 1px solid #023787;
	border-bottom: 1px solid #023787;
}
.a5-cta-box a {
	padding: 20px;
	background: rgba(255, 255, 255, .9);
	position: absolute;
	right: 20px;
	top: 20px;
	z-index: 10;
	max-width: 260px;
	text-decoration: none;
}

.a5-cta-box a:focus a:hover {
    background: #f0f3f8;
}

.a5-cta-box a:focus strong, .a5-cta-box a:hover strong {
    text-decoration: none;
}

.a5-cta-box a:focus span, .a5-cta-box a:hover span {
    background-color: #fff;
    border: #023787 solid 1px;
    color: #023787;
}
.a5-cta-box.a5-cta-left a {
	left: 20px;
	top: 20px;
	z-index: 0;
}
.a5-cta-box img {
	margin-bottom: -5px;
}
.a5-cta-box a strong {
	text-decoration: underline;
}
.a5-cta-box a span{
	display: inline-block;
	padding: 5px 15px;
	color: #fff;
	background: #023787;
	text-align: center;
	text-transform: uppercase;
}
.a5-cta-box a p {
	text-decoration: none !important;
}
.ym-wrapper {
  margin: 0 auto;
  max-width: 1320px;
  padding: 0 15px;
  width: 100%;
}
#a5-logo {
	width: 100%;
	max-height: 250px;
}
.a5-logo-link {

}
.js-enable #a5-logo {
  float: left;
  height: 70px;
  width: 240px;
  padding: 14px 0 14px;
  margin-left: -80px;
  margin-top: -20px;
}
.ym-nav {
  width: 100%;
  border-bottom: 1px solid #003288;
}
.a5-search-btn-toggle {
  background: url("../../images/custom/icon_search.png") no-repeat center center;
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../../images/custom/icon_search.svg");
  background: -webkit-linear-gradient(transparent, transparent), url("../../images/custom/icon_search.svg");
  background: linear-gradient(transparent, transparent), url("../../images/custom/icon_search.svg");
  border: 0px;
  position: absolute;
  width: 40px;
  height: 40px;
  right: 65px;
  top: 5px;
  display: none;
}
.js-enable .ym-nav {
  width: auto;
}
.ym-nav nav > ul {
  margin: 0;
  padding: 0;
}
.ym-nav nav > ul > li {
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
}
.js-enable .ym-nav nav > ul > li {
  border: 0px solid #023787;
  display: inline-block;
  float: left;
}
.ym-nav nav > ul > li > a,
.ym-nav nav > ul > li > strong {
  border: 1px solid #023787;
  border-bottom: 0px;
  color: #023787;
  display: inline-block;
  font-size: 1.125em;
  line-height: 70px;
  padding: 0 25px;
  text-decoration: none;
  width: 200px;
}

  .ym-nav nav > ul > li > a:focus {
  background-color: #ebf3ff;
}

.js-enable .ym-nav nav > ul > li > a,
.js-enable .ym-nav nav > ul > li > strong {
  background: #ffffff url("../../images/custom/pfeil_navi.png") no-repeat center center;
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../../images/custom/pfeil_navi.svg");
  background: -webkit-linear-gradient(transparent, transparent), url("../../images/custom/pfeil_navi.svg");
  background: linear-gradient(transparent, transparent), url("../../images/custom/pfeil_navi.svg");
  border: 0px solid #023787;
  background-size: 17px auto;
  background-repeat: no-repeat;
  background-position: left center;
  width: auto;
}
.ym-nav nav > ul > li:hover > a, .ym-nav nav > ul > li.a5-open > a, .ym-nav nav > ul > li.a5-active > a {
  background-color: #f7f9fa;
}

.ym-nav nav > ul > li.a5-open > a:focus, .ym-nav nav > ul > li.a5-active a,
.ym-nav nav > ul > li.a5-open > a:focus, .ym-nav nav > ul > li.a5-active strong {
  background-color: #fff;
  color: #c2142d;
  background: #ffffff url("../../images/custom/pfeil_navi_rot.png") no-repeat center center;
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../../images/custom/pfeil_navi_rot.svg");
  background: -webkit-linear-gradient(transparent, transparent), url("../../images/custom/pfeil_navi_rot.svg");
  background: linear-gradient(transparent, transparent), url("../../images/custom/pfeil_navi_rot.svg");
  background-size: 17px auto;
  background-repeat: no-repeat;
  background-position: left center;
}
.ym-nav nav > ul > li.a5-open > a:focus, .ym-nav nav > ul > li.a5-active > a:focus {
    outline: 1px solid #023787;
}
.ym-nav nav > ul > li ul {
  background-color: #023787;
  padding: 11px 10px 4px;
  margin: 0;
}
.js-enable .ym-nav nav > ul > li ul {
  transition: opacity .2s;
  visibility: hidden;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 100%;
}
.ym-nav nav > ul > li.a5-open ul {
	opacity: 1;
	visibility: visible;
}
.ym-nav nav > ul > li:last-child ul {
	left: auto;
	right: 0;
}
.ym-nav nav > ul > li ul li {
	list-style: none;
	margin: 0;
}
.ym-nav nav > ul > li ul li a {
	border-bottom: 1px solid rgba(255,255,255,.1);
	color: #fff;
	display: block;
	font-size: 1em;
	padding: 4px 15px;
	text-decoration: none;
	transition: opacity .2s;
	white-space: nowrap;
}
.ym-nav nav > ul > li ul li a:focus {
	outline: 2px solid #fff;
}
.ym-nav nav > ul > li ul li:hover {
	background:  rgba(255,255,255,.1) ;
}
.ym-nav nav > ul > li ul li:last-child a {
	border-bottom: 0;
}
.a5-menu-btn {
	background: url("../../images/custom/icon_mobile_menu.png");
	background-size: contain !important;
	background-position: center center;
	background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../../images/custom/icon_mobile_menu.svg");
	background: -webkit-linear-gradient(transparent, transparent), url("../../images/custom/icon_mobile_menu.svg");
	background: linear-gradient(transparent, transparent), url("../../images/custom/icon_mobile_menu.svg");
    border: none;
    display: none;
    height: 40px;
    outline: none;
    width: 40px;
	position: absolute;
	right: 10px;
	top: 5px;
}
footer {
	background-color: #023787;
	background: url("../../images/custom/kachel-footer.png");
	background-repeat: repeat-x;
	background-size: contain !important;
	background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../../images/custom/kachel-footer.svg");
	background: -webkit-linear-gradient(transparent, transparent), url("../../images/custom/kachel-footer.svg");
	background: linear-gradient(transparent, transparent), url("../../images/custom/kachel-footer.svg");
	color: #fff;
}
footer a {
	color: #fff;
}
.a5-image-link-list-nav {
	padding: 36px 0 30px;
}
.a5-image-link-list-nav picture {
	display: block;
	border-radius: 100%;
	height: 118px;
	margin: 0 auto 10px auto;
	width: 118px;
}
.a5-image-link-list-nav-link-text {

}
.a5-mob-title {
	display: none;
}
.a5-image-link-list-nav ul {
	margin: 0 auto;
	max-width:940px;
	overflow: hidden;
}
.a5-image-link-list-nav ul li span {
	font-size: 0px;
}
.a5-image-link-list-nav ul li {
	display: inline-block;
	float: left;
	list-style: none;
	margin: 0;
	width: 20%;
}
.a5-image-link-list-nav ul li a {
	display: inline-block;
    width: 100%;
    text-align: center;
    text-decoration: underline;
}
.a5-image-link-list-nav ul li a strong {
    font-weight: 300;
    font-size: 1.2em;
}
.a5-image-link-list-nav ul li a:focus {
	border: 1px dotted #023787;
	outline:none;
	text-decoration: none;
}
.a5-image-link-list-nav ul li a p {
	color: #fff;
	font-weight: 500;
	font-size: 1rem;
}
.a5-image-link-list-nav ul li .svg-with-fallback {
	display: block;
	height: 56px;
	margin-bottom: 14px;
	text-align: center;
	white-space: nowrap;
}
.a5-image-link-list-nav ul li .svg-with-fallback:before {
	display: inline-block;
	vertical-align: middle;
	height: 100%;
	content: '';
}
html.js-enable.js-svg .a5-image-link-list-nav ul li .svg-with-fallback svg, .a5-image-link-list-nav ul li .svg-with-fallback img {
	display: inline-block;
	vertical-align: middle;
}
.a5-footer-meta {
	padding: 40px 0 60px;
}
.a5-footer-meta h3,
.a5-footer-meta h2 {
    margin-bottom: 20px;
    font-size: 1.5em;
    font-weight: 100;
}
.a5-social-media ul {
	margin: 0;
	width: 100%;
}
.a5-social-media ul li{
	list-style: none;
	margin: 0;
	line-height: 40px;
	margin-bottom: 20px;
}
.a5-social-media ul li picture{
	float: left;
	display: block;
	width: 40px;
	margin: 0 10px 0 0;
}
.a5-footer-newsletter {
	padding-left: 13px;
}

.a5-btn {
	background-color: #d21c31;
	border: 0px;
	color: #fff;
	display: inline-block;
	font-family: 'Roboto', sans-serif;
	font-size: 1em;
	font-weight: 400;
	padding: 0 35px;
	min-height: 40px;
	position: relative;
	text-decoration: none;
	transition: all .2s;
}
a.a5-btn {
	line-height: 2.25em;
}
.a5-btn:focus,
.a5-btn:hover,
.a5-btn:active {
	background: #fff;
}
/*main styles*/
.a5-slider-box {
    overflow: hidden;
    margin-bottom: 80px;
    z-index: 1;
    position: relative;
}
.a5-slider-box-inner {
    border-bottom: 1px solid #003288;
    position: relative;
    width: 100%;
}
.a5-slider-box-inner img {
  width: 100%;
}
.ym-slider-tab {
  bottom: 0;
  left: 0;
  position: absolute;
  width: 100%;
}
.ym-slider-tab a {
  color: #000;
  float: left;
  font-size: 1.25em;
  position: relative;
  text-align: center;
  text-decoration: none;
  width: 33.213%;
}
.rslides1_s3 span {

}
.rslides_tabs a span {
  width: 100%;
}
.rslides_nav.rslides1_nav.next {
  display: none;
  background: #fff;
  border-radius: 100%;
  width: 50px;
  height: 50px;
}
.a5-slider-teaser {
  left: 300px;
  position: absolute;
  bottom: 20px;
  width: 50%;
}
.a5-slider-teaser ul {
	list-style:none;
	margin:0;
	padding:0;
}
.a5-slider-teaser ul li a {
	background: rgba(255, 255, 255, .9);
	display: block;
	padding: 10px 20px;
	text-decoration:underline;
	margin-left: 30px;
}
.a5-slider-teaser h4,
.a5-slider-teaser h3 {
  font-size: 1em;
  margin: 0;
}
.a5-slider-teaser p a,
.a5-slider-teaser p span {
    background-image: url("../../images/custom/sub-menu-corner.png");
    background-image: url("../../images/custom/sub-menu-corner.svg"), none ;
    background-position:0px 7px;
    background-repeat:no-repeat;
    color: #000;
    display: block;
    padding-left: 1.5em;
}
.a5-slider-teaser ul li:hover span {
    text-decoration:underline;
}
.ym-slider-stop {
  /*background: url("../../images/custom/stop.png") no-repeat 0 0;*/
  border: none;
  height: 46px;
  margin-top: -40px;
  position: absolute;
  right: 0;
  top: 50%;
  width: 42px;
  z-index:3;
}
.ym-slider-stop.rslides_pause {
  background-position: -42px 0;
}
.ym-slider-stop a{
  display:block;
  position:absolute;
  height:46px;
  width:42px;
  z-index:4;
}
/* ------- ResponsiveSlider ------- */
.rslides_container li{
-webkit-transition: opacity 0ms ease-in-out 0s;
-moz-transition: opacity 0ms ease-in-out 0s;
-o-transition: opacity 0ms ease-in-out 0s;
display: none;
float: none;
position: absolute;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: opacity 0ms ease-in-out 0s;
        transition: opacity 0ms ease-in-out 0s;
z-index: 1;
}
.rslides_container li.rslides_on{
display: block;
float: left;
position: relative;
opacity: 1;
filter: alpha(opacity=100);
z-index: 2;
}
.rslides{
background:transparent;
margin: 0;
list-style: none;
overflow: hidden;
padding: 0;
position: relative;
width:100%;
}
.rslides_tabs_wrappper{
top: 0px;
position:absolute;
z-index:101;
}

.a5-main-slider-wrapper .rslides_tabs_wrappper{
background:#fff;
height:320px;
width: 300px;
/*padding-top:2px;*/
}
.ym-aside-slider-wrapper .rslides_tabs_wrappper{
background:#fff;
height:26px;
margin-top:-49px;
padding-top:2px;
}
.rslides_tabs_inner_wrappper{
top:0px;
margin:0;
position:absolute;
z-index:100;
}
.a5-main-slider-wrapper .rslides_tabs_inner_wrappper{
height:72px;
width:100%;
}
.ym-aside-slider-wrapper .rslides_tabs_inner_wrappper{
height:22px;
width:100%;
}
.a5-main-slider-wrapper .rslides_tabs_inner_wrappper ul{
/*width:640px;*/
}
.rslides_tabs{
padding: 2px 0 0 0;
clear:both;
position:relative;
list-style: none;
margin:0px;
}
.a5-main-slider-wrapper .rslides_tabs{

}
.rslides_tabs li{
box-sizing:border-box;
border-bottom: 1px solid #023787;
float:left;
margin-left: 0;
width:100%;
}
.rslides_tabs li:last-child {
border-bottom: none;
}
.a5-main-slider-wrapper .rslides_tabs li{
/*margin-right:5px;*/
}
.ym-aside-slider-wrapper .rslides_tabs li{
margin-right:7px;
}
.rslides_tabs li:last-child{
margin-right:0 !important;
}
.ym-aside-slider-wrapper .rslides_tabs li:last-child{
float:right;
margin-right: 2px !important;
}
.a5-main-slider-wrapper .rslides_tabs li a{
display:block;
height: 80px;
line-height: 80px;
font-size: 1.25em;
padding: 0px 20px;
text-align:left;
text-decoration: none;
width:100%;
}
.ym-aside-slider-wrapper .rslides_tabs li a{
display:inline-block;
height:12px;
overflow:hidden;
padding:4px;
}
.a5-main-slider-wrapper .rslides_tabs li a:focus{
border:none;
outline: 2px solid #fff !important;
box-shadow: 0px 3px 5px #000;
}
.rslides_tabs li.rslides_here a {
background: #023787;
color: #fff;
}
.ym-aside-slider-wrapper .rslides_tabs li a:focus{
border:none;
}
.rslides li{
-webkit-backface-visibility: hidden;
/*display: none;*/
left: 0;
margin:0;
padding:0;
/*position: absolute;
top: 0;*/
width: 100%;
}
.rslides {
height: 320px;
}
.rslides img{
border: 0;
display: block;
float: left;
height: auto;
width: auto;
min-height: 320px;
min-width: 900px;
}
.rslides li {
padding-left: 300px;
}
.rslides li:focus{
outline: 2px solid #018232 !important;
}
.rslides a:focus img{

}
/* --- responsive slides end ---*/

.a5-link-section {

}
.a5-link-section h3 {
    background: #ffffff url("../../images/custom/pfeil-dreifach.png") no-repeat center center;
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../../images/custom/pfeil-dreifach.svg");
    background: -webkit-linear-gradient(transparent, transparent), url("../../images/custom/pfeil-dreifach.svg");
    background: linear-gradient(transparent, transparent), url("../../images/custom/pfeil-dreifach.svg");
    border-bottom: 1px solid #023787;
    background-size: 33px auto;
    background-position: left center;
    background-repeat: no-repeat;
    color: #023787;
    padding: 10px 0px 10px 40px;
    margin-bottom: 20px;
    font-size: 1.65em;
    font-weight: 400;
}
.a5-link-section h4 {
    color: #023787;
    border-bottom: 1px solid #e0e0e0;
    font-weight: 300;
    font-size: 1.4em;
    padding: 10px 0px;
}
.a5-list-column-wrapper {
    padding-right: 20px;
}
.a5-list-column-wrapper ul {
    margin: 0;
    padding: 20px 0px;
}
.a5-list-column-wrapper ul li {
    margin-bottom: 15px;
}
.a5-search-box {
	padding: 25px;
	float: right;
	width: 40%;
}
.a5-search-box form {
	padding: 0 13px;
	position: relative;
	width: 100%;
}
.a5-search-box input {
	background-color: #f2f4f6;
	border: 1px solid #ededef;
	box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.3);
	height: 30px;
	padding: 0 10px 0 10px;
	width: 100%;
	font-weight: 100;
}
.a5-search-box input:hover {
	background: #f7f9fa;
}
.a5-search-box input:focus {
	background: #ffffff;
	outline: 1px solid rgb(1, 1, 1);
	box-shadow: 0px 3px 5px rgba(199, 199, 199, 0.2), inset 0px 0px 4px rgb(0, 50, 135);
}
.a5-search-box input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #003288;
  opacity: 1;
}
.a5-search-box input::-moz-placeholder { /* Firefox 19+ */
    color: #003288;
    opacity: 1;
}
.a5-search-box input:-ms-input-placeholder { /* IE 10+ */
    color: #003288;
    opacity: 1;
}
.a5-search-box input:-moz-placeholder { /* Firefox 18- */
    color: #003288;
    opacity: 1;
}

.a5-search-box button {
	background: none;
	border: none;
	cursor: pointer;
	padding: 3px 3px 0 0;
	width: 30px;
	height: 30px;
	position: absolute;
	right: -30px;
	top: 0;
}
.a5-sub-nav {
	padding: 0 13px;
	position: relative;
}
.a5-sub-nav button.toggle {
	width: 100%;
	text-align: left;
	position: relative !important;
	right: 0px !important;
}
.a5-sub-nav button.toggle:hover {
	background: #f7f9fa;
}
.a5-sub-nav button.toggle:focus {
	background: #fff;
	outline: 2px solid rgb(1, 1, 1);
	box-shadow: 0px 4px 6px rgba(0,0,0,.8), inset 0px 0px 3px rgba(0,0,0,.3);
}
.a5-sub-nav button.toggle,
.a5-sub-nav a.toggle {
	background: #fff;
	color: #000;
	cursor: pointer;
	font-size: 1em;
	display: block;
	font-weight: 400;
	padding: 4px 17px 4px;
	position: relative;
}
.a5-sub-nav button.toggle:focus
.a5-sub-nav a.toggle:focus {
    outline: 4px solid #ffdc62;
}
.a5-aside-nav-toggle:after,
.a5-sub-nav a.toggle:after,
.a5-sub-nav button:after {
	background: #ffffff url("../../images/custom/icon-arrow-selectmenu.png") no-repeat;
	background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../../images/custom/icon-arrow-selectmenu.svg");
	background: -webkit-linear-gradient(transparent, transparent), url("../../images/custom/icon-arrow-selectmenu.svg");
	background: linear-gradient(transparent, transparent), url("../../images/custom/icon-arrow-selectmenu.svg");
	background-color: transparent;
	content: '';
	display: block;
	height: 25px;
	width: 25px;
	position: absolute;
	right: 20px;
	top: 3px;
}
.a5-sub-nav p {
	background: #fff;
	cursor: pointer;
	font-size: 1em;
	font-weight: 400;
	padding: 4px 17px 2px;
	position: relative;
}
.a5-sub-nav p .svg-with-fallback {
	margin-top: -5px;
	position: absolute;
	right: 12px;
	top: 50%;
}
.a5-sub-nav.open:after,
.a5-sub-nav a.toggle:hover:after,
.a5-sub-nav.open button:after  {
	transform: rotate(180deg);
}
.a5-sub-nav ul {
	background: #fff;
	display: none;
	margin: 0;
	position: absolute;
	left: 13px;
	right: 13px;
	top: 100%;
	z-index: 4;
}
.a5-sub-nav.open ul {
	display: block;
}
.a5-sub-nav ul li:first-child {
	border-top: 1px solid rgba(0,0,0,.4);
}
.a5-sub-nav ul li {
	border-bottom: 1px solid rgba(0,0,0,.4);
	margin: 0;
	list-style: none;
}
.a5-sub-nav ul li:last-child {
	border-bottom: none;
}
.a5-sub-nav ul li a {
	display: block;
	padding: 4px 17px 2px;
	text-decoration: none;
	transition: all .2s;
}
.a5-sub-nav ul li a:hover {
	background-color: #023787;
	color: #fff;
}
.a5-breadcrumbs {
	height: 40px;
	margin: 0 0 20px 0;
}
.a5-breadcrumbs li {
	margin: 0;
	list-style: none;
	display: inline-block;
	margin-right: 12px;
	font-size: .9em;
}
.a5-breadcrumbs li:before {
	background: #ffffff url("../../images/custom/icon_links.png") no-repeat;
	background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../../images/custom/icon_links.svg");
	background: -webkit-linear-gradient(transparent, transparent), url("../../images/custom/icon_links.svg");
	background: linear-gradient(transparent, transparent), url("../../images/custom/icon_links.svg");
	background-repeat: no-repeat;
	float: left;
	content: '';
	display: block;
	margin: 5px 5px 0 0;
	height: 20px;
	width: 15px;
}
.a5-breadcrumbs li:last-child {
	margin-right: 0;
}
.a5-breadcrumbs li a, .a5-breadcrumbs li span {
	font-weight: 100;
}
.a5-aside-info {
	position: relative;
	margin: 0px auto;
	z-index: 10;
}
.a5-aside-info .a5-aside-open {
	z-index: 100;
}
.js-enable .a5-aside-info {
	position: fixed;
	right: 0;
	top: 92px;
}
.js-enable .a5-aside-info.a5-aside-closed {
    display: none;
}
.js-enable .a5-aside-info ul {
	margin: 0;
	max-width: 60px;
	min-width:60px
}
.js-enable .a5-aside-info ul li {
	margin: 0 0 5px 0;
	list-style: none;
}
.a5-aside-box {
	margin-top: 20px;
}
.a5-aside-box picture {
	display: block;
	max-width: 36px;
	margin: 0 auto;
}
.a5-aside-box > a {
	display: block;
	margin-bottom: 20px;
	color: #000;
	font-size: 1.5em;
	text-decoration: none;
}
.js-enable .a5-aside-info .a5-aside-box {
	text-align: center;
}
.a5-aside-box > button {
	font-weight: bold !important;
}
.js-enable .a5-aside-info .a5-aside-box > button,
.js-enable .a5-aside-info .a5-aside-box > a {
	background-color:  #d21c31;
	border: none;
	color: #fff;
	display: block;
	font-size: .8em;
	font-weight: 500;
	height: 80px;
	width: 60px;
	margin-bottom: 0px;
	position: relative;
	/*transition: background .2s;*/
	z-index: 2;
	width: 100%;
}
.js-enable .a5-aside-info .a5-aside-box > button strong {
    font-weight: 100;
}
.js-enable .a5-aside-info .a5-aside-box > button:hover, .js-enable .a5-aside-info .a5-aside-box > button:focus,
.js-enable .a5-aside-info .a5-aside-box > a:hover, .js-enable .a5-aside-info .a5-aside-box.a5-active > a, .a5-aside-info .a5-aside-box > a:focus {
	background: #8e0006;
	color: #ffd5d5;
	outline: none;
	text-decoration: overline;
}
.js-enable .a5-aside-info .a5-aside-box > a .svg-with-fallback {
	display: table;
	margin: 0 auto 5px;
}
#links ul li a {
    padding-left: 30px;
    background-image:  url("../../images/custom/icon_links.png");
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../../images/custom/icon_links.svg");
    background: -webkit-linear-gradient(transparent, transparent), url("../../images/custom/icon_links.svg");
    background: linear-gradient(transparent, transparent), url("../../images/custom/icon_links.svg");
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: 23px 20px;
    background-position-x: 0px;
}
.a5-anchor-box-blue#links ul li a {
    padding-left: 30px;
    background-image:  url("../../images/custom/icon_links_weiss.png");
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../../images/custom/icon_links_weiss.svg");
    background: -webkit-linear-gradient(transparent, transparent), url("../../images/custom/icon_links_weiss.svg");
    background: linear-gradient(transparent, transparent), url("../../images/custom/icon_links_weiss.svg");
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: 23px 20px;
    background-position-x: 0px;
}
#downloads ul li a {
    padding-left: 30px;
    background-image: url("../../images/custom/icon_downloads.png");
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../../images/custom/icon_downloads.svg");
    background: -webkit-linear-gradient(transparent, transparent), url("../../images/custom/icon_downloads.svg");
    background: linear-gradient(transparent, transparent), url("../../images/custom/icon_downloads.svg");
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: 23px 20px;
    background-position-x: 0px;
}
.a5-anchor-box-blue#downloads ul li a {
    padding-left: 30px;
    background-image: url("../../images/custom/icon_downloads_weiss.png") no-repeat ;
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../../images/custom/icon_downloads_weiss.svg") ;
    background: -webkit-linear-gradient(transparent, transparent), url("../../images/custom/icon_downloads_weiss.svg") ;
    background: linear-gradient(transparent, transparent), url("../../images/custom/icon_downloads_weiss.svg") ;
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: 23px 20px;
    background-position-x: 0px;
}
.a5-inner-box {
	border-bottom: 1px solid #eff5fa;
	margin-bottom: 20px;
	padding: 0px 0px 20px 0;
}
.js-enable .a5-aside-box .a5-inner-box {
	background-color: #fff;
	border: none;
	min-height: 100%;
	padding: 20px 25px;
	margin: 0;
	text-align: left;
	z-index: 0;
	top: 0;
	transition: right .2s;
}
.js-enable .a5-aside-box .a5-inner-box {
	position: absolute;
	right: -300px;
	width: 300px;
	display: none;
}
.js-enable .a5-aside-box.a5-active .a5-inner-box {
	display:block;
	right: 60px;
	box-shadow: 0px 3px 5px rgba(0,0,0,.2);
}
.js-enable .a5-aside-box .a5-inner-box img {
	display: block;
}
.a5-aside-box .a5-inner-box h3 {
	color: #000;
	font-size: 1.25em;
	font-weight: 500;
	margin: 15px 0px 7px 0px;
}
.a5-aside-info ul {
	list-style: none;
	margin: 0;
}
.a5-aside-box .a5-inner-box h3 a {
	color: #000;
}
.a5-aside-box .a5-inner-box p {
	font-size: 1em;
	font-weight: 400;
	vertical-align: middle;
}
.a5-aside-box .a5-inner-box p strong {
	font-weight: 500;
}
.a5-aside-box .a5-inner-box p picture,
.a5-aside-box .a5-inner-box p span {
	display: inline-block;
	margin-right: 5px;
	vertical-align: middle;
}
.a5-aside-box .a5-inner-box p a{
	color: #000;
}
.a5-aside-box .a5-inner-box p.a5-phone {
	margin: 20px 0 10px;
}
.a5-aside-box.a5-aside-share .a5-inner-box {
	bottom: 0;
	height: auto;
	min-height: 0;
	padding-bottom: 14px;
	top: auto;
	width: auto;
	white-space: nowrap;
}
.a5-aside-box.a5-aside-share .a5-inner-box ul {
	margin: 0;
}
.js-enable .a5-aside-box.a5-aside-share .a5-inner-box ul li {
	display: inline-block;
	list-style: none;
	margin: 0 20px 0 0;
}
.a5-aside-box.a5-aside-share .a5-inner-box ul li:last-child {
	margin-right: 0;
}
.a5-aside-box.a5-aside-share .a5-inner-box ul li .svg-with-fallback {
	display: table;
	margin: 0 auto;
}
.a5-aside-box.a5-aside-share .a5-inner-box ul li a {
	color: #000;
	font-size: .875em;
	font-weight: 500;
}
.a5-mob-open {
	display: none;
}
.a5-filmstrip-slider {
    margin-left: 0px !important;
}
.a5-content > ul,
.a5-content > ol {
	list-style-position: outside;
	margin: 0 0 20px 20px;
}
.a5-content ul li {
	list-style-position: outside !important;
}
.a5-content ol > li,
.a5-content ul > li {
	margin-left: 0;
}
.a5-content ol li,
.a5-content ul li {
	margin-bottom: 5px;
}
.a5-anchor-box ul > li {
	margin-left: -1em;
	list-style: none;
}
.a5-content > ol li:first-of-type,
.a5-content > ul li:first-of-type {
	margin-top: 5px;
}
.a5-content > ol li {

}
.a5-content dl {
	margin: 0;
	padding: 0;
}
.a5-content dt {
	color: #023787;
	font-weight: 500;
	/* text-decoration: underline; */
}
.a5-content dt,
.a5-content dd  {
	padding:0.8em 0;
	margin:0;
}
.a5-content dt {
    border-top: 1px solid #ccc;
}
.a5-content dd {
	padding-top: 0;
}
.a5-content dd + dt {
	margin-top: 10px !important
}
.a5-search-item,
dd.a5-search-additional {
    margin-bottom: 10px !important;
}
.a5-search-additional {
    color: #737373;
}
.a5-content dd:last-of-type {
	margin-bottom: 30px;
}
.a5-content-share {
	display: none;
	margin: 13px auto 40px;
}
.a5-content-share ul {
	margin: 0;
	text-align: center;
}
.a5-content-share ul li {
	margin: 0;
	text-align: left;
	display: inline-block;
}
.a5-content-share ul li a {
	background-color:  #d21c31;
	display: block;
	text-decoration: none;
	font-weight: 500;
	padding: 4px 8px 2px;
	vertical-align: middle;
}
.a5-content-share ul li a span {
	display: inline-block;
	vertical-align: middle;
	font-size: .875em;
	line-height: 1em;
}
.a5-content-share ul li a .svg-with-fallback {
	margin-right: 2px;
	position: relative;
	top: -1px;
}
.a5-content-share ul li a .svg-with-fallback svg, .a5-content-share ul li a .svg-with-fallback img {
	max-height: 15px;
	width: auto ;
	vertical-align: middle;
}
.a5-calendar-section {
	padding-left: 13px;
	margin-bottom: 55px;
}
.a5-events .a5-top-item {
	background-color: #023787;
	padding: 15px 25px 10px;
	position: relative;
}
.a5-events .a5-top-item a {
	color: #fff;
	font-size: 1.25em;
	font-weight: 500;
	float: right;
	line-height: 1.3em;
	text-decoration: none;
	border-bottom: 1px solid;
	width: calc(100% - 140px);
}
.a5-events .a5-top-item a:focus {
	outline: 2px solid #fff;
}
.a5-events a:not(.a5-btn):hover {
	border-bottom-color: transparent;
}
.a5-events .a5-top-item:before {
	content: attr(data-time);
	color: rgb(173, 203, 231);
	display: inline-block;
	font-size: 35px;
	font-weight: 400;
	float: left;
	line-height: 1em;
	padding-bottom: 20px;
	width: 120px;
}
.a5-news-section .a5-top-item time, .a5-calendar-section .a5-top-item time {
	color: #fff;
	display: block;
	font-size: 1em;
	font-weight: 400;
	float: right;
	margin-top: 9px;
	width: calc(100% - 140px);
}
.a5-photo-section {
    clear: both;
}
.a5-photo-section .a5-photo-wrap {
	position: relative;
	margin-bottom: 20px;
}
.a5-photo-section .a5-photo-wrap img {
	display: block;
	max-width: 100%;
}
.a5-photo-section .a5-photo-wrap a {
	background-color: rgba(49, 80, 124, .9);
	color: #fff;
	position: absolute;
	left: 0;
	padding: 14px 27px 16px;
	bottom: 0;
	font-size: 1.5em;
	font-weight: 500;
	width: 100%;
}
.a5-events dt {
	margin-bottom: 8px;
}
.a5-events dl {
	margin: 0 0 20px;
	background-color: rgb(239, 245, 250);
	padding: 27px 25px 33px;
}
.a5-events dd {
	margin: 0 0 26px;
}
.a5-events dd:last-child {
	margin-bottom: 0;
}
.a5-events dl a {
	color: #023787;
	font-size: 1.25em;
	font-weight: 500;
	line-height: 1.5em;
	text-decoration: none;
	border-bottom: 1px solid ;
}
.a5-events dl time {
	color: dimgrey;
	font-size: 1em;
}
.a5-list-element-outer-wrapper {
	border-bottom: 1px solid #023787;
	margin-bottom: 50px;
	overflow: hidden;
}
.a5-list-element-outer-wrapper .a5-show-all {
	background: #023787;
	text-align: center;
	color: #fff;
	display: block;
	float: right;
	margin: 0px 0px 20px 0px;
	padding: 5px 20px;
	text-decoration: none;
}
.a5-list-element-outer-wrapper .a5-show-all:hover {
	text-decoration: underline;
}
.a5-list-element-outer-wrapper > h4 {
	border-bottom: 1px solid #ccc;
	line-height: 60px;
}
.a5-list-element-wrapper {
    margin: 20px 0px 0px 0px;
}
.a5-list-element-wrapper .a5-contain-dt {
    margin: 0 0 40px 0;
}
.a5-list-element-wrapper .a5-contain-dt  .a5-article-img img{
    width: 100%;
}
.a5-list-element-wrapper .a5-contain-dt  .a5-article-txt {
    padding-left: 50px;
}
.a5-list-element-wrapper .a5-contain-dt  .a5-article-txt h4 {
    font-size: 1.3em;
    margin-bottom: 20px;
    font-weight: normal;
}
.a5-image-text-item.ym-g32 {
    margin-right: 2%;
}
.a5-image-text-box div.a5-image-text-item.ym-g32:last-of-type {
    margin-right: 0%;
}
.a5-image-text-item img {
	width: 100%;
}
.a5-image-text-item h3, .a5-content .a5-image-text-item h3 {
	font-size: 1.25em;
	font-weight: 500;
	line-height: 1.5em;
	margin-top: 20px;
	margin-bottom: 9px;
	border-bottom: 0px;
}
.a5-content .a5-image-text-box {
	background: none;
	font-size: 0;
	margin: 0 -13px;
	padding: 0;
}
.a5-image-text-item h3:last-child {
	margin-bottom: 0;
}
.a5-image-text-item h3 a {
    font-weight: normal;
	border-bottom: 1px solid;
	text-decoration: none;
}
.a5-image-text-item h3 a:hover {
	border-bottom-color: transparent;
}
.a5-image-text-item p {
	font-size: 1em;
	margin-bottom: 0;
	line-height: 1.4em;
}
.a5-warning {
	background-color: rgb(168, 59, 59);
	text-align: center;
	padding: 6px 0 7px;
	position: fixed;
	width: 100%;
	top: 0px;
	z-index: 20;
	min-height: 40px;
}
.a5-warning picture {
	display: block;
}
.a5-warning .svg-with-fallback {
	display: inline-block;
	vertical-align: middle;
}
.a5-warning p {
	display: inline-block;
	vertical-align: middle;
	color: #fff;
	font-size: 1em;
	font-weight: 400;
	margin-left: 8px;
	position: relative;
	top:  1px;
}
.a5-warning + header .ym-wrapper {
	top: 40px;
}

.a5-infobox-error {
    background: #ffdddd;
    color: #42546D !important;
    margin-bottom: 1.5em !important;
    margin-top: 1.5em;
    padding: 1.5em 1.5em 0.75em 1.5em;
}
	.a5-infobox-warning {
    background: #ffeec5;
	border: 4px #FBE082 solid;
    color: #42546D !important;
    margin-bottom: 1.5em !important;
    margin-top: 1.5em;
    padding: 1.5em 1.5em 0.75em 1.5em;
}
	.a5-infobox-success,
    .a5-infobox-status {
    background: #dff9de;
    border: 1px #8cad8b dashed;
    color: #42546D !important;
    margin-bottom: 1.5em !important;
    margin-top: 1.5em;
    padding: 1.5em 1.5em 0.75em 1.5em;
}

.a5-infobox-status [role="status"]:before,
.a5-infobox-success p[role="status"]:before,
.a5-infobox-warning p[role="status"]:before,
.a5-infobox-error p[role="alert"]:before {
    content: "i";
    margin: -1px 8px 0 -60px;
    color: black;
    font-weight: bold;
    position: absolute;
    font-size: 1.2rem;
    border: 3px solid rgba(137, 138, 138, 0.6);
    width: 5px;
    height: 16px;
    padding: 5px 10px 7px 11px;
 }
 .a5-infobox-status p[role="status"],
 .a5-infobox-success p[role="status"],
 .a5-infobox-warning  p[role="status"],
 .a5-infobox-error  p[role="alert"]	{
 	padding-left: 4em;
}
.a5-alert-role-heading {
    font-size: 1.5em !important;
    font-weight: bold !important;
}

.a5-content-box {
	padding: 40px 13px 0;
}
.a5-content-box .a5-aside-nav {
	width: 285px;
	padding-right: 26px;
}
.a5-aside-nav-toggle {
    background: #f2f5fa;
    border: 1px solid #003289;
    color: #003289;
    display: none;
    font-weight: bold;
    text-decoration: none;
    padding: 10px 20px;
    position: relative;
    margin-top: 20px;
}
.a5-aside-nav-toggle.open:after {
	trans3px solid rgba(137, 138, 138, 0.7)form: rotate(-180deg);
}
.a5-aside-nav-toggle:after {
	top: 10px !important;
}
.a5-content-box .a5-aside-nav h3 {
	background-color: #023787;
	color: #fff;
	font-size: 1.5em;
	font-weight: 500;
	padding: 6px 13px 5px;
	margin-bottom: 13px;
}
.a5-content-box .a5-aside-nav ul {
	margin: 0;
}
.a5-content-box .a5-aside-nav ul li:first-child {
	border-top: 1px solid #023787;
}
.a5-content-box .a5-aside-nav ul li {
	list-style: none;
	border-bottom: 1px solid #023787;
	margin: 0;
}
.a5-content-box .a5-aside-nav ul li:last-child {
	margin-bottom: 0;
	border: 0;
}
.a5-content-box .a5-aside-nav ul li ul {
}
.a5-content-box .a5-aside-nav ul li a,
.a5-content-box .a5-aside-nav ul li strong{
	font-size: 1em;
	position: relative;
	display: inline-block;
	text-decoration: none;
	padding: 1em 0.5em 1em 2em;
	display: block;
	width: 100%;
}
li.a5-active strong {
    background-color: #f0f3f8;
	color: #c3313b;
}
li.a5-active p strong {
    background-color: #ffffff;
	color: #023787;
}
.a5-content-box .a5-aside-nav ul li a:hover {
    text-decoration: underline;
}
.a5-content-box .a5-aside-nav ul li:a5-active ul li:hover {
	text-decoration: underline;
	background: #f8f9fb !important;
}
.a5-content-box .a5-aside-nav > ul > li.a5-active > a {
    background: #f0f3f8;
}
.a5-content-box .a5-aside-nav ul li.a5-active ul li.a5-active  {
    /*background: #f8f9fb;*/
}
.a5-content-box .a5-aside-nav ul li.a5-active ul li.a5-active > a,
.a5-content-box .a5-aside-nav ul li.a5-active ul li.a5-active > strong {
	background-color: #F8F9FB;
	color: #c3313b;
	display: block;
}
.a5-content-box .a5-aside-nav > ul > li.a5-active > ul > li > a,
.a5-content-box .a5-aside-nav > ul > li.a5-active > ul > li > strong {
    padding-left: 40px;
}
.a5-content-box .a5-aside-nav > ul > li > ul > li.a5-active > ul > li > a,
.a5-content-box .a5-aside-nav > ul > li > ul > li.a5-active > ul > li > strong {
    padding-left: 50px;
}
.a5-content-box .a5-aside-nav > ul > li > ul > li > ul > li.a5-active > ul > li > a,
.a5-content-box .a5-aside-nav > ul > li > ul > li > ul > li.a5-active > ul > li > strong {
    padding-left: 60px;
}
.a5-content-box .a5-aside-nav ul li ul li a {
	padding-left: 12px;
}
.a5-content {
	width: calc(100% - 285px);
}

.a5-content.a5-fullwidth {
    width: 100%;
}
.a5-content .a5-anchor-links {

}
.a5-content .a5-anchor-links li {
	display: block;
	list-style: none;
	margin: 0 20px 4px 0 !important;
}
.a5-content .a5-anchor-links li:last-child {
	margin-right: 0;
}
.a5-content .a5-anchor-links li a {
    background: #ffffff url("../../images/custom/pfeil_navi_down.png") no-repeat center center;
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../../images/custom/pfeil_navi_down.svg");
    background: -webkit-linear-gradient(transparent, transparent), url("../../images/custom/pfeil_navi_down.svg");
    background: linear-gradient(transparent, transparent), url("../../images/custom/pfeil_navi_down.svg");
    background-position: left center;
    background-size: 15px;
    background-repeat: no-repeat;
	font-size: 1.1em;
	font-weight: 100;
	padding-left: 20px;
}
.a5-screen-reader {
	padding: 0;
	background: none;
	border: none;
	margin: 0 0 10px;
}
.a5-content h3 {
    color: #d21c31;
	font-size: 2.1875em;
	font-weight: 300;
	margin-bottom: 20px;
	padding: 0px 0px 15px 0px;
    border-bottom: 1px solid #cfcfcf;
}
.a5-content h4 {
	font-size: 1.5em;
	font-weight: 100;
	margin-bottom: 8px;
}

h4.a5-sitemap-nav-level1-content {
    font-size: 1.25em;
}
.a5-content h5 {
	font-size: 1.15em;
	font-weight: 400;
	margin-bottom: 6px;
}
.a5-content h6 {
	font-size: 1em;
	font-weight: 700;
	margin-bottom: 6px;
}
.a5-float-left {
    float: left;
    margin: 0px;
    padding: 0px 15px 0px 0px;
}
figure figcaption {
    font-size: .9em;
    font-weight: bold;
    max-width: 470px;
    display: block;
   /* word-wrap: break-word; */
   /* word-break: break-all; */
}

/* figcaption restricted to the width of a responsively sized image */

.a5-float-left figure {
    background-color: #fff;
   padding: 5px;
    font-size: .875em;
    display: table;
}
.a5-float-left figure img {
    display: block;
   width: 100%;
}
.a5-float-left figcaption {
    display: table-caption !important;
    caption-side: bottom;
    background: #fff;
    padding: 0 5px 5px;
}

.a5-float-right figure {
    background-color: #fff;
   padding: 5px;
    font-size: .875em;
    display: table;
}
.a5-float-right figure img {
    display: block;
   width: 100%;
}
.a5-float-right figcaption {
    display: table-caption !important;
    caption-side: bottom;
    background: #fff;
    padding: 0 5px 5px;
}

/* END  of figcaption widht restriction  */

.a5-float-right {
	float: right;
	margin: 0px;
    padding: 0px 0px 0px 15px;
}
.a5-float-left p, .a5-float-right p {
    margin-bottom: 0px !important;
    padding: 6px 6px 0px 0px;
}
.a5-content p {
	font-size: 1em;
	line-height: 1.45em;
	font-weight: 100;
	margin-bottom: 19px;
}
.a5-content p a {
	color: #023787
}
.a5-anchor-wrap {
	margin: 45px 0 80px;
}
.a5-anchor-box {
    border: 1px solid #023787;
	margin-bottom: 20px;
	padding: 17px 33px 22px;
}
.a5-anchor-box h4 {
	color: #023787;
	font-weight: 100;
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #cfcfcf;
}
.a5-anchor-box a {
	color: #023787;
	/* display: block; */
	font-size: 16px;
	font-weight: 100;
	margin-bottom: 10px;
}
.a5-anchor-box.a5-anchor-box-blue {
    color: #fff;
    background: #003287;
    border: none;
}
.a5-anchor-box.a5-anchor-box-blue h4 {
    color: #fff;
    border-bottom: 1px solid #fff;
}
.a5-anchor-box.a5-anchor-box-blue *,
.a5-anchor-box.a5-anchor-box-blue a {
    color: #fff;
}
.a5-anchor-box a:last-child {
	margin-bottom: 0;
}
.a5-anchor-box address {
	font-style: normal;
	margin-bottom: 17px;
}
.a5-anchor-box p {
	margin-bottom: 0;
	color: #023787;
}
.a5-anchor-box p strong,
.a5-anchor-box p a {
	font-weight: 500;
}
.a5-anchor-box .a5-contacts a {
	display: inline-block;
	font-weight: 100;
}
.a5-content-controls {
	text-align: center;
	margin: 50px 0 40px 0;
}
.a5-content-controls a {
	font-size: .875em;
	display: inline-block;
	margin-right: 20px;
	font-weight: 500;
}
.a5-content-controls a:last-child {
	margin-right: 0;
}
.a5-content-controls .a5-move-to-top {
    background: #ffffff url("../../images/custom/icon_nach-oben.png") no-repeat center center;
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../../images/custom/icon_nach-oben.svg");
    background: -webkit-linear-gradient(transparent, transparent), url("../../images/custom/icon_nach-oben.svg");
    background: linear-gradient(transparent, transparent), url("../../images/custom/icon_nach-oben.svg");
    padding-top: 45px;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 40px auto;
}
.a5-content-controls .pg-print {
    background: #ffffff url("../../images/custom/icon_drucken.png") no-repeat center center;
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../../images/custom/icon_drucken.svg");
    background: -webkit-linear-gradient(transparent, transparent), url("../../images/custom/icon_drucken.svg");
    background: linear-gradient(transparent, transparent), url("../../images/custom/icon_drucken.svg");
    padding-top: 45px;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 40px auto;
}
.a5-articles-list {
	padding-top: 22px;
}
.a5-articles-list section {
	background-color: rgb(239, 245, 250);
	margin-bottom: 5px;
}
.a5-articles-list section img {
	float: left;
	margin-right: 26px;
}
.a5-articles-list section .a5-text {
	padding: 13px 13px 0 0;
}
.a5-articles-list section .a5-text h3 {
	font-size: 1.25em;
	font-weight: 500;
}
.a5-articles-list section .a5-text .a5-meta {
	color: dimgrey;
	font-size: 1em;
	font-weight: 400;
	margin-bottom: 8px;
}


/* Sitemap */

.a5-sitemap-nav-level1-content {
	background: #f2f5fa;
	color: #3c3c46 !important;
	border-bottom: 1px solid #023787;
}
.a5-sitemap-nav-level1-item {
	list-style: none;
}
.a5-sitemap-nav {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.a5-sitemap-nav h4 a {
	color: #264595 !important;
	font-size: 1em;
}
.a5-sitemap-nav ul {
  margin: 0;
  padding: 0;
}

ul.a5-sitemap-nav-level1-list {
    margin-top: 20px;
}

.a5-sitemap-nav li {
  border-bottom: 1px solid #023787;
  list-style-type: none !important;
  margin: 0;
  padding: 0;
}
.a5-sitemap-nav li:last-child {
    border: none;
}
.a5-sitemap-nav li a,
.a5-sitemap-nav li em,
.a5-sitemap-nav li strong {
  padding-left: 5%;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  color: #3c3c46;
}

.a5-sitemap-nav li li a,
.a5-sitemap-nav li li em,
.a5-sitemap-nav li li strong {
  padding-left: 5%;
}

.a5-sitemap-nav li li li a,
.a5-sitemap-nav li li li em,
.a5-sitemap-nav li li li strong {
  padding-left: 7%;
}

.a5-sitemap-nav li li li a,
.a5-sitemap-nav li li li em,
.a5-sitemap-nav li li li strong {
  padding-left: 9%;
}

.a5-sitemap-nav li li li li a,
.a5-sitemap-nav li li li li em,
.a5-sitemap-nav li li li li strong {
  padding-left: 11%;
}

.a5-sitemap-nav li li li li li a,
.a5-sitemap-nav li li li li li em,
.a5-sitemap-nav li li li li li strong {
  padding-left: 13%;
}

.a5-sitemap-nav li li li li li li a,
.a5-sitemap-nav li li li li li li em,
.a5-sitemap-nav li li li li li li strong {
  padding-left: 15%;
}

.a5-sitemap-nav a,
.a5-sitemap-nav em,
.a5-sitemap-nav strong {
  width: 100%;
  display: block;
}
.a5-sitemap-nav a {
  font-weight: normal;
}
.a5-sitemap-nav-level1-item {
  float: left;
  list-style-type: none;
  margin: 0 2% 2.5em 0 !important;
  width: 49%;
}
.a5-sitemap-nav-level1-item:nth-child(2n) {
	margin-right: 0 !important;
}

/* Dienstleisungen */

.a5-simple a {
	color: #023787;
}
.a5-simple li {
	background: #ecf3fa;
	padding: 5px 10px;
}
.a5-simple li.a5-row1 {
	background: #fff ;
}

/* Presse / News */

.a5-dl-img-item dt {
	text-decoration: none;
}
.a5-dl-img-item
a.a5-dl-img-link {
    margin-bottom: 0.5em;
    display: block;
    color: #023787;
}
.a5-dl-img-item {
    display: table;
    table-layout: fixed;
    width: 100%;
    border-bottom: 5px solid #fff;
    background-color: rgb(239, 245, 250);
    padding-right: 1em;
}
.a5-dl-img-item:last-of-type {
	border-bottom: 0;
	margin-bottom: 20px;
}
.a5-dl-img-image {
	float: none !important;
	margin: 0 75% 0 0 !important;
	width: 24% !important;
    padding: 10px !important;
}
.a5-dl-img-item dt, .a5-dl-img-item dd {
    float: right;
    width: 75%;
    display: block;
    margin-left: -5px;
}
.a5-news-date {
	color: #666a6d !important
}
/* Webcam */
  .a5-webcam {
    background: #BCBCBC;
    /* border-radius: 5px; */
    margin: 0 0 1.26972em 0;
    padding: 4px;
  }

.a5-webcam h5 {
    background: #FFFFFF;
    border-bottom: solid 2px #515452;
    border-top-left-radius: 0.5em;
    border-top-right-radius: 0.5em;
    color: #515452;
    display: inline-block;
    font-size: 1.25em;
    margin-bottom: -0.0em;
    padding: 0.5em;
}
  .a5-webcam .progressbarlabel {
    background: url(../../images/custom/icon_reload-webcam.png) 0 .2em no-repeat;
    font-size: 1em;
    font-weight: bold;
    margin: 0 0 .2em 0;
    padding: .3em 0 .3em 24px;
  }
  .a5-webcam img {
    vertical-align: bottom;
    width: 100%;
  }
  .a5-webcam .progressbar-container {
    background: #023787;
    height: 12px;
    padding: 12px 6em 18px 10px;
    position: relative;
  }
  .a5-webcam .progressbartimer {
    color: #fff;
    font-weight: bold;
    margin: 0;
    position: absolute;
    top: .35em;
    right: 10px;
  }
  .a5-webcam .ui-progressbar {
    background: #F4A7A2;
    border-radius: 4px;
    height: 8px;
    margin: 0;
    overflow: hidden;
    text-align: left;
  }
  .a5-webcam .ui-progressbar .ui-progressbar-value {
    height: 100%;
    margin: -1px;
  }
  .a5-webcam .ui-widget-header {
    background: #fff;
    border: 1px solid #fff;
}
.a5-agr-i {
	margin-left: 10px;
	color: #262C3C;
	font-weight: bold;
	font-size: 19px;
	font-size: 1.2rem;
	border: 1px solid #262C3C;
	display: inline-block;
	padding: 2px 10px;
	text-decoration: none;
}

/* -- Aria Lightbox ---------------------------------------------------- */
a.a5-lightbox,
.a5-gallery a {
  font-size: 0;
}
.a5-gallery {
	padding: 0;
	margin: 0;
}
.a5-gallery a:focus {
  outline: 0 none !important;
}

a.a5-lightbox,
a.a5-lightbox-gallery-item {
  display: inline-block;
  position: relative;
}

a.a5-lightbox:hover,
a.a5-lightbox-gallery-item:hover {
  background: #023787 url("../../images/custom/magnifier3-2-white.svg") no-repeat 50% 50%;
}

a.a5-lightbox:hover img,
a.a5-lightbox-gallery-item:hover img {
  opacity: .25;
  filter: alpha(opacity=25);
}

.a5-lb-zoom {
  width: 32px;
  height: 32px;
  background: #023787 url("../../images/custom/magnifier3-2-white.svg") no-repeat 50% 50%;
  background-size: 80%;
  position: absolute;
  bottom: 0px;
}

.no-svg .a5-lb-zoom {
  background: #023787 url("../../images/custom/magnifier3-2.svg") no-repeat 50% 50%;
}

.a5-gallery li {
  background-image: none !important;
  display: inline-block;
  float: left;
  line-height: 1;
  margin: 0 2% 0 0;
   margin-bottom: 2% !important;
  overflow: hidden;
  padding: 0 !important;
  position: relative;
  text-align: center;
width: 32%;
}
.a5-gallery li:nth-child(3n) {
   margin-right: 0;
}
.a5-gallery img,
.a5-gallery a {
  border: 0;
  margin: 0;
  padding: 0;
  width: 100%;
}

.a5-gallery a {
  display: inline-block;
  overflow: hidden;
  position: relative;
}

.a5-gallery a:focus,
.a5-gallery a:hover,
.a5-gallery a:active {
  background: #023787 url("../../images/custom/magnifier3-2-white.svg") no-repeat 50% 50%;
}

.a5-gallery a:focus img,
.a5-gallery a:hover img,
.a5-gallery a:active img {
  opacity: .25;
  filter: alpha(opacity=25);
}

.no-svg .a5-gallery a:focus,
.no-svg .a5-gallery a:hover,
.no-svg .a5-gallery a:active {
  background: #023787 url("../../images/custom/magnifier3-2-white.png") no-repeat 50% 50%;
}

.no-svg .a5-gallery a:focus img,
.no-svg .a5-gallery a:hover img,
.no-svg .a5-gallery a:active img {
  opacity: .25;
  filter: alpha(opacity=25);
}

/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 6042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 6043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #cccccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}

.mfp-preloader a {
  color: #cccccc;
}

.mfp-preloader a:hover {
  color: white;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  filter: alpha(opacity=65);
  padding: 0 0 18px 10px;
  color: white;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}

.mfp-close:hover, .mfp-close:focus {
  opacity: 1;
  filter: alpha(opacity=100);
}

.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333333;
}

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
  color: white;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #cccccc;
  font-size: 12px;
  line-height: 18px;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  filter: alpha(opacity=65);
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent;
}

.mfp-arrow:active {
  margin-top: -54px;
}

.mfp-arrow:hover, .mfp-arrow:focus {
  opacity: 1;
  filter: alpha(opacity=100);
}

.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}

.mfp-arrow:after, .mfp-arrow .mfp-a {
  border-top-width: 30px;
  border-bottom-width: 30px;
  top: 8px;
}

.mfp-arrow:before, .mfp-arrow .mfp-b {
  border-top-width: 30px;
  border-bottom-width: 30px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}

.mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
  border-right: 40px solid white;
  margin-left: 15px;
}

.mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
  margin-left: 25px;
  border-right: 40px solid #3f3f3f;
}

.mfp-arrow-right {
  right: 0;
}

.mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
  border-left: 40px solid white;
  margin-left: 25px;
}

.mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
  border-left: 40px solid #3f3f3f;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}

.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}

.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
          box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: black;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}

.mfp-figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
          box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444444;
}

.mfp-figure small {
  color: #bdbdbd;
  display: block;
  font-size: 12px;
  line-height: 14px;
}

.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #f3f3f3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

/*  google maps */
.my-toggle-content {
    display: none;
}
#my-map-canvas {
    width: 100%;
    height: 400px;
    margin: 2em 0;
}
#my-map-canvas.active {
    outline: 1px solid #000000;
}

/* == OPEN STREET MAP LEAFLET =============================================== */
#ym-map-leaflet-wrapper {
  height: 450px;
  width: 100%;
  z-index: 1;
}

.leaflet-popup-content h3 {
  background: none !important;
  padding: 0 !important;
  margin: 0 !important;
  line-height: normal !important;
}

.leaflet-container a {
  color: #023787 !important;
}

/* == OPEN STREET MAP =============================================== */
#ym-map-wrapper {
  padding: 0;
  background: #fff;
  margin-bottom: 1em;
}

#ym-map-wrapper .olControlAttribution {
  font-size: 12px;
  right: 3px;
  bottom: 12px;
  position: absolute;
  display: block;
}

#mapdiv {
  width: 100%;
  /*height: calc(100vh - 212px);
  min-height: 450px;*/
  height: 450px;
}

.olPopupContent {
  font-size: 0.8em;
}

.olPopupContent p {
  margin: 0;
}

.playground-finder-selector-wrapper {
  background: #023787;
  padding: 10px;
  margin-bottom: 1px;
}

.playground-finder-selector-wrapper:after {
  content: " ";
  display: block;
  clear: both;
}

.playground-finder-selector-wrapper a {
  color: #ffffff;
}

.playground-finder-selector-wrapper a:first-child {
  float: left;
}

.playground-finder-selector-wrapper a:last-child {
  float: right;
}

.playground-finder-categories {
  border: 1px solid #023787;
  border-top: none;
  margin: 0;
  padding: 10px;
}

.ym-content .playground-finder-categories li {
  background-position: 0 6px;
  margin: 2px 0;
}

.playground-finder-categories li label {
  display: block;
  padding-left: 15px;
  text-indent: -15px;
}

.playground-finder-categories li label input {
  width: 20px;
  height: 13px;
  padding: 0;
  margin: 0;
  vertical-align: bottom;
  position: relative;
  top: -5px;
  *overflow: hidden;
}

.app-listview li {
  list-style-type: none !important;
}


/* Accordion */

.js-toggle_expand {
	display: none;
}
.a5-active + .js-toggle_expand {
	display: block;
}
.a5-content .a5-toggle-box-wrapper.ym-wrapper {
  padding: 0px 0px;
}
.js-enable .js-accordion-header {
  cursor: pointer;
}
.a5-toggle-box-wrapper .a5-accordion-wrapper {
  margin-bottom: 0;
}
.a5-accordion-wrapper .js-expandmore-button {
   background-color: #fff !important;
}
.a5-accordion-wrapper {
  /* This is the opened state */
  /* This is the hidden state */
  /* style for button and headline */
  /* js active hide this */
  /* style for button */
  /* now with icon when js is active */
  /* without js */
  /* with js */
  /* whith js hide it when its true */
  /* content box for no js and js */
  margin-bottom: 30px;
}


.a5-accordion-wrapper .expandmore__to_expand {
  display: block;
  /* magic number for max-height = enough height */
  max-height: 200em;
  opacity: 1;
  overflow: hidden;
  -webkit-transition: visibility 0s ease, max-height 1s ease, opacity 1s ease;
  transition: visibility 0s ease, max-height 1s ease, opacity 1s ease;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  visibility: visible;
  /*  padding: 0px 0 30px 0;  caused problems with not used empty space*/
}

.a5-accordion-wrapper .expandmore__to_expand[data-hidden=true] {
  display: block;
  max-height: 0;
  opacity: 0;
  -webkit-transition-delay: 1s, 0s, 0s;
          transition-delay: 1s, 0s, 0s;
  visibility: hidden;
  padding-top: 0;
  padding-bottom: 0;
}
#box-dark-wrapper1 .js-expandmore-button {
  padding: 0 0 0px 60px !important;
}

.a5-toggle-box-wrapper {
  margin: 40px auto;
}

.a5-toggle-box-wrapper .a5-accordion-wrapper:last-of-type .js-expandmore-button {
  border-bottom: 1px solid #023787 !important;
}
.a5-toggle-wrapper .js-toggle,
.a5-accordion-wrapper .js-expandmore-button {
  border-top: 1px solid #023787 !important;
  border-bottom: 1px solid #023787 !important;
  border: 0;
  color: #023787 !important;
  cursor: pointer;
  display: block !important;
  margin: 0 !important;
  /*padding: 15px 10px;*/
  padding-left: 0px !important;
  text-align: left;
  text-decoration: underline;
  width: 100% !important;
  margin: 0 0 0.85em;
}
.a5-toggle-wrapper {
  margin-bottom: -9px;
}
.a5-toggle-box-wrapper section:last-of-type .js-toggle {
  border-bottom: 1px solid #023787 !important;
}
.a5-accordion-wrapper .js-expandmore-button:hover, .a5-accordion-wrapper .js-expandmore-button:focus, .a5-accordion-wrapper .js-expandmore-button:active {
  border: 0;
  outline: 2px solid rgba(255,255,255,.1);
  text-decoration: none !important;
}

.a5-accordion-wrapper .js-expandmore-button:hover::-moz-focus-inner, .a5-accordion-wrapper .js-expandmore-button:focus::-moz-focus-inner, .a5-accordion-wrapper .js-expandmore-button:active::-moz-focus-inner {
  border: 1px solid transparent;
}

.a5-accordion-wrapper .js-expandmore-button:hover:focus, .a5-accordion-wrapper .js-expandmore-button:focus:focus, .a5-accordion-wrapper .js-expandmore-button:active:focus {
  text-decoration: underline;
}
.js-to_expand .expand-inner {
	padding: 20px 0px 20px 0px;
}
.a5-accordion-wrapper .a5-accordion-header {
  border: 2px solid #a32929;
  margin-bottom: 0;
}

.a5-accordion-wrapper .no-js .a5-accordion-header {
  padding: 10px;
}

.a5-accordion-wrapper .a5-accordion-header {
  color: #023787;
  font-weight: bold;
}

.a5-accordion-wrapper .a5-accordion-content {
  background-color: #d65c5c;
  padding: 30px;
}

.a5-accordion-wrapper .a5-accordion-content a {
  color: #000000;
  text-decoration: underline;
}

.a5-accordion-wrapper .a5-accordion-content a:hover, .a5-accordion-wrapper .a5-accordion-content a:focus, .a5-accordion-wrapper .a5-accordion-content a:active {
  outline: 2px solid #000000;
}

.a5-accordion-wrapper + .a5-accordion-wrapper {
  margin-top: -3px;
}

.a5-accordion-wrapper .js-expandmore {
  color: #023787;
  position: relative;
  font-size: 135.29412%;
  font-weight: 400;
  line-height: 1.34522;
  padding: 0px 0px;
  margin: 0;
}
.a5-toggle-wrapper .js-toggle,
.a5-accordion-wrapper .js-expandmore-button {
  background: #ffffff url("../../images/custom/pfeil_akkordeon-oeffnen.png") no-repeat center center;
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../../images/custom/icon-akkordeon-oeffnen-grau.svg");
  background: -webkit-linear-gradient(transparent, transparent), url("../../images/custom/pfeil_akkordeon-oeffnen.svg");
  background: linear-gradient(transparent, transparent), url("../../images/custom/pfeil_akkordeon-oeffnen.svg");
  background-color: #ffffff;
  background-position: 10px center;
  background-repeat: no-repeat;
  background-size: 40px 40px;
  padding: 1em 2.5em 1em 0;
  padding-left: 65px !important;
  color: #023787;
  font-weight: inherit;
}

.a5-accordion-wrapper .js-expandmore-button:hover, .a5-accordion-wrapper .js-expandmore-button:focus, .a5-accordion-wrapper .js-expandmore-button:active {
  text-decoration: underline;
}

.a5-toggle-wrapper .a5-active .js-toggle,
.a5-accordion-wrapper .js-expandmore-button.is-opened {
  background: #ffffff url("../../images/custom/pfeil_akkordeon-schliessen.png") no-repeat 10px center;
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../../images/custom/pfeil_akkordeon-schliessen.svg");
  background: -webkit-linear-gradient(transparent, transparent), url("../../images/custom/pfeil_akkordeon-schliessen.svg");
  background: linear-gradient(transparent, transparent), url("../../images/custom/pfeil_akkordeon-schliessen.svg");
  background-position: 10px center;
  background-repeat: no-repeat;
  background-size: 40px 40px;
  color: #023787 !important;
  text-decoration: underline;
  border-bottom: 1px solid #023787;
}


.a5-accordion-wrapper .js-expandmore-button:hover:after,
.a5-accordion-wrapper .js-expandmore-button:focus:after,
.a5-accordion-wrapper .js-expandmore-button:active:after {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}

.a5-accordion-wrapper .js-expandmore-button.is-opened:hover:after,
.a5-accordion-wrapper .js-expandmore-button.is-opened:focus:after,
.a5-accordion-wrapper .js-expandmore-button.is-opened:active:after {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.a5-accordion-wrapper.a5-accordion-wrapper-dark .js-expandmore-button::after {
  display: none;
}

.a5-accordion-wrapper.a5-accordion-wrapper-dark .js-to_expand {
  background-color: #f5f5f5;
  border: 1px solid #C5C5C5;
  padding: 1em;
  margin-top: -1px;
}

.a5-accordion-wrapper .a5-accordion-headline-dark {

}

.a5-accordion-wrapper .a5-accordion-headline-dark .js-expandmore-button:after {
  display: none;
}

.a5-accordion-wrapper .a5-accordion-headline-dark .js-expandmore-button.is-opened:after {
  display: none;
}

.a5-accordion-wrapper .js-a5-accordion__header,
.a5-accordion-wrapper .js-accordion__header {
  border: none;
  display: block;
  font-size: 1em;
  font-weight: 700;
  padding: 10px 0 6px;
  position: relative;
  vertical-align: middle;
  text-align: center;
}

.a5-accordion-wrapper .js-a5-accordion__title {
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.a5-accordion-wrapper .js-a5-accordion__header {
  display: inline-block;
}

.a5-accordion-wrapper .js-a5-accordion__header:hover,
.a5-accordion-wrapper .js-a5-accordion__header:focus {
  cursor: pointer;
}

.a5-accordion-wrapper button::-moz-focus-inner {
  border: 0;
  outline: 0;
}

.a5-accordion-wrapper .js-a5-accordion__panel {
  display: block;
  /* magic number for max-height = enough height for all realy old browser */
  max-height: 200em;
  opacity: 1;
  overflow: hidden;
  -webkit-transition: visibility 0s ease, max-height 1s ease, opacity 1s ease;
  transition: visibility 0s ease, max-height 1s ease, opacity 1s ease;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  visibility: visible;
  margin-bottom: 0;
  /*padding: 12px 20px 18px;*/
}

.a5-accordion-wrapper .js-a5-accordion__panel[aria-hidden=true] {
  display: block;
  max-height: 0;
  padding: 0;
  opacity: 0;
  -webkit-transition-delay: 1s, 0s, 0s;
          transition-delay: 1s, 0s, 0s;
  visibility: hidden;
}

.a5-accordion-wrapper .js-accordion__panel {
  display: block;
}

.a5-accordion-wrapper .js-accordion__panel[aria-hidden=true] {
  display: none;
}

.a5-accordion-wrapper .js-accordion__panel[role="tabpanel"] .js-accordion__header {
  display: none;
}

.a5-accordion-wrapper button.js-accordion__header {
  display: block;
}

.a5-accordion-wrapper .js-accordion__header[aria-expanded="true"]:before {
  content: "- ";
}

.a5-accordion-wrapper .js-accordion__header[aria-expanded="false"]:before {
  content: "+ ";
}

.a5-accordion-wrapper .js-accordion__header[aria-selected="true"]:after {
  content: " (ausgewählt)";
}

.a5-accordion-wrapper .js-accordion__header[aria-selected="false"]:after {
  content: " (nicht ausgewählt)";
}

.a5-accordion-wrapper #page {
  width: 960px;
}

/* NOTE: The styles were added inline because Prefixfree needs access to your styles and they must be inlined if they are on local disk! */
/**
* The very clever styling, which allows to display headings side-by-side even though there are divs in between them, is from Vesa Piittinen (https://codepen.io/Merri/)
*
*/
.accordion .tab:before {
  content: '';
  display: inline-block;
  position: relative;
  border: 9px solid transparent;
  /*adjust size*/
  border-left-color: #ffffff;
}

.accordion .tab.selected:before {
  display: inline-block;
  top: 7px;
  left: -5px;
  border-color: transparent;
  /*adjust size*/
  border-top-color: #ffffff;
}

.accordion .tab:hover, .accordion .tab:focus, .accordion .tab:active {
  cursor: pointer;
}

/**
 * to position the skip link properly
 */
.widget {
  position: relative;
}

/**
 * to contain the floats
 */
.tabpanel:after {
  content: '';
  display: block;
  clear: left;
}

/**
 * the width is there to make floats *drop*
 */
.tabpanel .panel > div {
  float: left;
  width: 100%;
}

/**
 * to show the tabs next to each other
 */
.tabpanel .tab {
  display: inline-block;
  font-size: 17px;
  font-weight: 400;
}

/**
 * we don't want "text" and pointer would not be appropriate
 */
.tabpanel .tab:hover, .tabpanel .tab:focus, .tabpanel .tab:active {
  cursor: pointer;
  text-decoration: underline;
  outline: none;
}

/**
 * This is how we hide the panels
 */
.panel {
  display: none;
}

/**
 * This is how we reveal the panel that follows the 'selected' tab
 */
.selected + .panel {
  display: inline;
}

#skip-widget {
  display: block;
  position: absolute;
  height: 0;
  width: 0;
  overflow: hidden;
}

#skip-widget:focus {
  bottom: 0;
  height: auto;
  width: auto;
  left: 0;
  right: 0;
}

#skip-widget:focus {
  padding: 5px;
  background-color: #023787;
}

.accordion #skip-widget:focus {
  bottom: -3.5em;
}

/**
 * RULES BELOW ARE ONLY RELATED TO HOW THINGS LOOK
 */
.tab {
  margin: 0;
  padding: 10px 15px;
  font-weight: bold;
  background-color: #023787;
  border: 1px solid rgb(239, 245, 250);
  color: #ffffff !important;
}

.tabpanel .tab {
  margin: .2em 1px -1px 0;
}

.tabpanel .tab,
.tabpanel .panel > div {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.selected + .panel > div {
    border: 0px solid #ffffff;
}

.tabpanel .selected + .panel > div {
  border-radius: 0;
  width: 100%;
  box-sizing: border-box;
}

.a5-result-search-wrapper .content {
    display:inline-flex;

}
.tabpanel .selected {
  color: #023787 !important;
  background-color: #ffffff;
  border: 1px solid #023787;
}


/* Slick Slider */
.a5-fullscreen-slider-wrapper {
    background: #f7f9fa;
    border-top: 1px solid #023787;
    border-bottom: 1px solid #023787;
    padding:30px 0px 0px 0px;
}
.a5-fullscreen-slider {
    max-width: 1320px;
    margin: 0 auto;
}
.a5-fullscreen-slider a {
    font-size: 1.3em;
    display: block;
}
.a5-fullscreen-slider a img {
    margin-bottom: 10px;
}
.a5-fullscreen-slider .slick-slide {
    width: 100%;

}
.a5-fullscreen-slider .slick-slide img {
    width: 100%;
}
.a5-content-slider .a5-slider-item-left,
.a5-content-slider .a5-slider-item-right {
    float: left;
}
.a5-content-slider {
    border-top: 1px solid #023787;
    padding:30px 0px 0px 0px;
}
.a5-content-slider .slick-dots {
    border-bottom: 1px solid #023787;
    padding-bottom: 10px;
}
.a5-content-slider h5 {
    font-weight: bold;
    margin-bottom: 20px;
}
.a5-content-slider .a5-slider-item-left {
    width: 30%;
}
.a5-content-slider .a5-slider-item-right {
    width: 70%;
    padding-left: 30px;
}
.a5-content-slider .slick-prev,
.a5-content-slider .slick-next {
    border-radius: 100%;
}
.a5-fullscreen-slider .slick-prev,
.a5-content-slider .slick-prev {
    background-color: #d21c31 !important;
    border-radius: 100%;
    left: 0px;
    height: 40px;
    z-index: 10;
    width: 40px;
}
.slick-disabled {
	opacity: .3 !important;
}
.a5-fullscreen-slider .slick-next,
.a5-content-slider .slick-next {
    background-color: #d21c31 !important;
    border-radius: 100%;
    right: 10px;
    height: 40px;
    z-index: 10;
    width: 40px;
}
.a5-content-slider .slick-prev,
.a5-content-slider .slick-next {
    margin-top: 20px;
}
.a5-content-slider .slick-next:hover,
.a5-content-slider .slick-prev:hover {
    background: #d21c31;
}
.a5-fullscreen-slider .slick-prev::before,
.a5-fullscreen-slider .slick-next::before,
.a5-content-slider .slick-next::before,
.a5-content-slider .slick-prev::before {
    border-radius: 100% !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-color: #d21c31 !important;
    color: #023787;
    content:'';
    height:40px;
    width: 40px !important;
    display: block;
    opacity: 1 !important;
}
.a5-fullscreen-slider .slick-prev::before,
.a5-content-slider .slick-prev::before {
    background: #ffffff url("../../images/custom/pfeil_slider_links.png") no-repeat center center;
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../../images/custom/pfeil_slider_links.svg");
    background: -webkit-linear-gradient(transparent, transparent), url("../../images/custom/pfeil__slider_links.svg");
    background: linear-gradient(transparent, transparent), url("../../images/custom/pfeil_slider_links.svg");
}
.a5-fullscreen-slider .slick-next::before,
.a5-content-slider .slick-next::before {
    background: #ffffff url("../../images/custom/pfeil_slider_rechts.png") no-repeat center center;
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../../images/custom/pfeil_slider_rechts.svg");
    background: -webkit-linear-gradient(transparent, transparent), url("../../images/custom/pfeil_slider_rechts.svg");
    background: linear-gradient(transparent, transparent), url("../../images/custom/pfeil_slider_rechts.svg");
}
.a5-filmstrip-slider {
    padding: 20px 0px 15px 0px;
    border-top: 1px solid #023787;
    border-bottom: 1px solid #023787;
}
.a5-filmstrip-slider .slick-prev {
    background-color: #fff !important;
    left: 0px;
    height: 99%;
    z-index: 10;
}
.a5-filmstrip-slider .slick-next {
    background-color: #fff !important;
    right: 10px;
    height: 99%;
    z-index: 10;
}
.a5-filmstrip-slider .slick-next:hover,
.a5-filmstrip-slider .slick-prev:hover {
    background: #fff;
}
.a5-filmstrip-slider .slick-next::before,
.a5-filmstrip-slider .slick-prev::before {
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-color: #fff !important;
    color: #023787;
    content:'';
    height:100%;
    width: 30px !important;
    display: block;
    opacity: 1 !important;
}
.a5-filmstrip-slider .slick-prev::before {
    background: #ffffff url("../../images/custom/pfeil_navi_links.png") no-repeat center center;
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../../images/custom/pfeil_navi_links.svg");
    background: -webkit-linear-gradient(transparent, transparent), url("../../images/custom/pfeil_navi_links.svg");
    background: linear-gradient(transparent, transparent), url("../../images/custom/pfeil_navi_links.svg");
    background-size: 30px auto !important;
}
.a5-filmstrip-slider .slick-next::before {
    background: #ffffff url("../../images/custom/pfeil_navi.png") no-repeat center center;
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../../images/custom/pfeil_navi.svg");
    background: -webkit-linear-gradient(transparent, transparent), url("../../images/custom/pfeil_navi.svg");
    background: linear-gradient(transparent, transparent), url("../../images/custom/pfeil_navi.svg");
    background-size: 30px auto !important;
}
.a5-filmstrip-slider .slick-slide {
    margin: 0px 10px !important;
}

.a5-slick-slider {
    margin-bottom: 60px !important;
}
.a5-filmstrip-slider {
    margin-bottom: 20px !important;
}
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}
.slick-slide
{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

.slick-slide {
    margin: 0 27px;
  }
  /* the parent */
  .slick-list {
    padding: 0px 27px;
  }

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('./fonts/slick.eot');
    src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -40px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;
    border-radius: 100%;
    background: #023787;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    background: #fff;
    border-radius: 100%;
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 12px;
    height: 12px;
    margin:4px;

    content: '';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    opacity: 0;
}
.slick-dots li.slick-active button {
    background:#d21c31;
}
.slick-dots li.slick-active button:before
{
    opacity: 1;
}


/*
Copyright (c) 2014, eBay Software Foundation
All rights reserved.

Redistribution and use in source and binary forms, with or without modification,
are permitted provided that the following conditions are met:

* Redistributions of source code must retain the above copyright notice, this
  list of conditions and the following disclaimer.

* Redistributions in binary form must reproduce the above copyright notice, this
  list of conditions and the following disclaimer in the documentation and/or
  other materials provided with the distribution.

* Neither the name of the eBay nor the names of its
  subsidiaries or affiliates may be used to endorse or promote products derived from
  this software without specific prior written permission.

THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE FOR
ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
(INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON
ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
*/

/* Search */
hr {
	border-top: 0px;
	background: 0px;
}
.a5-search-list a {
	color: #023787;
	font-size:1.2em;
}


@media screen and (max-width:1500px) {
	 .a5-aside-box .a5-inner-box {
		right: 0;
		width: auto;
		left: 0;
		padding: 20px 13px;
		top: auto;
		bottom: 100%;
		opacity: 0;
		visibility: hidden;
	}
	.js-enable #a5-logo {
	    margin-left: -20px;
	    margin-top: -20px;
	}
}
@media screen and (max-width:1250px) {
	.a5-content-share {
		display: block;
		margin-bottom: 20px;
	}
	.a5-content-share picture img {
		transform: translate(0px,4px);
		max-width: 20px;
	}
	.a5-content-share ul li a {
		background: #fff;
	}
	.js-enable .a5-mob-open {
		background: url("../../images/custom/icon_x.png") no-repeat center center;
		background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../../images/custom/icon_x.svg");
		background: -webkit-linear-gradient(transparent, transparent), url("../../images/custom/icon_x.svg");
		background: linear-gradient(transparent, transparent), url("../../images/custom/icon_x.svg");
		border: none;
		background-size: 40px auto;
		background-position: center center;
		float: right;
		display: block;
		height: 50px;
		width: 50px
	}
	.js-enable .a5-aside-info {
	    border-top: 3px solid #fff;
		bottom: 0px;
		left: 0px;
		right: 0px;
		margin-top: 0;
		top: auto;
		right: auto;
		transition: bottom .2s;
		white-space: nowrap;
		width: 100%;
	}
	.js-enable .a5-aside-info .a5-aside-box > button, .js-enable .a5-aside-info .a5-aside-box > a {
	    font-size: 1.2em;
	    font-weight: normal;
	    text-decoration: underline;
	}
	.js-enable .a5-aside-info ul {
		width: calc(100% - 60px);
		max-width: none;
	}
	.js-enable .a5-aside-info ul li {
		width: 33.333333%;
		border-bottom: 0px;
	}
	.a5-aside-box picture {
	    display: none;
	}
	.js-enable .a5-aside-info.a5-aside-open {
		bottom: 0;
		z-index: 2000;
	}
	.js-enable .a5-aside-info.a5-aside-open .a5-mob-open:before {
		transform: rotate(0deg);
	}
	.js-enable .a5-aside-box {
		display: inline-block;
		white-space: normal;
	}
	.js-enable .a5-aside-box.a5-aside-share {
		display: none;
	}
	.js-enable .a5-aside-info .a5-aside-box strong {
	    font-weight: 300;
	}
	.js-enable .a5-aside-info .a5-aside-box > button,
	.js-enable .a5-aside-info .a5-aside-box > a {
		border: none;
		max-height: 50px;
        width: 100%;
	}
	.js-enable .a5-aside-info .a5-aside-box > a .svg-with-fallback svg {
		max-height: 35px;
	}
	.js-enable .a5-aside-box.a5-active > a {
		background: #023787;
		color: #fff;
	}
	.js-enable .a5-aside-box.a5-active .a5-inner-box {
		bottom: 72px;
		box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
		opacity: 1;
		visibility: visible;
	}
	.js-enable .a5-aside-info {
	    background: #d21c31;
	}
	.js-enable .a5-aside-info ul li {
	    margin-bottom: 0;
	}
	.js-enable .a5-aside-box.a5-active .a5-inner-box {
	    width: 100%;
	    top: -270px;
	    height: 270px;
	    box-shadow: 0px -10px 10px rgba(0,0,0,.2);
	}
}
@media screen and (max-width:1024px) {
	.ym-nav nav > ul > li > a {
		font-size:1em;
		padding: 0 20px;
	}
	.a5-footer-newsletter {
		margin-bottom: 0;
	}
	.a5-gallery li {
    width: 32%;
    float: left;
    margin: 0 2% 0 0;
}
.a5-gallery li:nth-child(3n) {

}

.a5-contain-dt ul.a5-gallery {
    margin-left: 0px;
}

}
@media screen and (max-width:960px) {
	.a5-events .a5-top-item {
		padding-bottom: 28px;
	}
	.a5-news-section .a5-top-item:before, .a5-calendar-section .a5-top-item:before {
		display: none;
	}
	.a5-events .a5-top-item a,
	.a5-events .a5-top-item time {
		width: 100%;
	}
	#contacts .ym-gl {
	float: none;
	margin-top: 1.75em;
	}
	#contacts .ym-gr {
	float: none;
	margin-top: 1.75em;
	margin-left: 0;
	}
}
@media screen and (max-width:860px) {
	body {
		left: 0;
		position: relative;
	    padding-top: 0px;
	}
	html {
		overflow-x: hidden;
	}
	.a5-events .a5-news-section, .a5-events .a5-calendar-section, .a5-events .a5-photo-section {
		width: 100%;
		padding: 0;
		margin-bottom: 55px;
	}
	.a5-events .a5-photo-section .a5-photo-wrap {
		max-width: 540px;
	}
	.a5-events .a5-calendar-section:last-child {
		margin-bottom: 0;
	}
	.a5-open ul{
		display: block !important;
		}
	.a5-open ul li a {
		padding-left: 10px !important;
		}
	.a5-open ul li a {
		color: #fff !important;
		}
	.js-enable header > .ym-wrapper {
		position: relative;
	}
	.rslides_tabs_wrappper {
		display: none;
	}
	.rslides li {
		padding: 0;
	}
	.a5-slider-box .ym-wrapper {
		padding: 0;
	}
	.a5-slider-teaser {
		width: calc(100% - 20px);
		font-size: 1.3em;
		left: 20px;
		top: 20px;
	}
	.a5-slider-teaser ul li {
		width: 95%;
	}
	.a5-slider-teaser ul li a {
		margin-left: 0px;
	}
	.rslides img{
    	border: 0;
    	display: block;
    	float: left;
    	height: auto;
    	width: auto;
    	min-height: 220px;
    	min-width: 700px;
	}
	.rslides {
	    height: auto;
	}
	.rslides_nav.rslides1_nav.next {
	    background: #ffffff url("../../images/custom/pfeil-mobile-slider.png") no-repeat center center;
	    background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../../images/custom/pfeil-mobile-slider.svg");
	    background: -webkit-linear-gradient(transparent, transparent), url("../../images/custom/pfeil-mobile-slider.svg");
	    background: linear-gradient(transparent, transparent), url("../../images/custom/pfeil-mobile-slider.svg");
	    display: block;
	    text-indent: 300px;
	    position: absolute;
	    bottom: 10px;
	    left: 0px;
	    right: 0px;
	    margin: 0 auto;
	    background-color: #fff;
	    z-index: 10;
	    background-position: center;
	    background-size: contain;
	}
}
@media screen and (max-width:800px) {
	.a5-search-box {
		padding: 25px 0;
		margin-right: 30px;
	}
	.a5-sitemap-nav-level1-item {
	  width: 100%;
	}
}
@media screen and (max-width:760px) {
	.a5-image-text-box .a5-image-text-item {
		width: 48%;
		min-height: 340px;
		margin-bottom: 30px;
	}
	.a5-content-box .a5-aside-nav {
		float: none;
		padding: 0;
		width: 100%;
		margin-bottom: 30px;
	}
	.a5-content {
		width: 100%;
	}

	.ym-columnar .ym-fbox-text label, .ym-columnar .ym-fbox-select label {
	    display: block;
	    float: none;
	    width: 100%;
	}
	.ym-columnar .ym-fbox-select select, .ym-columnar .ym-fbox-text input, .ym-columnar .ym-fbox-text textarea {
	    float: none;
	    width: 100%;
	    margin-right: -3px;
	}
	.js-form-info-box-content,
	.ym-columnar .ym-fbox-check input, .ym-columnar .ym-error .ym-message {
		margin-left: 0;
	}
	.ym-form .ym-fbox-select, .ym-form .ym-fbox-text, .ym-form .ym-fbox-button {
		padding: 0;
	}
	.ym-columnar fieldset .ym-fbox-button, fieldset.ym-columnar .ym-fbox-button {
		padding-left: 0;
		width: 100%;
	}
	.a5-aside-nav h2 {
		margin-bottom: 0 !important;
	}
	.a5-aside-nav ul {
	/*	padding: 10px 0 10px 0; */
		margin-top: 0px;
	 	background: rgb(239, 245, 250);
	}
	.a5-aside-nav > ul {
		padding: 20px;
	}
 	.a5-aside-nav-toggle {
 	 	display: block;
 	}
 	.a5-aside-nav-toggle + h2,
 	.a5-aside-nav-toggle + h2 + ul {
        display: none;
    }
    .a5-aside-nav-toggle.open + h2,
    .a5-aside-nav-toggle.open + h2 + ul {
        display: block;
        border: 1px solid #023787;
        padding: 0px;
    }
    .a5-aside-nav-toggle.open + h2 + ul li:last-child {
        border: 0px;
    }
    .js-enable .a5-aside-info .a5-aside-box > button, .js-enable .a5-aside-info .a5-aside-box > a {
    	width: 100%;
    	border: 0px !important;
    }
    .a5-aside-nav .a5-aside-nav-toggle + h2 + h3,
    .a5-aside-nav .a5-aside-nav-toggle + h2 + h3 + ul {
    	display: none;
    }
    .a5-aside-nav .a5-aside-nav-toggle.open + h2 + h3,
    .a5-aside-nav .a5-aside-nav-toggle.open + h2 + h3 + ul {
    	display: block;
    }
	.mfp-arrow:after, .mfp-arrow .mfp-a {
		border-top-width: 15px;
		border-bottom-width: 15px;
	}
	.mfp-arrow:before, .mfp-arrow .mfp-b {
		border-top-width: 15px;
		border-bottom-width: 15px;
	}
	.mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
		border-right: 25px solid white;
	}
	.mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
		border-right: 25px solid #3f3f3f;
	}
	.mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
		border-left: 25px solid white;
	}
	.mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
		border-left: 25px solid #3f3f3f;
	}
	footer .ym-g33,
	.a5-footer-contact {
		padding: 0;
		margin-bottom: 30px;
		width: 100%;
	}
	.a5-list-column-wrapper {
	    width: 100%;
	    padding: 0;
	}
	.a5-image-link-list-nav picture {
	    float: left;
	    height: 30px;
	    width: 30px;
	    margin: 0 10px 0 0;
	}
	.ym-nav nav > ul > li > a {
	    padding: 0 15px;
	}
	.a5-list-element-wrapper .a5-contain-dt  .a5-article-txt,
	.a5-list-element-wrapper .a5-contain-dt  .a5-article-img {
	    width: 100% !important;
	    padding-left: 0px;
	}
	.a5-list-element-wrapper .a5-contain-dt  .a5-article-img {
	    margin-bottom: 20px;
	}
	.ym-form .ym-fbox-check,
	.ym-form .ym-fbox-select, .ym-form .ym-fbox-text, .ym-form .ym-fbox-button {
	    padding: 10px 20px 10px 20px!important;
	}
	.ym-form {
	    padding-bottom: 0px;
	}
}
/* ML @media screen and (max-width:640px) { */
  @media screen and (max-width:991px) {
    .a5-content { /* ML */
      width: 100%;
    }
    .a5-menu-btn,
    .a5-search-btn-toggle {
        display: block;
    }
    .ym-menu-opened .a5-menu-btn {
        background: url("../../images/custom/icon_mobile_menu_open.png") !important;
        background-size: contain !important;
        background-position: center center;
        background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../../images/custom/icon_mobile_menu_open.svg") !important;
        background: -webkit-linear-gradient(transparent, transparent), url("../../images/custom/icon_mobile_menu_open.svg") !important;
        background: linear-gradient(transparent, transparent), url("../../images/custom/icon_mobile_menu_open.svg") !important;
        background-color: #023787 !important;
        outline: 5px solid #023787;
        background-size: contain !important;
    }
    .ym-search-opened .a5-search-btn-toggle {
        background: url("../../images/custom/icon_search_open.png") no-repeat center center;
        background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../../images/custom/icon_search_open.svg");
        background: -webkit-linear-gradient(transparent, transparent), url("../../images/custom/icon_search_open.svg");
        background: linear-gradient(transparent, transparent), url("../../images/custom/icon_search_open.svg");
        background-color: #023787;
        outline: 5px solid #023787;
        background-size: contain;
    }
    header {
        border-bottom: 1px solid #023787;
        position: fixed;
        width: 100%;
        top: 0;
        overflow-y: scroll; /* ML */
    }
    main {
        margin-top: 50px;
    }
    .ym-nav {
        border: 0;
    }
    .ym-nav nav > ul > li > a {
    	padding: 0 15px;
    	}
    .ym-nav li,
    .ym-nav ul li{
    	float: none;
    	width: 100%;
    	position: relative;
    	}
    .js-enable .ym-nav nav {
    	background: #fff;
    	}
    .js-enable .ym-nav nav a {
    	color: #000;
    	}
    .js-enable .ym-nav nav > ul {
    	border-top: 1px solid #023787;
    	}
    .js-enable .ym-nav nav > ul > li {
    	border-bottom: 1px solid #023787;
    	}
    .js-enable .ym-nav nav > ul > li:last-child {
    	border: none;
    	}
    /* .js-enable .ym-nav nav > ul > li ul {
    	position: relative;
    	display: none;
    	} */
    .ym-menu-opened .ym-nav nav {
    	box-shadow:0px 10px 10px rgba(0, 0, 0, 0.5) !important
    	}
    .ym-nav nav > ul > li > a {
    	padding: 10px 10px !important;
    	}
    .ym-nav nav {
    	float: none;
    	margin-bottom: 0;
    	vertical-align: middle;
    	background-color: #023787;
    	padding: 0;
    	position: absolute;
    	right: -100%;
    	width: 100%;
    	top: 70px;
        display: none;
    	}
    .ym-menu-opened .ym-nav nav {
    	right: 0;
    	display: block;
    	-moz-box-shadow: -5px 0 16px rgba(0, 19, 44, 0.75);
    	-webkit-box-shadow: -5px 0 16px rgba(0, 19, 44, 0.75);
    	box-shadow: -5px 0 16px rgba(0, 19, 44, 0.75);
    	}
    .ym-nav nav > ul > li {
    	display: block;
    	}
    .ym-nav nav > ul > li > a,
    .ym-nav nav > ul > li > strong {
    	border-bottom: 1px solid rgba(255,255,255,.1);
    	color: #fff;
    	display: block;
    	line-height: 1.5em;
    	padding: 10px 30px;
    	}
    /* ML .ym-nav nav > ul > li ul {
    	display: none;
    	left: auto;
    	opacity: 1;
    	display: block;
    	padding: 0;
    	position: relative;
    	top: auto;
    	visibility: visible;
    	} */
    .ym-nav nav > ul > li ul li a{
    	padding: 10px 20px 10px 50px;
    	white-space: normal;
    	}
    .ym-nav nav > ul > li strong {
    	padding: 10px 20px 10px 10px;
    	white-space: normal;
    }
    .ym-nav nav > ul > li ul li:last-child a {
    	border-bottom: 1px solid rgba(255,255,255,.1);
    	}
    .ym-nav nav > ul > li.ym-active ul {
    	display: block;
    }
    .ym-nav nav > ul > li.a5-open > a:focus, .ym-nav nav > ul > li.a5-active a,
    .ym-nav nav > ul > li.a5-open > a:focus, .ym-nav nav > ul > li.a5-active strong {
      background: #ffffff url("../../images/custom/pfeil_navi_down.png") no-repeat center center;
      background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../../images/custom/pfeil_navi_down.svg");
      background: -webkit-linear-gradient(transparent, transparent), url("../../images/custom/pfeil_navi_down.svg");
      background: linear-gradient(transparent, transparent), url("../../images/custom/pfeil_navi_down.svg");
      background-size: 17px auto;
      background-repeat: no-repeat;
      background-position: left center;
    }
    body.ym-search-opened .a5-search-box {
        display: block;
    }
	.js-enable .ym-nav nav > ul > li > a,
	.js-enable .ym-nav nav > ul > li > strong {
		background-color: #023787;
		color: #fff;
		padding-left: 40px !important;
		background-position: 15px center !important;
	}
	.js-enable header > .ym-wrapper {
		height: 50px;
	}
	.a5-search-box {
		background-color: #023787;
		padding: 10px 13px;
		position: absolute;
		left: 0px;
		right: 0px;
		width: 100%;
		top: 51px;
		padding: 10px !important;
	}
	.a5-search-box button {
		background: #f2f4f6;
		right: 0px;
	}
	.a5-search-box form {
		margin: 0;
		padding: 0;
	}
	.a5-search-box input:focus,
	.a5-search-box input {
		box-shadow: none !important;
		outline: 0;
		font-weight: 100;
	}
	.a5-image-link-list-nav ul {
		text-align: center;
	}
	.a5-image-link-list-nav ul li {
		margin-bottom: 30px;
		width: 100%;
	}
	.a5-image-link-list-nav ul li a {
		text-align: left;
	}
	.a5-image-link-list-nav ul li:nth-last-child(-n+2) {

	}
	.a5-image-link-list-nav ul li .svg-with-fallback svg, .a5-image-link-list-nav ul li .svg-with-fallback img {
		max-width: 45px;
	}
	.a5-content-share li a span.svg-with-fallback + span {
		display: none;
	}
	.a5-dl-img-item dt,
	.a5-dl-img-item dd,
	.a5-dl-img-image {
		width: 100% !important;
	}/* Can be deleted if no problems occur
*****************
.a5-float-right,
.a5-float-left,
.a5-float-right img,
.a5-float-left img{
     float: none;
     margin: 0px 0px 10px 0px;
     width: 100% !important;
     max-width: 100%;
} */
	.mediaTableMenu {
    	display: block;
  	}
  	.mediaTableWrapperWithMenu {
    	padding-top: 2.5em;
  	}
	.a5-gallery li {
		width: 50%;
		float: left;
		margin: 0 0% 0 0;
	}
	.a5-inner-header {
		margin-bottom: 0px;
	}
	.a5-search-box {
		padding: 0;
		display: none;
	}
	.js-enable #a5-logo {
		width: 160px;
		height: auto;
		padding: 5px 0 0px 0;
		margin-top: -37px;
		margin-left: 0px;
		position: absolute;
		overflow: hidden;
	}
	.js-enable #a5-logo:before {
		background-color: #fff !important;
		background: url("../../images/custom/logo.png") no-repeat center center;
		background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../../images/custom/logo.svg");
		background: -webkit-linear-gradient(transparent, transparent), url("../../images/custom/logo.svg");
		background: linear-gradient(transparent, transparent), url("../../images/custom/logo.svg");
		display: block;
		background-size: 160px auto;
		background-position-y: 20px;
		content: '';
		height: 66px;
		border-right: 5px solid #fff;
		width: 54px;
		position: absolute;
		left: -5px;
		top: 0px;
		bottom: 0px;
	}
	.ym-clearfix::after {
	    clear: both;
	    content: ".";
	    display: block;
	    font-size: 0;
	    height: 0;
	    visibility: hidden;
	}
	main > .a5-content-share a{
		background: #d21c31 !important;
	}
	.a5-content-share {
		padding: 0;
	}
	.a5-content-share ul {
		max-width: 400px;
		margin: 0 auto;
	}
	.a5-content-share ul li {
	    margin: 0;
	    text-align: center;
	    display: inline-block;
	    width: 32%;
	}
	.a5-content-share ul li a{
		text-align: center;
	}
	.ym-nav nav {
	    top:50px;
	}
	.linearize-level-1 .ym-g50 {
		display: block;
		float: none;
		margin: 0 0 2em 0;
		width: 100%;
	}
	.ym-grid + .ym-grid {
		margin-top: 0;
	}
	.a5-toggle-box-wrapper {
		margin: 0px 0px;
	}
    .a5-link-section h3 {
        background: none;
        font-weight: bold;
        padding-left: 0;
        margin-bottom: 0px;
    }
    .a5-link-section h4 {
        border-bottom: 1px solid #023787;
        background: url("../../images/custom/pfeil_akkordeon-oeffnen.png") no-repeat center center;
        background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../../images/custom/icon-akkordeon-oeffnen-grau.svg");
        background: -webkit-linear-gradient(transparent, transparent), url("../../images/custom/pfeil_akkordeon-oeffnen.svg");
        background: linear-gradient(transparent, transparent), url("../../images/custom/pfeil_akkordeon-oeffnen.svg");
        background-repeat: no-repeat;
        background-position: right;
        background-size: 40px auto;
        padding: 15px 0px;
    }
    .a5-content-visible h4 {
        border-bottom: 1px solid #023787;
        background: url("../../images/custom/pfeil_akkordeon-schliessen.png") no-repeat center center;
        background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../../images/custom/icon-akkordeon-schliessen.svg");
        background: -webkit-linear-gradient(transparent, transparent), url("../../images/custom/pfeil_akkordeon-schliessen.svg");
        background: linear-gradient(transparent, transparent), url("../../images/custom/pfeil_akkordeon-schliessen.svg");
        background-repeat: no-repeat;
        background-position: right;
        background-size: 40px auto;
        padding: 15px 0px;
    }
    .a5-list-column-wrapper ul {
        padding-bottom: 0px;
        display: none;
    }
    .a5-content-visible ul {
        display: block;
    }
    .a5-image-link-list-nav {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .a5-image-link-list-nav .ym-wrapper{
        padding: 0 0px;
    }
    .a5-image-link-list-nav ul li {
        margin-bottom: 10px;
    }
    .a5-image-link-list-nav ul li:last-child {
        margin-bottom: 0px;
    }
    .a5-image-link-list-nav a {
        line-height: 40px;
    }
    .a5-image-link-list-nav picture {
        float: left;
        height: 40px !important;
        width: 40px !important;
        max-width: 40px !important;
        margin-right: 10px;
    }
    .a5-breadcrumbs {
        padding: 0 !important;
    }
    .a5-image-text-box {
        overflow: hidden;
        padding-top: 40px;
    }
    .a5-content-slider .a5-slider-item-left {
        width: 100%;
        margin-bottom: 10px;
    }
    .a5-content-slider .a5-slider-item-left img {
        width: 100%;
    }
    .a5-content-slider .a5-slider-item-right {
        width: 100%;
        padding-left: 0px;
    }
}
@media screen and (max-width:540px) {
   #a5-logo {
	width: 134px;
  }
	.ym-nav nav {
		top: 50px;
	}
		#a5-logo {
		height: 58px;
		width: 134px;
	}
	#a5-logo svg {
		width: 134px !important;
		height: 30px !important;
	}
	.a5-footer-newsletter .ym-g50 {
		width: 100%;
	}
	.a5-footer-meta {
		padding: 30px 0;
	}
	.a5-footer-contact h3, .a5-footer-newsletter h3 {
		font-size: 1.375em;
		padding-bottom: 28px;
		margin-bottom: 20px;
	}
	.a5-email-box {
		margin: 35px 0 0;
	}
	.a5-footer-newsletter form .ym-fbox {
		margin-bottom: 11px;
	}
	.a5-footer-newsletter form .ym-fbox label {
		font-size: 1.0625em;
	}
	.a5-email-box .a5-btn {
		display: block;
		float: none;
		margin: 20px 0 50px 0;
		width: 100%;
	}
	.a5-email-box input {
		width: 100%;
		height: 34px;
	}
	.a5-contact-info p {
		font-size: 1.0625em;
	}
	.a5-search-box button {
		right: 0;
	}
	.a5-sub-nav, .a5-search-box form {
		float: none;
		padding: 0;
		width: 100%;
	}
	.a5-sub-nav ul {
		left: 0;
		right: 0;
	}
	.a5-events .a5-top-item {
		padding: 17px 13px;
	}
	.a5-events dl {
		padding: 25px 13px;
		margin-bottom: 13px;
	}
	.a5-events .a5-btn {
		width: calc(100% - 26px);
		margin: 0 13px;
		text-align: center;
	}
	.a5-image-text-item h3 {
		font-size: 1.375em;
	}
	.a5-image-text-box .a5-image-text-item, .a5-content .a5-image-text-item, .ym-g49 {
		width: 100%;
		margin-bottom: 30px;
		min-height: 0px;
	}
	.a5-anchor-box {
	    margin: 0 ;
	}
	.a5-content-controls {
	    margin-top: 30px;
	}
	.a5-image-text-box .a5-image-text-item:last-child {
		margin-bottom: 0;
	}
	.a5-events .a5-photo-section .a5-photo-wrap a {
		padding: 14px 13px 16px;
	}
	.a5-warning p {
		font-size: .875em;
		top: 2px;
	}
	.a5-breadcrumbs {
		height: auto;
		padding: 10px 13px;
	}
	.a5-breadcrumbs li {
		margin-right: 5px;
		padding: 0;
	}
	.a5-breadcrumbs li a, .a5-breadcrumbs li span {
		font-size: .875em;
	}
	.a5-anchor-wrap {
		margin-bottom: 40px;
	}
	.a5-anchor-box {
		margin: 0 -13px 20px;
		padding: 17px 13px 22px;
	}
	.a5-articles-list section {
		margin: 0 -13px 25px;
	}
	.a5-articles-list section img {
		float: none;
		display: block;
		margin: 0 auto 20px;
	}
	.a5-articles-list section .a5-text {
		padding: 0 13px;
	}
	.mediaTableMenu {
		z-index: 10;
	}
	.a5-table {
		overflow: hidden;
		position: relative;
		margin-bottom: 30px;
	}
	.a5-table:before {
		box-shadow: 0px 0px 10px rgba(0,0,0,.8);
		display: block;
		content: '';
		height: 100%;
		width: 10px;
		margin-left: -10px;
		position: absolute;
		top: 30px;
		left: 0px;
		z-index: 10;
	}
	.a5-table:after {
		box-shadow: 0px 0px 10px rgba(0,0,0,.8);
		display: block;
		content: '';
		height: 100%;
		width: 10px;
		margin-right: -10px;
		position: absolute;
		top: 30px;
		right: 0px;
		z-index: 10;
	}
	.a5-table-inner {
		overflow: scroll;
	}
	.a5-table-inner table {
		margin-bottom: 0;
	}
	.a5-anchor-box {
	    margin: 0px 0px 20px 0px;
	}
}
@media screen and (max-width:480px) {
.a5-float-right, .a5-float-left {
    padding: 5px 0px 15px 0px;
}
 .a5-content figure img, img {
    float: none;
    height: auto;
    max-width: 100%;
   }

.a5-float-right img, .a5-float-left img {
    width: 480px;
}

button picture img {
    height: auto;
    width: auto;
}

.a5-float-left p, .a5-float-right p {
    padding: 0px;
}
 	.a5-contact-info .ym-g60, .a5-contact-info .ym-g40 {
		width: 100%;
	}
	.a5-contact-info .ym-g60 {
		margin-bottom: 20px;
	}
	.a5-content .a5-anchor-links li{
		display: block;
	}
	/* can be deleted later
***************
.a5-gallery li {
		width: 100%;
		float: left;
		margin: 0 0% 0 0;
	}
*/
	.a5-gallery li {
	    width: 48%;
	    float: left;
	    margin: 0 2% 0 0;
	}
	.a5-gallery li:nth-child(3n) {
	    margin-right: 2%;
	}
	.a5-mob-title picture {
		display: inline-block;
		float: right;
	}
	.a5-image-link-list-nav nav ul picture {
		float: left;
		max-width: 30px;
		margin-right: 10px;
	}
}
@media screen and (max-width:420px) {
	.a5-mob-title {
		background-color: #023787;
		color: #fff;
		display: block;
		font-size: 1.3125em;
		padding: 10px 15px;
		position: relative;
		text-decoration:none;
		border-bottom: 1px solid #fff;
	}
	.a5-mob-title:focus {
		outline: 4px solid #ffdc62;
	}
	.a5-mob-title .svg-with-fallback {
		margin-top: -5px;
		position: absolute;
		right: 20px;
		top: 50%;
	}
	.a5-nav-open .a5-mob-title .svg-with-fallback {
		transform: rotate(180deg);
	}
	.js-enable .a5-aside-info {
		font-size: 0;
		left: 0;
		margin: 0;
		padding: 0;
		width: 100%;
	}
	.a5-aside-box  {
		font-size: 1rem;
		border-right: 1px solid #fff;
		width: 33.33333%;
	}
	.a5-aside-box.a5-aside-visitors {
		border-right: none;
	}
	.js-enable .a5-aside-info .a5-aside-box > a {
		width: 100%;
	}
	.a5-events {
		padding: 0 0 5px;
	}
	.a5-events h2 {
		padding: 0 13px;
	}
	.a5-news-section .a5-top-item a, .a5-calendar-section .a5-top-item a,.a5-events dl a {
		font-size: 1.375em;
	}
	.a5-news-section .a5-top-item time, .a5-calendar-section .a5-top-item time, .a5-events dl time {
		font-size: 1.0625em;
	}
}