﻿@charset "UTF-8";
/* Import der Fonts - http durch https ersetzt - Mue 23.12.2014 */
@import url(https://fonts.googleapis.com/css?family=Titillium+Web:400,400italic,600,600italic);
/* YAML */
/**
 * "Yet Another Multicolumn Layout" - YAML CSS Framework
 *
 * (en) YAML core stylesheet
 * (de) YAML Basis-Stylesheet
 *
 * Don't make any changes in this file!
 * Your changes should be placed in any css-file in your own stylesheet folder.
 *
 * @copyright       © 2005-2013, Dirk Jesse
 * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-CDL (http://www.yaml.de/license.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         4.1.2
 */
@media all {
	/***
   *  @section 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;
	}

	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;
	}

	/*
  * (en) Fix for rounding errors when scaling font sizes in older versions of Opera browser
  *      Standard values for colors and text alignment
  *
  * (de) Beseitigung von Rundungsfehler beim Skalieren von Schriftgrößen in älteren Opera Versionen
  *      Vorgabe der Standardfarben und Textausrichtung
  */
	body {
		font-size: 100%;
		background: #fff;
		color: #000;
		text-align: left;
	}

	/* (en) avoid visible outlines on DIV and h[x] elements in Webkit browsers */
	/* (de) Vermeidung sichtbarer Outline-Rahmen in Webkit-Browsern */
	div:target,
	h1:target,
	h2:target,
	h3:target,
	h4:target,
	h5:target,
	h6:target {
		outline: 0 none;
	}

	/* (en) HTML5 - adjusting visual formatting model to block level */
	/* (de) HTML5 - Elements werden als Blockelemente definiert */
	article,
	aside,
	details,
	figcaption,
	figure,
	footer,
	header,
	main,
	nav,
	section,
	summary {
		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) Prevent iOS text size adjust after orientation change, without disabling user zoom. */
	/* (de) Verdindert die automatische Textanpassung bei Orientierungswechsel, ohne Zoom zu blockieren */
	html {
		-ms-text-size-adjust: 100%;
		-webkit-text-size-adjust: 100%;
	}

	/* (en) set correct box-modell in IE8/9 plus remove padding */
	/* (de) Setze das richtige Box-Modell im IE8/9 und entferne unnötiges Padding */
	input[type="checkbox"],
	input[type="radio"] {
		box-sizing: border-box;
		padding: 0;
	}

	/* (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;
		-webkit-box-sizing: content-box;
		-moz-box-sizing: content-box;
		box-sizing: content-box;
	}

		input[type="search"]::-webkit-search-cancel-button,
		input[type="search"]::-webkit-search-decoration {
			-webkit-appearance: none;
		}

	/* (en) Correct overflow displayed oddly in IE 9 */
	/* (de) Korrigiert fehlerhafte overflow Voreinstellung des IE 9 */
	svg:not(:root) {
		overflow: hidden;
	}

	/* (en) Address margin not present in IE 8/9 and Safari 5 */
	/* (en) Ergänzt fehlenden Margin in IE 8/9 und Safari 5 */
	figure {
		margin: 0;
	}

	/* (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;
	}

	li {
		line-height: 1.5em;
		margin-left: 0.8em;
	}

	dt {
		font-weight: bold;
	}

	dd {
		margin: 0 0 1em 0
	}

	blockquote {
		margin: 0 0 1em 0.8em;
	}

	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 */
	.ym-contain-dt {
		display: table;
		table-layout: fixed;
		width: 100%;
	}

	.ym-contain-oh {
		display: block;
		overflow: hidden;
		width: 100%;
	}

	.ym-contain-fl {
		float: left;
		width: 100%;
	}

	/**
  * @section Column Module
  *
  * default column config:
  * |-------------------------------|
  * | col1    | col3      | col2    |
  * | 20%     | flexible  | 20%     |
  * |-------------------------------|
  */
	.ym-column {
		display: table;
		table-layout: fixed;
		width: 100%;
	}

	.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;
		table-layout: fixed;
		width: 100%;
		list-style-type: none;
		padding-left: 0;
		padding-right: 0;
		margin-left: 0;
		margin-right: 0;
	}

	.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-g33 {
		width: 33.333%;
	}

	.ym-g50 {
		width: 50%;
	}

	.ym-g66 {
		width: 66.666%;
	}

	.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;
			}

	/**
  * @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 div {
		position: relative;
	}

	.ym-form label,
	.ym-form .ym-label,
	.ym-form .ym-message {
		position: relative;
		line-height: 1.5;
		display: block;
	}

	.ym-form .ym-message {
		clear: both;
	}

	.ym-form .ym-fbox-check label {
		display: inline;
	}

	.ym-form input,
	.ym-form textarea {
		cursor: text;
	}

		.ym-form .ym-fbox-check input,
		.ym-form input[type="image"],
		.ym-form input[type="radio"],
		.ym-form input[type="checkbox"],
		.ym-form select,
		.ym-form label {
			cursor: pointer;
		}

	.ym-form textarea {
		overflow: auto;
	}

	.ym-form input.hidden,
	.ym-form input[type=hidden] {
		display: none !important;
	}

	.ym-form .ym-fbox:before,
	.ym-form .ym-fbox-text:before,
	.ym-form .ym-fbox-select:before,
	.ym-form .ym-fbox-check:before,
	.ym-form .ym-fbox-button:before {
		content: "";
		display: table;
	}

	.ym-form .ym-fbox:after,
	.ym-form .ym-fbox-text:after,
	.ym-form .ym-fbox-select:after,
	.ym-form .ym-fbox-check:after,
	.ym-form .ym-fbox-button:after {
		clear: both;
		content: ".";
		display: block;
		font-size: 0;
		height: 0;
		visibility: hidden;
	}

	.ym-form .ym-fbox-check input:focus,
	.ym-form .ym-fbox-check input:hover,
	.ym-form .ym-fbox-check input:active,
	.ym-form input[type="radio"]:focus,
	.ym-form input[type="radio"]:hover,
	.ym-form input[type="radio"]:active,
	.ym-form input[type="checkbox"]:focus,
	.ym-form input[type="checkbox"]:hover,
	.ym-form input[type="checkbox"]:active {
		border: 0 none;
	}

	.ym-form input,
	.ym-form textarea,
	.ym-form select {
		display: block;
		position: relative;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		width: 70%;
	}

		.ym-form .ym-fbox-check input,
		.ym-form input[type="radio"],
		.ym-form input[type="checkbox"] {
			display: inline;
			width: auto;
			height: auto;
		}

		.ym-form input[type="image"] {
			border: 0;
			display: inline;
			height: auto;
			margin: 0;
			padding: 0;
			width: auto;
		}

	.ym-form label,
	.ym-form .ym-label {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	.ym-form .ym-fbox-button input {
		display: inline;
		overflow: visible;
		width: auto;
	}

	.ym-form .ym-inline {
		display: inline-block;
		float: none;
		margin-right: 0;
		width: auto;
		vertical-align: baseline;
	}

	/* default form wrapper width */
	.ym-fbox-wrap {
		display: table;
		table-layout: fixed;
		width: 70%;
	}

		.ym-fbox-wrap input,
		.ym-fbox-wrap textarea,
		.ym-fbox-wrap select {
			width: 100%;
		}

			.ym-fbox-wrap input[type="image"] {
				width: auto;
			}

			.ym-fbox-wrap input[type="radio"],
			.ym-fbox-wrap input[type="checkbox"] {
				display: inline;
				width: auto;
				margin-left: 0;
				margin-right: 0.5ex;
			}

		.ym-fbox-wrap label,
		.ym-fbox-wrap .ym-label {
			display: inline;
		}

	.ym-full input,
	.ym-full textarea,
	.ym-full select {
		width: 100%;
	}
	
	.ym-full .ym-fbox-wrap {
		width: 100%;
	}

	/**
  *  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
  */
	.ym-columnar input,
	.ym-columnar textarea,
	.ym-columnar select {
		float: left;
		margin-right: -3px;
	}

	.ym-columnar label,
	.ym-columnar .ym-label {
		display: inline;
		float: left;
		width: 100%;
		z-index: 1;
	}

	.ym-columnar .ym-fbox-check input,
	.ym-columnar .ym-message {
		margin-left: 30%;
	}

	.ym-columnar .ym-fbox-wrap {
		margin-left: 30%;
		margin-right: -3px;
	}

		.ym-columnar .ym-fbox-wrap .ym-message {
			margin-left: 0%;
		}

		.ym-columnar .ym-fbox-wrap label {
			float: none;
			width: auto;
			z-index: 1;
			margin-left: 0;
		}

		.ym-columnar .ym-fbox-wrap input {
			margin-left: 0;
			position: relative;
		}

	.ym-columnar .ym-fbox-check {
		position: relative;
	}

		.ym-columnar .ym-fbox-check label,
		.ym-columnar .ym-fbox-check .ym-label {
			padding-top: 0;
		}

		.ym-columnar .ym-fbox-check input {
			top: 3px;
		}

	.ym-columnar .ym-fbox-button input {
		float: none;
		margin-right: 1em;
	}

	.ym-fbox-wrap + .ym-fbox-wrap {
		margin-top: 0.5em;
	}

	/* global and local columnar settings for button alignment */
	.ym-columnar fieldset .ym-fbox-button,
	fieldset.ym-columnar .ym-fbox-button {
		padding-left: 30%;
	}

	/**
  * @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 {
		display: none;
	}

		/* (en) make skip links visible when using tab navigation */
		/* (de) Skip-Links für Tab-Navigation sichtbar schalten */
		.ym-skip:focus,
		.ym-skip:active {
			position: static;
			top: 0;
			left: 0;
		}

	/* skiplinks:technical setup */
	.ym-skiplinks {
		position: absolute;
		top: 0px;
		left: -32768px;
		z-index: 1000;
		width: 100%;
		margin: 0;
		padding: 0;
		list-style-type: none;
	}

		.ym-skiplinks .ym-skip:focus,
		.ym-skiplinks .ym-skip:active {
			left: 32768px;
			outline: 0 none;
			position: absolute;
			width: 100%;
		}
}

@media print {
	/**
  * @section print adjustments for core modules
  *
  * (en) float containment for grids. Uses display: table to avoid bugs in FF & IE
  * (de) Floats in Grids einschließen. Verwendet display: table, um Darstellungsprobleme im FF & IE zu vermeiden
  *
  * @bugfix
  * @since     3.0
  * @affected  FF2.0, FF3.0, IE7
  * @css-for   all browsers
  * @valid     yes
  */
	.ym-grid > .ym-gl,
	.ym-grid > .ym-gr {
		overflow: visible;
		display: table;
		table-layout: fixed;
	}

	/* (en) make .ym-print class visible */
	/* (de) .ym-print-Klasse sichtbar schalten */
	.ym-print {
		position: static;
		left: 0;
	}

	/* (en) generic class to hide elements for print */
	/* (de) Allgemeine CSS Klasse, um beliebige Elemente in der Druckausgabe auszublenden */
	.ym-noprint {
		display: none !important;
	}
}

.ym-header {
	margin: 30px 10% 10px 10%
}

.ym-col1 {
	float: left;
	width: 22%;
}

	.ym-col1 .ym-cbox-left {
		margin-right: 25px;
		padding: 0;
	}

.ym-col2 {
	float: left;
	width: 78%;
}

.ym-col3 {
	clear: both;
	float: none;
	margin-right: 0;
	margin-left: 22%;
	width: auto;
}

.ym-footer {
	margin-left: 22%;
}

.ym-hide-col1 .ym-header {
	margin-left: 50px;
}

.ym-hide-col1 .ym-main {
	padding-left: 50px;
}

.ym-hide-col1 .ym-col1 {
	display: none;
}

.ym-hide-col1 .ym-col2 {
	width: 100%;
}

.ym-hide-col1 .ym-col3 {
	margin-left: 0;
}

.ym-hide-col1 .ym-footer {
	margin-left: 0;
}

.ym-hide-col3 .ym-col3 {
	display: none;
}

@media only screen and (min-width: 1280px) {
	.ym-header {
		margin-right: 22%;
	}

	.ym-col2 {
		width: 56%;
	}

	.ym-col3 {
		clear: none;
		float: right;
		margin-left: 0;
		width: 22%;
	}

	.ym-footer {
		margin-right: 22%;
	}

	.ym-hide-col1 .ym-col2 {
		width: 78%;
	}

	.ym-hide-col3 .ym-header {
		margin-right: 0;
	}

	.ym-hide-col3 .ym-col2 {
		width: 78%;
	}

	.ym-hide-col3 .ym-footer {
		margin-right: 0;
	}

	.ym-hide-col1 .ym-hide-col3 .ym-col2 {
		width: 100%;
	}
}

body {
	font-family: "Titillium Web", Helvetica, Arial, sans-serif;
	font-size: 93.75%;
	font-weight: 400;
}

textarea, input, select, button {
	font-family: "Titillium Web", Helvetica, Arial, sans-serif;
	font-size: 15px;
	font-size: 0.9375rem;
}

b, strong {
	font-weight: 600;
}

body {
	background: #fff;
	color: #000060;
}

h2, h3 {
	font-size: 32px;
	font-size: 2rem;
	font-weight: 400;
	margin: 0 0 1em 0;
}

	h2 span, h3 span {
		color: #000060;
		font-size: 18px;
		font-size: 1.125rem;
	}

h4 {
	font-size: 22px;
	font-size: 1.375rem;
	font-weight: 400;
	margin: 0 0 .4em 0;
}

	h4.big-margin {
		margin-bottom: 2em;
	}

h5 {
	font-size: 18px;
	font-size: 1.125rem;
	font-weight: 600;
}

h6 {
	font-size: 18px;
	font-size: 1.125rem;
	font-style: italic;
	font-weight: 400;
}

p {
	margin-bottom: .8em;
}

	p.ym-xl {
		font-size: 21px;
		font-size: 1.3125rem;
	}

address {
	font-size: 17px;
	font-size: 1.0625rem;
	font-style: normal;
}

ul ul, ol ol {
	margin-bottom: 0;
}

ul.styled {
	list-style: none;
	margin-left: 0;
}

	ul.styled li {
		position: relative;
		padding-left: 18px;
	}

		ul.styled li:before {
			background: url(../img/ico_list.png) no-repeat;
			content: ' ';
			height: 10px;
			position: absolute;
			left: 0;
			top: .5em;
			width: 10px;
		}

	ul.styled ul {
		list-style: none;
		margin-left: 0;
	}

		ul.styled ul li:before {
			background-image: url(../img/ico_list-double.png);
		}

a {
	color: #000060;
}

	a:hover, a:focus, a:active {
		font-weight: 600;
	}

/* Tabellen */
table {
	border-spacing: 5px;
	border-collapse: separate;
	margin-right: -5px;
	margin-left: -5px;
	width: 100%;
}

	table th, table td {
		border-radius: 5px;
		padding: 5px 10px;
		font-weight: 400;
		text-align: left;
		vertical-align: top;
	}

	table thead th, table thead td {
		background: #000060;
		color: #fff;
	}

	table tbody tr:nth-of-type(even) th, table tbody tr:nth-of-type(even) td {
		background: #d8d8d8;
	}

@media screen and (min-width: 1036px) {
	.ym-form {
	}
}

.ym-form fieldset {
	margin: 0 0 .8em 0;
	padding: 1em 0 .4em 0;
	position: relative;
}

	.ym-form fieldset legend {
		float: left;
		margin: 0 0 1em 0;
		width: 100%;
	}

.ym-form .ym-factions {
	position: absolute;
	top: 1em;
	right: 0;
	z-index: 1;
}

	.ym-form .ym-factions a.ym-ico-card {
		background-image: url(../img/adresskarte.svg);
		background-position: right 10px center;
		background-repeat: no-repeat;
		border: 2px #fff solid;
		display: inline-block;
		padding: 8px 0 0 10px;
	}

.svg .ym-form .ym-factions a.ym-ico-card {
	background-image: url(../img/adresskarte.svg);
}

.ym-form .ym-factions a:hover, .ym-form .ym-factions a:focus, .ym-form .ym-factions a:active {
	border-color: #000060;
}

.ym-form textarea, .ym-form input, .ym-form select, .ym-form button {
	color: #000060;
	font-family: "Titillium Web", Helvetica, Arial, sans-serif;
	font-size: 15px;
	font-size: 0.9375rem;
}

.ym-form label, .ym-form .ym-label {
	color: #000000;
}

	.ym-form label sup, .ym-form .ym-label sup {
		position: absolute;
		top: -2px;
	}

	.ym-form label.ym-hideme {
		display: none;
	}

.ym-form .ym-fbox-check label {
	color: #000060;
}

.ym-form .ym-fbox-check input:focus {
	outline: 1px #000060 solid;
}

.ym-form .ym-radio input:focus, .ym-form .ym-check input:focus {
	outline: 1px #000060 solid;
}

.ym-form .ym-fbox {
	margin-bottom: 0;
}

.ym-form .ym-error {
	background: #950503;
	border-radius: 5px;
	padding: .2em .5em;
}

	.ym-form .ym-error .ym-message, .ym-form .ym-error label {
		color: #fff;
	}

.ym-form.ym-columnar .ym-fbox-check input {
	top: 0;
}

.ym-form select {
	background: #d8d8d8;
	border: 1px #000060 solid;
	padding: 1px;
}

.ym-form input, .ym-form textarea {
	background: #d8d8d8;
	border: 1px #000060 solid;
	padding: .1em .4em;
}

	.ym-form input.ym-small, .ym-form select.ym-small, .ym-form textarea.ym-small {
		width: 170px;
	}

	.ym-form input[type="image"], .ym-form input[type="radio"], .ym-form input[type="checkbox"] {
		border: none;
		padding: 0;
	}

	.ym-form button, .ym-form input[type="submit"] {
		background: #000060;
		border: 1px #000060 solid;
		border-radius: 5px;
		color: #fff;
		font-size: 18px;
		font-size: 1.125rem;
		font-weight: 400;
		margin: .5em 0 1em 0;
		padding: .4em 20px;
	}

		.ym-form button:hover, .ym-form button:focus, .ym-form button:active, .ym-form input[type="submit"]:hover, .ym-form input[type="submit"]:focus, .ym-form input[type="submit"]:active {
			background-color: #e4760a;
			border-color: #e4760a;
			cursor: pointer;
		}

		.ym-form button.ym-xl {
			font-size: 21px;
			font-size: 1.3125rem;
		}

.ym-form .ym-fbox-steps {
	zoom: 1;
	margin-top: 0;
	text-align: center;
}

	.ym-form .ym-fbox-steps:before {
		content: " ";
		display: table;
	}

	.ym-form .ym-fbox-steps:after {
		clear: both;
		content: ".";
		display: block;
		font-size: 0;
		height: 0;
		visibility: hidden;
	}

	.ym-form .ym-fbox-steps button {
		background: no-repeat #fff;
		border: 1px #fff solid;
		color: #000060;
		display: inline-block;
		font-size: 22px;
		font-size: 1.375rem;
		font-weight: normal;
		margin-bottom: -10px;
		padding: .2em 0;
		text-decoration: underline;
	}

		.ym-form .ym-fbox-steps button:hover, .ym-form .ym-fbox-steps button:focus, .ym-form .ym-fbox-steps button:active {
			background-color: #000060;
			border-color: #000060;
			color: #fff;
			cursor: pointer;
			text-decoration: none;
		}

		.ym-form .ym-fbox-steps button.ym-button-step-left {
			float: left;
		}

		.ym-form .ym-fbox-steps button.ym-button-step-right {
			float: left;
		}

		.ym-form .ym-fbox-steps button.ym-arrow-left {
			background-image: url(../img/ico_steps-left.png);
			background-position: 0 .3em;
			padding-left: 35px;
		}

.svg .ym-form .ym-fbox-steps button.ym-arrow-left {
	background-image: url(../img/ico_steps-left.svg);
}

.ym-form .ym-fbox-steps button.ym-arrow-left:hover, .ym-form .ym-fbox-steps button.ym-arrow-left:focus, .ym-form .ym-fbox-steps button.ym-arrow-left:active {
	background-image: url(../img/ico_steps-left-active.png);
}

.svg .ym-form .ym-fbox-steps button.ym-arrow-left:hover, .svg .ym-form .ym-fbox-steps button.ym-arrow-left:focus, .svg .ym-form .ym-fbox-steps button.ym-arrow-left:active {
	background-image: url(../img/ico_steps-left-active.svg);
}

.ym-form .ym-fbox-steps button.ym-arrow-double {
	background-image: url(../img/ico_steps-left-double.png);
	background-position: 0 .3em;
	padding-left: 45px;
}

.svg .ym-form .ym-fbox-steps button.ym-arrow-double {
	background-image: url(../img/ico_steps-left-double.svg);
}

.ym-form .ym-fbox-steps button.ym-arrow-double:hover, .ym-form .ym-fbox-steps button.ym-arrow-double:focus, .ym-form .ym-fbox-steps button.ym-arrow-double:active {
	background-image: url(../img/ico_steps-left-double-active.png);
}

.svg .ym-form .ym-fbox-steps button.ym-arrow-double:hover, .svg .ym-form .ym-fbox-steps button.ym-arrow-double:focus, .svg .ym-form .ym-fbox-steps button.ym-arrow-double:active {
	background-image: url(../img/ico_steps-left-double-active.svg);
}

.ym-form .ym-fbox-steps button.ym-arrow-right {
	background-image: url(../img/ico_steps-right.png);
	background-position: right .3em;
	float: right;
	padding-right: 35px;
}

.svg .ym-form .ym-fbox-steps button.ym-arrow-right {
	background-image: url(../img/ico_steps-right.svg);
}

.ym-form .ym-fbox-steps button.ym-arrow-right:hover, .ym-form .ym-fbox-steps button.ym-arrow-right:focus, .ym-form .ym-fbox-steps button.ym-arrow-right:active {
	background-image: url(../img/ico_steps-right-active.png);
}

.svg .ym-form .ym-fbox-steps button.ym-arrow-right:hover, .svg .ym-form .ym-fbox-steps button.ym-arrow-right:focus, .svg .ym-form .ym-fbox-steps button.ym-arrow-right:active {
	background-image: url(../img/ico_steps-right-active.svg);
}

.ym-form table label, .ym-form .ym-columnar table label {
	display: inline;
	color: #000060;
	float: none;
	width: auto;
}

.ym-form table td.ym-radio, .ym-form table td.ym-input, .ym-form .ym-columnar table td.ym-radio, .ym-form .ym-columnar table td.ym-input {
	text-align: center;
}

	.ym-form table td.ym-radio input, .ym-form table td.ym-input input, .ym-form .ym-columnar table td.ym-radio input, .ym-form .ym-columnar table td.ym-input input {
		float: none;
	}

	.ym-form table td.ym-input input, .ym-form .ym-columnar table td.ym-input input {
		display: inline;
		text-align: center;
		width: 3em;
	}

.ym-form table td.ym-error, .ym-form .ym-columnar table td.ym-error {
	background-color: #950503;
	padding: 5px 10px;
}

.ym-center {
	text-align: center;
}

/* Animationen */
@-webkit-keyframes yellowfade {
	0% {
		background-color: #e6d2a0;
	}

	100% {
		background-color: #d8d8d8;
	}
}

@-moz-keyframes yellowfade {
	0% {
		background-color: #e6d2a0;
	}

	100% {
		background-color: #d8d8d8;
	}
}

@keyframes yellowfade {
	0% {
		background-color: #e6d2a0;
	}

	100% {
		background-color: #d8d8d8;
	}
}


/* Header */
.ym-header {
	zoom: 1;
}

	.ym-header:before {
		content: " ";
		display: table;
	}

	.ym-header:after {
		clear: both;
		content: ".";
		display: block;
		font-size: 0;
		height: 0;
		visibility: hidden;
	}

	.ym-header h1.ym-logo {
		margin: 0;
		padding: 0;
	}

		.ym-header h1.ym-logo a:hover, .ym-header h1.ym-logo a:focus, .ym-header h1.ym-logo a:active {
			outline: 2px solid #000060;
		}

/* Main */
.ym-main {
	padding: 0 0 2em 0;
}

	.ym-main .ym-col2 {
		font-size: 18px;
		font-size: 1.125rem;
	}

		.ym-main .ym-col2 textarea, .ym-main .ym-col2 input, .ym-main .ym-col2 select {
			font-size: 18px;
			font-size: 1.125rem;
		}

/* Navigationen */
.ym-nav-first ul, .ym-nav-main ul, .ym-nav-intern ul, .ym-nav-meta ul, .ym-nav-col1 ul, .nav-targets ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.ym-nav-first li, .ym-nav-main li, .ym-nav-intern li, .ym-nav-meta li, .ym-nav-col1 li, .nav-targets li {
	display: inline;
	margin: 0;
	padding: 0;
}

.ym-nav-first a, .ym-nav-first strong, .ym-nav-main a, .ym-nav-main strong, .ym-nav-intern a, .ym-nav-intern strong, .ym-nav-meta a, .ym-nav-meta strong, .ym-nav-col1 a, .ym-nav-col1 strong, .nav-targets a, .nav-targets strong {
	display: block;
}

/* Sprungnavigation */
.ym-nav-first {
	margin: 0;
}

	.ym-nav-first a {
		border: 0;
		clip: rect(0 0 0 0);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px;
	}

		.ym-nav-first a:focus {
			clip: auto;
			height: auto;
			margin: 0;
			overflow: hidden;
			position: relative;
			width: auto;
			padding: .4em;
			text-align: center;
		}

/* Metanavigationen */
.ym-nav-meta ul {
	float: right;
}

.ym-nav-meta a:hover, .ym-nav-meta a:focus, .ym-nav-meta a:active {
	background: #000060;
	color: #fff;
	margin: 0 -.2em;
	padding: 0 .2em;
	text-decoration: none;
}

.ym-nav-meta .open a, .ym-nav-meta strong, .ym-nav-meta a:hover, .ym-nav-meta a:active, .ym-nav-meta a:focus {
	text-decoration: none;
}

	.ym-nav-meta .open a:hover, .ym-nav-meta .open a:focus, .ym-nav-meta .open a:active {
		text-decoration: underline;
	}

/* Col1 Navigation */
.ym-nav-col1 {
	display: none;
	font-size: 26px;
	font-size: 1.625rem;
	padding: .3em 0;
}

.ym-hide-col1 .ym-nav-col1 {
	display: block;
	position: absolute;
	top: 0;
	left: 50px;
}

.ym-nav-col1 a, .ym-nav-col1 strong {
	float: left;
	height: 39px;
	padding: 0 .4em;
}

	.ym-nav-col1 strong, .ym-nav-col1 a:hover, .ym-nav-col1 a:focus, .ym-nav-col1 a:active {
		background: #000060;
		color: #fff;
	}

	.ym-nav-col1 a.ym-btn-show-col1 {
		background: url(../img/ico_arrow-show-col1.png) 3px 0 no-repeat;
		border-right: 1px #000060 solid;
		cursor: pointer;
		display: inline-block;
		height: 39px;
		margin-right: .4em;
		padding: 0;
		vertical-align: middle;
		width: 50px;
	}

		.ym-nav-col1 a.ym-btn-show-col1 span {
			border: 0;
			clip: rect(0 0 0 0);
			height: 1px;
			margin: -1px;
			overflow: hidden;
			padding: 0;
			position: absolute;
			width: 1px;
		}

		.ym-nav-col1 a.ym-btn-show-col1:hover, .ym-nav-col1 a.ym-btn-show-col1:focus, .ym-nav-col1 a.ym-btn-show-col1:active {
			background: center center url(../img/ico_arrow-show-col1-active.png) no-repeat #000060;
		}

.svg .ym-nav-col1 a.ym-btn-show-col1 {
	background-image: url(../img/ico_arrow-show-col1.svg);
}

	.svg .ym-nav-col1 a.ym-btn-show-col1:hover, .svg .ym-nav-col1 a.ym-btn-show-col1:focus, .svg .ym-nav-col1 a.ym-btn-show-col1:active {
		background-image: url(../img/ico_arrow-show-col1-active.svg);
	}

/* Hauptnavigationen */
.ym-nav-main {
	zoom: 1;
}

	.ym-nav-main:before {
		content: " ";
		display: table;
	}

	.ym-nav-main:after {
		clear: both;
		content: ".";
		display: block;
		font-size: 0;
		height: 0;
		visibility: hidden;
	}

	.ym-nav-main a, .ym-nav-main strong {
		border-right: 1px #000060 solid;
		float: left;
		padding: .2em 15px;
		text-decoration: none;
	}

		.ym-nav-main a span.title, .ym-nav-main strong span.title {
			font-size: 22px;
			font-size: 1.375rem;
		}

		.ym-nav-main a span.description, .ym-nav-main strong span.description {
			border: 0;
			clip: rect(0 0 0 0);
			height: 1px;
			margin: -1px;
			overflow: hidden;
			padding: 0;
			position: absolute;
			width: 1px;
		}

		.ym-nav-main a:hover, .ym-nav-main a:active, .ym-nav-main a:focus {
			background: #000060;
			color: #fff;
			text-decoration: none;
		}

	.ym-nav-main li:first-child a, .ym-nav-main li:first-child strong {
		padding-left: 0;
	}

	.ym-nav-main li:last-child a, .ym-nav-main li:last-child strong {
		border-right: 0;
	}

.ym-col1 .ym-nav-main a, .ym-col1 .ym-nav-main strong {
	border: 0;
	border-top: 1px #000060 solid;
	display: block;
	float: none;
	line-height: 130%;
	padding: 20px .5em;
}

	.ym-col1 .ym-nav-main a span.title, .ym-col1 .ym-nav-main strong span.title {
		display: block;
		margin-bottom: .3em;
		text-decoration: underline;
	}

	.ym-col1 .ym-nav-main a span.description, .ym-col1 .ym-nav-main strong span.description {
		display: block;
		clip: auto;
		height: auto;
		margin: 0;
		overflow: hidden;
		position: relative;
		width: auto;
		overflow: visible;
	}

.ym-col1 .ym-nav-main strong {
	font-weight: 400;
}

	.ym-col1 .ym-nav-main strong span.title {
		color: #e4760a;
		text-decoration: none;
	}

.ym-col1 .ym-nav-main li:first-child a, .ym-col1 .ym-nav-main li:first-child strong {
	padding-left: .5em;
}

div.ico-bildung {
	display: inline-block;
	float: right;
	margin-right: 16px;
}

	div.ico-bildung a:hover {
	}

	div.ico-bildung a {
		padding: .5em .5em;
	}

		div.ico-bildung a span.title {
			font-size: 22px;
			font-size: 1.375rem;
		}

		div.ico-bildung a:hover span.title {
			text-decoration: underline;
		}

		div.ico-bildung a span.description {
			display: block;
			clip: auto;
			height: auto;
			margin: 0;
			overflow: hidden;
			position: relative;
			width: auto;
			overflow: visible;
		}

			div.ico-bildung a span.description:hover {
				background: #000060;
				color: white;
			}

		div.ico-bildung a div.ico-bildung a:before, div.ico-bildung strong div.ico-bildung a:before, div.ico-bildung a div.ico-bildung strong:before, div.ico-bildung strong div.ico-bildung strong:before {
			background-image: url(../img/ico_nav-bildung.svg);
		}

		div.ico-bildung a:hover:before, div.ico-bildung a:focus:before, div.ico-bildung a:active:before {
			background-image: url(../img/ico_nav-bildung-hover.png);
		}

		div.ico-bildung a:hover div.ico-bildung a:hover:before, div.ico-bildung a:focus div.ico-bildung a:hover:before, div.ico-bildung a:active div.ico-bildung a:hover:before, div.ico-bildung a:hover div.ico-bildung a:focus:before, div.ico-bildung a:focus div.ico-bildung a:focus:before, div.ico-bildung a:active div.ico-bildung a:focus:before, div.ico-bildung a:hover div.ico-bildung a:active:before, div.ico-bildung a:focus div.ico-bildung a:active:before, div.ico-bildung a:active div.ico-bildung a:active:before {
			background-image: url(../img/ico_nav-bildung-hover.svg);
		}

	div.ico-bildung strong:before {
		background-image: url(../img/ico_nav-bildung-active.png);
	}

	div.ico-bildung strong div.ico-bildung strong:before {
		background-image: url(../img/ico_nav-bildung-active.svg);
	}

.ym-col1 .ym-nav-main.ym-no-border {
	margin-top: -20px;
}

	.ym-col1 .ym-nav-main.ym-no-border li:first-child a, .ym-col1 .ym-nav-main.ym-no-border li:first-child strong {
		border: 0;
	}

@media only screen and (min-width: 1280px) {
	.ym-col3 .ym-nav-main {
		margin-left: 25px;
	}

	.ym-nav-main a, .ym-nav-main strong {
		border: 0;
		border-top: 1px #000060 solid;
		display: block;
		float: none;
		line-height: 130%;
		padding: 20px .5em;
	}

		.ym-nav-main a span.title, .ym-nav-main strong span.title {
			display: block;
			margin-bottom: .3em;
			text-decoration: underline;
		}

		.ym-nav-main a span.description, .ym-nav-main strong span.description {
			display: block;
			clip: auto;
			height: auto;
			margin: 0;
			overflow: hidden;
			position: relative;
			width: auto;
			overflow: visible;
		}

	.ym-nav-main li:first-child a, .ym-nav-main li:first-child strong {
		padding-left: .5em;
	}

	div.ico-bildung a:before, div.ico-bildung strong:before {
		background: url(../img/ico_nav-bildung.png);
		content: " ";
		float: left;
		height: 42px;
		margin: 0 10px 2px 0;
		width: 31px;
	}

	div.ico-bildung a div.ico-bildung a:before, div.ico-bildung strong div.ico-bildung a:before, div.ico-bildung a div.ico-bildung strong:before, div.ico-bildung strong div.ico-bildung strong:before {
		background-image: url(../img/ico_nav-bildung.svg);
	}

	div.ico-bildung a:hover:before, div.ico-bildung a:focus:before, div.ico-bildung a:active:before {
		background-image: url(../img/ico_nav-bildung-hover.png);
	}

	div.ico-bildung a:hover div.ico-bildung a:hover:before, div.ico-bildung a:focus div.ico-bildung a:hover:before, div.ico-bildung a:active div.ico-bildung a:hover:before, div.ico-bildung a:hover div.ico-bildung a:focus:before, div.ico-bildung a:focus div.ico-bildung a:focus:before, div.ico-bildung a:active div.ico-bildung a:focus:before, div.ico-bildung a:hover div.ico-bildung a:active:before, div.ico-bildung a:focus div.ico-bildung a:active:before, div.ico-bildung a:active div.ico-bildung a:active:before {
		background-image: url(../img/ico_nav-bildung-hover.svg);
	}

	div.ico-bildung strong:before {
		background-image: url(../img/ico_nav-bildung-active.png);
	}

	div.ico-bildung strong div.ico-bildung strong:before {
		background-image: url(../img/ico_nav-bildung-active.svg);
	}
}

/* Interne Navigation */
.ym-nav-intern {
	border-top: 1px #000060 solid;
	padding: 20px 0;
}

	.ym-nav-intern a, .ym-nav-intern strong {
		color: #555555;
		font-size: 18px;
		font-size: 1.125rem;
		margin: 0 0 .3em 0;
		padding: 0 .5em;
		text-decoration: none;
	}

		.ym-nav-intern .open a, .ym-nav-intern strong, .ym-nav-intern a:active {
			background: #fff;
			color: #000060;
		}

		.ym-nav-intern a:hover, .ym-nav-intern a:focus {
			background: #000060;
			color: #fff;
		}

	.ym-nav-intern .open ul a, .ym-nav-intern .open ul strong {
		color: #555555;
		padding-left: 20px;
	}

		.ym-nav-intern .open ul .open a, .ym-nav-intern .open ul strong, .ym-nav-intern .open ul a:active {
			background: #fff;
			color: #000060;
		}

		.ym-nav-intern .open ul a:hover, .ym-nav-intern .open ul a:focus {
			background: #000060;
			color: #fff;
		}

/* Navigationstrail */
.ym-nav-trail {
	border-top: 1px #000060 solid;
	border-bottom: 1px #000060 solid;
	font-size: 15px;
	font-size: 0.9375rem;
	margin-bottom: 1.8em;
	padding: 1.2em .3em;
}

	.ym-nav-trail a {
		display: inline-block;
		padding: 0 .2em;
	}

/* Startseite-GRIDPLACEHOLDER*/
.container2:hover {
	border-color: #000060;
}

	.container2:hover .schule-bg {
		background: url('../img/bg_nav-schulen.jpg');
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
	}

	.container2:hover .betriebe-bg {
		background: url('../img/bg_nav-betriebe.jpg');
		background-size: cover;
		background-repeat: no-repeat;
	}

	/* Bereich rechts wird beim Hovern der Hintergrund entsprechend gefärbt und die Schrift wechselt von schwarz zu weiß */
	.container2:hover .text-item {
		background: #000060 no-repeat;
		color: white;
	}

	/* Icons, die in der Klasse fa sind, ausblenden */
	.container2:hover .fa {
		display: none;
	}

	/* Icons, die in der Klasse fas sind, ebenfalls ausblenden */
	.container2:hover .fas {
		display: none;
	}

.description {
	text-decoration: none;
}

/* Kleine Smartphones */
@media screen and (max-width: 535px) {

	.header {
		height: 80px;
		width: 254px;
		font-size: 16px;
		margin: auto auto;
	}

		.header img {
			height: 100%;
			width: 100%;
		}

	/* Containeransicht zu Navigationsboxen wird nicht benötigt */
	.container2 {
		display: none;
	}

	.row_N {
		display: none;
	}

	.button_S {
		height: 40px;
		background-color: #d8d8d8;
		border-radius: 5px;
		grid-area: button1;
	}

	.text {
		font-size: 17px;
		color: #000060;
		text-align: center;
		margin-top: 7px;
	}

	.container1 {
		grid-template-areas: "button1";
		grid-template-columns: auto;
		display: grid;
		margin-top: 1em;
		border-color: #e4760a;
	}
}

@media screen and (min-width: 535px) and (max-width: 1279px) {

	.header {
		height: 80px;
		width: 254px;
		font-size: 16px;
		margin: auto auto;
	}

		.header img {
			height: 100%;
			width: 100%;
		}

	.container1 {
		display: none;
	}

	.container2 {
		display: none;
	}

	.button_S {
		display: none;
	}

	.row_N {
		display: flex;
		margin-top: 10px;
		flex-wrap: wrap;
		margin: 0px -12px;
	}

	.card_N {
		width: calc(50% - 20px);
		box-shadow: 3px 3px 8px gainsboro;
		border-radius: 4px;
		overflow: hidden;
		margin: 10px;
	}

	.card-header_N {
		font-size: 27px;
		color: white;
		background-color: #e4760a;
		text-align: center;
		border-bottom: 1px solid #e4760a;
		padding: 5px 10px;
	}

	.card-main_N {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		padding-top: 15px;
	}

	.card-icon_N {
		margin: 0px auto 12px auto;
		padding-top: 13px;
		font-size: 5em;
		color: #e4760a;
	}

	.main-description_N {
		color: #e4760a;
		text-align: center;
		font-size: 25px;
		margin: -25px 0px 25px 0;
	}
}

@media screen and (min-width: 996px) {

	.container2 {
		grid-template-areas: "icon-item text-item";
		grid-template-columns: 250px auto;
		display: grid;
		height: 220px;
		width: auto;
		font: 120% sans-serif;
		margin-bottom: 20px;
		border: 7px solid #ffffff;
		box-shadow: 3px 3px 8px gainsboro;
	}

	.icon-item {
		background: #e4760a no-repeat;
		overflow: hidden;
		grid-area: icon-item;
	}

	.nav-targets a {
		background: 65px 4em #e4760a no-repeat;
		border-radius: 5px;
		font-weight: 600;
		margin-bottom: 25px;
		overflow: hidden;
		text-decoration: none;
	}

	.text-item {
		font-size: 22px;
		height: calc(100%-1em);
		padding: 1em 0px 0px 1.5em;
		text-decoration: none;
		grid-area: text-item;
	}

	.icon {
		font-size: 100px;
		margin-top: 50px;
		text-align: center;
	}

	.button_S {
		display: none;
	}

	.text {
		display: none;
	}
}

/* Desktopsicht */
@media screen and (min-width: 1801px) {

	.container2 {
		grid-template-areas: "icon-item text-item";
		grid-template-columns: 300px auto;
		display: grid;
		height: 295px;
		width: auto;
		margin-bottom: 25px;
		border: 7px solid #ffffff;
		box-shadow: 3px 3px 8px gainsboro;
	}

	.icon-item {
		background: #e4760a no-repeat;
		overflow: hidden;
		grid-area: icon-item;
	}

	.text-item {
		font-size: 25px;
		height: calc(100%-1em);
		padding: 1em 0px 0px 1.5em;
		text-decoration: none;
		grid-area: text-item;
	}

	.icon {
		font-size: 120px;
		margin-top: 70px;
		text-align: center;
	}

	.button_S {
		display: none;
	}

	.text {
		display: none;
	}
}

/* Startseite-gridbildungsangebot*/
/* Smartphonesicht */
@media screen and (max-width: 535px) {
	.row_B {
		display: flex;
	}

	.card_B {
		border-radius: 4px;
		box-shadow: 3px 3px 8px gainsboro;
		display: flex;
		flex-direction: column;
		margin-top: 5px;
		overflow: hidden;
		width: 100%;
	}

	.card-main_B {
		display: flex;
		text-align: center;
	}

	.card-icon_B {
		color: #e4760a;
		font-size: 4em;
		margin: 0px auto 12px auto;
		padding-top: 10px;
	}

	.main-description_B {
		color: #e4760a;
		font-size: 15px;
		margin: 0px 5px;
		text-align: center;
	}
}

/* Tabletsicht */
@media screen and (min-width: 535px) and (max-width: 1800px) {

	.row_B {
		width: 100%;
	}

	.card-header {
		background-color: #e4760a;
		border-bottom: 1px solid #e4760a;
		color: white;
		font-size: 27px;
		padding: 5px 10px;
		text-align: center;
	}

	.card_B {
		box-shadow: 3px 3px 8px gainsboro;
		border-radius: 4px;
		flex-direction: column;
		height: 345px;
		margin-top: 5px;
		overflow: hidden;
	}

	.card-main_B {
		text-align: center;
	}

	.card-icon_B {
		color: #e4760a;
		font-size: 120px;
		position: absolute;
		padding-top: 60px;
	}
}

/* Desktopsicht */
@media screen and (min-width: 1801px) {

	.row_B {
		width: 100%;
	}

	.card-header {
		background-color: #e4760a;
		border-bottom: 1px solid #e4760a;
		color: white;
		font-size: 23px;
		padding: 5px 10px;
		text-align: center;
	}

	.card_B {
		box-shadow: 3px 3px 8px gainsboro;
		border-radius: 4px;
		flex-direction: column;
		height: 193px;
		overflow: hidden;
	}

	.card-main_B {
		text-align: center;
	}

	.card-icon_B {
		color: #e4760a;
		font-size: 100px;
		position: absolute;
		padding-top: 25px;
	}
}

/* Startseite-gridaside */
/* Smartphonesicht */
@media screen and (max-width: 535px) {

	.row {
		display: flex;
		flex-wrap: wrap;
		margin: 0px -12px 0px -12px;
	}

	.nav-targets strong {
		background: #fff;
		color: #e4760a;
		font-size: 32px;
		font-size: 2rem;
		margin: 4px 4px 0 260px;
		padding: 30px 30px 0 60px;
	}

	.card {
		box-shadow: 3px 3px 8px gainsboro;
		border-radius: 4px;
		overflow: hidden;
		margin: 10px;
		width: calc(50% - 20px);
	}

	.nav-targets span.description {
		background: #fff;
		color: #555555;
		display: block;
		font-size: 18px;
		font-size: 1.125rem;
		height: 7.5em;
		margin: 0 4px 4px 260px;
		padding: 0 30px 30px 60px;
	}

	.card-header {
		color: white;
		background-color: #e4760a;
		border-bottom: 1px solid white;
		padding: 5px 10px;
		text-align: center;
	}

	.nav-targets a:hover, .nav-targets a:focus, .nav-targets a:active {
		background: 0 0 #000060 no-repeat;
		background-size: auto 100%;
	}

		.nav-targets a:hover strong, .nav-targets a:hover span.description, .nav-targets a:focus strong, .nav-targets a:focus span.description, .nav-targets a:active strong, .nav-targets a:active span.description {
			background: #000060;
			color: #fff;
		}

	.card-main {
		align-items: center;
		display: flex;
		flex-direction: column;
		justify-content: center;
		padding-top: 15px;
	}

	.card-icon {
		align-items: center;
		color: #e4760a;
		display: flex;
		font-size: 3em;
		flex-direction: column;
		justify-content: center;
	}

	.nav-targets a:hover strong, .nav-targets a:focus strong, .nav-targets a:active strong {
		margin-top: 0;
		padding-top: 34px;
	}

	.nav-targets a:hover span.description, .nav-targets a:focus span.description, .nav-targets a:active span.description {
		margin-bottom: 0;
		padding-bottom: 34px;
	}

	/* Tabletsicht */
	@media screen and (min-width: 535px) and (max-width: 1279px) {

		.header {
			height: 80px;
			width: 254px;
			font-size: 16px;
			margin: auto auto;
		}

			.header img {
				height: 100%;
				width: 100%;
			}

		.row {
			display: flex;
			flex-wrap: wrap;
			margin: 10px -12px 0px -12px;
		}

		.nav-targets .schueler a {
			background-image: url(../img/ico_schueler.png);
		}

			.nav-targets .schueler a:hover, .nav-targets .schueler a:focus, .nav-targets .schueler a:active {
				background-image: url(../img/bg_nav-schueler.jpg);
			}

		.card {
			box-shadow: 3px 3px 8px gainsboro;
			border-radius: 4px;
			height: 200px;
			overflow: hidden;
			margin: 10px;
			width: calc(50% - 20px);
		}

		.nav-targets .schulen a {
			background-image: url(../img/ico_schulen.png);
		}

			.nav-targets .schulen a:hover, .nav-targets .schulen a:focus, .nav-targets .schulen a:active {
				background-image: url(../img/bg_nav-schulen.jpg);
			}

		.card-main {
			align-items: center;
			display: flex;
			flex-direction: column;
			justify-content: center;
			padding-top: 15px;
		}

		.nav-targets .betriebe a {
			background-image: url(../img/ico_betriebe.png);
		}

		.card-icon {
			color: #e4760a;
			display: flex;
			font-size: 7em;
			flex-direction: column;
			padding-top: 7px;
		}

		.nav-targets .betriebe a:hover, .nav-targets .betriebe a:focus, .nav-targets .betriebe a:active {
			background-image: url(../img/bg_nav-betriebe.jpg);
		}

		.main-description {
			color: #e4760a;
			text-align: center;
			font-size: 15px;
			padding-top: 17px;
		}

		/* Footerbereich */

		.demo {
			margin: 0 auto;
			padding-top: 64px;
			max-width: 640px;
			width: 94%;
		}

		.footer {
			right: 0;
			left: 0;
			vertical-align: bottom;
			padding: 1rem 0;
			background-color: #000060;
			width: 100%;
		}

			.footer ul {
				display: block;
				list-style-type: none;
				text-align: center;
				margin: 0;
			}

			.footer li {
				display: inline-block;
				margin: 0 0.5em 0 0.5em;
			}

			.footer a {
				color: white;
				font-size: 20px;
				text-decoration: none;
				text-transform: uppercase;
			}
	}

	/* Laptopsicht */
	@media screen and (min-width: 996px) {



		.wrapper {
			display: grid;
			height: 288px;
			grid-template-columns: repeat(4, [col] auto );
			grid-template-rows: repeat(2, [row] auto );
			grid-area: 1 / 1 / 2 / 3;
		}

		.box {
			border-radius: 5px;
			color: #fff;
			padding: 28px 7px 7px 7px;
			font-size: 150%;
		}

			.box .box {
				background-color: #ccc;
				color: #444;
			}

		.card-icon_LD {
			text-align: center;
			padding-top: 10px;
			font-size: 2em;
			color: #e4760a;
		}

		.header_LD {
			font-weight: bold;
			font-size: 20px bold;
			color: #000060;
			text-align: center;
			padding: 5px 10px 0px 10px;
			text-transform: uppercase;
		}

		.main_LD {
			font-size: 20px;
			color: #000060;
			text-align: center;
			padding: 5px 10px 5px 10px;
		}

		.card_LD {
			height: 25px;
			display: grid;
			justify-items: center;
			grid-gap: 10px;
			grid-template-columns: 1fr;
		}

		.button_LD {
			height: 25px;
			border: none;
			color: #000060;
			padding: 16px 32px;
			text-decoration: none;
			text-align: unset;
			display: inline-block;
			font-size: 15px;
			margin: 4px;
			transition-duration: 0.4s;
			cursor: pointer;
			border-radius: 5px;
			background-color: #000060;
			color: white;
			box-shadow: 3px 3px 8px gainsboro;
			text-transform: uppercase;
		}

			.button_LD:hover {
				text-align: center;
				background-color: #000060;
				color: white;
				border-radius: 5px;
			}
	}

	.demo {
		margin: 0 auto;
		padding-top: 64px;
		max-width: 640px;
		width: 94%;
	}


	/* Tabnavigation */
	.ym-nav-tabs {
		margin-top: 2em;
	}



	/* Tabnavigation */
	.ym-nav-tabs {
		margin-top: 2em;
	}

		.ym-nav-tabs ul {
			zoom: 1;
			list-style: none;
			margin: 0;
			padding: 0 0 0 .3em;
		}

			.ym-nav-tabs ul:before {
				content: " ";
				display: table;
			}

			.ym-nav-tabs ul:after {
				clear: both;
				content: ".";
				display: block;
				font-size: 0;
				height: 0;
				visibility: hidden;
			}

		.ym-nav-tabs li {
			display: inline;
			list-style: none;
			margin: 0;
			padding: 0;
		}

		.ym-nav-tabs span, .ym-nav-tabs a, .ym-nav-tabs strong {
			background: #d8d8d8;
			border-radius: 5px;
			display: block;
			float: left;
			font-size: 16px;
			font-size: 1rem;
			font-weight: 400;
			height: 34px;
			margin: 0 .3em .3em 0;
			padding: 6px 8px 0 8px;
			position: relative;
		}

			.ym-nav-tabs strong, .ym-nav-tabs a:hover, .ym-nav-tabs a:focus, .ym-nav-tabs a:active {
				background: #000060;
				color: #fff;
			}

	/* Content-Elemente */
	/* Trennlinie */
	.hr {
		border-top: 1px #000060 solid;
		height: 1px;
		margin: .8em 0;
		overflow: hidden;
	}

		.hr hr {
			border: 0;
			clip: rect(0 0 0 0);
			height: 1px;
			margin: -1px;
			overflow: hidden;
			padding: 0;
			position: absolute;
			width: 1px;
		}

	/* Bilder */
	.ym-floatleft {
		float: left;
		margin-right: 1.786em;
		/* 25px */
		margin-top: .4em;
	}

	.ym-floatright {
		float: right;
		margin-left: 1.786em;
		/* 25px */
		margin-top: .4em;
	}

	blockquote {
		background: 0 0.4em url(../img/ico_blockquote.png) no-repeat;
		font-size: 22px;
		font-size: 1.375rem;
		font-weight: 400;
		margin: 0 0 1.2em 0;
		padding: 0 65px 0 70px;
		position: relative;
	}

		blockquote:after {
			background: url(../img/ico_blockquote.png) no-repeat;
			content: ' ';
			height: 42px;
			position: absolute;
			right: 0;
			bottom: 0;
			width: 52px;
		}

	.svg blockquote, .svg blockquote:after {
		background-image: url(../img/ico_blockquote.svg);
	}

	/* Icons */
	h2.ico-alert {
		margin: 0;
	}

		h2.ico-alert:before {
			background: url(../img/ico_hinweis.png);
			content: " ";
			float: left;
			height: 60px;
			margin: .35em 10px 0 0;
			width: 23px;
		}

	.svg h2.ico-alert h2.ico-alert:before {
		background-image: url(../img/ico_hinweis.svg);
	}

	h3.ico-schueler, h3.ico-schulen, h3.ico-bildung, h3.ico-hilfe {
		zoom: 1;
	}

		h3.ico-schueler:before, h3.ico-schulen:before, h3.ico-bildung:before, h3.ico-hilfe:before {
			content: " ";
			display: table;
		}

		h3.ico-schueler:after, h3.ico-schulen:after, h3.ico-bildung:after, h3.ico-hilfe:after {
			clear: both;
			content: ".";
			display: block;
			font-size: 0;
			height: 0;
			visibility: hidden;
		}

	.svg h3.ico-schueler h3.ico-schueler:before {
		background-image: url(../img/ico_headline-schueler.svg);
	}

	h3.ico-schulen:before {
		background: url(../img/ico_headline-schulen.png);
		content: " ";
		float: left;
		height: 50px;
		margin: -.1em 15px 15px 0;
		width: 71px;
	}

	.svg h3.ico-schulen h3.ico-schulen:before {
		background-image: url(../img/ico_headline-schulen.svg);
	}

	h3.ico-bildung:before {
		background: url(../img/ico_headline-bildung.png);
		content: " ";
		float: left;
		height: 56px;
		margin: -.1em 15px 15px 0;
		width: 41px;
	}

	.svg h3.ico-bildung h3.ico-bildung:before {
		background-image: url(../img/ico_headline-bildung.svg);
	}

	h3.ico-hilfe:before {
		background: url(../img/ico_headline-hilfe.png);
		content: " ";
		float: left;
		height: 57px;
		margin: -.1em 15px 15px 0;
		width: 58px;
	}

	.svg h3.ico-hilfe h3.ico-hilfe:before {
		background-image: url(../img/ico_headline-hilfe.svg);
	}

	/* Buttons */
	.ym-actions {
		padding: .5em;
		text-align: right;
	}

		.ym-actions a.ico-trash, .ym-actions a.ico-print, .ym-actions a.ico-save, .ym-actions a.ico-check {
			background-position: right 0;
			background-repeat: no-repeat;
			border: 2px #fff solid;
			display: inline-block;
			margin-left: 20px;
		}

		.ym-actions a.ico-trash {
			background-image: url(../img/ico_trash.png);
			padding-right: 25px;
		}

	.svg .ym-actions a.ico-trash {
		background-image: url(../img/ico_trash.svg);
	}

	.ym-actions a.ico-print {
		background-image: url(../img/ico_print.png);
		padding-right: 36px;
	}

	.svg .ym-actions a.ico-print {
		background-image: url(../img/ico_print.svg);
	}

	.ym-actions a.ico-save {
		background-image: url(../img/ico_save.png);
		padding-right: 30px;
	}

	.svg .ym-actions a.ico-save {
		background-image: url(../img/ico_save.svg);
	}

	.ym-actions a.ico-check {
		background-image: url(../img/ico_check.png);
		padding-right: 34px;
	}

	.svg .ym-actions a.ico-check {
		background-image: url(../img/ico_check.svg);
	}

	.ym-actions a:hover, .ym-actions a:focus, .ym-actions a:active {
		border-color: #000060;
	}

	.ym-actions span.title {
		float: left;
	}

	.ym-btn {
		background: #000060;
		border-radius: 5px;
		color: #fff;
		display: inline-block;
		padding: 8px 30px 8px 20px;
		position: relative;
		text-decoration: none;
	}

		.ym-btn:hover, .ym-btn:focus, .ym-btn:active {
			background: #e4760a;
		}

	.ym-ico-print {
		padding-left: 80px;
	}

		.ym-ico-print:before {
			background: 0 center url(../img/ico_btn-print.png) no-repeat;
			content: ' ';
			height: 30px;
			position: absolute;
			top: 6px;
			left: 20px;
			width: 40px;
		}

	.svg .ym-ico-print .ym-ico-print:before {
		background-image: url(../img/ico_btn-print.svg);
	}

	.ym-ico-arrow-right {
		padding-left: 80px;
	}

		.ym-ico-arrow-right:before {
			background: 0 center url(../img/ico_btn-arrow-right.png) no-repeat;
			content: ' ';
			height: 30px;
			position: absolute;
			top: 6px;
			left: 20px;
			width: 40px;
		}

	.svg .ym-ico-arrow-right .ym-ico-arrow-right:before {
		background-image: url(../img/ico_btn-arrow-right.svg);
	}

	.ym-btn-block {
		margin: 1.2em 0;
	}

	/* Login/Logout / Hide Col1 */
	h2.loginlogout {
		border-top: 1px #000060 solid;
		border-bottom: 1px #000060 solid;
		color: #000060;
		font-size: 26px;
		font-size: 1.625rem;
		font-weight: 400;
		margin: 0 0 .4em 0;
		padding: .3em 0;
	}

		h2.loginlogout a.ym-btn-hide-col1 {
			background: url(../img/ico_arrow-hide-col1.png) no-repeat;
			border-right: 1px #000060 solid;
			cursor: pointer;
			display: inline-block;
			height: 39px;
			padding-right: 15px;
			margin-right: 15px;
			margin-left: 10px;
			vertical-align: middle;
			width: 34px;
		}

			h2.loginlogout a.ym-btn-hide-col1 span {
				border: 0;
				clip: rect(0 0 0 0);
				height: 1px;
				margin: -1px;
				overflow: hidden;
				padding: 0;
				position: absolute;
				width: 1px;
			}

			h2.loginlogout a.ym-btn-hide-col1:hover, h2.loginlogout a.ym-btn-hide-col1:focus, h2.loginlogout a.ym-btn-hide-col1:active {
				background: center center url(../img/ico_arrow-hide-col1-active.png) no-repeat #000060;
			}

	.svg h2.loginlogout a.ym-btn-hide-col1 {
		background-image: url(../img/ico_arrow-hide-col1.svg);
	}

		.svg h2.loginlogout a.ym-btn-hide-col1:hover, .svg h2.loginlogout a.ym-btn-hide-col1:focus, .svg h2.loginlogout a.ym-btn-hide-col1:active {
			background-image: url(../img/ico_arrow-hide-col1-active.svg);
		}

	/* Login-Formular */
	form.ym-form-login {
		border: 0;
		margin: 0;
		padding: 0;
	}

		form.ym-form-login fieldset {
			border-bottom: 1px #000060 solid;
			margin-bottom: 20px;
			padding: 0 .5em 20px .5em;
		}

		form.ym-form-login input {
			background: #fff;
		}

		form.ym-form-login label {
			color: #000060;
		}

		form.ym-form-login .ym-forgot-password {
			text-align: right;
		}

		form.ym-form-login .ym-button {
			background: #e4760a;
			border: 1px #e4760a solid;
			display: block;
			font-weight: 600;
			margin: .5em 0 0 0;
			padding: .2em 0;
			text-align: center;
			width: 100%;
		}

			form.ym-form-login .ym-button:hover, form.ym-form-login .ym-button:focus, form.ym-form-login .ym-button:active {
				background-color: #000060;
				border-color: #000060;
			}

		form.ym-form-login .ym-button-login {
			background: #d8d8d8;
			border-color: #d8d8d8;
			color: #000060;
			font-weight: 400;
		}

			form.ym-form-login .ym-button-login:hover, form.ym-form-login .ym-button-login:focus, form.ym-form-login .ym-button-login:active {
				background: #000060;
				border-color: #000060;
				color: #fff;
			}

	/*
Diese Zeilen wurden auskommentiert, da das Feld Zugangsdaten auf der Startseite sporadisch nicht angezeigt wird.
Einkommentieren würde diesen sporadischen Fehler wiederherstellen.
.js form.ym-form-login .ym-userdata {
    display: none;
}*/


	/* Formular-Steps */
	.ym-form-trail {
	}

		.ym-form-trail ul {
			zoom: 1;
			list-style: none;
			margin: 0;
			padding: 0 0 0 .3em;
		}

			.ym-form-trail ul:before {
				content: " ";
				display: table;
			}

			.ym-form-trail ul:after {
				clear: both;
				content: ".";
				display: block;
				font-size: 0;
				height: 0;
				visibility: hidden;
			}

		.ym-form-trail li {
			display: inline;
			list-style: none;
			margin: 0;
			padding: 0;
		}

		.ym-form-trail span, .ym-form-trail a, .ym-form-trail strong {
			background: #d8d8d8;
			display: block;
			float: left;
			font-size: 16px;
			font-size: 1rem;
			font-weight: 400;
			height: 34px;
			margin: 0 .3em .3em 0;
			padding: 6px 8px 0 30px;
			position: relative;
		}

			.ym-form-trail span:before, .ym-form-trail a:before, .ym-form-trail strong:before {
				content: "";
				border-top: 20px solid transparent;
				border-bottom: 20px solid transparent;
				border-left: 20px solid #fff;
				position: absolute;
				top: 0;
				left: 0;
			}

			.ym-form-trail span:after, .ym-form-trail a:after, .ym-form-trail strong:after {
				content: ' ';
				border-top: 20px transparent solid;
				border-bottom: 20px transparent solid;
				border-left: 20px #d8d8d8 solid;
				position: absolute;
				top: 0;
				right: -19px;
				z-index: 1;
			}

		.ym-form-trail li:first-child span, .ym-form-trail li:first-child a, .ym-form-trail li:first-child strong {
			border-top-left-radius: 5px;
			border-bottom-left-radius: 5px;
			padding-left: 15px;
		}

			.ym-form-trail li:first-child span:before, .ym-form-trail li:first-child a:before, .ym-form-trail li:first-child strong:before {
				display: none;
			}

		.ym-form-trail strong, .ym-form-trail a:hover, .ym-form-trail a:focus, .ym-form-trail a:active {
			background: #000060;
			color: #fff;
		}

			.ym-form-trail strong:after, .ym-form-trail a:hover:after, .ym-form-trail a:focus:after, .ym-form-trail a:active:after {
				border-left-color: #000060;
			}

	/* Sliderelement */
	form.ym-form fieldset.ym-slider {
		background: #000060;
		border-radius: 5px;
		color: #fff;
		padding: 15px 5px 5px 5px;
	}

		form.ym-form fieldset.ym-slider legend {
			font-size: 21px;
			font-size: 1.3125rem;
		}

		form.ym-form fieldset.ym-slider legend, form.ym-form fieldset.ym-slider .ym-label, form.ym-form fieldset.ym-slider label {
			color: #fff;
			padding-left: 15px;
		}

		form.ym-form fieldset.ym-slider .custom-select > span {
			color: #000060;
			padding-left: 15px;
		}

		form.ym-form fieldset.ym-slider legend.ym-question {
			box-sizing: border-box;
			padding-left: 50px;
		}

			form.ym-form fieldset.ym-slider legend.ym-question:before {
				content: '?';
				font-size: 48px;
				font-size: 3rem;
				position: absolute;
				top: -5px;
				left: 20px;
			}

		form.ym-form fieldset.ym-slider legend.ym-link {
			box-sizing: border-box;
			padding-left: 50px;
		}

			form.ym-form fieldset.ym-slider legend.ym-link:before {
				background: url(../img/ico_link.png);
				content: ' ';
				height: 26px;
				position: absolute;
				top: 15px;
				left: 20px;
				width: 26px;
			}

		form.ym-form fieldset.ym-slider legend.ym-download {
			box-sizing: border-box;
			padding-left: 50px;
		}

			form.ym-form fieldset.ym-slider legend.ym-download:before {
				background: url(../img/ico_download.png);
				content: ' ';
				height: 24px;
				position: absolute;
				top: 16px;
				left: 20px;
				width: 23px;
			}

		form.ym-form fieldset.ym-slider a {
			color: #fff;
		}

			form.ym-form fieldset.ym-slider a:hover, form.ym-form fieldset.ym-slider a:focus, form.ym-form fieldset.ym-slider a:active {
				background: #fff;
				color: #000060;
			}

			form.ym-form fieldset.ym-slider a.ym-slider-action {
				cursor: pointer;
				border-radius: 5px;
				font-size: 80px;
				font-size: 5rem;
				overflow: hidden;
				position: absolute;
				top: 15px;
				right: 20px;
				height: 36px;
				width: 36px;
				z-index: 1;
			}

				form.ym-form fieldset.ym-slider a.ym-slider-action:before {
					background: #fff;
					position: absolute;
					top: 15px;
					left: 2px;
					border-radius: 2px;
					content: ' ';
					height: 6px;
					width: 32px;
				}

				form.ym-form fieldset.ym-slider a.ym-slider-action:after {
					background: #fff;
					position: absolute;
					top: 2px;
					left: 15px;
					border-radius: 2px;
					content: ' ';
					height: 32px;
					width: 6px;
				}

				form.ym-form fieldset.ym-slider a.ym-slider-action:hover:before, form.ym-form fieldset.ym-slider a.ym-slider-action:hover:after, form.ym-form fieldset.ym-slider a.ym-slider-action:focus:before, form.ym-form fieldset.ym-slider a.ym-slider-action:focus:after, form.ym-form fieldset.ym-slider a.ym-slider-action:active:before, form.ym-form fieldset.ym-slider a.ym-slider-action:active:after {
					background: #000060;
				}

		form.ym-form fieldset.ym-slider.ym-slider-open a.ym-slider-action:after {
			display: none;
		}

	.js form.ym-form fieldset.ym-slider .hide {
		display: none;
	}

	form.ym-form fieldset.ym-slider.ym-slider-open .hide {
		display: block;
	}

	form.ym-form fieldset.ym-slider .ym-fbox-textbox {
		background: #d8d8d8;
		clear: both;
		color: #000060;
		padding: 10px 15px;
	}

		form.ym-form fieldset.ym-slider .ym-fbox-textbox a {
			color: #000060;
		}

			form.ym-form fieldset.ym-slider .ym-fbox-textbox a:hover, form.ym-form fieldset.ym-slider .ym-fbox-textbox a:focus, form.ym-form fieldset.ym-slider .ym-fbox-textbox a:active {
				background: #000060;
				color: #fff;
			}

	form.ym-form fieldset.ym-slider .ym-fbox-textbox2 {
		padding: 5px 15px;
	}

	/* Yellow-Fade */
	input.update, select.update,
	select.replaced.update + .custom-select span {
		-webkit-animation: yellowfade 3s 1;
		-moz-animation: yellowfade 3s 1;
		animation: yellowfade 3s 1;
	}

	/* Slide blocks */
	.ym-slide-block {
		border: 1px solid #d8d8d8;
		margin-bottom: 10px;
	}

		.ym-slide-block:hover {
			border: 1px solid #000060;
		}

		.ym-slide-block > h4 {
			margin-bottom: 0;
		}

	.ym-slide-link, a.ym-slide-link:focus {
		background: url(../img/ico_arrow-slide-down.png) no-repeat 98% 60% #d8d8d8;
		background-size: 26px;
		display: block;
		padding: 6px;
	}

	.ym-slide-open .ym-slide-link, .ym-slide-open a.ym-slide-link:focus {
		background: url(../img/ico_arrow-slide-up.png) no-repeat 98% 60% #000060;
		background-size: 26px;
		color: #fff;
	}

	a.ym-slide-link:hover, a.ym-slide-link:focus, a.ym-slide-link:active {
		background: url(../img/ico_arrow-slide-down-focus.png) no-repeat 98% 60% #000060;
		background-size: 26px;
		color: #fff;
	}

	a.ym-slide-link:focus {
		border: 2px solid #fff !important;
	}

	.ym-slide-content {
		background: #fff;
		padding: 10px 10px 10px 20px;
	}

	.ym-slide-block ul.download,
	.ym-slide-block ul.links {
		margin-left: 0;
	}

		.ym-slide-block ul.download li,
		.ym-slide-block ul.links li {
			list-style: none;
			padding-left: 20px;
			margin-left: 0;
		}

	.ym-slide-block .ym-attachement-block {
		margin-top: 10px;
	}



	/* Tabelle Anmeldung */
	table.ym-registration thead th.ym-question {
		font-size: 28px;
		font-size: 1.75rem;
		font-weight: 600;
		padding-top: 0;
		padding-bottom: 0;
		text-align: center;
	}

	table.ym-registration tr.ym-even th, table.ym-registration tr.ym-even td {
		background: #d8d8d8;
	}

	table.ym-registration tr.ym-color1 th, table.ym-registration tr.ym-color1 td {
		background: url(../img/bg_table-color1.png) #ffdc7a;
	}

	table.ym-registration tr.ym-color2 th, table.ym-registration tr.ym-color2 td {
		background: url(../img/bg_table-color2.png) #bad9b1;
	}

	table.ym-registration tr.ym-color3 th, table.ym-registration tr.ym-color3 td {
		background: url(../img/bg_table-color3.png) #e9cccc;
	}

	table.ym-registration td.ym-action, table.ym-registration tr.even td.ym-action {
		text-align: center;
		padding: 0;
	}

		table.ym-registration td.ym-action a, table.ym-registration tr.even td.ym-action a {
			background: center center url(../img/ico_bubble.png) no-repeat;
			border-radius: 5px;
			display: block;
			height: 38px;
			color: #fff;
			width: 100%;
		}

			table.ym-registration td.ym-action a span, table.ym-registration tr.even td.ym-action a span {
				border: 0;
				clip: rect(0 0 0 0);
				height: 1px;
				margin: -1px;
				overflow: hidden;
				padding: 0;
				position: absolute;
				width: 1px;
			}

	.svg table.ym-registration td.ym-action a, .svg table.ym-registration tr.even td.ym-action a {
		background-image: url(../img/ico_bubble.svg);
	}

	table.ym-registration td.ym-action a:hover, table.ym-registration td.ym-action a:focus, table.ym-registration td.ym-action a:active, table.ym-registration tr.even td.ym-action a:hover, table.ym-registration tr.even td.ym-action a:focus, table.ym-registration tr.even td.ym-action a:active {
		background-color: #000060;
		background-image: url(../img/ico_bubble-active.png);
	}

	.svg table.ym-registration td.ym-action a:hover, .svg table.ym-registration td.ym-action a:focus, .svg table.ym-registration td.ym-action a:active, .svg table.ym-registration tr.even td.ym-action a:hover, .svg table.ym-registration tr.even td.ym-action a:focus, .svg table.ym-registration tr.even td.ym-action a:active {
		background-image: url(../img/ico_bubble-active.svg);
	}

	table.ym-registration td.ym-active, table.ym-registration tr.ym-even td.ym-active, table.ym-registration tr.ym-color1 td.ym-active, table.ym-registration tr.ym-color2 td.ym-active, table.ym-registration tr.ym-color3 td.ym-active {
		background: #000060;
		color: #fff;
		position: relative;
	}

		table.ym-registration td.ym-active a, table.ym-registration tr.ym-even td.ym-active a, table.ym-registration tr.ym-color1 td.ym-active a, table.ym-registration tr.ym-color2 td.ym-active a, table.ym-registration tr.ym-color3 td.ym-active a {
			background-image: url(../img/ico_bubble-active.png);
		}

	.svg table.ym-registration td.ym-active a, .svg table.ym-registration tr.ym-even td.ym-active a, .svg table.ym-registration tr.ym-color1 td.ym-active a, .svg table.ym-registration tr.ym-color2 td.ym-active a, .svg table.ym-registration tr.ym-color3 td.ym-active a {
		background-image: url(../img/ico_bubble-active.svg);
	}

	table.ym-registration td.ym-active:after, table.ym-registration tr.ym-even td.ym-active:after, table.ym-registration tr.ym-color1 td.ym-active:after, table.ym-registration tr.ym-color2 td.ym-active:after, table.ym-registration tr.ym-color3 td.ym-active:after {
		background: #000060;
		content: ' ';
		height: 15px;
		margin-bottom: -10px;
		position: absolute;
		right: 0;
		bottom: 0;
		left: 0;
	}

	table.ym-registration tr.ym-description td, table.ym-registration tr.ym-description th {
		background: #000060;
		color: #fff;
	}

	.js table.ym-registration tr.ym-description {
		display: none;
	}

	.js table.ym-registration tr.ym-visible {
		display: table-row;
	}

	table.ym-registration td.ym-check {
		text-align: center;
	}

	table.ym-registration td.ym-radio {
		text-align: left;
	}

	.ym-legend {
		zoom: 1;
		margin: 1em 0;
	}

		.ym-legend:before {
			content: " ";
			display: table;
		}

		.ym-legend:after {
			clear: both;
			content: ".";
			display: block;
			font-size: 0;
			height: 0;
			visibility: hidden;
		}

		.ym-legend ul {
			list-style: none;
			margin: 0;
			padding: 0;
		}

		.ym-legend li {
			float: left;
			font-size: 15px;
			font-size: 0.9375rem;
			margin: 0 2em 0 0;
			padding: 0;
		}

			.ym-legend li:before {
				background: #000060;
				border-radius: 5px;
				content: '';
				display: inline-block;
				height: 2em;
				margin: 0 .6em -.6em 0;
				width: 2.2em;
				vertical-align: baseline;
			}

			.ym-legend li.ym-color1:before {
				background: url(../img/bg_table-color1.png) #ffdc7a;
			}

			.ym-legend li.ym-color2:before {
				background: url(../img/bg_table-color2.png) #bad9b1;
			}

			.ym-legend li.ym-color3:before {
				background: url(../img/bg_table-color3.png) #e9cccc;
			}

	/* Tabelle Anmeldung / Zeilenanzahl */
	.ym-action-rows {
		float: right;
		margin-right: 46px;
		padding-bottom: 20px;
		width: 10%;
	}

		.ym-action-rows label {
			padding: .1em 10px 0 0;
			position: absolute;
			right: 100%;
		}

		.ym-action-rows button {
			background: center center url(../img/ico_refresh.png) no-repeat #000060;
			height: 30px;
			margin: 0;
			padding: 0;
			position: absolute;
			top: 0;
			right: -36px;
			width: 30px;
		}

	.svg .ym-action-rows button {
		background-image: url(../img/ico_refresh.svg);
	}

	.ym-action-rows button span {
		border: 0;
		clip: rect(0 0 0 0);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px;
	}

	/* Boxen Col1 */
	.ym-box {
		margin-bottom: 1em;
		padding: 0 .5em;
	}

	/* Warnung */
	.ym-warning {
		border: 8px #d8d8d8 solid;
		border-radius: 5px;
		margin: 0 0 1em 0;
		padding: 40px 30px;
	}

		.ym-warning h1 {
			background: 30px 18px url(../img/ico_warning.png) no-repeat #000060;
			color: #fff;
			font-size: 26px;
			font-size: 1.625rem;
			margin: -40px -30px 20px -30px;
			padding: 20px 30px 20px 95px;
		}

	.svg .ym-warning h1 {
		background-image: url(../img/ico_warning.svg);
	}

	.ym-warning h2 {
		font-size: 18px;
		font-size: 1.125rem;
	}

		.ym-warning h2 span.date {
			display: inline-block;
			margin-right: 1.5em;
		}

	.ym-warning2 {
		border: 8px #000060 solid;
		border-radius: 5px;
		margin: 0 0 1em 0;
		padding: 20px 20px;
	}

		.ym-warning2 h1 {
			background: 0 5px url(../img/ico_warning2.png) no-repeat;
			border-bottom: 1px #000060 solid;
			font-size: 26px;
			font-size: 1.625rem;
			font-weight: 400;
			margin: 0 0 20px 0;
			padding: 5px 0 20px 65px;
		}

	.svg .ym-warning2 h1 {
		background-image: url(../img/ico_warning2.svg);
	}

	.ym-warning2 h2 {
		font-size: 18px;
		font-size: 1.125rem;
	}

		.ym-warning2 h2 span.date {
			display: inline-block;
			margin-right: 1.5em;
		}

	/* Paging */
	.ym-paging {
		zoom: 1;
		margin: 20px 0;
	}

		.ym-paging:before {
			content: " ";
			display: table;
		}

		.ym-paging:after {
			clear: both;
			content: ".";
			display: block;
			font-size: 0;
			height: 0;
			visibility: hidden;
		}

		.ym-paging ul {
			float: right;
			list-style: none;
			margin: 0;
			padding: 0;
		}

		.ym-paging li {
			float: left;
			margin: 0;
			padding: 0;
		}

		.ym-paging a, .ym-paging strong, .ym-paging button {
			background: #000060;
			border: 0;
			border-radius: .2em;
			color: #fff;
			display: block;
			font-weight: 400;
			line-height: 1.5em;
			margin: 0 .2em .2em 0;
			padding: .1em .1em .1em .1em;
			text-align: center;
			text-decoration: none;
			width: 2.8em;
		}

			.ym-paging a:hover, .ym-paging a:focus, .ym-paging a:active,
			.ym-paging button:hover, .ym-paging button:focus, .ym-paging button:active {
				background: #e4760a;
			}

			.ym-paging strong, .ym-paging button.current {
				background: #d8d8d8;
				color: #000060;
				cursor: text;
			}

	/* Formulare */
	.custom-select-container {
		position: relative;
	}

	.ym-columnar .custom-select-container {
		float: left;
		margin-right: -3px;
		width: 100% !important;
	}

	select.ym-beauty.replaced {
		border: 0;
		filter: alpha(opacity=0);
		height: 1.6em;
		opacity: 0;
		position: relative;
		width: 100% !important;
		z-index: 10;
	}

	.custom-select {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 1;
	}

	select.ym-small + .custom-select {
		width: 28.5%;
	}

	.custom-select > span {
		background: url(../img/ico_form-select.png) #d8d8d8 no-repeat 100% 50%;
		border: 1px #000060 solid;
		display: block;
		padding: 0 25px 0 .3em;
	}

	.svg .custom-select > span {
		background-image: url(../img/ico_form-select.svg);
	}

	.custom-select span span {
		display: block;
		height: 1.5em;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.custom-select-focus span {
		background-color: #fff;
	}

	/**
 *
 * Vogtland Tourismus
 *
 * @author Danny Otto | pixelbrand.net
 * @date   2014-06
 *
 */
	.ui-helper-hidden {
		display: none;
	}

	.ui-helper-hidden-accessible {
		border: 0;
		clip: rect(0 0 0 0);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px;
	}

	.ui-helper-reset {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		line-height: 1.3;
		text-decoration: none;
		font-size: 100%;
		list-style: none;
	}

	.ui-helper-clearfix:before,
	.ui-helper-clearfix:after {
		content: "";
		display: table;
		border-collapse: collapse;
	}

	.ui-helper-clearfix:after {
		clear: both;
	}

	.ui-helper-clearfix {
		min-height: 0;
		/* support: IE7 */
	}

	.ui-helper-zfix {
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		position: absolute;
		opacity: 0;
		filter: Alpha(Opacity=0);
	}

	.ui-front {
		z-index: 1000;
	}

	.ui-state-disabled {
		cursor: default !important;
	}

	.ui-icon {
		display: block;
		text-indent: -99999px;
		overflow: hidden;
		background-repeat: no-repeat;
	}

	.ui-widget-overlay {
		height: 100%;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
	}

	.ui-datepicker {
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
		display: none;
		padding: .2em .2em 0;
		width: 17em;
	}

		.ui-datepicker .ui-datepicker-header {
			padding: .2em 0;
			position: relative;
		}

		.ui-datepicker .ui-datepicker-prev,
		.ui-datepicker .ui-datepicker-next {
			height: 1.8em;
			position: absolute;
			top: 2px;
			width: 1.8em;
		}

		.ui-datepicker .ui-datepicker-prev-hover,
		.ui-datepicker .ui-datepicker-next-hover {
			cursor: pointer;
			top: 1px;
		}

		.ui-datepicker .ui-datepicker-prev {
			left: 2px;
		}

		.ui-datepicker .ui-datepicker-next {
			right: 2px;
		}

		.ui-datepicker .ui-datepicker-prev-hover {
			left: 1px;
		}

		.ui-datepicker .ui-datepicker-next-hover {
			right: 1px;
		}

		.ui-datepicker .ui-datepicker-prev span,
		.ui-datepicker .ui-datepicker-next span {
			display: block;
			margin-top: -8px;
			margin-left: -8px;
			position: absolute;
			top: 50%;
			left: 50%;
		}

		.ui-datepicker .ui-datepicker-title {
			line-height: 1.8em;
			margin: 0 2.3em;
			text-align: center;
		}

			.ui-datepicker .ui-datepicker-title select {
				margin: 1px 0;
			}

		.ui-datepicker select.ui-datepicker-month,
		.ui-datepicker select.ui-datepicker-year {
			width: 49%;
		}

		.ui-datepicker table {
			border-collapse: collapse;
			font-size: .9em;
			margin: 0 0 .4em 0;
			width: 100%;
		}

		.ui-datepicker th {
			background: #d8d8d8;
			border: 0;
			border-radius: 0;
			color: #000060;
			font-weight: bold;
			padding: .3em .3em;
			text-align: center;
		}

		.ui-datepicker td {
			background: none !important;
			border: 0;
			border-radius: 0;
			padding: 1px;
		}

			.ui-datepicker td span,
			.ui-datepicker td a {
				display: block;
				padding: .2em;
				text-align: right;
				text-decoration: none;
			}

		.ui-datepicker .ui-datepicker-buttonpane {
			background-image: none;
			border-left: 0;
			border-right: 0;
			border-bottom: 0;
			margin: .7em 0 0 0;
			padding: 0 .2em;
		}

			.ui-datepicker .ui-datepicker-buttonpane button {
				cursor: pointer;
				float: right;
				margin: .5em .2em .4em;
				overflow: visible;
				padding: .2em .6em .3em .6em;
				width: auto;
			}

				.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
					float: left;
				}

		.ui-datepicker.ui-datepicker-multi {
			width: auto;
		}

	.ui-datepicker-multi .ui-datepicker-group {
		float: left;
	}

		.ui-datepicker-multi .ui-datepicker-group table {
			margin: 0 auto .4em;
			width: 95%;
		}

	.ui-datepicker-multi-2 .ui-datepicker-group {
		width: 50%;
	}

	.ui-datepicker-multi-3 .ui-datepicker-group {
		width: 33.3%;
	}

	.ui-datepicker-multi-4 .ui-datepicker-group {
		width: 25%;
	}

	.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
	.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
		border-left-width: 0;
	}

	.ui-datepicker-multi .ui-datepicker-buttonpane {
		clear: left;
	}

	.ui-datepicker-row-break {
		clear: both;
		font-size: 0;
		width: 100%;
	}

	.ui-datepicker-rtl {
		direction: rtl;
	}

		.ui-datepicker-rtl .ui-datepicker-prev {
			right: 2px;
			left: auto;
		}

		.ui-datepicker-rtl .ui-datepicker-next {
			left: 2px;
			right: auto;
		}

		.ui-datepicker-rtl .ui-datepicker-prev:hover {
			right: 1px;
			left: auto;
		}

		.ui-datepicker-rtl .ui-datepicker-next:hover {
			left: 1px;
			right: auto;
		}

		.ui-datepicker-rtl .ui-datepicker-buttonpane {
			clear: right;
		}

			.ui-datepicker-rtl .ui-datepicker-buttonpane button {
				float: left;
			}

				.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
				.ui-datepicker-rtl .ui-datepicker-group {
					float: right;
				}

		.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
		.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
			border-right-width: 0;
			border-left-width: 1px;
		}

	/* Component containers */
	.ui-widget {
		font-size: 1.1em;
	}

		.ui-widget .ui-widget {
			font-size: 1em;
		}

		.ui-widget input,
		.ui-widget select,
		.ui-widget textarea,
		.ui-widget button {
			font-size: 1em;
		}

	.ui-widget-content {
		border: 1px solid #e1e1e2;
		background: #fff;
	}

		.ui-widget-content a {
			color: #3d3d40;
		}

	.ui-widget-header {
		background: #000060;
		color: #fff;
		font-weight: bold;
	}

		.ui-widget-header a {
			color: #fff;
		}

		/* Interaction states
----------------------------------*/
		.ui-state-default,
		.ui-widget-content .ui-state-default,
		.ui-widget-header .ui-state-default {
			background: #e1e1e2;
			border: 1px #e1e1e2 solid;
			color: #3d3d40;
			font-weight: normal;
		}

			.ui-state-default a,
			.ui-state-default a:link,
			.ui-state-default a:visited {
				color: #fff;
				text-decoration: none;
			}

		.ui-state-hover,
		.ui-widget-content .ui-state-hover,
		.ui-widget-header .ui-state-hover,
		.ui-state-focus,
		.ui-widget-content .ui-state-focus,
		.ui-widget-header .ui-state-focus {
			background: #000060;
			color: #fff;
			font-weight: normal;
		}

			.ui-state-hover a,
			.ui-state-hover a:hover,
			.ui-state-hover a:link,
			.ui-state-hover a:visited,
			.ui-state-focus a,
			.ui-state-focus a:hover,
			.ui-state-focus a:link,
			.ui-state-focus a:visited {
				color: #fff;
				text-decoration: none;
			}

		.ui-state-active,
		.ui-widget-content .ui-state-active,
		.ui-widget-header .ui-state-active {
			border: 1px #000060 solid;
			background: #000060;
			font-weight: normal;
			color: #fff;
		}

			.ui-state-active a,
			.ui-state-active a:link,
			.ui-state-active a:visited {
				background: #000060;
				color: #fff;
				text-decoration: none;
			}

		.ui-state-highlight,
		.ui-widget-content .ui-state-highlight,
		.ui-widget-header .ui-state-highlight {
			background: #e1e1e2;
			border: 1px #000060 solid;
			color: #000060;
		}

			.ui-state-highlight a,
			.ui-widget-content .ui-state-highlight a,
			.ui-widget-header .ui-state-highlight a {
				color: #915608;
			}

		.ui-state-error,
		.ui-widget-content .ui-state-error,
		.ui-widget-header .ui-state-error {
			border: 1px solid #cd0a0a;
			background: #e14f1c;
			color: #ffffff;
		}

			.ui-state-error a,
			.ui-widget-content .ui-state-error a,
			.ui-widget-header .ui-state-error a {
				color: #ffffff;
			}

		.ui-state-error-text,
		.ui-widget-content .ui-state-error-text,
		.ui-widget-header .ui-state-error-text {
			color: #ffffff;
		}

		.ui-priority-primary,
		.ui-widget-content .ui-priority-primary,
		.ui-widget-header .ui-priority-primary {
			font-weight: bold;
		}

		.ui-priority-secondary,
		.ui-widget-content .ui-priority-secondary,
		.ui-widget-header .ui-priority-secondary {
			opacity: .7;
			filter: Alpha(Opacity=70);
			font-weight: normal;
		}

		.ui-state-disabled,
		.ui-widget-content .ui-state-disabled,
		.ui-widget-header .ui-state-disabled {
			opacity: .35;
			filter: Alpha(Opacity=35);
			background-image: none;
		}

			.ui-state-disabled .ui-icon {
				filter: Alpha(Opacity=35);
				/* For IE8 - See #6059 */
			}

	/* Icons
----------------------------------*/
	/* states and images */
	.ui-icon {
		width: 16px;
		height: 16px;
	}

	.ui-widget-header .ui-icon {
		background-image: url("~/util/img/ui-icons_e1e1e2_256x240.png");
	}

	.ui-state-hover .ui-icon,
	.ui-state-focus .ui-icon {
		background-image: url("~/util/img/ui-icons_fff_256x240.png");
	}

	/* positioning */
	.ui-icon-circle-triangle-e {
		background-position: -48px -192px;
	}

	.ui-icon-circle-triangle-w {
		background-position: -80px -192px;
	}

	/* Tabs */
	.ym-tabs ul.tabs-list {
		zoom: 1;
		list-style: none;
		margin: 2em 0 0 0;
		padding: 0 0 0 .3em;
	}

		.ym-tabs ul.tabs-list:before {
			content: " ";
			display: table;
		}

		.ym-tabs ul.tabs-list:after {
			clear: both;
			content: ".";
			display: block;
			font-size: 0;
			height: 0;
			visibility: hidden;
		}

		.ym-tabs ul.tabs-list li {
			display: inline;
			list-style: none;
			margin: 0;
			padding: 0;
		}

		.ym-tabs ul.tabs-list a {
			background: #d8d8d8;
			border-radius: 5px;
			display: block;
			float: left;
			font-size: 16px;
			font-size: 1rem;
			font-weight: 400;
			height: 34px;
			margin: 0 .3em .3em 0;
			padding: 6px 8px 0 8px;
			position: relative;
		}

			.ym-tabs ul.tabs-list li.current a, .ym-tabs ul.tabs-list a:hover, .ym-tabs ul.tabs-list a:focus, .ym-tabs ul.tabs-list a:active {
				background: #000060;
				color: #fff;
			}

		.ym-tabs ul.tabs-list li.current a {
			text-decoration: none;
		}

	.ym-tabs .tabhead {
		position: absolute;
		left: -32768px;
	}

	.ym-tabs .current-info, .ym-tabs .accessibletabsanchor {
		position: absolute;
		left: -999em;
	}

	.ym-tabs .content {
		clear: both;
		padding: 0;
	}

	/* Media Table */
	.mediaTableWrapper {
		clear: both;
		position: relative;
	}

	.mediaTableMenuClosed ul {
		display: none;
	}

	.mediaTableMenu {
		background: #d8d8d8;
		border: 1px #000060 solid;
		overflow: hidden;
		position: absolute !important;
		top: -50px;
		left: 0;
		width: 40%;
		z-index: 400;
	}

		.mediaTableMenu a {
			background: 100% 50% url(../img/ico_form-select.png) no-repeat scroll #d8d8d8;
			cursor: pointer;
			display: block;
			padding: 0 25px 0 .3em;
		}

			.mediaTableMenu a:hover, .mediaTableMenu a:focus, .mediaTableMenu a:active {
				color: #000060;
			}

		.mediaTableMenu ul {
			list-style: none;
			margin: 0;
			padding: 0;
		}

		.mediaTableMenu li {
			zoom: 1;
			margin: 0;
			padding: 0;
			position: relative;
		}

			.mediaTableMenu li:before {
				content: " ";
				display: table;
			}

			.mediaTableMenu li:after {
				clear: both;
				content: ".";
				display: block;
				font-size: 0;
				height: 0;
				visibility: hidden;
			}

			.mediaTableMenu li label {
				color: #000060;
				display: block;
				padding: .3em .3em .3em 25px;
			}

				.mediaTableMenu li label:hover, .mediaTableMenu li label:focus, .mediaTableMenu li label:active {
					background: #000060;
					color: #fff;
				}

			.mediaTableMenu li input {
				position: absolute;
				top: .75em;
				left: .3em;
				z-index: 420;
			}

	/* IE10-Korrekturen */
	/* Firefox-Korrekturen */
	html.oldFirefox form.ym-form fieldset.ym-slider a.ym-slider-action {
		top: 0;
	}

	html.oldFirefox form.ym-form fieldset.ym-slider legend.ym-link:before,
	html.oldFirefox form.ym-form fieldset.ym-slider legend.ym-download:before {
		top: 0;
		left: 15px;
	}

	html.oldFirefox table.ym-registration td.ym-active:after, html.oldFirefox table.ym-registration tr.ym-even td.ym-active:after, html.oldFirefox table.ym-registration tr.ym-color1 td.ym-active:after, html.oldFirefox table.ym-registration tr.ym-color2 td.ym-active:after, html.oldFirefox table.ym-registration tr.ym-color3 td.ym-active:after {
		display: none;
	}

	/* Chrome-Korekturen */
	body {
		-webkit-text-stroke: 1px transparent;
	}

	/* Druckansicht */
	@media print and (color) {
		* {
			-webkit-print-color-adjust: exact;
			print-color-adjust: exact;
		}
	}

	@page {
		margin: 60pt 30pt;
		size: auto;
	}

	@media print {
		@page {
			margin: 2cm;
		}

		body {
			background: #fff;
			color: #000;
			margin: 0;
			padding: 0;
			width: 100%;
		}

		h1, h2, h3, h4 {
			page-break-after: avoid;
		}

		ul, img {
			page-break-inside: avoid;
		}

		a {
			text-decoration: none;
		}

		img {
			max-width: 100% !important;
		}

		.ym-nav-meta, .ym-col1, .ym-col3, .ym-fbox-steps, .ym-actions, .ym-form button, .mediaTableMenu, .ym-action-rows, .ym-legend {
			display: none;
		}

		.ym-page {
			padding: 0;
		}

		.ym-header {
			margin: 0;
			padding: 0;
		}

		.ym-col2 {
			width: 100%;
		}

		.ym-header h1.ym-logo {
			color: #000060;
		}

			.ym-header h1.ym-logo a, .ym-header h1.ym-logo strong {
				float: none;
				height: auto;
				margin: 0;
				width: auto;
			}

		.nav-targets strong, .nav-targets span.description {
			margin-left: 0;
			padding-left: 0;
		}

		.ym-form-trail a, .ym-form-trail span, .ym-form-trail strong {
			color: #ccc;
			padding: 0;
		}

		.ym-form-trail strong {
			color: #000060;
			font-weight: 600;
		}

			.ym-form-trail a:before, .ym-form-trail span:before, .ym-form-trail strong:before, .ym-form-trail a:after, .ym-form-trail span:after, .ym-form-trail strong:after {
				display: none;
			}

		h3.ico-schueler:before, h3.ico-hilfe:before, h3.ico-bildung:before, h3.ico-schulen:before {
			display: none;
		}

		.ym-warning h1 {
			padding-left: 30px;
		}

		.ym-warning2 h1 {
			padding-left: 0;
		}

		form.ym-form .ym-error {
			border: 2px #950503 solid;
		}
	}

	@media screen and (min-width:1280) and (max-width: 1800px) {
		
		.header {
			height: 100px;
			width: 318px;
			font-size: 16px;
			margin: auto auto auto 0;
		}

			.header img {
				height: 100%;
				width: 100%;
			}
	}

	@media screen and (min-width: 1801px) {
		
		.stammdaten-element-label label {
			width: 100%;
		}

		.header {
			height: 100px;
			width: 318px;
			font-size: 16px;
			margin: auto auto auto 0;
		}

			.header img {
				height: 100%;
				width: 100%;
			}
	}

	.ie_advice {
		display: none;
	}
}

@media screen and (min-width: 996px) and (max-width: 1279px) {
	
	.header {
		height: 80px;
		width: 254px;
		font-size: 16px;
		margin: auto auto;
	}

		.header img {
			height: 100%;
			width: 100%;
		}
}

@media screen and (min-width: 1280px) and (max-width: 1800px) {
	
	.header {
		height: 100px;
		width: 308px;
		font-size: 16px;
		margin: auto auto auto 0;
	}

		.header img {
			height: 100%;
			width: 100%;
		}
}

.ie_advice {
	display: none;
}


@media screen and (min-width: 1801px) {
	
	.header {
		height: 100px;
		width: 308px;
		font-size: 16px;
		margin: auto auto auto 0;
	}

		.header img {
			height: 100%;
			width: 100%;
		}
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) and (min-width: 1280) {

	body {
		font-family: "Titillium Web", Helvetica, Arial, sans-serif;
		font-size: 93.75%;
		font-weight: 400;
	}

	.startseite-gridcontainer {
		display: none;
	}

	.footer {
		display: none;
	}

	ie_display {
		display: none;
	}

	.ie_advice {
		display: block;
		font-size: 20px;
		text-align: center;
		margin: 0 50px;
	}

		.ie_advice .ueberschrift_ie p {
			padding: 20px 0 15px 0;
			font-weight: bold;
		}

		.ie_advice a {
			text-decoration: underline;
		}

		.ie_advice img {
			padding: 30px 0;
		}

		.ie_advice .bloecke {
			text-align: center;
			margin: 0 150px;
			padding-bottom: 20px;
		}

			.ie_advice .bloecke p {
				margin: 0;
				font-size: 15px;
			}

			.ie_advice .bloecke a {
				padding-top: 20px;
				font-size: 15px;
				text-decoration: underline;
			}

	.impressum-gridcontainer {
		padding: 0 50px 0 50px;
		max-width: 90%;
		font-family: "Titillium Web", Helvetica, Arial, sans-serif;
		font-size: 93.75%;
		font-weight: 400;
	}
}

.status1 {
	content: url('../img/Status_Warteliste.png');
	width: 15px;
	padding: 10px 10px 0px 0;
}

.status2 {
	content: url('../img/Status_Check.png');
	width: 15px;
	padding: 10px 10px 0px 0;
}

.status3 {
	content: url('../img/Status_Abschluss.png');
	width: 15px;
	padding: 10px 10px 0px 0;
}

.status4 {
	content: url('../img/Status_Error.png');
	width: 15px;
	padding: 10px 10px 0px 0;
}

.status5 {
	content: url('../img/Status_Zurueckgezogen.png');
	width: 15px;
	padding: 10px 10px 0px 0;
}

.status6 {
	content: url('../img/Status_Warnung.png');
	width: 15px;
	padding: 10px 10px 0px 0;
}