@charset "UTF-8";
@font-face {
	font-family: 'oxygenbold';
	src: url("../Fonts/oxygen-bold-webfont.eot");
	src: url("../Fonts/oxygen-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../Fonts/oxygen-bold-webfont.woff2") format("woff2"), url("../Fonts/oxygen-bold-webfont.woff") format("woff"), url("../Fonts/oxygen-bold-webfont.ttf") format("truetype"), url("../Fonts/oxygen-bold-webfont.svg#oxygenbold") format("svg");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'oxygenitalic';
	src: url("../Fonts/oxygen-italic-webfont.eot");
	src: url("../Fonts/oxygen-italic-webfont.eot?#iefix") format("embedded-opentype"), url("../Fonts/oxygen-italic-webfont.woff2") format("woff2"), url("../Fonts/oxygen-italic-webfont.woff") format("woff"), url("../Fonts/oxygen-italic-webfont.ttf") format("truetype"), url("../Fonts/oxygen-italic-webfont.svg#oxygenitalic") format("svg");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'oxygenregular';
	src: url("../Fonts/oxygen-webfont.eot");
	src: url("../Fonts/oxygen-webfont.eot?#iefix") format("embedded-opentype"), url("../Fonts/oxygen-webfont.woff2") format("woff2"), url("../Fonts/oxygen-webfont.woff") format("woff"), url("../Fonts/oxygen-webfont.ttf") format("truetype"), url("../Fonts/oxygen-webfont.svg#oxygenregular") format("svg");
	font-weight: normal;
	font-style: normal;
}

/* YAML Framework Components */
@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 */
	/* line 8, ../sass/yaml-sass/core/base-modules/_normalization.scss */
	* {
		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. */
	/* line 12, ../sass/yaml-sass/core/base-modules/_normalization.scss */
	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.8em;
	}

	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-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;
		table-layout: fixed;
		width: 100%;
		list-style-type: none;
		padding-left: 0;
		padding-right: 0;
		margin-left: 0;
		margin-right: 0;
		position: relative;
	}

	.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,
	.ym-form fieldset {
		overflow: hidden;
	}

	.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;
		margin-left: 0;
		margin-right: 0.5ex;
		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: 30%;
		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 */
	.oben,
	.ym-skip,
	.ym-hideme,
	.ym-print,
	h3.mobile {
		position: absolute;
		top: -32768px;
		left: -32768px;
	}

	/* (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%;
		background-color: #a2d2f3;
		padding: 0.5rem 0;
		color: #000;
	}

	a.ym-skip, a.ym-skip:visited {
		color: #000;
		font-weight: bold;
		text-align: center;
		font-size: 1rem;
	}
}

@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, header#content-headerbanner, .dt-grid .small, #map, .ausdruck {
		display: none !important;
	}

	#header h1 {
		padding-bottom: 10px !important;
		border-bottom: 2px solid black !important;
	}

	.ym-col1 .csc-space-after-30, .ym-col1 .csc-space-before-10, .ym-col1 .csc-space-before-30, .ym-col1 .csc-space-before-50, .ym-col1 .csc-space-before-100 {
	margin: 0px !important;
		padding: 0px !important;
}


	.ym-col3, .ym-col1 {
		float: none !important;
		width: 100% !important;
		margin: 0px !important;
		padding: 0px !important;
}

	.ym-col3 {
		margin-bottom: 50px !important;
		border-bottom: 2px solid black !important;
}

	.printfooter {
		padding-top: 10px;
		border-top: 2px solid black;
		display: block !important;
		width: 100%;
	}

	.printfooter a {
		text-decoration: none;
	}
}

@media print {
	/**
	  * @section basic layout preparation
	  */
	/* (en) change font size unit to [pt] - avoids problems with [px] in Gecko based browsers */
	/* (de) Wechsel der der Schriftgrößen-Maßheinheit zu [pt] - Probleme mit [px] in Gecko-Browsern vermeiden */
	body {
		font-size: 10pt;
		padding: 0 5px;
	}

	/* (en) Hide unneeded container of the screenlayout in print layout */
	/* (de) Für den Druck nicht benötigte Container des Layouts abschalten */
	nav,
	.ym-searchform {
		display: none;
	}

	/*------------------------------------------------------------------------------------------------------*/
	/* (en) Avoid page breaks right after headings */
	/* (de) Vermeidung von Seitenumbrüchen direkt nach einer Überschrift */
	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		page-break-after: avoid;
	}
}

/* Meine Mixins */
/*
    Example usage:
    @include animation(10s, 5s, changecolour)
 */
.head-shortcuts, .no-list, .list-square {
	list-style-type: none;
}

.head-shortcuts, .no-list, .list-square, .head-shortcuts li, .no-list li, .list-square li {
	margin-left: 0;
	padding-left: 0.75em;
    text-indent: -1.5em;
}

.head-shortcuts a {
	display: block;
}

.head-shortcuts li {
	float: left;
}

/* ------- Module --------------- */
/*  box sizing */
*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

html, body {
	padding: 0;
}

body {
	background-color: #fff;
}

.layoutcontainer-wide {
	max-width: 1220px;
	margin: 0 auto;
	padding: 0 30px;
}

.layoutcontainer-small {
	max-width: 1160px;
	margin: 0 auto;
	padding: 30px 70px 60px 30px;
}

body#home .layoutcontainer-small {
	max-width: 1160px;
	margin: 0 auto;
	padding: 30px 30px 60px;
}

body#home .layoutcontainer-small.bgcol-ci, body#home .bgcol-footer .layoutcontainer-small {
	padding-bottom: 12px;
}

/*  adaptiertes equal-height */
.stretch-content {
	padding-bottom: 10000px;
	margin-bottom: -10000px;
}

/*  Grid auf der Startseite */
.home-grid {
	margin-bottom: 26px;
}

.last {
	margin-bottom: 0;
}

/*  zwei Spalten */
.two-columns .ym-col1 {
	width: 240px;
}

.two-columns .ym-col3 {
	margin-right: 0;
	margin-left: 240px;
	padding-left: 60px;
}

.layoutcontainer-wide .two-columns .ym-col1 {
	width: 260px;
}

.layoutcontainer-wide .two-columns .ym-col3 {
	margin-left: 270px;
}

@media only screen and (max-width: 700px) {
	.two-columns .ym-col1 {
		display: table-footer-group;
	}

	.two-columns #content.ym-col3 {
		padding-bottom: 10px;
		margin-bottom: 30px;
		border-bottom: 2px solid #1f92d8;
	}

	.layoutcontainer-wide .two-columns .ym-col1 {
		display: block;
	}

	.ym-gl, .ym-gr {
		padding: 0;
	}
}

@media only screen and (max-width: 680px) {
	.layoutcontainer-wide .two-columns .ym-col1, .layoutcontainer-wide .two-columns .ym-col3, .two-columns .ym-col1, .two-columns .ym-col3 {
		float: none;
		width: 100%;
		margin: 0;
		padding: 0;
	}
}

.image-box, .address {
	margin-bottom: 40px;
}

body#home .address {
	margin-bottom: 0;
}

.ym-gbox {
	padding-top: 0;
	padding-right: 15px !important;
	padding-bottom: 0;
	padding-left: 15px !important;
}
.content-icons .ym-gbox {
	padding-right: 1px !important;
	padding-left: 1px !important;
}
.ym-gbox-left {
	padding-right: 13px;
}
.content-icons .ym-gbox-left {
	padding-right: 2px;
}

.ym-gbox-right {
	padding-left: 13px;
}
.content-icons .ym-gbox-right{
	padding-left: 2px;
}

.ym-g25:first-child {
	padding-right: 10px;
}

.ym-g25:first-child + .ym-g25 {
	padding-left: 3.33333px;
	padding-right: 6.66667px;
}

.ym-g25:first-child + .ym-g25 + .ym-g25 {
	padding-left: 6.66667px;
	padding-right: 3.33333px;
}

.ym-g25.ym-gr {
	padding-left: 10px;
}

/* Neuerfindung */
.dt-grid {
	display: table;
	table-layout: fixed;
	width: 100%;
}

.dt-grid .small {
	display: table-cell;
	width: 330px;
	vertical-align: bottom;
}

.dt-grid .wide {
	display: table-cell;
	vertical-align: bottom;
}

@media only screen and (max-width: 700px) {
	.dt-grid {
		padding: 10px 0;
		display: block;
		width: 100%;
	}

	.dt-grid .wide {
		display: table-header-group;
		width: 100%;
	}

	.dt-grid .small {
		display: table-footer-group;
		width: 100%;
	}
}

@media only screen and (max-width: 1095px) {
	body#home .layoutcontainer-small .ym-g50 {
		float: none;
		width: 100%;
		padding: 0;
		margin: 0 0 20px 0;
	}

	body#home .layoutcontainer-small .ym-grid {
		margin: 0;
	}

	body#home .layoutcontainer-small {
		padding-right: 30px;
	}
}

@media only screen and (max-width: 860px) {
	.layoutcontainer-small .ym-g50 {
		float: none;
		width: 100%;
		padding: 0;
		margin: 0 0 20px 0;
	}

	.layoutcontainer-small .ym-grid {
		margin: 0;
	}

	.layoutcontainer-small {
		padding-right: 30px;
	}
}

@media all {
	html * {
		font-size: 100%;
	}

	textarea, pre, code, kbd, samp, var, tt {
		font-family: Consolas, "Lucida Console", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier;
	}

	body {
		font-family: "oxygenregular", Arial, Helvetica, sans-serif;
		font-size: 15px;
		letter-spacing: 0.04em;
	}

	/*--- Headings | Überschriften ------------------------------------------------------------------------*/
	h1, h2, h3, h4, h5, h6 {
		font-weight: normal;
		font-family: "oxygenbold", Arial, Helvetica, sans-serif;
		color: #161e21;
		margin: 0;
	}

	h1 {
		font-size: 220%;
		line-height: 1.2;
		margin: 0 0 0.4375em 0;
	}

	h2 {
		/*! font-size: 32px; */
		font-size: 24px;
		line-height: 1.3;
		margin: 0 0 20px 0;
	}

	h3 {
		/*! font-size: 24px; */
		font-size: 19px;
		line-height: 1.25;
		margin: 30px 0 15px 0;
	}

	h4 {
		/*! font-size: 21px; */
		font-size: 17px;
		line-height: 1.25;
		margin: 0 0 10px 0;
	}

	h5 {
		/*! font-size: 18px; */
		font-size: 15px;
		line-height: 1.16667;
		margin: 0 0 1.16667em 0;
	}

	h6 {
		/*! font-size: 14px; */
		font-size: 70%;
		line-height: 1.5;
		margin: 0 0 1.5em 0;
	}

	/* --- Lists | Listen  -------------------------------------------------------------------------------- */
	ul,
	ol,
	dl {
		font-size: 100%;
		line-height: 1.6;
		margin: -10px 0 15px 0;
	}

	ul {
		list-style-type: none;
	}

	ol {
		list-style-type: decimal;
	}

	ul ul {
		list-style-type: disc;
		margin-top: 0;
	}

	ol ol {
		list-style-type: lower-latin;
		margin-top: 0;
	}

	ol ul {
		list-style-type: none;
		margin-top: 0;
	}

	li {
		font-size: 100%;
		line-height: 1.55;
		margin-left: 0;
		margin-bottom: 5px;
	}

	#content li {
		position: relative;
		padding-left: 15px;
		margin-bottom: 10px;
	}

	#content li:before {
		content: "\000B7";
		display: inline-block;
		margin-right: 6px;
		position: absolute;
		top: 5px;
		left: 0;
	}
	.a11y-list {
		padding-left: 5px;
		margin-bottom: 15px;
	}

	@media only screen and (max-width: 1095px) {
		.a11y-list {
			margin-bottom: 15px !important;
		}
	}

	.a11y-list li, .head-shortcuts li {
		line-height: 0;
	}

	body main li {
		height: auto;
	}

	ul ul li {
		margin-bottom: 1px;
	}

	dt {
		font-weight: bold;
	}

	dd {
		margin: 0 0 1.5em 0.8em;
	}

	/* --- general text formatting | Allgemeine Textauszeichnung ------------------------------------------ */
	p {
		font-size: 100%;
		line-height: 1.55;
		margin: 0 0 18px 0;
	}

	main .home-grid p, main .home-grid ul {
		line-height: 1.5;
		margin-bottom: 15px;
		margin-top: -3px;
}
.home-grid ul {
	margin-bottom: 0;
}
	}

	blockquote,
	cite,
	q {
		text-align: right;
		margin: 0 0 0 45%;
		font: normal normal 100% "oxygenitalic", Arial, Helvetica, sans-serif;
	}

	blockquote p {
		margin-bottom: 40px;
	}

	blockquote {
		background: transparent;
		color: #333;
	}

	strong, b {
		font-weight: normal;
		font-family: "oxygenbold", Arial, Helvetica, sans-serif;
	}

	em, i {
		font-style: normal;
		font-family: "oxygenitalic", Arial, Helvetica, sans-serif;
		font-size: 1.1em;

	}

	big {
		/*! font-size: 16px; */
		font-size: 114.28571%;
		line-height: 1.3125;
	}

	small {
		/*! font-size: 12px; */
		font-size: 85.71429%;
		line-height: 1.75;
	}

	pre,
	code,
	kbd,
	tt,
	samp,
	var {
		font-size: 100%;
	}

	pre {
		font-size: 100%;
		line-height: 1.5;
		margin: 0 0 1.5em 0;
		white-space: pre;
		white-space: pre-wrap;
		word-wrap: break-word;
	}

	pre,
	code {
		color: #800;
	}

	kbd,
	samp,
	var,
	tt {
		color: #666;
		font-weight: bold;
	}

	var,
	dfn {
		font-style: italic;
	}

	acronym,
	abbr {
		border-bottom: 1px #aaa dotted;
		font-variant: small-caps;
		letter-spacing: .07em;
		cursor: help;
	}

	sub,
	sup {
		font-size: 75%;
		line-height: 0;
		position: relative;
		vertical-align: baseline;
	}

	sup {
		top: -0.5em;
	}

	sub {
		bottom: -0.25em;
	}

	mark {
		background: #ff0;
		color: #000;
	}

	hr {
		color: #fff;
		background: transparent;
		margin: 0 0 0.75em 0;
		padding: 0 0 0.67857em 0;
		border: 0;
		border-bottom: 1px #eee solid;
	}

	/*--- Links ----------------------------------------------------------------------------------------- */
	a {
		color: #146c9e;
	}

	a:active {
		outline: none;
	}

	a:hover,
	a:focus {
		color: #fff;
		text-decoration: none;
		background-color: #1f92d8;
	}

	/* --- images ------------------ */
	img,
	figure {
		margin: 0;
	}

	a img {
		display: block;
	}

	#header a img {
		display: table-row;
		margin-left: auto;
		margin-right: 0;
	}

	#header a:hover img, #header a:focus img {
		background-color: transparent;
	}

	body#home main a:hover img, body#home main a:focus img {
		border: 3px solid #2d94d6;
		padding: 3px;
		background-color: #fff;
		transition: all 0.05s ease 0s;
	}

	body#home #header .layoutcontainer-wide {
		padding-bottom: 20px;
	}

	.flexible {
		margin-bottom: 1.5em;
		max-width: 100%;
		height: auto;
	}

	#header .flexible {
		margin-bottom: 0;
	}

	/* IE6 workaround - 2% space for possible borders */
	* html .flexible {
		width: 98%;
	}

	.bordered {
		margin-bottom: 1.5em;
		border: 2px #eee solid;
		border: 2px white solid;
	}

	#content-headerbanner .layoutcontainer-wide .two-columns {
		position: relative;
	}
		#content-headerbanner .ym-col1 img {
			border: 4px #fff solid;
			margin-top: -4px;
		}

		@media only screen and (max-width: 380px) {
			#content-headerbanner .ym-col1 img {
				width: 50%;
				height: auto;
			}
		}

	/**
	  * ----------------------------------------------------------------------- #
	  *
	  * Generic Content Classes
	  *
	  * (en) standard classes for positioning and highlighting
	  * (de) Standardklassen zur Positionierung und Hervorhebung
	  *
	  * @section content-generic-classes
	  */
	.highlight, .dimmed, .info, .success, .warning, .error {
		margin-bottom: 20px;
	}

	.highlight {
		color: #c30;
	}

	.dimmed {
		color: #888;
	}

	.info {
		padding: 10px 20px;
		background: #f4f4f4;
		border: 1px solid #c1c1c1;
	}

	.info p {
		margin-bottom: 0;
	}

	.info p + p {
		margin-top: 10px;
	}

	.success {
		background: #8c8;
	}

	.warning {
		background: #cc8;
	}

	.error {
		background: #c88;
	}

	.float-left {
		float: left;
		display: inline;
		margin: 0 31px 10px 0;
	}

	.float-right {
		float: right;
		display: inline;
		margin: 0 0 10px 31px;
	}

	.center {
		display: block;
		text-align: center;
		margin: 0 auto 1.5em auto;
	}

	/**
	  * ------------------------------------------------------------------------------------------------- #
	  *
	  * Tables | Tabellen
	  *
	  * (en) Generic classes for table-width and design definition
	  * (de) Generische Klassen für die Tabellenbreite und Gestaltungsvorschriften für Tabellen
	  *
	  * @section content-tables
	  */
	table {
		width: 100%;
		border-collapse: collapse;
		color: #444;
		border-top: 1px #ccc solid;
		border-bottom: 1px #ccc solid;
		margin: 0 0 1.35714em 0;
	}

	table.narrow {
		margin: 0 0 1.42857em 0;
	}

	table.narrow th,
	table.narrow td {
		padding: 0 0.5em;
		line-height: 1.42857;
	}

	table.fixed {
		table-layout: fixed;
	}

	table.bordertable {
		border: 1px #ccc solid;
	}

	table.bordertable thead th {
		background: #e0e0e0;
		border-right: 1px #ccc solid;
		border-bottom: 1px #ccc solid;
	}

	table.bordertable tbody th[scope="row"] {
		background: #f0f0f0;
	}

	table.bordertable tbody th {
		border-right: 1px solid #ccc;
	}

	table.bordertable tbody td {
		border-right: 1px solid #ccc;
	}

	caption {
		font-variant: small-caps;
	}

	th,
	td {
		line-height: 1.5em;
		vertical-align: top;
		padding: 0.71429em 0.5em;
	}

	th *:first-child,
	td *:first-child {
		margin-top: 0;
	}

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

	thead th {
		text-align: left;
		color: #000;
		border-bottom: 2px #000 solid;
	}

	tbody {
		/* highlight row on mouse over */
	}

	tbody th {
		text-align: left;
		border-top: 1px solid #ccc;
	}

	tbody td {
		text-align: left;
		border-top: 1px solid #ccc;
	}

	tbody tr:hover th,
	tbody tr:hover td {
		background: #f8f8f8;
	}

	/*  Printfunktion, Fusszeile Druck */
	a.ausdruck {
		display: inline-block;
		margin-top: 20px;
		border: 2px solid #1f92d7;
		padding: 2px;
		margin-right: 10px;
	}

	a.ausdruck:hover, a.ausdruck:focus, a.ausdruck:active {
		border-color: #000;
		background-color: #fff;
	}

	.printfooter {
		display: none;
	}
	#map {
position:relative;
height:300px; 
width:480px; 
background: url(../Images/ibaf-in-sh-outline.jpg) no-repeat center bottom;
	line-height: 1.5;
	font-size: 13px;
}
#map h4 {
	margin-bottom: 0.35em;
	color: #1290da;
}
a:hover {
visibility:visible; /* IE6 */
}
.tooltip { 
position:absolute;
height:20px;
width:20px;
text-decoration:none;
}
.rendsburg {
top:120px;
left:180px;	
}
.kiel {	
top:123px;
left:229px;
} 
.neumuenster {	
top:154px;
left:211px;
}
.luebeck {	
top:184px;
left:294px;
}
.hamburg {	
top:251px;
left:215px;
}
.norderstedt {	
top:213px;
left:220px;
} 
.tooltip span { 
position:absolute;
left:-999em; 
box-shadow:#666 2px 2px 6px;

        white-space: nowrap;
} 
a.tooltip:hover,a.tooltip:focus {	
border: 2px solid #fff;
}
.tooltip:hover span, .tooltip:focus span {
left:70px;
top:-40px;
padding:10px;  
border: 4px solid #1290da;
background:#fff;
	color: #333;
}

@media only screen and (max-width: 1040px) {
	.tooltip {
	display: none;
}
}
#header {
	text-align: right;
	padding: 18px 0;
	background-color: #fff;
	height: auto;
}

#header h1 {
	margin: 0;
}

/*  Headerbanner Startseite */
#home-headerbanner {
	background-color: #0092D8;
}

#home-headerbanner h1 {
	font-size: 24px;
}

.home-headline {
	color: #fff;
	font-size: 26px;
}

.tel {
	font-size: 19px;
	letter-spacing: 1px;
	word-spacing: 1px;
	line-height: 1.7;
	margin-top: 10px;
}

@media only screen and (max-width: 540px) {
	.tel {
		margin-top: 0;
		margin-bottom: 15px;
		text-align: center;
	}
}

.tel img {
	position: relative;
	top: 3px;
	margin-right: 3px;
}

.mailat {
	display: none;
}

.head-shortcuts {
	margin: 0px 0px 10px;
}

.head-shortcuts li {
	margin-left: 20px;
}

.head-shortcuts li:first-child {
	margin-left: 0;
}

.head-shortcuts a {
	border: 3px solid #EFF4FA;
}

.head-shortcuts a:hover, .head-shortcuts a:focus, .a11y-list a:hover, .a11y-list a:focus {
	border-color: #000;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75);
	box-shadow: 0px 0px 10px 0px rgba(250, 250, 250, 1);
}
.content-icons.a11y-list a:hover, .content-icons.a11y-list a:focus {
	border-color: #000;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.a11y-list a {
	display: inline-block;
	border: 3px solid #EFF4FA;
}
.content-icons.a11y-list a {
	border: 2px solid #fff;
}
.content-icons.a11y-list a:hover, .content-icons.a11y-list a:focus, .content-icons.a11y-list a:active {
	border-color: #1290da;
}

.a11y-list .ym-gbox-right {
	text-align: right;
}

.a11y-list .ym-gbox {
	text-align: center;
}

.ym-vlist {
	margin-top: 15px;
	margin-bottom: 10px;
}

.ym-vlist ul {
	margin-bottom: 0;
}

.ym-vlist, .ym-vlist li {
	list-style-type: none;
	padding-left: 0;
	margin-left: 0;
}

.ym-vlist li {
	line-height: 1.5;
	margin-bottom: 1px;

}

.ym-vlist a, .ym-vlist li.aktiv {
	display: inline-block;
	text-decoration: none;
	color: #fff;
	padding: 2px 5px;
}

.ym-vlist a:hover, .ym-vlist a:focus, .ym-vlist a.active, .ym-vlist li.aktiv {
	background-color: #fff;
	color: #000;
}
.ym-vlist ul li.aktiv ul {
	margin: 2px -5px -1px;
}

.ym-vlist ul li.aktiv ul li {
	margin-bottom: 0;
}

.ym-vlist .second-level {
	padding-left: 15px;
	margin-bottom: 5px;
}

.ym-vlist .second-level a:before, .ym-vlist .second-level .aktiv:before {
	content: "\000B7";
	display: inline-block;
	margin-right: 3px;
	position: relative;
	top: 4px;
}
.ym-vlist .third-level {
	padding-left: 0;
	margin-left: 16px;
	margin-bottom: 1px;
}
.ym-vlist .third-level a {
	color: #fff;
	padding-left: 16px;
}
.ym-vlist .third-level a:hover, ym-vlist .third-level a:focus, ym-vlist .third-level a:active {
	color: #666;
}
.ym-vlist li.aktiv .third-level a {
	padding-left: 21px;
	background-color: transparent;
	color: #666;
}
.ym-vlist .third-level li.aktiv {
	color: #000;
	padding-left: 5px;
}
.ym-vlist .second-level ul li a {
	padding-left: 5px;
}
.ym-vlist .third-level li a:hover, .ym-vlist .third-level li a:focus, .ym-vlist .third-level li a:active {
	text-decoration: underline;
}

.ym-vlist .third-level a:before, .ym-vlist .third-level .aktiv:before {
	content: "→";
	display: inline-block;
	margin-right: 5px;
	position: relative;
	top: -1px;
}
/* Navileiste Header */
#header {
	padding-bottom: 0;
}
#header body#home {
	padding-bottom: 10px;
}
#header .metanav {
	width: 100%;
	padding: 15px 0;
	margin: 0;
	background-color: #ffffff;
}
#header .metanav button {
	display: none;
}
#header .metanav ul {
	margin: 5px 0;
	padding: 2px 0;
	clear: both;
	display: table;
}
#header .metanav li {
	width: calc(7.69%);
	padding: 2px;
	margin: 0;
	float: left;
}
#header .metanav li:last-of-type {
	border-right: 0;
}
#header .metanav a {
	display: block;
	margin: 0;
	padding: 0;
	border: 0;
}
	#header .metanav a img {
		width: 100%;
		height: 100%;
		display: inline;
	}
#header .metanav a:hover, .metanav a:focus .metanav a:active {
	border-color: #1f92d8;
}

@media only screen and (max-width: 1024px) {
	#header .metanav ul li {
		width: 14.28%;
	}
}

@media only screen and (min-width: 861px) {
	#header .metanav ul {
		display: block !important;
	}
}

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

	#header {
		padding-bottom: 20px;
	}
		#header .metanav {
			padding: 0;
		}
			#header .metanav .button {
				width: 300px;
				border: 2px solid #1f93d8;
				background: transparent;
				margin: 20px auto 0;
				line-height: 0px;
				display: block;
				position: relative;
				cursor: pointer;
			}
				#header .metanav .button__icon {
					width: 40px;
					height: 100%;
					display: inline-block;
					background-color: #1f93d8;
					background-image: url(../Icons/White/grip-horizontal.svg);
					background-repeat: no-repeat;
					background-position: center center;
					background-size: 60%;
					position: absolute;
					left: -3px;
				}
				#header .metanav .button__caption {
					display: inline-block;
					position: relative;
					top: 1px;
					padding: 5px 0;
					width: calc(100% - 55px);
					margin-left: 10px;
					text-align: left;
					line-height: 20px;
					float: right;
				}
			#header .metanav ul {
				display: none;
				position: fixed;
				top: 173px;
				right: 0;
				bottom: 0;
				left: 0;
				background-color: rgba(255, 255, 255, 0.9);
				z-index: 2;
				overflow-y: auto;
				margin: 0;
			}
				#header .metanav ul li {
					width: 25%;
				}
					#header .metanav ul li a {
						padding: 10px;
					}

	#home-headerbanner .metanav {
		width: 100%;
	}

	#home-headerbanner .ux {
		width: 100%;
	}
		#home-headerbanner .ux .a11y-list .ym-g33 {
			width: auto;
			float: right;
		}
			#home-headerbanner .ux .a11y-list {
				width: 220px;
				float: right;
			}

	#home-headerbanner .searchform {
		width: calc(100% - 220px);
		margin-top: 12px;
	}
}

@media only screen and (max-width: 540px) {
	#header .metanav ul li {
		width: 33.3333%;
	}
	#home-headerbanner .a11y-list {
		width: 100% !important;
		text-align: center;
	}
		#home-headerbanner .a11y-list li.ym-g33 {
			display: inline-block;
			float: none !important;
			margin: 0 auto;
		}
	#home-headerbanner .searchform {
		width: 100%;
	}
}

.home-headline img {
    margin-bottom: 0;
    margin-right: 10px;
	float: left;
}
.head-shortcuts{
	padding-left: 0;
}
.head-shortcuts li:first-child {
	margin-left: 0;
	padding-left: 0;
}

.home-headline {
	font-size: 24px;
}
.home-headline img {
    margin-bottom: 20px;
    margin-right: 15px;
	float: left;
	margin-top: -10px;
}
.home-headline a img  {
	border: 3px solid #EFF4FA;
}

@media only screen and (max-width: 480px) {
	#header .metanav ul li {
		width: 50%;
	}
}

@media only screen and (min-width: 861px) {
	.main-navigation .searchform {
		display: block !important;
		margin-bottom: 15px;
	}

	.

	.main-navigation .ym-grid .ym-g40 .footer-certificate {
		text-align: right;
	}
	.main-navigation .ym-grid .ym-g40 .footer-certificate img.logo-wbg {
		background-color: #ffffff;
		padding: 5px;
		border-radius: 50%;
		border: 1px solid #000000;
		width: 70px;
		height: 70px;
	}
}

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

	.main-navigation .ym-grid .ym-g40 .footer-certificate img {
		width: 50px;
		height: 50px;
	}

	.main-navigation .ym-grid .ym-g40 .footer-certificate img.logo-wbg {
		width: 50px;
		height: 50px;
		background-color: #ffffff;
		padding: 5px;
		border-radius: 50%;
		border: 1px solid #000000;
	}

}


@media only screen and (max-width: 860px) {
	.main-navigation ul.ym-vlist {
		display: none;
	}
		.main-navigation .ym-g40 {
			width: 100%;
		}

	.main-navigation ul.content-icons {
		float: right;
		margin-top: 15px;
		margin-right: 60px;
		text-align: right;
	}
	.main-navigation ul.content-icons li {
		display: inline-block;
		float: none;
	}

	.main-navigation .searchform {
		margin-top: 90px;
	}
		.main-navigation .searchform .ym-fbox {
			text-align: right;
			position: relative;
		}
			.main-navigation .searchform .ym-fbox input {
				position: absolute;
				top: 0;
				width: 60%;
				right: 60px;
			}

	.main-navigation .ym-grid .ym-g40 .footer-certificate {
		text-align: right;
	}
		.main-navigation .ym-grid .ym-g40 .footer-certificate img,
		.main-navigation .ym-grid .ym-g40 .footer-certificate img.logo-wbg {
			width: 70px;
			height: 70px;
		}
}

@media only screen and (max-width: 680px) {
	.main-navigation .ym-gl, .main-navigation .ym-gr {
		padding: 0;
	}
	.content-icons .ym-gl {
		padding-right: 15px;
	}

	.content-icons .ym-gr {
		padding-left: 15px;
	}

	.main-navigation .ym-gr {
		padding-bottom: 20px;
	}

	.main-navigation .a11y-list {
		position: absolute;
		top: 0;
		right: 20px;
		float: none;
	}

	.main-navigation .searchform {
		margin-top: 0;
		display: none;
	}
		.main-navigation .searchform .ym-fbox input {
			width: calc(100% - 65px);
		}

	.adcontainer {
		border-top: 2px solid #2d94d6;
		padding-top: 20px;
	}
	#map {
		width: 290px;
		height: 225px;
	}

	.main-navigation .a11y-list {
		width: 55%;
		top: 60px;
		right: 0;
		margin-right: 0 !important;
	}
	.main-navigation .a11y-list li {
		padding: 0;
	}
}

/*  Die Teaser auf der Startseite */
.home-teaser {
	overflow: hidden;
	/*  Farbvariante rot - In dieser Form kommen die restlichen Varianten. */
}

.home-teaser__image {
	width: 158px;
}

.home-teaser__image img {
	display: block;
}

.home-teaser__content.ym-col3 {
	margin-left: 168px;
	margin-right: 0;
	padding: 15px 10px;
}
.home-teaser__content.ym-col3, .home-teaser .ym-col1, .home-teaser .ym-col3 {
    min-height: 310px;
}

.home-teaser p {
	margin: 0;
}

.home-teaser p + ul {
	margin-top: 5px;
}

/*.home-teaser .ym-col1, .home-teaser .ym-col3 {
	padding-bottom: 1000px;
	margin-bottom: -1000px;
}*/

.address {
	line-height: 1.7;
}

.no-list {
	margin-top: 15px;
}

.ym-col1 .no-list {
	margin: 0 0 30px 0;
	position: relative;
}

.ym-col1 .no-list li {
	padding-left: 12px;
}

.ym-col1 .no-list li a:before {
	border: 5px solid transparent;
	border-left-color: #146c9e;
	content: " ";
	display: block;
	position: absolute;
	left: 0;
	margin-top: 8px;
}

.no-list + * {
	margin-top: 15px;
}

.list-square {
	margin-bottom: 0;
}

.list-square li:before {
	content: "";
	display: inline-block;
	width: 12px;
	height: 12px;
	margin-right: 8px;
}

.searchform input {
	border: 1px solid #cecece;
	padding: 5px;
	margin-right: 5px;
	margin-left: 5px;
	width: 75%;
}

.searchform button {
	color: #fff;
}

.textbutton {
	border: none;
	background-color: transparent;
	font-size: 16px;
}

.textbutton:hover, .textbutton:focus {
	cursor: pointer;
}

#home-footer {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}

.footer-1 {
	width: 20%;
	align-self: flex-end;
}

.footer-2 {
	width: 50%;
}

.footer-3 {
	width: 30%;
	align-self: flex-end;
	text-align: right;
}

@media only screen and (max-width: 768px) {
	.footer-1 {
		width: 100%;
	}
		.footer-1 ul {
			text-align: center;
		}
			.footer-1 ul li {
				width: auto;
				display: inline-block;
				text-indent: 0;
				padding: 0 5px;
			}
	.footer-2 {
		width: 60%;
	}
	.footer-3 {
		width: 40%;
		text-align: right;
	}
}

@media only screen and (max-width: 680px) {
	.footer-2 * {
		text-align: center;
	}
	.footer-3 {
		width: 100%;
		text-align: center;
	}
		.footer-3 img {
			margin: 0 5px;
		}
}

#home-footer > div ul {
	margin-bottom: 0;
}

.functional-links {
	font-size: 12px;
}

.functional-links a {
	text-decoration: none;
}

.functional-links a:hover, .functional-links a:focus {
	text-decoration: underline;
}

/*  Startseite */
#home {
	background-color: #CFE0F2;
}

.bgcol-ci {
	background-color: #0092D8;
	color: #fff;
}

.bgcol-ci h1 {
	color: #fff;
}

body#home .bgcol-footer {
	background-color: #A2D2F3;
	color: #000;
}

body#home .bgcol-footer a {
	color: #000;
}

body#home .bgcol-footer a:hover,
body#home .bgcol-footer a:focus {
	color: #fff;
	text-decoration: none;
}

body {
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}

.bgcol-ci .textbutton {
	color: #fff;
}

.bgcol-header-footer {
	color: #fff;
}

.bgcol-header-footer a {
	color: #fff;
}

/* IBAF CI */
body#ibafci {
	background-color: #d0e0f1;
}

body#ibafci .bgcol-header-footer {
	background-color: #1f93d8;
}

body#ibafci .bgcol-content {
	background-color: #eff4fa;
}

body#ibafci .info {
	background-color: #dee9f4;
	border: 2px solid #d1e0f0;
}

.home-teaser--ibafci {
	background-color: #d0e0f1;
}

.home-teaser--ibafci .home-teaser__image {
	background-color: #146e9e;
}

.list-square--ibafci li:before {
	background: url('../Images/li-ibafci.png') no-repeat 0 0;
}

/*  IQ Führung und Management */
body#iq {
	background-color: #CBD6E9;
}

body#iq .mobile-navigation {
	background-color: rgba(41,31,113, 0.9);
}

.home-teaser--iq {
	background-color: #dbdeef;
}

body#iq .bgcol-header-footer {
	background-color: #291F71;
}

body#iq .bgcol-content, body#home .bgcol-content {
	background-color: #EFF4FA;
}

body#iq .info {
	background-color: #E2E8F3;
	border: 2px solid #CBD6E9;
}

.home-teaser--iq .home-teaser__image {
	background-color: #1d1051;
}

.list-square--iq li:before {
	background: url('../Images/li-iq.png') no-repeat 0 0;
}

/* Pflege */
body#pflege {
	background-color: #f4dae0;
}

body#pflege .mobile-navigation {
	background-color: rgb(224,0,70,0.9);
}

.home-teaser--pflege {
	background-color: #fbe3e1;
}

body#pflege .bgcol-header-footer {
	background-color: #e00046;
}

body#pflege .bgcol-content {
	background-color: #fcf7f7;
}

body#pflege .info {
	background-color: #faeceb;
	border: 2px solid #f3dae0;
}

.home-teaser--pflege .home-teaser__image {
	background-color: #a40032;
}

.list-square--pflege li:before {
	background: url('../Images/li-pflege.png') no-repeat 0 0;
}

/* Sonderpädagogik, Motopädagogik, Heimerziehung */
body#sonderpaedagogik {
	background-color: #f6debf;
}

body#sonderpaedagogik .mobile-navigation {
	background-color: rgba(237,119,3, 0.9);
}
.home-teaser--sonderpaedagogik {
	background-color: #fdecd8;
}

body#sonderpaedagogik .bgcol-header-footer {
	background-color: #ed7703;
}

body#sonderpaedagogik .bgcol-content {
	background-color: #fcf5e9;
}

body#sonderpaedagogik .info {
	background-color: #ffead0;
	border: 2px solid #f9ddbb;
}

.home-teaser--sonderpaedagogik .home-teaser__image {
	background-color: #aa5310;
}

.list-square--sonderpaedagogik li:before {
	background: url('../Images/li-sonderpaedagogik.png') no-repeat 0 0;
}

/* Psychologie, Psychiatrie, Pädagogik */
body#psychologie {
	background-color: #c6e5d8;
}



.home-teaser--psychologie {
	background-color: #d8efdf;
}

body#psychologie .mobile-navigation {
	background-color: rgba(127,189,179,0.9);
}

body#psychologie .bgcol-header-footer {
	background-color: #7fbdb3;
}

body#psychologie .bgcol-content {
	background-color: #eef8f0;
}

body#psychologie .info {
	background-color: #daf0dd;
	border: 2px solid #c7e5d3;
}

.home-teaser--psychologie .home-teaser__image {
	background-color: #8eb5a1;
}

.list-square--psychologie li:before {
	background: url('../Images/li-psychologie.png') no-repeat 0 0;
}

/* Logopädie */
body#logopaedie {
	background-color: #bbdee1;
}

body#logopaedie .mobile-navigation {
	background-color: rgba(31,155,162,0.9);
}

.home-teaser--logopaedie {
	background-color: #d8ecef;
}

body#logopaedie .bgcol-header-footer {
	background-color: #1f9ba2;
}

body#logopaedie .bgcol-content {
	background-color: #e8f5f7;
}

body#logopaedie .info {
	background-color: #d3e8ea;
	border: 2px solid #bddee1;
}

.home-teaser--logopaedie .home-teaser__image {
	background-color: #147378;
}

.list-square--logopaedie li:before {
	background: url('../Images/li-logopaedie.png') no-repeat 0 0;
}

/* Gehörlosenfachschule */
body#gehoerlosen {
	background-color: #d6cee5;
}

body#gehoerlosen .mobile-navigation {
	background-color: rgba(90,38,129,0.9);
}

.home-teaser--gehoerlosen {
	background-color: #e3dcee;
}

body#gehoerlosen .bgcol-header-footer {
	background-color: #5a2681;
}

body#gehoerlosen .bgcol-content {
	background-color: #f4f2f8;
}

body#gehoerlosen .info {
	background-color: #e6dfef;
	border: 2px solid #d7cde7;
}

.home-teaser--gehoerlosen .home-teaser__image {
	background-color: #441760;
}

.list-square--gehoerlosen li:before {
	background: url('../Images/li-gehoerlosen.png') no-repeat 0 0;
}

/* Projekt und Innovation */
body#projekt {
	/*background-color: #f3d26f;*/
	background-color: #ffd400;
}

body#projekt .mobile-navigation {
	background-color: rgba(181,138,24,0.9);
}

.home-teaser--projekt {
	background-color: #fff8d6;
}

body#projekt .bgcol-header-footer {
	background-color: #b58a18;

}

body#projekt .bgcol-content {
	background-color: #fff8e4;
}

body#projekt .info {
	background-color: #fbf0ce;
	border: 2px solid #f7db8a;
}

.home-teaser--projekt .home-teaser__image {
	background-color: #b38717;
}

.list-square--projekt li:before {
	background: url('../Images/li-projekt.png') no-repeat 0 0;
}

/* Fachschule für Sozialpädagogik */
body#sozialpaedagogik {
	background-color: #e2cae0;
}

body#sozialpaedagogik .mobile-navigation {
	background-color: rgba(160,2,106,0.9);
}

.home-teaser--sozialpaedagogik {
	background-color: #eedaea;
}

body#sozialpaedagogik .bgcol-header-footer {
	background-color: #a0026a;
}

body#sozialpaedagogik .bgcol-content {
	background-color: #faf3f8;
}

body#sozialpaedagogik .info {
	background-color: #f2e6f1;
	border: 2px solid #e1cae0;
}

.home-teaser--sozialpaedagogik .home-teaser__image {
	background-color: #670144;
}

.list-square--sozialpaedagogik li:before {
	background: url('../Images/li-sozialpaedagogik.png') no-repeat 0 0;
}

/* Kompetenzzentrum Case Management */
body#case {
	background-color: #c7e4c2;
}

body#case .mobile-navigation {
	background-color: rgba(37,85,48,0.9);
}

body#case .bgcol-header-footer {
	background-color: #255530;
}

body#case .bgcol-content {
	background-color: #ecf6e8;
}

body#case .info {
	background-color: #e0f1d7;
	border: 2px solid #c7e4c2;
}

.home-teaser--case {
	background-color: #c5dbce;
}

.home-teaser--case .home-teaser__image {
	background-color: #18371f;
}

/* Coaching Akademie Nord */
body#can {
	background-color: #ddd;
}

body#can .mobile-navigation {
	background-color: rgba(102,102,102,0.9);
}

body#can .bgcol-header-footer {
	background-color: #666;
}

body#can .bgcol-content {
	background-color: #f4f4f4;
}

body#can .info {
	background-color: #e9e9e9;
	border: 2px solid #ccc;
}

.home-teaser--can {
	background-color: #ddd;
}

.home-teaser--can .home-teaser__image {
	background-color: #666;
}

.list-square--can li:before {
	background: url('../Images/li-case.png') no-repeat 0 0;
}

/*  ----- ENDE Theming-Farben ---- */

@media only screen and (max-width: 680px) {
	#home-footer > div {
		padding: 0;
		margin: 0 0 20px 0;
		width: 100%;
		display: table;
	}
}

@media only screen and (max-width: 480px) {
	body {
		font-size: 14px;
	}

	body#home .layoutcontainer-small {
		padding: 15px;
	}

	.layoutcontainer-wide, .layoutcontainer-small {
		padding: 0 15px;
	}

	.head-shortcuts li {
		float: right;
		padding: 0;
		margin: 0 0 10px 0;
	}

	.head-shortcuts li a {
		display: inline-block;
	}

	.home-teaser__image {
		width: 110px;
	}

	.home-teaser__content.ym-col3 {
		margin-left: 120px;
		padding-top: 10px;
		padding-left: 5px;
	}

	h3.mobile {
		left: 32768px;
		outline: 0 none;
		position: static;
		padding-left: 15px;
		padding-top: 10px;
		font-size: 16px;
	}

	h3.mobile a:before {
		border: 7px solid transparent;
		border-left-color: #146c9e;
		content: " ";
		display: block;
		position: absolute;
		left: 15px;
		margin-top: 2px;
	}

	.float-left, .float-right {
		float: none;
	}

	.oben {
		font-size: 16px;
		text-align: center;
		padding: 15px;
		background-color: #fff;
		left: 0px;
		outline: 0px none;
		position: static;
		width: 100%;
		display: block;
		line-height: 1.7;
		font-weight: bold;
	}
}

.trenner {
	margin-top: 100px;
}

.name-of-person
{
	font-size			: 0.8em;
}

h3.h-name-of-person
{
	line-height			: 0.8em;
	margin				: 0em 0em 0.25em 0em;
	padding				: 0em;
}


/* TextPic: HomeTeaser */

/* Template settings */
.frame-layout-100 {
	width: 100%;
}
.frame-layout-100 img {
	max-width: 100%;
	height: auto;
}

.frame-layout-100 .ce-textpic {
	position: relative;
}

.frame-layout-100 .ce-gallery {
	min-height: 310px;
	width: 158px;
	float: left;
}

.frame-layout-100 .ce-bodytext {
	float: right;
	width: calc(100% - 158px);
	padding: 20px;
}
.frame-layout-100 .ce-bodytext li {
	position: relative;
	padding-left: 25px;
	margin-bottom: 5px;
}
.frame-layout-100 .ce-bodytext li:before {
	content: '';
	width: 12px;
	height: 12px;
	background-color: black;
	position: absolute;
	top: 5px;
	left:0;
}

@media only screen and (max-width: 1024px) {
	.frame-layout-100 .ce-gallery {
		min-height: initial;
		width: 100%;
		float: none;
	}
	.frame-layout-100 .ce-gallery figure.image {
		line-height: 0;
	}
	.frame-layout-100 .ce-gallery figure.image img {
		max-width: 140px;
	}

	.frame-layout-100 .ce-bodytext {
		float: none;
		width: 100%;
		padding: 30px 20px;
	}
}

@media only screen and (max-width: 768px) {
	.frame-layout-100 .ce-gallery {
		min-height: 310px;
		width: 158px;
		float: left;
	}
		.frame-layout-100 .ce-gallery figure.image img {
			width: 100%;
			max-width: initial;
		}

	.frame-layout-100 .ce-bodytext {
		float: right;
		width: calc(100% - 158px);
		padding: 20px;
	}
}

@media only screen and (max-width: 480px) {
	.frame-layout-100 .ce-gallery {
		min-height: initial;
		width: 100%;
		float: none;
	}
	.frame-layout-100 .ce-gallery figure.image {
		line-height: 0;
	}
	.frame-layout-100 .ce-gallery figure.image img {
		max-width: 140px;
	}

	.frame-layout-100 .ce-bodytext {
		float: none;
		width: 100%;
		padding: 30px 20px;
	}
}

/* Color themes */
.frame-magenta { background-color: #fbe3e1; }
.frame-magenta .ce-gallery { background-color: #a40032; }
.frame-magenta .ce-bodytext li:before { background-color: #e70245; }

.frame-darkblue { background-color: #dbdeef; }
.frame-darkblue .ce-gallery { background-color: #1d1051; }
.frame-darkblue .ce-bodytext li:before { background-color: #281f70; }

.frame-green { background-color: #c5dbce; }
.frame-green .ce-gallery { background-color: #18371f; }
.frame-green .ce-bodytext li:before { background-color: #205530; }

.frame-grey { background-color: #ddd; }
.frame-grey .ce-gallery { background-color: #666; }
.frame-grey .ce-bodytext li:before { background-color: #9d9d9d; }

.frame-orange { background-color: #fdecd8; }
.frame-orange .ce-gallery { background-color: #aa5310; }
.frame-orange .ce-bodytext li:before { background-color: #ef7200; }

.frame-mint { background-color: #d8efdf; }
.frame-mint .ce-gallery { background-color: #8eb5a1; }
.frame-mint .ce-bodytext li:before { background-color: #7abcb0; }

.frame-cyan { background-color: #d8ecef; }
.frame-cyan .ce-gallery { background-color: #147378; }
.frame-cyan .ce-bodytext li:before { background-color: #039ba3; }

.frame-purple { background-color: #e3dced; }
.frame-purple .ce-gallery { background-color: #441660; }
.frame-purple .ce-bodytext li:before { background-color: #5a2382; }

.frame-yellow { background-color: #fff8d5; }
.frame-yellow .ce-gallery { background-color: #b38717; }
.frame-yellow .ce-bodytext li:before { background-color: #ffd500; }

.frame-violet { background-color: #eedaea; }
.frame-violet .ce-gallery { background-color: #670044; }
.frame-violet .ce-bodytext li:before { background-color: #a0026a; }

.frame-blue { background-color: #d1dff1; }
.frame-blue .ce-gallery { background-color: #136e9e; }
.frame-blue .ce-bodytext li:before { background-color: #0091da; }


.ce-link-ibaf-mainpage {
	margin-bottom: 20px;
}
.ce-link-ibaf-mainpage:after {
	content: ' ';
	display: table;
	clear: both;
}
	.ce-link-ibaf-mainpage .ce-gallery {
		float: left;
		width: 70px;
		height: 70px;
        margin-right: 0 !important;
	}
		.ce-link-ibaf-mainpage .ce-gallery img {
			width: 100%;
			height: auto;
			border: 3px solid #fff;
		}

	.ce-link-ibaf-mainpage .ce-bodytext {
		float: left;
		width: calc(100% - 90px);
	}
		.ce-link-ibaf-mainpage .ce-bodytext h1 {
			margin-top: 10px;
		}

@media only screen and (max-width: 1024px) {
	.ce-link-ibaf-mainpage .ce-bodytext h1 {
		margin-top: 0;
	}
}


/* Grid two columns */
.grid-two-columns--66-33 .grid-two-columns__column--left { width: calc(66.666666% - 15px); }
.grid-two-columns--66-33 .grid-two-columns__column--right { width: calc(33.333333% - 15px); }

.grid-two-columns--50-50 .grid-two-columns__column--left,
.grid-two-columns--50-50 .grid-two-columns__column--right { width: calc(50% - 15px); }

.grid-two-columns--33-66 .grid-two-columns__column--left { width: calc(33.333333% - 15px); }
.grid-two-columns--33-66 .grid-two-columns__column--right { width: calc(66.666666% - 15px); }

@media only screen and (max-width: 768px) {
	.grid-two-columns .grid-two-columns__column { width: 100% !important }
}

.grid-two-columns__column--left,
.grid-two-columns__column--right {
	margin-bottom: 30px;
}

.grid-two-columns__column--left {
	float: left;
}
.grid-two-columns__column--right {
	float: right;
}

@media only screen and (max-width: 768px) {
	.grid-two-columns__column--left,
	.grid-two-columns__column--right {
		width: 100%;
		margin-bottom: 30px;
		float: none;
	}
}

/* General ce-image settings */
.ce-image.ce-above img {
	width: 100%;
	height: auto;
}
.ce-image.ce-right .ce-gallery {
	width: 100%;
	display: block;
}
	.ce-image.ce-right .ce-gallery:after {
		content: ' ';
		clear: both;
		display: table;
	}
	.ce-image.ce-right .ce-gallery .ce-row {
		display: inline-block;
		float: right;
	}

/* Big icon navigation */
.ce-big-icon-navigation .ce-row:after {
	content: ' ';
	display: table;
	clear: both;
}
	.ce-big-icon-navigation .ce-row .ce-column {
		float: left;
		margin-right: 20px;
		margin-bottom: 20px;
	}
	.ce-big-icon-navigation .ce-row .ce-column:last-of-type {
		margin-right: 0;
	}
		.ce-big-icon-navigation .ce-row .ce-column img {
			border: 3px solid #ffffff;
		}

@media only screen and (max-width: 850px) {
	.ce-big-icon-navigation .ce-row .ce-column {
		width: calc(20% - 20px);
	}
	.ce-big-icon-navigation .ce-row .ce-column img {
		width: 100%;
		height: auto;
	}
}

@media only screen and (max-width: 700px) {
	.ce-big-icon-navigation .ce-row .ce-column {
		width: calc(33.3333% - 20px);
	}
}

@media only screen and (max-width: 480px) {
	.ce-big-icon-navigation .ce-row .ce-column {
		width: calc(50% - 20px);
	}
	.ce-big-icon-navigation .ce-row .ce-column:nth-child(2n) {
		float: right;
		margin-right: 0;
		width: calc(50% - 20px);
	}
}

/* Small icon navigation */
.ce-small-icon-navigation {
	margin-right: 80px;
	margin-left: 5px;
}
	.ce-small-icon-navigation .ce-row:after {
		content: ' ';
		display: table;
		clear: both;
	}
		.ce-small-icon-navigation .ce-row .ce-column {
			float: left;
			margin-right: 20px;
			margin-bottom: 20px;
		}
			.ce-small-icon-navigation .ce-row .ce-column:last-of-type {
				margin-right: 0;
			}
			.ce-small-icon-navigation .ce-row .ce-column img {
				border: 3px solid #ffffff;
			}

@media only screen and (max-width: 860px) {
	.ce-small-icon-navigation {
		margin-right: 0;
		display: inline-block;
		float: right;
		right: 60px;
		position: relative;
		top: 15px;
	}
}

@media only screen and (max-width: 680px) {
	.ym-grid > .ym-g40 > .ce-small-icon-navigation {
		position: absolute;
		top: 15px;
		right: 100px;
	}
}

@media only screen and (max-width: 380px) {
	.ym-grid > .ym-g40 > .ce-small-icon-navigation {
		position: absolute;
		top: 130px;
		right: 0;
	}
}


/* indexed search - home page */
#home .tx-indexedsearch-searchbox .tx-indexedsearch-form {
	width: calc(100% - 80px);
	float: left;
}
	#home .tx-indexedsearch-searchbox .tx-indexedsearch-form input {
		width: 100%;
		height: 31px;
		font-size: 16px;
	}
#home .tx-indexedsearch-searchbox .tx-indexedsearch-search-submit {
	float: left;
	width: 80px;
	padding-left: 5px;
}
	#home .tx-indexedsearch-searchbox .tx-indexedsearch-search-submit input {
		color: #ffffff;
		font-size: 16px;
		background-color: transparent;
		border: none;
		cursor: pointer;
	}
/**
	Mobile menu
 */
.mobile-menu-buttons {
	display: none;
}
@media only screen and (min-width: 861px) {
	.mobile-menu-buttons {
		display: none;
	}
}
@media only screen and (max-width: 860px) {
	.mobile-menu-buttons {
		display: block;
		position: absolute;
		top: 30px;
		right: 0;
	}
		.mobile-menu-buttons li {
			float: left;
			margin-left: 15px;
		}
			.mobile-menu-buttons li .mobile-search-button {
				display: none;
			}
			.mobile-menu-buttons li button {
				background-color: transparent;
				border: 0;
			}
}

@media only screen and (max-width: 680px) {
	.mobile-menu-buttons li .mobile-search-button {
		display: block;
	}
}


@media only screen and (min-width: 861px) {
	.mobile-navigation {
		display: none !important;
	}
}

@media only screen and (max-width: 860px) {
	.mobile-navigation {
		display: block;
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		display: none;
		background-color: rgba(0,146,216, 0.95);
		z-index: 10;
		padding: 30px 0;
	}

		.mobile-navigation__close {
			width: 50px;
			height: 50px;
			position: absolute;
			top: 30px;
			right: 30px;
		}

		.mobile-navigation nav {
			width: 80%;
			height: 80%;
			overflow-x: scroll;
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
		}
			.mobile-navigation nav ul li {
				text-align: left;
			}
				.mobile-navigation nav ul li a {
					font-size: 16px;
					line-height: 26px;
					display: block;
					padding: 10px 10px;
				}
}

@media only screen and (max-width: 480px) {
	.mobile-navigation__close {
		top: 5px;
		right: 5px;
	}
}


.frame-space-before-extra-large {
	margin-top: 90px;
}

.frame-space-before-large {
	margin-top: 70px;
}

.frame-space-before-medium {
	margin-top: 50px;
}

.frame-space-before-small {
	margin-top: 30px;
}

.frame-space-before-extra-small {
	margin-top: 15px;
}

.frame-space-after-extra-large {
	margin-bottom: 90px;
}

.frame-space-after-large {
	margin-bottom: 70px;
}

.frame-space-after-medium {
	margin-bottom: 50px;
}

.frame-space-after-small {
	margin-bottom: 30px;
}

.frame-space-after-extra-small {
	margin-bottom: 15px;
}

/* CE home icons */
.ce-home-icons {

}
.ce-home-icons .ce-inner {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.ce-home-icons .ce-inner .ce-column {
	flex: 0 0 20%;
	padding: 15px 20px;
}
.ce-home-icons .ce-inner .ce-column figure.image {
	line-height: 0;
}
.ce-home-icons .ce-inner .ce-column img {
	width: 100%;
	height: auto;
}

@media only screen and (max-width: 768px) {
	.ce-home-icons .ce-inner .ce-column {
		flex: 0 0 25%;
		padding: 10px;
	}
}

@media only screen and (max-width: 480px) {
	.ce-home-icons .ce-inner .ce-column {
		flex: 0 0 50%;
		padding: 10px;
	}
}

.news-accordion {
	margin-bottom: 40px;
}

.news-accordion__item {
	// border-bottom: 1px solid #b58a18;
}

.news-accordion__item h3 {
	position: relative;
	padding-left: 40px;
}

.news-accordion__item h3:hover {
	cursor: pointer;
}

.news-accordion__item h3:before {
	display: inline-block;
	position: absolute;
	top: -5px;
	left: 0;
	height: 30px;
	width: 30px;
	background: #b58a18;
	color: #ffffff;
	font-size: 30px;
	line-height: 1;
	content: '+';
	padding-left: 6px;
}

.news-accordion__item.news-accordion__item--open h3:before {
	content: '-';
	padding-left: 10px;
}

.news-accordion__content {
	padding: 20px 0;
}

.news-accordion__content:after {
	content: " ";
	display: table;
	clear: both;
}

.news-accordion__content .news-img-wrap{
	float: right;
	margin-left: 20px;
	max-width: 40%;
}

.news-accordion__content .news-img-wrap .mediaelement img {
	max-width: 100%;
	height: auto;
}

.news-footer-img-wrap {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	max-width: 100%;
	margin-bottom: 20px;
}

.news-footer-img-wrap .outer {
	width: calc(33% - 10px);
	margin-right: 10px;
	margin-bottom: 10px;
}

.news-footer-img-wrap .outer img {
	max-width: 100%;
	height: auto;
}

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

	.news-accordion__content .news-img-wrap {
		float: none;
		margin-left: 0;
		display: flex;
		flex-wrap: wrap;
		max-width: 100%;
	}

	.news-accordion__content .news-img-wrap .outer {
		width: calc(50% - 10px);
		margin-right: 10px;
	}

	.news-accordion__content .news-img-wrap img {
		max-width: 100%;
		height: auto;

	}

	.news-footer-img-wrap .outer {
		width: calc(50% - 10px);
	}

}

@media only screen and (max-width: 767px) {
	.news-footer-img-wrap .outer {
		width: 100%;
		margin-right: 0;
	}
}

.news-accordion__content-wrap {
	display: block;
	overflow: hidden;
	height: 0;
}

.news-related-files-description {
	font-size: 14px;
}


/* Fluid styled content */
#content .ce-bodytext h4 {
	margin: 0 0 10px;
}
#content .ce-bodytext ul {
	padding-left: 0;
	overflow: initial;
}

.ce-textpic.ce-intext.ce-left .ce-gallery {
	margin-right: 40px;
}

#content .ce-textpic .ce-bodytext {
	float: left;
	width: calc(100% - 120px);
}

.ce-bodytext ul {
	margin: 0 0 30px;
}

/* Workaround for bug 'Logopädie Kontakt'  */
body#logopaedie header#content-headerbanner .two-columns .ym-col1 {
    float: left;
    width: 50%;
}
    body#logopaedie header#content-headerbanner .two-columns .ym-col1 img {
        width: 100%;
    }

@media only screen and (min-width: 681px) {
    body#logopaedie header#content-headerbanner .two-columns .ym-col1 {
        float: left;
        width: initial;
    }
        body#logopaedie header#content-headerbanner .two-columns .ym-col1 img {
            width: inherit;
        }
}

body#logopaedie header#content-headerbanner .two-columns .ym-col3 {
    float: left;
    width: 50%;
}
    body#logopaedie header#content-headerbanner .two-columns .ym-col3 .a11y-list li {
        width: 47px;
    }

@media only screen and (min-width: 681px) {
    body#logopaedie header#content-headerbanner .two-columns .ym-col3 {
        float: none;
        width: initial;
    }
}

@media only screen and (min-width: 681px) {
    body#logopaedie main #content {
        width: calc(100% - 240px);
        margin-left: 0;
        float: left;
    }
}