/**
 * (en) Screen layout for NAME
 * (de) Bildschirmlayout für NAME
 *
 * @copyright			Copyright 2017, crossbase mediasolution GmbH
 * @version				4.1.1
 */

@-webkit-keyframes loader-spinner {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
		box-shadow: -0.11em -0.83em 0 -0.4em #fff, -0.11em -0.83em 0 -0.42em #fff, -0.11em -0.83em 0 -0.44em #fff, -0.11em -0.83em 0 -0.46em #fff, -0.11em -0.83em 0 -0.477em #fff;
	}

	95% {
		box-shadow: -0.11em -0.83em 0 -0.4em #fff, -0.11em -0.83em 0 -0.42em #fff, -0.11em -0.83em 0 -0.44em #fff, -0.11em -0.83em 0 -0.46em #fff, -0.11em -0.83em 0 -0.477em #fff;
	}

	30% {
		box-shadow: -0.11em -0.83em 0 -0.4em #fff, -0.51em -0.66em 0 -0.42em #fff, -0.75em -0.36em 0 -0.44em #fff, -0.83em -0.03em 0 -0.46em #fff, -0.81em 0.21em 0 -0.477em #fff;
	}

	55% {
		box-shadow: -0.11em -0.83em 0 -0.4em #fff, -0.29em -0.78em 0 -0.42em #fff, -0.43em -0.72em 0 -0.44em #fff, -0.52em -0.65em 0 -0.46em #fff, -0.57em -0.61em 0 -0.477em #fff;
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
		box-shadow: -0.11em -0.83em 0 -0.4em #fff, -0.11em -0.83em 0 -0.42em #fff, -0.11em -0.83em 0 -0.44em #fff, -0.11em -0.83em 0 -0.46em #fff, -0.11em -0.83em 0 -0.477em #fff;
	}

}


@keyframes loader-spinner {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
		box-shadow: -0.11em -0.83em 0 -0.4em #fff, -0.11em -0.83em 0 -0.42em #fff, -0.11em -0.83em 0 -0.44em #fff, -0.11em -0.83em 0 -0.46em #fff, -0.11em -0.83em 0 -0.477em #fff;
	}

	95% {
		box-shadow: -0.11em -0.83em 0 -0.4em #fff, -0.11em -0.83em 0 -0.42em #fff, -0.11em -0.83em 0 -0.44em #fff, -0.11em -0.83em 0 -0.46em #fff, -0.11em -0.83em 0 -0.477em #fff;
	}

	30% {
		box-shadow: -0.11em -0.83em 0 -0.4em #fff, -0.51em -0.66em 0 -0.42em #fff, -0.75em -0.36em 0 -0.44em #fff, -0.83em -0.03em 0 -0.46em #fff, -0.81em 0.21em 0 -0.477em #fff;
	}

	55% {
		box-shadow: -0.11em -0.83em 0 -0.4em #fff, -0.29em -0.78em 0 -0.42em #fff, -0.43em -0.72em 0 -0.44em #fff, -0.52em -0.65em 0 -0.46em #fff, -0.57em -0.61em 0 -0.477em #fff;
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
		box-shadow: -0.11em -0.83em 0 -0.4em #fff, -0.11em -0.83em 0 -0.42em #fff, -0.11em -0.83em 0 -0.44em #fff, -0.11em -0.83em 0 -0.46em #fff, -0.11em -0.83em 0 -0.477em #fff;
	}

}


@-webkit-keyframes loader-circle {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}

}


@keyframes loader-circle {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}

}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.delay-1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.animated.delay-2s {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}

.animated.delay-3s {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}

.animated.delay-4s {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}

.animated.delay-5s {
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
}

.animated.fast {
  -webkit-animation-duration: 800ms;
  animation-duration: 800ms;
}

.animated.faster {
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
}

.animated.slow {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.slower {
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
}


@media all {
	/*@-ms-viewport {
        width: device-width;
    }

*/
	/*------------------------------------------------------------------------------------------------------*/
	/* (en) basic layout elements */
	/* (de) Basis-Layout Elemente */
	/*------------------------------------------------------------------------------------------------------*/
	/* (en) Bugfix for Chrome to expand background color if content is smaller than viewport	 */
	/* (de) Bugfix für Chrome, um die Hintergrundfarbe auszudehnen wenn Inhalt kleiner als der Viewport ist	*/
	html {
		height: 100%
	}

	/* (en) Marginal areas & page background */
	/* (de) Randbereiche & Seitenhintergrund */
	/*------------------------------------------------------------------------------------------------------*/
	body {
		background: #fff;
		padding: 0;
	}

	/* (en) Centering layout in old IE-versions */
	/* (de) Zentrierung des Layouts in alten IE-versionen */
	/*------------------------------------------------------------------------------------------------------*/
	body {
		text-align: center;
		position: relative;
		min-height: 100vh;
	}

	body * {
		-webkit-tap-highlight-color:  rgba(255, 255, 255, 0);
	}

	body.viewport-width {
		padding: 0;
	}

	.media-service-index {
		background-image: url("media-service-index.jpg");
		background-repeat: no-repeat;
		background-position: right 130px;
		background-size: cover;
		background-attachment: fixed;
	}

	.media-service-index .global-search,
	.media-service-index .item-viewport-toolbar-wrapper,
	.media-service-index .item-viewport-gallery,
	.media-service-index .item-viewport-close {
		visibility: hidden;
	}

	.media-service-index .global-search {
		
	}

    body.media-service-index .global-search .global-search-elements {
        position: absolute;
        top: 64px;
        left: 50%;
        width: 75%;
        min-width: 246px;

        transform: translateX(-50%);
        visibility: visible;
	}

	.media-service-index .bg-white {
		background: transparent;
	}

	.wow {
		visibility: hidden;
	}

	.shadow::before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		z-index: -1;
		box-shadow: 0 0 16px rgba(50, 50, 50, 0.4);
	}

	.bg-white {
		background-color: #ffffff;
	}

	.bg-gray {
		background-color: #f8f8f8;
	}

	.bg-blue {
		background-color: #dcebff;
	}

	.bg-parallax {
		background-attachment: fixed;
		background-position: center top;
		background-repeat: no-repeat;
		background-size: auto 1200px;
		background-color: #eaecee;
	}

	.add-shadow {
		box-shadow: 0 0 0 1px #e3e3e3;
	}

	.add-shadow-inset {
		box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
	}

	.add-round-corners {
		border-radius: 0;
	}

	.add-box-icon .box-icon {
		box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
		border-radius: 0;
		position: absolute;
		left: 50%;
		top: 0;
		transform: translate(-50%, -50%);
		max-width: 92px;
	}

	.add-box-icon .box-icon ~ h3,
	.add-box-icon .box-icon ~ div h3 {
		text-align: center;
	}

	.ym-wrapper {
		text-align: left;
		margin: 0 auto;
		position: relative;
		max-width: 1200px;
	}

	.ym-wrapper.single-column {
		max-width: 833px;
	}

	.viewport-width .ym-wrapper {
		max-width: none;
		margin: 0;
	}

	.ym-wbox {
		padding: 24px 24px 0 24px;
		position: relative;
	}

	.ym-wbox::after,
	.ym-wbox::before {
		content: '';
		width: 100%;
		display: table;
	}

	.half-padding .ym-wbox,
	.ym-wbox.half-padding {
		padding: 12px 12px 0 12px;
	}

	.single-column {
		box-sizing: border-box;
		max-width: 785px;
		margin-left: auto;
		margin-right: auto;
	}

	.single-column::before,
	.single-column::after {
		content: '';
		width: 100%;
		display: table;
	}	


	/* (en) Header elements */
	/* (de) Header Elemente */
	/*------------------------------------------------------------------------------------------------------*/
	#header {
		background: transparent;
	}

	.viewport-width #header {
		margin: 0;
	}

	#nav-top {
		background: transparent;
		display: block;
		position: absolute;
		top: 35px;
		right: 24px;
		z-index: 1;
		overflow: hidden;
		font-size: 0;
	}

	.half-padding #nav-top {
		right: 12px;
	}

	.header-height-spacer {
		padding: 22px 0;
		position: relative;
	}

	.nav-top-closed {
		display: block;
	}

	.nav-top-toggle {
		display: none;
	}

	.viewport-width .no-nav + div #nav-global {
		min-height: auto;
	}

	a.logo {
		position: absolute;
		display: block;
		left: -24px;
		top: -8px;
		z-index: 1;
		transition: all 0.3s ease;
	}

	a.logo > img {
		height: 50px;
		transition: all 0.3s ease;
	}

	a.logo + span {
		font-weight: 700;
		position: absolute;
		left: 36px;
		top: 47px;
	}

	.make-nav-sticky a.logo {
		top: 6px;
	}

	.make-nav-sticky a.logo img {
		height: 36px;
	}
	
	.shift-wrapper > a.logo {
		margin-left: 24px;
	}	
	
	/* (en) teaser */
	/* (de) Teaser */
	/*------------------------------------------------------------------------------------------------------*/
	#teaser {
		background: transparent;
	}

	#footer {
		background-color: rgba(255,255,255, 0.8);
	}

	.media-service-index #footer,
	.modal-open #footer {
		position: absolute;
		bottom: 0;
		width: 100%;
	}

	#footer h4 {
		padding: 0;
		margin-right: 32px;
	}

	/* (en) Column Layout */
	/* (de) Spaltenlayout */
	/*------------------------------------------------------------------------------------------------------*/
	.ym-column {
		padding: 0;
		margin: 0;
		position: relative;
	}

	.ym-col1 {
		width: 62%;
	}

	.ym-cbox-left {
		padding: 24px 24px 0 24px;
	}

	.half-padding .ym-cbox-left,
	.ym-cbox-left.half-padding {
		padding: 12px 12px 0 12px;
	}

	.ym-col3 {
		padding: 0;
		border: 0 none;
		margin-left: 62%;
		margin-right: 0;
	}

	.ym-cbox {
		padding: 24px 24px 0 24px;
	}

	.half-padding .ym-cbox,
	.ym-cbox.half-padding {
		padding: 12px 12px 0 12px;
	}

	/* (en) Page image */
	/* (de) Bild der Seite */
	/*------------------------------------------------------------------------------------------------------*/
	.hero-image {
		position: relative;
		margin: 0;
		box-sizing: border-box;
		overflow: hidden;
		height: 400px;
	}

	.hero-image.hero-big {
		height: 600px;
	}

	.hero-image img {
		position: absolute;
		bottom: 0;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		height: 400px;
		min-width: 1980px;
	}

	.hero-image.hero-big img {
		height: 600px;
	}

	.hero-image.hero-quotation .ym-wbox > * {
		max-width: 55%;
	}

	/* (en) Page Head */
	/* (de) Überschrift der Seite */
	/*------------------------------------------------------------------------------------------------------*/
	.ym-wbox .page-headline {
		margin: 0 auto 24px auto;
		text-align: center;
	}

	.ym-wbox .page-headline > h3 {
		max-width: 785px;
		margin: 0 auto;
	}

	.ym-wbox .page-headline * {
		margin-bottom: 0;
		max-width: 100%;
	}

	.ym-wbox .page-headline > img {
		max-height: 92px;
		margin: 0 0 6px 0;
		box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
		border-radius: 10px;
	}

	/* (en) Styling of basic equal heights elements */
	/* (de) Gestaltung einfachen Boxen mit gleicher Höhe */
	/*------------------------------------------------------------------------------------------------------*/
	.boxgroup-wrapper {
		margin: 0 -12px;
	}

	.half-padding .boxgroup-wrapper {
		margin: 0 -6px;
	}

	.ym-gbox {
		padding: 0;
		margin: 0 12px;
	}

	.boxgroup-wrapper > .ym-grid-box-padding {
		display: table;
	}

	.ym-grid-box-padding > [class*="ym-g"] > .ym-gbox::before,
	.ym-grid-box-padding > [class*="ym-g"] > .ym-gbox::after {
		content: '';
		display: table;
		width: 100%;
	}

	.ym-grid-box-padding {
		margin-bottom: 24px;
	}

	.half-padding .ym-grid-box-padding {
		margin-bottom: 12px;
	}

	.half-padding .ym-gbox {
		padding: 0;
		margin: 0 6px;
	}

	.ym-grid-box-padding > [class*="ym-g"] > [class*="ym-g"] {
		margin-left: 12px;
		margin-right: 12px;
		padding-top: 24px;
		padding-right: 24px;
		padding-left: 24px;
	}

	.half-padding .ym-grid-box-padding > [class*="ym-g"] > [class*="ym-g"] {
		margin-left: 6px;
		margin-right: 6px;
		padding-top: 12px;
		padding-right: 12px;
		padding-left: 12px;
	}

	.ym-grid-box-padding > [class*="ym-g"] > [class*="ym-g"].no-padding {
		padding-top: 0;
		padding-right: 0;
		padding-left: 0;
	}

	.ym-g10 {
		width: 10%;
	}

	.ym-g100 {
		width: 100%;
	}

	.ym-grid-box-background > [class*="ym-g"] > [class*="ym-g"] {
		border-radius: 8px 8px 0 0;
		background: #f8f8f8;
	}

	.box-wrapper-100 .ym-grid-box-background > [class*="ym-g"] > [class*="ym-g"],
	.jquery-tabs .ym-grid-box-background > [class*="ym-g"] > [class*="ym-g"],
	.accordion .ym-grid-box-background > [class*="ym-g"] > [class*="ym-g"],
	.ym-grid-box-background .ym-grid-box-background > [class*="ym-g"] > [class*="ym-g"] {
		background: #f8f8f8;
	}

	.ym-grid-box-background .box-wrapper-100 .ym-grid-box-background > [class*="ym-g"] > [class*="ym-g"],
	.ym-grid-box-background .jquery-tabs .ym-grid.ym-grid-box-background > [class*="ym-g"] > [class*="ym-g"],
	.ym-grid-box-background .accordion .ym-grid.ym-grid-box-background > [class*="ym-g"] > [class*="ym-g"],
	.box-wrapper-100 .box-wrapper-100 .jquery-tabs .ym-grid-box-background > [class*="ym-g"] > [class*="ym-g"],
	.box-wrapper-100 .jquery-tabs .jquery-tabs .ym-grid-box-background > [class*="ym-g"] > [class*="ym-g"],
	.box-wrapper-100 .accordion .jquery-tabs .ym-grid-box-background > [class*="ym-g"] > [class*="ym-g"],
	.accordion .box-wrapper-100 .jquery-tabs .ym-grid-box-background > [class*="ym-g"] > [class*="ym-g"],
	.accordion .jquery-tabs .jquery-tabs .ym-grid-box-background > [class*="ym-g"] > [class*="ym-g"],
	.accordion .accordion .jquery-tabs .ym-grid-box-background > [class*="ym-g"] > [class*="ym-g"] {
		background: #f8f8f8;
	}

	/* (en) Tabellenlaoyut-Grid Konfiguration */
	/* (de) Table Layout Grid Configuration */
	/*------------------------------------------------------------------------------------------------------*/
	.table-grid-wrapper {
		margin: 0 -24px;
	}

	.table-grid {
		display: table;
		border-collapse: separate;
		width: 100%;
		table-layout: fixed;
		margin: 0 0 24px 0;
		border-spacing: 24px 0;
	}

	.table-grid-row {
		display: table-row;
	}

	.table-grid-col {
		display: table-cell;
		position: relative;
		border-radius: 0;
	}

	.col-background .table-grid-col {
		background: #f8f8f8;
	}

	.table-grid-col-wrapper {
		padding: 0;
		display: block;
	}

	.col-padding .table-grid-col-wrapper {
		padding: 24px 24px 0 24px;
	}

	.table-grid-col[class*=ym-g] {
		position: relative;
		vertical-align: top;
	}

	/* (en) Flexbox-Grid Konfiguration */
	/* (de) Flexbox Layout Grid Configuration */
	/*------------------------------------------------------------------------------------------------------*/
	.flex-grid {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		padding: 0;
		margin: 0 -12px;
	}

	.flex-grid.flex-reverse-order {
		flex-direction: row-reverse;
	}

	.half-padding .flex-grid {
		margin: 0 -6px;
	}

	.flex-grid-col-padding.flex-grid {
		margin: 0 -24px;
	}

	.half-padding .flex-grid-col-padding.flex-grid {
		margin: 0 -12px;
	}

	[class*="flex-grid-col"][class*="flex-grid-w"] {
		padding: 0;
		margin: 0 12px 0 12px;
		box-sizing: border-box;
		/*overflow: hidden;*/
	}

	.half-padding [class*="flex-grid-col"][class*="flex-grid-w"] {
		margin: 0 6px;
	}

	.flex-grid-box-padding > [class*="flex-grid-col"][class*="flex-grid-w"] {
		border-radius: 0;
		padding: 24px 24px 0 24px;
		margin: 0 12px 24px 12px;
		position: relative;
	}

	.half-padding .flex-grid-box-padding > [class*="flex-grid-col"][class*="flex-grid-w"] {
		padding: 12px 12px 0 12px;
		margin: 0 6px 12px 6px;
	}

	.flex-grid-box-padding > [class*="flex-grid-col"][class*="flex-grid-w"].add-box-icon {
		margin: 42px 12px 24px 12px;
		padding: 60px 24px 0 24px;
	}

	.half-padding .flex-grid-box-padding > [class*="flex-grid-col"][class*="flex-grid-w"].add-box-icon {
		padding: 42px 12px 0 12px;
		margin: 60px 6px 12px 6px;
	}

	.flex-grid-col-padding > .flex-grid-col[class*="flex-grid-w"] {
		padding: 0 12px;
	}

	.half-padding .flex-grid-col-padding > .flex-grid-col[class*="flex-grid-w"] {
		padding: 0 6px;
	}

	.flex-grid-box-padding > [class*="flex-grid-col"][class*="flex-grid-w"].no-padding,
	.half-padding .flex-grid-box-padding > [class*="flex-grid-col"][class*="flex-grid-w"].no-padding,
	.flex-grid-col-padding > .flex-grid-col[class*="flex-grid-w"].no-padding,
	.half-padding .flex-grid-col-padding > .flex-grid-col[class*="flex-grid-w"].no-padding {
		padding: 0;
	}

	.flex-grid-box-background > [class*="flex-grid-col"][class*="flex-grid-w"] {
		background: #fff;
	}

	.flex-grid-w20 {
		width: calc(20% - 24px);
	}

	.half-padding .flex-grid-w20 {
		width: calc(20% - 12px);
	}

	.flex-grid-w25 {
		width: calc(25% - 24px);
	}

	.half-padding .flex-grid-w25 {
		width: calc(25% - 12px);
	}

	.flex-grid-w33 {
		width: calc(33.3333% - 24px);
	}

	.half-padding .flex-grid-w33 {
		width: calc(33.3333% - 12px);
	}

	.flex-grid-w38 {
		width: calc(38% - 24px);
	}

	.half-padding .flex-grid-w38 {
		width: calc(38% - 12px);
	}

	.flex-grid-w40 {
		width: calc(40% - 24px);
	}

	.half-padding .flex-grid-w40 {
		width: calc(40% - 12px);
	}

	.flex-grid-w50 {
		width: calc(50% - 24px);
	}

	.half-padding .flex-grid-w50 {
		width: calc(50% - 12px);
	}

	.flex-grid-w60 {
		width: calc(60% - 24px);
	}

	.half-padding .flex-grid-w60 {
		width: calc(60% - 12px);
	}

	.flex-grid-w62 {
		width: calc(62% - 24px);
	}

	.half-padding .flex-grid-w62 {
		width: calc(62% - 12px);
	}

	.flex-grid-w66 {
		width: calc(66.6666% - 24px);
	}

	.half-padding .flex-grid-w66 {
		width: calc(66.6666% - 12px);
	}

	.flex-grid-w75 {
		width: calc(75% - 24px);
	}

	.half-padding .flex-grid-w75 {
		width: calc(75% - 12px);
	}

	.flex-grid-w80 {
		width: calc(80% - 24px);
	}

	.half-padding .flex-grid-w80 {
		width: calc(80% - 12px);
	}

	.flex-grid-w100 {
		width: calc(100% - 24px);
	}

	.half-padding .flex-grid-w100 {
		width: calc(100% - 12px);
	}

	/* (en) adjustment of content elements within grid colmns */
	/* (de) Ausrichtug der Inhalte innerhalb der Grid-Spalten */
	/*------------------------------------------------------------------------------------------------------*/
	.ym-grid-box-background.ym-grid-box-padding > [class*="ym-g"] > [class*="ym-g"] h3 span.head,
	.flex-grid-box-background.flex-grid-box-padding [class*="flex-grid-col"][class*="flex-grid-w"] h3 span.head,
	.col-background .table-grid-col-wrapper h3 span.head {
		padding: 0;
		margin: 0;
		position: static;
		background: none;
		color: inherit;
		display: inline;
		border-radius: 0;
	}

	.ym-grid-box-background.ym-grid-box-padding > [class*="ym-g"] > [class*="ym-g"] > h3,
	.ym-grid-box-background.ym-grid-box-padding > [class*="ym-g"] > [class*="ym-g"] .cb-live-edit-container > h3,
	.flex-grid-box-background.flex-grid-box-padding > [class*="flex-grid-col"][class*="flex-grid-w"] > h3,
	.flex-grid-box-background.flex-grid-box-padding > [class*="flex-grid-col"][class*="flex-grid-w"] .cb-live-edit-container > h3,
	.col-background .table-grid-col-wrapper > h3,
	.col-background .table-grid-col-wrapper .cb-live-edit-container > h3 {
		color: #bf1815;
		background: #f8f8f8;
		padding: 4px 24px;
		margin: -24px -24px 12px -24px;
		border-top-left-radius: 8px;
		border-top-right-radius: 8px;
		text-align: left;
	}

	.half-padding .ym-grid-box-background.ym-grid-box-padding > [class*="ym-g"] > [class*="ym-g"] > h3,
	.half-padding .ym-grid-box-background.ym-grid-box-padding > [class*="ym-g"] > [class*="ym-g"] .cb-live-edit-container > h3,
	.half-padding .flex-grid-box-background.flex-grid-box-padding > [class*="flex-grid-col"][class*="flex-grid-w"] > h3,
	.half-padding .flex-grid-box-background.flex-grid-box-padding > [class*="flex-grid-col"][class*="flex-grid-w"] .cb-live-edit-container > h3,
	.half-padding .col-background .table-grid-col-wrapper > h3,
	.half-padding .col-background .table-grid-col-wrapper .cb-live-edit-container > h3 {
		padding: 4px 12px;
		margin: -12px -12px 12px -12px;
	}

	.ym-grid-box-background.ym-grid-box-padding > [class*='ym-g'] > [class*='ym-g'] > h3~*~h3,
	.flex-grid-box-background.flex-grid-box-padding [class*=flex-grid-col][class*=flex-grid-w] > h3~*~h3,
	.col-background .table-grid-col-wrapper > h3~*~h3 {
		margin: 0 -24px 24px -24px;
		border-radius: 0;
		border: none;
	}

	.half-padding .ym-grid-box-background.ym-grid-box-padding > [class*='ym-g'] > [class*='ym-g'] > h3~*~h3,
	.half-padding .flex-grid-box-background.flex-grid-box-padding > [class*=flex-grid-col][class*=flex-grid-w] > h3~*~h3,
	.half-padding .col-background .table-grid-col-wrapper > h3~*~h3 {
		margin: 0 -12px 12px -12px;
	}

	/* (en) Flexbox-Kachel-Grid Konfiguration */
	/* (de) Flexbox Tile Layout Grid Configuration */
	/*------------------------------------------------------------------------------------------------------*/
	[class*='flex-tiles'] {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: stretch;
		align-content: flex-start;
		margin: 0 0 24px 0;
	}

	[class*='flex-tiles'].flex-reverse-order {
		flex-direction: row-reverse;
	}

	[class*='flex-tiles'].flex-tiles-col-padding {
		margin: 0 -24px 0 -24px;
	}

	[class*='flex-tiles'].flex-tiles-tile-padding {
		margin: 0 -24px -24px -24px;
	}

	[class*='flex-tiles'].flex-tiles-box-padding,
	[class*='flex-tiles'].flex-tiles-img {
		margin: -12px -12px 12px -12px;
	}

	[class*='flex-tiles'] + [class*='flex-tiles'] {
		margin: -12px -12px 24px -12px;
	}

	.flex-tiles-img .image-wrapper {
		margin: 0;
	}

	.flex-tiles-1 > .flex-tile-fixed {
		flex: 0 0 100%;
		max-width: 100%
	}

	.flex-tiles-2-1 > .flex-tile-fixed {
		flex: 0 0 50%;
		max-width: 50%
	}

	.flex-tiles-3-2-1 > .flex-tile-fixed {
		flex: 0 0 33.33%;
		max-width: 33.33%
	}

	.flex-tiles-4-3-2-1 > .flex-tile-fixed {
		flex: 0 0 25%;
		max-width: 25%;
	}

	.flex-tiles-4-2-1 > .flex-tile-fixed {
		flex: 0 0 25%;
		max-width: 25%;
	}

	.flex-tile-dynamic {
		flex: 1 1 auto;
	}

	.flex-tile-fill {
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: stretch;
		align-content: stretch;
		height: 100%;
	}

	.flex-tile-fill-content {
		border-radius: 0;
		flex: 1 1 auto;
		box-sizing: border-box;
		position: relative;
		width: 100%;
	}

	.flex-tiles-img > .flex-tile-fixed > .flex-tile-fill > .flex-tile-fill-content {
		padding: 0;
		margin: 12px;
	}

	.flex-tiles-box-padding > .flex-tile-fixed > .flex-tile-fill > .flex-tile-fill-content {
		padding: 24px 24px 0 24px;
		margin: 12px;
	}

	.flex-tiles-col-padding > .flex-tile-fixed > .flex-tile-fill > .flex-tile-fill-content {
		padding: 0 12px 0 12px;
		margin: 0 12px;
	}

	.flex-tiles-tile-padding > .flex-tile-fixed > .flex-tile-fill > .flex-tile-fill-content {
		padding: 0 12px 0 12px;
		margin: 0 12px 24px 12px;
	}

	.flex-tiles-box-padding > .flex-tile-fixed > .flex-tile-fill > .flex-tile-fill-content.add-box-icon {
		margin: 64px 12px 12px 12px;
		padding: 70px 24px 0 24px;
	}

	.half-padding .flex-tiles-box-padding > .flex-tile-fixed > .flex-tile-fill > .flex-tile-fill-content.add-box-icon {
		margin: 54px 6px 12px 6px;
		padding: 60px 12px 0 12px;
	}

	.flex-tiles-box-padding > .flex-tile-fixed > .flex-tile-fill > .flex-tile-fill-content.add-flex-button {
		transition: all ease 0.3s;
		position: relative;
		padding-bottom: 42px;
	}

	.add-flex-button:hover {
		box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
		background-color: #f8f8f8;
	}

	.add-flex-button a:hover {
		border: none;
	}

	.add-flex-button a::after {
		content: '';
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 1;
	}

	/* (en) Styling of styled equal heights elements */
	/* (de) Gestaltung der grafischen Boxen mit gleicher Höhe */
	/*------------------------------------------------------------------------------------------------------*/
	/* (en) adjustment of footer boxes */
	/* (de) Ausrichtug der Fußeilen-Boxen */
	.ym-grid.box-top {
		margin-bottom: 0;
	}

	.ym-grid.box-top .ym-gbox *:last-child {
		margin-bottom: 18px;
	}

	.ym-grid.box-bottom {
		margin-top: -18px;
		margin-bottom: 24px;
		display: table;
	}

	.ym-grid.box-bottom::after,
	.ym-grid.box-bottom::before {
		content: '';
		display: table;
		width: 100%;
	}

	.ym-grid.box-bottom > [class*="ym-g"] [class*="ym-gbox"] {
		background: #ffffff;
		margin: 0 12px;
		border-radius: 0;
		padding: 0;
	}

	/* (en) Styling of styled boxes with width 100% */
	/* (de) Gestaltung grafischen Boxen mit 100% Breite */
	/*------------------------------------------------------------------------------------------------------*/
	.box-wrapper-100 {
		border-radius: 0;
	}

	.box-wrapper-100.box-shadow {
		box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
	}

	.box-top-100 {
		width: 100%;
	}

	.box-top-100 h3 {
		padding: 4px 24px 4px 12px;
		border-radius: 0;
		background: #ffffff;
		color: #000;
		border: none;
		margin: 0;
		text-align: left;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-webkit-transition: all 0.2s linear;
		transition: all 0.2s linear;
	}

	.half-padding .box-top-100 h3 {
		padding: 4px 12px;
	}

	.box-top-100 h3.box-open {
		border-radius: 0;
	}

	.box-top-100 h3:hover {
		background: #eaecee;
	}

	h3.box-close::after {
		font-family: 'Font Awesome 5 Free';
		font-weight: 400;
		content: '\f107';
		position: absolute;
		right: 10px;
		top: 5px;
		width: auto;
		text-align: left;
		background: transparent;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-webkit-transition: transform 300ms ease 0s;
		-webkit-transition: -webkit-transform 300ms ease 0s;
		transition: -webkit-transform 300ms ease 0s;
		transition: transform 300ms ease 0s, -webkit-transform 300ms ease 0s;
		transform: rotate(0deg);
	}

	h3.box-open::after {
		font-family: 'Font Awesome 5 Free';
		font-weight: 400;
		content: '\f107';
		position: absolute;
		right: 10px;
		top: 5px;
		width: auto;
		text-align: left;
		/* Force Hardware Acceleration */
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-webkit-transition: transform 300ms ease 0s;
		-webkit-transition: -webkit-transform 300ms ease 0s;
		transition: -webkit-transform 300ms ease 0s;
		transition: transform 300ms ease 0s, -webkit-transform 300ms ease 0s;
		-webkit-transform: rotate(-179.999deg);
		transform: rotate(-179.999deg);
	}

	/*h3.box-open::after,
    h3.box-close::after {
        height: 2px;
        width: 8px;
    }



    h3.box-open::before,
    h3.box-close::before {
        height: 8px;
        width: 2px;
    }



    h3.box-close::after,
    h3.box-close::before,
    h3.box-open::after,
    h3.box-open::before {
        content: '';
        position: absolute;
        right: 16px;
        top: 50%;
        bottom: auto;
        left: auto;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transform: translateX(50%) translateY(-50%);
        transform: translateX(50%) translateY(-50%);
        background: #fff;
        -webkit-transition-property: -webkit-transform;
        transition-property: -webkit-transform;
        transition-property: transform;
        transition-property: transform, -webkit-transform;
        -webkit-transition-duration: 0.2s;
        transition-duration: 0.2s;
    }



    h3.box-open::before {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transform: translateX(50%) translateY(-50%) rotate(90deg);
        transform: translateX(50%) translateY(-50%) rotate(90deg);
    }
*/
	.box-bottom-100 {
		background: #fff;
		width: 100%;
		margin: 0 0 24px 0;
		border-radius: 0;
	}

	.half-padding .box-bottom-100 {
		margin: 0 0 12px 0;
	}

	.box-wrapper-100 .box-wrapper-100 .box-bottom-100,
	.jquery-tabs .box-wrapper-100 .box-bottom-100,
	.accordion .box-wrapper-100 .box-bottom-100,
	.ym-grid-box-background > [class*=ym-g] > [class*=ym-g] > .box-wrapper-100 .box-bottom-100 {
		background: #fff;
	}

	.jquery-tabs .ym-grid-box-padding .box-wrapper-100 .box-bottom-100 {
		background: #fff;
	}

	.box-bottom-100-content::after,
	.box-bottom-100-content::before {
		content: '';
		display: table;
		width: 100%;
	}

	.box-bottom-100-content {
		padding: 24px 24px 0 24px;
	}

	.half-padding .box-bottom-100-content,
	.half-padding.box-bottom-100-content {
		padding: 12px 12px 0 12px;
	}

	.no-padding .box-bottom-100-content,
	.no-padding.box-bottom-100-content {
		padding: 0;
	}

	.box-bottom-100-content.box-close {
		display: none;
	}

	/* (en) Styling of map markers */
	/* (de) Gestaltung der Kartenmarker */
	/*------------------------------------------------------------------------------------------------------*/
	.mapmarker {
		position: absolute;
		width: 80%;
		height: 24px;
		margin: auto;
		top: -15%;
		left: 0;
		bottom: 0;
		right: 0;
		text-align: center;
		color: #fff;
		background: #bf1815;
		padding: 6px 12px;
		border-radius: 0;
	}

	/* triangle decoration */
	.mapmarker:after {
		width: 0;
		height: 0;
		border-left: 10px solid rgba(0, 0, 0, 0);
		border-right: 10px solid rgba(0, 0, 0, 0);
		border-top: 10px solid #bf1815;
		-moz-transform: scale(.9999);
		content: '';
		position: absolute;
		left: 50%;
		bottom: -9px;
		margin-left: -10px;
	}

	/* (en) adjustment of content elements within the styled boxes with width 100% */
	/* (en) Ausrichtung der Inhalte innerhalb der grafischen Boxen mit 100% Breite */
	/*------------------------------------------------------------------------------------------------------*/
	/* (en) Content Divider for boxes */
	/* (de) Inhaltsunterteilung für die Boxen */
	.divider {
		padding: 0;
	}

	.divider div {
		margin: 0 0 24px 0;
		padding: 0;
		width: 100%;
		line-height: 0
	}

	.half-padding .divider div {
		border-bottom: 1px solid transparent;
		margin: 6px 0;
	}

	hr {
		display: none;
	}

	/* (en) boxes with centered or justification */
	/* (de) Boxen mit Inhalten, die zentriert oder im Blocksatz ausgerichtet sind */
	/*------------------------------------------------------------------------------------------------------*/
	/* (en) Important note: all elements within the box need to be enclosed by a DIV-container with the class 'inline'! */
	/* (de) Wichtiger Hinweis: Alle Elemente in der Box müssen von einem DIV-Container mit der Klasse 'inline' umschlossen sein! */
	.justify-wrapper {
		font-size: 0;
		line-height: 0;
		margin: -12px -12px 12px -12px;
		text-align: justify;
		text-justify: distribute;
	}

	.justify-wrapper > div {
		display: inline-block;
		padding: 12px 12px 12px 12px;
	}

	.justify-wrapper > div img {
		margin: 0;
		vertical-align: middle;
	}

	.justify-wrapper > div.justify-filler {
		display: inline-block;
		width: 100%;
		opacity: 0;
		height: 0;
		margin: 0;
		padding: 0;
	}

	/*(en) Simple vertical centering */
	/*(de) Einfache vertikale Zentrierung */
	/*------------------------------------------------------------------------------------------------------*/
	.center-wrapper {
		text-align: center;
		width: 100%;
		margin: 0 auto;
		display: block;
	}

	.center-wrapper > .center-content {
		display: inline-block;
		max-width: 100%;
		vertical-align: bottom;
	}

	.center-wrapper .center-image-tiles {
		font-size: 0;
		line-height: 0;
	}

	.center-wrapper .center-image-tiles > [class*="tooltip"] {
		padding: 0 12px;
		display: inline-block;
	}

	.center-wrapper .center-image-tiles > [class*="tooltip"],
	.center-wrapper .center-image-tiles > [class*="tooltip"] > .image-wrapper > a > img {
		max-width: 74px;
	}

	/*(en) horzontal and vertical centering of content in a box with fixed height */
	/*(de) Horizontale und vertikale Zentrierung eines Elementes in einer Box mit fixer Höhe */
	/*------------------------------------------------------------------------------------------------------*/
	.table-center-wrapper {
		display: table;
		height: 400px;
		width: 100%;
	}

	.table-center-cell {
		display: table-cell;
		vertical-align: middle;
		width: 100%;
	}

	.table-center-cell img {
		max-width: 200px;
	}

	.table-center-element {
		margin: 0 auto;
		display: block;
		text-align: center;
	}

	.table-center-element > * {
		display: inline-block;
		text-align: left;
	}

	/* (en) absolute center positioning with flex */
	/* (de) Absolute center Positionierung mit Flex */
	/*------------------------------------------------------------------------------------------------------*/

	.transform-center-wrapper {
		position: relative;
		height: 400px;
	}

	.transform-center-content {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
}
	/* (en) absolute center positioning with transform */
	/* (de) Absolute center Positionierung mit transform */
	/*------------------------------------------------------------------------------------------------------*/

	.flex-center-wrapper {
		display: flex;
		justify-content: center;
		align-items: center;
		height: 400px;
	}

	.flex-center-content {
		display: block;
		width: 50%;
	}

	/* (en) absolute positioning in corners */
	/* (de) Absolute Positionierung in Ecken */
	/*------------------------------------------------------------------------------------------------------*/
	.position-bottom-right {
		position: absolute;
		bottom: 0;
		right: 24px;
	}

	.half-padding .position-bottom-right {
		right: 12px;
	}

	.half-padding .position-bottom-right > * {
		margin-bottom: 0;
	}

	.position-bottom-left {
		position: absolute;
		bottom: 0;
		left: 24px;
	}

	.position-top-left {
		position: absolute;
		top: 0;
		left: 24px;
	}

	.position-top-right {
		position: absolute;
		top: 0;
		right: 24px;
	}

	/*(en) horzontal and vertical centering of content in a box with fixed height */
	/*(de) Horizontale und vertikale Zentrierung eines Elementes in einer Box mit fixer Höhe */
	/*------------------------------------------------------------------------------------------------------*/

	.absolute-center-wrapper {
		position: relative;
		height: 400px;
	}

	.absolute-center-element {
		width: 50%;
		height: 50%;
		overflow: auto;
		margin: auto;
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
	}

	/*(en) class to hide element and prevent rendering*/
	/*(de) Klasse, um das Element auszublenden und das Rendering zu verhindern*/
	/*------------------------------------------------------------------------------------------------------*/
	.hide-element,
	.cbprint,
	.invisible,
	.grecaptcha-badge {
		display: none;
	}

	[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
		display: none !important;
	}

	.hide-element-force {
		display: none !important;
	}

	.show-block-element {
		display: block;
	}

	.show-table-element {
		display: table;
	}

	/* (en) class to convert block level elements in inline elements (avoids breaks when using HTML-Tidy with inline elements) */
	/* (de) Block-Elemente in Inline-Elemente umwandeln (Dies verhindert Umbrüche bei der Benutzung von HTML-Tidy mit Inline-Elementen) */
	/*------------------------------------------------------------------------------------------------------*/
	.inline {
		display: inline;
	}

	/* (en) class to set margin for flow elements to 0 */
	/* (de) Randabstände von gefloateten Elementen zurücksetzen */
	/*------------------------------------------------------------------------------------------------------*/
	.no-margin {
		margin: 0 !important;
	}

	.no-border {
		border: none !important;
	}

	/* (en) class to set mouse cursor to pointer */
	/* (de) Mauscursor auf Pointer definieren */
	/*------------------------------------------------------------------------------------------------------*/
	.click-pointer,
	.box-toggle-head {
		cursor: pointer;
	}

	/* (en) stickem content behavior */
	/* (de) Verhalten der Stickem-Inhalte */
	/*------------------------------------------------------------------------------------------------------*/
	.stickem-container {
		position: relative;
		text-align: left;
	}

	.shift-wrapper {
		margin: 0 auto;
		padding: 0;
		max-width: 1200px;
		position: relative;
	}

	.viewport-width .shift-wrapper {
		max-width: none;
		margin: 0;
	}

	/* (en) loading panel popup */
	/* (de) Popup Panel um anzuzeigen, dass Elemente geladen werden */
	/*------------------------------------------------------------------------------------------------------*/
	.loading-overlay {
		z-index: 2147483647;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		background: rgba(0, 0, 0, 0.2);
		width: 100%;
		height: 100%;
		position: fixed;
		border-radius: 2px;
	}

	.loader-circle {
		position: absolute;
		display: block;
		z-index: 99999;
		bottom: 0;
		height: 50%;
		left: 0;
		margin: auto;
		overflow: auto;
		right: 0;
		top: 0;
		width: 50%;
		font-size: 8px;
		text-indent: -9999em;
		border-top: 8px solid rgba(255, 255, 255, 0.4);
		border-right: 8px solid rgba(255, 255, 255, 0.4);
		border-bottom: 8px solid rgba(255, 255, 255, 0.4);
		border-left: 8px solid #fff;
		/* Force Hardware Acceleration */
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-webkit-animation: loader-circle 1.1s infinite linear;
		animation: loader-circle 1.1s infinite linear;
	}

	.loader-circle,
	.loader-circle:after {
		border-radius: 50%;
		width: 48px;
		height: 48px;
	}

	.loader-spinner {
		position: absolute;
		display: block;
		z-index: 99999;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
		font-size: 48px;
		width: 1em;
		height: 1em;
		text-indent: -9999em;
		overflow: hidden;
		border-radius: 50%;
		-webkit-animation: loader-spinner 1.7s infinite ease;
		animation: loader-spinner 1.7s infinite ease;
	}

	.filter-jump-up {
		display: none;
	}

	/* (en) video element formatting */
	/* (de) Formatierung von Videoelementen */
	/*------------------------------------------------------------------------------------------------------*/
	.fluid-width-video-wrapper {
		padding-top: 50% !important;
	}

	.fluid-width-video-wrapper iframe {
		border-radius: 0;
	}

	/* (en) Side Slide Panel */
	/* (de) Side Slide Panel */
	/*------------------------------------------------------------------------------------------------------*/

	pbst-side-slide {
		display: none;
	}

	.media-service-index pbst-side-slide {
		display: block;
		position: fixed;
		right:0;
		top: 200px;
		z-index: 505;
	}

	.side-slide-toggle {
		float: left;
		width: 40px;
		height: 40px;
		background-color: #e1121a;
		color: #fff;
		text-align: center;
		padding: 0;
		cursor: pointer;
		border: 1px solid #e1121a;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
		box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
	}

	.side-slide-toggle [class*=icon]::before {
		position: absolute;
		top: 8px;
		left: 6px;
		text-indent: 0;
		font-size: 28px;
		color: #fff;
	}
	
	.side-slide-mobile-bar,
    [class*=side-slide-button],
	[class*=side-slide-content] {
        display: none;
    }

    body.media-service-index [class*=side-slide-button],
	body.media-service-index [class*=side-slide-content] {
        display: block;
    }

	.side-slide-wrapper {
		position: relative;
	}

	[class*="side-slide-content"] {
		height: auto;
		background: #fff;
		width: 400px;
		-webkit-transition: -webkit-box-shadow 1s linear;
		transition: box-shadow 1s linear;
		max-height: calc(100vh - 200px);
		overflow-y: auto;
		border-radius: 0;
	}

	[class*="side-slide-content"].expanded {
		-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
		box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
	}

	[class*="side-slide-content"].expanded .fa,
	[class*="side-slide-content"].expanded .far {
		padding: 0 8px 0 0;
	}

	.side-slide-inner-wrapper {
		text-align: left;
		border: 1px solid #fff;
		padding: 48px;
		min-height: 150px;
	}

	.side-slide-inner-wrapper .image-wrapper {
		margin: 0 0 6px 0;
	}

	[class*=side-slide-button] {
		position: fixed;
		right: 0;
		width: 40px;
		height: 40px;
		background-color: #e1121a;
		color: #fff;
		text-align: center;
		padding: 0;
		cursor: pointer;
		border: 1px solid #e1121a;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
		box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
	}

	[class*=side-slide-button]:hover {
		background-color: #bf1815;
		border-color: #bf1815;
	}

	[class*=side-slide-button] [class*=icon]::before {
		position: absolute;
		top: 8px;
		left: 6px;
		text-indent: 0;
		font-size: 28px;
		color: #fff;
	}

	.in-page {
		position: absolute;
	}

	.side-slide-button-01 {
		top: 223px;
		z-index: 500;
	}

	.side-slide-button-02 {
		top: 142px;
		z-index: 501
	}

	.side-slide-button-03 {
		top: 192px;
		z-index: 502
	}

	.side-slide-button-04 {
		top: 242px;
		z-index: 502
	}

	.expanded[class*="side-slide-button"] {
		right: 0;
	}

	.expanded.side-slide-content {
		/*right: 1px;*/
	}

	.close-slide-button {
		position: absolute;
		top: 0;
		right: 0;
		width: 40px;
		height: 40px;
		font-size: 24px;
		text-align: center;
		color: #e1121a;
		transition: all 0.3s ease;
	}

	.close-slide-button:hover {
		color: #bf1815;
	}

	/* (en) Kacheln mit zentriertem Text */
	/* (de) Tiles with centered text */
	/*------------------------------------------------------------------------------------------------------*/
	.tile-text-bg,
	.tile-text-bg::before {
		background: #b8b9b9;
	}

	.tile-wrapper {
		font-size: 0;
		line-height: 0;
		margin: 0 0 24px 0;
	}

	.tile {
		position: relative;
		display: inline-block;
		max-width: 100%;
		overflow: hidden;
	}

	.tile-hover {
		display: block;
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		opacity: 0;
		z-index: 2;
		-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
		filter: alpha(opacity=0);
		-webkit-transition: opacity 0.5s ease;
		transition: opacity 0.5s ease;
	}

	.tile img,
	.tile-hover img {
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
	}

	.tile-hover::before {
		content: '';
		display: block;
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		z-index: 1;
		opacity: 0;
		-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
		filter: alpha(opacity=0);
		-webkit-transition: opacity 0.5s ease;
		transition: opacity 0.5s ease;
	}

	.tile-hover:hover::before {
		opacity: 0.8;
	}

	.tile-hover:hover {
		opacity: 1;
		-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=40)';
		filter: alpha(opacity=40);
	}

	.tile-hover .head-text-wrapper {
		z-index: 1;
	}

	.tile-logo {
		position: absolute;
		padding: 0 12%;
		left: 50%;
		top: 50%;
		z-index: 2;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}

	.tile-bg {
		left: 50%;
		position: relative;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}

	.ym-g100 .tile-bg {
		min-height: 300px;
		min-width: 600px;
	}

	.ym-g38 .tile-bg {
		min-height: 300px;
		min-width: 399px;
	}

	.head-center {
		position: absolute;
		top: 0;
		width: 100%;
		margin: 0;
		background: transparent;
		left: 0;
		bottom: 0;
		text-align: center;
		font-size: 28px;
		line-height: 40px;
		max-width: none;
	}

	.head-center.text-shadow {
		text-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
	}

	.slider-wrapper .head-center .head-text-wrapper,
	.head-center .head-text-wrapper {
		display: block;
		position: absolute;
		width: 100%;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	.head-center span.head-text {
		width: 100%;
		color: #fff;
		font-size: 55px;
		line-height: 55px;
		display: inline-block;
	}

	.head-center span.head-text {
		font-family: 'Neue Helvetica W01', sans-serif;
		width: 100%;
		color: #fff;
		font-size: 55px;
		line-height: 55px;
		display: inline-block;
		text-transform: uppercase;
	}

	.head-center span.head-text+span.head-text {
		font-family: 'Neue Helvetica W01', Helvetica, Arial, sans-serif;
		text-transform: none;
		font-size: 35px;
		line-height: 45px;
	}

	.bg-dimming {
		position: absolute;
		top: 0;
		height: 100%;
		width: 100%;
		border: none;
		margin: 0;
		padding: 0;
		color: #000;
		display: block;
		letter-spacing: 1px;
		background: #000;
		opacity: .4 !important;
	}

	.text-wrapper {
		width: 184px;
		height: 184px;
		color: #fff;
		position: absolute;
		top: 50%;
		left: 50%;
		margin: -92px 0 0 -92px;
		display: table;
		z-index: 1;
	}

	.tile-text {
		font-family: "Brandon Grotesque Black", sans-serif;
		text-transform: uppercase;
		letter-spacing: 1px;
		font-size: 16px;
		line-height: 24px;
		display: table-cell;
		vertical-align: middle;
		text-align: center;
	}

	.tile-text::after {
		content: '—';
		position: absolute;
		width: auto;
		left: 0;
		right: 0;
		text-align: center;
		display: block;
	}

	.tile-hover .tile-text::after {
		letter-spacing: -2px;
		content: '———';
		position: absolute;
		width: auto;
		left: 0;
		right: 0;
		text-align: center;
		display: block;
	}

	.tile-text-only {
		position: absolute;
		bottom: 70px;
		box-sizing: border-box;
		padding: 0 90px 0 0;
	}

	.ym-g20 .tile-text-only {
		width: 20%;
	}

	.ym-g25 .tile-text-only {
		width: 25%;
	}

	.ym-g33 .tile-text-only {
		width: 33%;
	}

	.ym-g38 .tile-text-only {
		width: 38%;
	}

	.ym-g40 .tile-text-only {
		width: 40%;
	}

	.ym-g50 .tile-text-only {
		width: 50%;
	}

	.ym-g60 .tile-text-only {
		width: 60%;
	}

	.ym-g66 .tile-text-only {
		width: 66%;
	}

	.ym-g75 .tile-text-only {
		width: 75%;
	}

	.ym-g80 .tile-text-only {
		width: 80%;
	}

	/* (en) Image with Overlay */
	/* (de) Bild mit Overlay */
	/*------------------------------------------------------------------------------------------------------*/
	.img-overlay-container-slide-down,
	.img-overlay-container-slide-up,
	.img-overlay-container-fade-base,
	.img-overlay-container-fade {
		position: relative;
		margin: 0 0 24px 0;
	}

	.img-overlay-container-slide img,
	.img-overlay-container-slide-down img,
	.img-overlay-container-fade-base img {
		display: block;
		width: 100%;
		height: auto;
	}

	.img-overlay-container-fade img {
		opacity: 1;
		display: block;
		width: 100%;
		height: auto;
		transition: .5s ease;
		backface-visibility: hidden;
	}

	.img-overlay-container-fade-base .img-overlay {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		top: 0;
		background: rgba(0, 0, 0, 0.6);
		overflow: hidden;
		width: 100%;
		height: 100%;
		transition: .5s ease;
		opacity: 0;
	}

	.img-overlay-container-slide-up .img-overlay,
	.img-overlay-container-slide-down .img-overlay {
		position: absolute;
		left: 0;
		right: 0;
		background: rgba(0, 0, 0, 0.6);
		overflow: hidden;
		width: 100%;
		height: 50px;
		transition: .5s ease;
	}

	.img-overlay-container-slide-up .img-overlay {
		bottom: 0;
	}

	.img-overlay-container-slide-down .img-overlay {
		top: 0;
	}

	.img-overlay-container-fade .img-overlay {
		display: block;
		transition: .5s ease;
		opacity: 0;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
	}

	.img-overlay-container-fade:hover img {
		opacity: 0.3;
	}

	.img-overlay-container-fade:hover .img-overlay,
	.img-overlay-container-fade-base:hover .img-overlay {
		opacity: 1;
	}

	.img-overlay-container-slide-up:hover .img-overlay,
	.img-overlay-container-slide-down:hover .img-overlay {
		height: 100%;
	}

	.img-overlay-container-slide-up > * > span,
	.img-overlay-container-slide-down > * > span,
	.img-overlay-container-fade-base > * > span {
		white-space: nowrap;
		color: white;
		font-size: 20px;
		position: absolute;
		overflow: hidden;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
	}

	.img-overlay-container-fade > * > span {
		background: rgba(0, 0, 0, 0.6);
		color: #fff;
		padding: 16px 32px;
		display: block;
		transform: scale(1.2);
		-ms-transform: scale(1.2);
		-webkit-transition: all 0.25s ease;
		transition: all 0.25s ease;
	}

	.img-overlay-container-fade:hover > * > span {
		transform: translateY(0);
		-ms-transform: translateY(0);
	}

	/* (en) Aspect Ratio Box */
	/* (de) Box mit definiertem Seitenverhältnis */
	/*------------------------------------------------------------------------------------------------------*/
	.ratio-container {
		height: 0;
		padding-bottom: 30%;
		/* 10:3 */
		position: relative;
		margin: 0 0 24px 0;
		box-sizing: border-box;
		/*min-height: 170px;*/
	}

	.ratio-container-content {
		height: 100%;
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
		overflow: hidden;
	}

	.ratio-background-image {
		background-image: url('kachel-w100.jpg');
		background-repeat: no-repeat;
		background-attachment: scroll;
		background-position: center;
		background-size: cover;
	}

	.ratio-container-content img {
		position: absolute;
		bottom: 0;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		/*min-height: 170px;
        min-width: 340px;*/
	}

	.ratio-container-content img {
		position: absolute;
		bottom: 0;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		/*min-height: 170px;
        min-width: 340px;*/
	}

	/* (en) Fixed & Scroll Backgrounds (Parallax)  */
	/* (de) Fixierte & Scrollende Hintergründe (Parallax */
	/*------------------------------------------------------------------------------------------------------*/

.fixed-bg {
  position: relative;
  min-height: calc(100vh - 92px);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 1;
}

.fixed-bg.fixed-bg-1 {
  background-image: url("cd-background-1.jpg");
}

.fixed-bg.fixed-bg-2 {
  background-image: url("cd-background-2.jpg");
}

.fixed-bg.fixed-bg-3 {
  background-image: url("cd-background-3.jpg");
}

.fixed-bg.fixed-bg-4 {
  background-image: url("cd-background-4.jpg");
}

@media only screen and (min-width: 1170px) {
  @supports (background-attachment: fixed) {
    /* fix bug on IE11 and below */
    .fixed-bg {
      background-attachment: fixed;
    }
  }
}

.fixed-bg + div {
  position: relative;
  min-height: 100%;
  -webkit-box-shadow: 0 0 50px rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 50px rgba(0, 0, 0, 0.5);
  z-index: 2;
	padding-bottom: 48px;
}


}



/*------------------------------------------------------------------------------------------------------*/


/* (en) Media Query 1200 */


/* (de) Media Query 1200 */


/*------------------------------------------------------------------------------------------------------*/

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

	#header {
		margin-top: 0;
	}

	.hero-image.hero-big img {
		left: auto;
		right: -190px;
		transform: translate(0, -50%);
	}

}
/*------------------------------------------------------------------------------------------------------*/
/* (en) Media Query 980 */
/* (de) Media Query 980 */
/*------------------------------------------------------------------------------------------------------*/

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

	body {
		padding: 0 ;
	}

	.media-service-index {
		background-position: right top;
	}

	.filter-jump-up,
	.filter-jump-up:active,
	.filter-jump-up:focus {
		display: block;
		position: fixed;
		bottom: 0;
		right: 50px;
		background: #e1121a;
		color: #fff !important;
		padding: 6px 7px 2px 8px;
		border-radius: 0;
		z-index: 999;
	}

	#nav-top {
		position: relative;
		top: 0;
		left: 0;
		overflow: hidden;
		background: #fff;
		padding: 12px 12px 0 12px;
		display: none;
		text-align: center;
		box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
	}

	.nav-top-toggle {
		display: block;
		position: absolute;
		right: 0;
		top: 0;
		z-index: 901;
	}
	
	.header-height-spacer {
		padding: 60px 0;
	}

	.viewport-width .no-nav .header-height-spacer {
		padding: 32px 0;
	}

	.viewport-width .no-nav + div a.logo {
		top: -16px;
	}

	.no-nav .header-height-spacer {
		padding: 36px 0;
	}

	.no-nav + div a.logo {
		top: -12px;
	}
	
	a.logo {
		bottom: auto;
		top: -60px;
		left: 0;
	}

	a.logo + span {
		display: none;
	}

	[class*="side-slide-content"] {
		z-index: 9999;
		overflow-y: auto;
	}

	.side-slide-01.side-slide-content,
	.side-slide-02.side-slide-content,
	.side-slide-03.side-slide-content {
		top: 0;
	}

	.side-slide-inner-wrapper {
		padding: 12px 12px 0 12px;
	}

	[class*=side-slide-button] {
		z-index: 999;
	}

	.side-slide-button-01 {
		top: auto;
		bottom: 100px;
		border-top-left-radius: 0;
	}

	.side-slide-button-02 {
		top: 50px;
	}

	.side-slide-button-03 {
		top: 100px;
	}

	.side-slide-button-04 {
		top: 150px;
	}

	[class*="side-slide-content"] .divider {
		margin: 0 -12px;
		padding: 0;
	}

	.ym-col1,
	.ym-col2 {
		float: none;
		width: 100%;
	}

	.ym-col3 {
		width: 100%;
		margin: 0;
	}

	.ym-cbox {
		padding: 0 24px 0 24px;
	}

	.flex-tiles-4-3-2-1 > .flex-tile-fixed {
		flex: 0 0 33.33%;
		max-width: 33.33%;
	}

	.flex-tiles-3-2-1.linearize-level-1 > .flex-tile-fixed,
	.flex-tiles-4-2-1.linearize-level-1 > .flex-tile-fixed {
		flex: 0 0 50%;
		max-width: 50%;
	}

}



/*------------------------------------------------------------------------------------------------------*/


/* (en) Media Query 850 */


/* (de) Media Query 850 */


/*------------------------------------------------------------------------------------------------------*/

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

	.nav-top-closed {
		display: none;
	}

	.single-column {
		box-sizing: border-box;
		max-width: 100%;
		margin-left: auto;
		margin-right: auto;
	}

	.ym-grid-box-padding > [class*="ym-g"] > [class*="ym-g"].no-padding,
	.half-padding .linearize-level-1.ym-grid-box-padding > [class*="ym-g"] > [class*="ym-g"].no-padding,
	.half-padding .linearize-level-2.ym-grid-box-padding > [class*="ym-g"] > [class*="ym-g"].no-padding {
		padding: 0;
	}

	/* (en) Basic Gid linearize level 1 */
	/* (de) Basic Grid Linearisierungslevel 1 */
	.linearize-level-1.boxgroup-wrapper,
	.linearize-level-1.ym-grid-box-padding {
		margin: 0;
	}

	.linearize-level-1 > [class*="ym-g"] > [class*="ym-g"] {
		margin: 0;
		padding: 0;
	}

	.linearize-level-1.ym-grid,
	.linearize-level-1.ym-grid.ym-grid-box-padding,
	.linearize-level-1.ym-grid > [class*="ym-g"] {
		width: auto;
		display: block;
		float: none;
	}

	/* (en) Styled Gid linearize level 1 */
	/* (de) Styled Grid Linearisierungslevel 1 */
	.linearize-level-1.ym-grid-box-padding > [class*="ym-g"] > [class*="ym-g"] {
		margin: 0 0 24px 0;
		padding: 24px 24px 0 24px;
	}

	.half-padding .linearize-level-1.ym-grid-box-padding > [class*="ym-g"] > [class*="ym-g"] {
		margin: 0 0 12px 0;
		padding: 12px 12px 0 12px;
	}

	.linearize-level-1.ym-grid-box-padding > [class*="ym-g"] > [class*="ym-g"] div ul:not(.tabs-list),
	.linearize-level-1.box-top .ym-gbox *:last-child {
		margin-bottom: 24px;
	}

	.half-padding .linearize-level-1.ym-grid-box-padding > [class*="ym-g"] > [class*="ym-g"] div ul:not(.tabs-list),
	.half-padding .linearize-level-1.box-top .ym-gbox *:last-child {
		margin-bottom: 12px;
	}

	.linearize-level-1.linearize-center > [class*="ym-g"] > [class*="ym-g"] {
		text-align: center;
	}

	/* (en) Extended Styled Gid linearize level 1 */
	/* (de) Extended Styled Grid Linearisierungslevel 1 */
	.linearize-level-1.box-bottom {
		display: none;
	}

	/* (en) Table Gid linearize level 1 */
	/* (de) Tabellen Grid Linearisierungslevel 1 */
	.linearize-level-1.table-grid-wrapper,
	.linearize-level-1.table-grid {
		margin: 0;
	}

	.linearize-level-1 .table-grid,
	.linearize-level-1 .table-grid-row,
	.linearize-level-1 .table-grid-col[class*="ym-g"] {
		display: block;
		width: 100%;
	}

	.linearize-level-1 .table-grid-col[class*="ym-g"] {
		margin: 0 0 24px 0;
	}

	.linearize-level-1.linearize-center > .table-grid-col[class*="ym-g"] {
		text-align: center;
	}

	/* (en) Flex Gid linearize level 1 */
	/* (de) Flex Grid Linearisierungslevel 1 */
	.linearize-level-1.flex-grid > [class*="flex-grid-col"][class*="flex-grid-w"] {
		width: calc(100% - 24px);
	}

	.half-padding .linearize-level-1.flex-grid > [class*="flex-grid-col"][class*="flex-grid-w"] {
		width: calc(100% - 12px);
	}

	.linearize-level-1.linearize-center > [class*="flex-grid-col"][class*="flex-grid-w"] {
		text-align: center;
	}

	.flex-tiles-3-2-1 > .flex-tile-fixed,
	.flex-tiles-4-2-1 > .flex-tile-fixed,
	.flex-tiles-4-3-2-1 > .flex-tile-fixed {
		flex: 0 0 50%;
		max-width: 50%;
	}

	.linearize-level-1.flex-tiles-2-1 > .flex-tile-fixed,
	.linearize-level-1.flex-tiles-3-2-1 > .flex-tile-fixed,
	.linearize-level-1.flex-tiles-4-2-1 > .flex-tile-fixed {
		flex: 0 0 100%;
		max-width: 100%;
	}

	.half-padding .divider div {
		border-bottom: 1px solid #e3e3e3;
		margin: 12px 0 24px 0;
	}

}


/*------------------------------------------------------------------------------------------------------*/


/* (en) Media Query 760 */


/* (de) Media Query 760 */


/*------------------------------------------------------------------------------------------------------*/


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

	.hero-image {
		height: 210px;
	}

	.hero-image.hero-big,
	.hero-image.hero-quotation {
		height: 300px;
	}

	.hero-image img {
		height: 210px;
		min-width: 1040px;
	}

	.hero-image.hero-big img,
	.hero-image.hero-quoatation img {
		height: 300px;
		min-width: 990px;
	}

	.hero-image.hero-big img {
		left: auto;
		right: -90px;
		transform: translate(0, -50%);
	}


	.bg-parallax {
		background-size: auto 800px;
	}

	.hero-image.hero-quotation .ym-wbox > .pbig {
		font-size: 14px;
		line-height: 16px;
	}

	.hero-image.hero-quotation .ym-wbox > [class*=pdefault] {
		font-size: 12px;
		line-height: 14px;
	}

}


/*------------------------------------------------------------------------------------------------------*/


/* (en) Media Query 560 */


/* (de) Media Query 560 */


/*------------------------------------------------------------------------------------------------------*/


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

	#footer {
		margin-bottom: 50px;
	}

	.media-service-index #footer {
		display: none;
	}

	.side-slide-mobile-bar {
		display: block;
		height: 50px;
		width: 100%;
		position: fixed;
		bottom: 0;
		background-image: linear-gradient(to top, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
		z-index: 99;
	}

	.side-slide-01.side-slide-content,
	.side-slide-02.side-slide-content,
	.side-slide-03.side-slide-content {
		bottom: 60px;
		top: 0;
	}

	[class*="side-slide-content"] {
		width: 270px;
	}

	.side-slide-button-01 {
		top: auto;
		bottom: 0;
		left: 0;
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
	}

	.side-slide-button-02 {
		top: auto;
		bottom: 0;
		left: 50px;
		border-top-left-radius: 8px;
		border-bottom-left-radius: 0;
		border-top-right-radius: 8px;
		border-bottom-right-radius: 0;
	}

	.side-slide-button-03 {
		top: auto;
		bottom: 0;
		left: 100px;
		border-top-left-radius: 8px;
		border-bottom-left-radius: 0;
		border-top-right-radius: 8px;
		border-bottom-right-radius: 0;
	}

	.side-slide-button-04 {
		top: auto;
		bottom: 0;
		left: 150px;
		border-top-left-radius: 8px;
		border-bottom-left-radius: 0;
		border-top-right-radius: 8px;
		border-bottom-right-radius: 0;
	}

	.position-bottom-right,
	.half-padding .position-bottom-right {
		position: relative;
		bottom: 0;
		right: 0;
	}

	a.logo {
		left: 0;
	}

	#teaser {
		margin-bottom: 12px;
	}

	.ym-wrapper.shadow > img {
		display: none;
	}

	.ym-wbox {
		padding: 12px 12px 0 12px;
	}

	.ym-wbox .page-headline {
		margin: 0 auto 12px auto;
		text-align: center;
	}

	.no-cols {
		padding: 12px 12px 0 12px;
	}

	.divider div {
		margin: 0 0 24px 0;
	}

	.ym-cbox {
		padding: 0 12px 0 12px;
	}

	.ym-cbox-left,
	.ym-cbox-right {
		padding: 12px 12px 0 12px;
	}

	.boxgroup-wrapper {
		margin: 0 -6px;
	}

	.ym-gbox {
		margin: 0 6px;
	}

	.ym-grid-box-padding {
		margin-bottom: 12px;
	}

	.ym-grid-box-padding > [class*="ym-g"] > [class*="ym-g"] {
		margin-left: 12px;
		margin-right: 12px;
		padding-top: 12px;
		padding-right: 12px;
		padding-left: 12px;
	}

	.ym-grid.box-bottom {
		margin-bottom: 12px;
	}

	/* (en) Basic Gid linearize level 2 */
	/* (de) Basic Grid Linearisierungslevel 2 */
	.linearize-level-2.boxgroup-wrapper,
	.linearize-level-2.ym-grid-box-padding {
		margin: 0;
	}

	.linearize-level-2 > [class*="ym-g"] > [class*="ym-g"] {
		margin: 0;
		padding: 0;
	}

	/* (en) Styled Gid linearize level 2 */
	/* (de) Styled Grid Linearisierungslevel 2 */
	.linearize-level-2.ym-grid,
	.linearize-level-2.ym-grid.ym-grid-box-padding,
	.linearize-level-2.ym-grid > [class*="ym-g"] {
		width: auto;
		display: block;
		float: none;
	}

	.linearize-level-1.linearize-center > [class*="ym-g"] > [class*="ym-g"],
	.linearize-level-2.linearize-center > [class*="ym-g"] > [class*="ym-g"] {
		text-align: center;
	}

	.linearize-level-1.ym-grid-box-padding > [class*="ym-g"] > [class*="ym-g"],
	.linearize-level-2.ym-grid-box-padding > [class*="ym-g"] > [class*="ym-g"] {
		margin: 0 0 12px 0;
		padding: 12px 12px 0 12px;
	}

	.linearize-level-1.ym-grid-box-padding > [class*="ym-g"] > [class*="ym-g"].no-padding,
	.linearize-level-2.ym-grid-box-padding > [class*="ym-g"] > [class*="ym-g"].no-padding {
		padding: 0;
	}

	/* (en) Extended Styled Gid linearize level 2 */
	/* (de) Extended Styled Grid Linearisierungslevel 2 */
	.linearize-level-2.box-bottom {
		display: none;
	}

	/* (en) Table Gid linearize level 2 */
	/* (de) Tabellen Grid Linearisierungslevel 2 */
	.linearize-level-2.table-grid-wrapper,
	.linearize-level-2.table-grid {
		margin: 0;
	}

	.linearize-level-2 > .table-grid,
	.linearize-level-2 > .table-grid-row,
	.linearize-level-2 > .table-grid-col[class*="ym-g"] {
		display: block;
		width: 100%;
	}

	.linearize-level-2 > .table-grid-col[class*="ym-g"],
	.linearize-level-1 > .table-grid-col[class*="ym-g"] {
		margin: 0 0 12px 0;
		overflow: hidden;
	}

	.linearize-level-2.linearize-center > .table-grid-col[class*="ym-g"],
	.linearize-level-1.linearize-center > .table-grid-col[class*="ym-g"] {
		text-align: center;
	}

	/* (en) Flex Gid linearize level 2 */
	/* (de) Flex Grid Linearisierungslevel 2 */
	.flex-grid {
		margin: 0 -6px;
	}

	.flex-grid-col-padding.flex-grid {
		margin: 0 -6px;
	}

	[class*="flex-grid-col"][class*="flex-grid-w"] {
		margin: 0 6px 0 6px;
	}

	.flex-grid-box-padding > [class*="flex-grid-col"][class*="flex-grid-w"] {
		padding: 12px 12px 0 12px;
	}

	.flex-grid-box-padding > [class*="flex-grid-col"][class*="flex-grid-w"].add-box-icon {
		padding: 60px 12px 0 12px;
	}

	.flex-grid-col-padding.flex-grid > .flex-grid-col[class*="flex-grid-w"] {
		padding: 0 6px;
	}

	.half-padding .flex-grid-col-padding.flex-grid > .flex-grid-col[class*="flex-grid-w"] {
		padding: 0 6px;
	}

	.linearize-level-1.flex-grid > [class*="flex-grid-col"][class*="flex-grid-w"],
	.linearize-level-2.flex-grid > [class*="flex-grid-col"][class*="flex-grid-w"] {
		width: calc(100% - 12px);
	}

	.linearize-level-1.flex-grid,
	.linearize-level-2.flex-grid {
		margin: 0 -12px;
	}

	.linearize-level-1.linearize-center > [class*="flex-grid-col"][class*="flex-grid-w"] *,
	.linearize-level-2.linearize-center > [class*="flex-grid-col"][class*="flex-grid-w"] * {
		text-align: center;
	}

	.linearize-level-1.linearize-center > [class*="flex-grid-col"][class*="flex-grid-w"] .flow-inline,
	.linearize-level-2.linearize-center > [class*="flex-grid-col"][class*="flex-grid-w"] .flow-inline {
		text-align: right;
		margin-right: -12px;
	}

	#footer .linearize-level-1.linearize-center > [class*="flex-grid-col"][class*="flex-grid-w"] .flow-inline,
	#footer .linearize-level-2.linearize-center > [class*="flex-grid-col"][class*="flex-grid-w"] .flow-inline {
		text-align: center;
		margin-right: 0;
	}

	#footer h4 {
		margin-right: 0;
	}

	.linearize-level-1.linearize-center > [class*="flex-grid-col"][class*="flex-grid-w"] .flow-inline .select2-style-label-center,
	.linearize-level-2.linearize-center > [class*="flex-grid-col"][class*="flex-grid-w"] .flow-inline .select2-style-label-center {
		margin-right: 12px;
	}

	.linearize-level-1 > [class*="flex-grid-col"][class*="flex-grid-w"],
	.linearize-level-2 > [class*="flex-grid-col"][class*="flex-grid-w"] {
		padding: 0;
		margin: 0 12px;
	}

	.linearize-level-1.flex-grid-col-padding > [class*="flex-grid-col"][class*="flex-grid-w"],
	.linearize-level-2.flex-grid-col-padding > [class*="flex-grid-col"][class*="flex-grid-w"] {
		padding: 0 6px;
		margin: 0 6px;
	}

	.linearize-level-1.flex-grid-box-padding > [class*="flex-grid-col"][class*="flex-grid-w"],
	.linearize-level-2.flex-grid-box-padding > [class*="flex-grid-col"][class*="flex-grid-w"] {
		padding: 12px 12px 0 12px;
		margin: 0 12px 12px 12px;
	}

	.linearize-level-1.flex-grid-box-padding > [class*="flex-grid-col"][class*="flex-grid-w"].add-box-icon,
	.linearize-level-2.flex-grid-box-padding > [class*="flex-grid-col"][class*="flex-grid-w"].add-box-icon {
		padding: 60px 12px 0 12px;
		margin: 42px 12px 12px 12px;
	}

	.flex-grid-w20 {
		width: calc(20% - 12px);
	}

	.flex-grid-w25 {
		width: calc(25% - 12px);
	}

	.flex-grid-w33 {
		width: calc(33.3333% - 12px);
	}

	.flex-grid-w38 {
		width: calc(38% - 12px);
	}

	.flex-grid-w40 {
		width: calc(40% - 12px);
	}

	.flex-grid-w50 {
		width: calc(50% - 12px);
	}

	.flex-grid-w60 {
		width: calc(60% - 12px);
	}

	.flex-grid-w62 {
		width: calc(62% - 12px);
	}

	.flex-grid-w66 {
		width: calc(66.6666% - 12px);
	}

	.flex-grid-w75 {
		width: calc(75% - 12px);
	}

	.flex-grid-w80 {
		width: calc(80% - 12px);
	}

	.flex-grid-w100 {
		width: calc(100% - 12px);
	}

	.center-wrapper .center-image-tiles > div {
		padding: 0 6px;
	}

	[class*="flex-tiles"],
	[class*="flex-tiles"].flex-tiles-col-padding {
		margin: 0 -12px 0 -12px;
	}
	
	[class*="flex-tiles"].flex-tiles-tile-padding {
		margin: 0 -12px 12px -12px;
	}

	[class*="flex-tiles"] + [class*="flex-tiles"] {
		margin: 0 -12px 0 -12px;
	}

	.flex-tiles-2-1 > .flex-tile-fixed,
	.flex-tiles-3-2-1 > .flex-tile-fixed,
	.flex-tiles-4-2-1 > .flex-tile-fixed,
	.flex-tiles-4-3-2-1 > .flex-tile-fixed {
		flex: 0 0 100%;
		max-width: 100%;
	}

	[class*="flex-tiles"].flex-tiles-box-padding {
		margin: 0 -12px 0 -12px;
	}

	[class*="flex-tiles"].flex-tiles-img {
		margin: -12px -12px 12px -12px;
	}

	.linearize-center > .flex-tile-fixed > .flex-tile-fill > .flex-tile-fill-content {
		text-align: center;
	}

	.flex-tiles-img > .flex-tile-fixed > .flex-tile-fill > .flex-tile-fill-content {
		padding: 0;
		margin: 12px 12px 0 12px;
	}

	.flex-tiles-col-padding > .flex-tile-fixed > .flex-tile-fill > .flex-tile-fill-content,
	.flex-tiles-tile-padding > .flex-tile-fixed > .flex-tile-fill > .flex-tile-fill-content {
		padding: 0;
		margin: 0 12px;
	}

	.flex-tiles-box-padding > .flex-tile-fixed > .flex-tile-fill > .flex-tile-fill-content,
	.flex-tiles-box-padding > .flex-tile-fixed > .flex-tile-fill > .flex-tile-fill-content.add-flex-button {
		padding: 12px 12px 0 12px;
	}

	.flex-tiles-box-padding > .flex-tile-fixed > .flex-tile-fill > .flex-tile-fill-content.add-box-icon {
		margin: 52px 12px 12px 12px;
		padding: 70px 12px 0 12px;
	}

	.half-padding .flex-tiles-box-padding > .flex-tile-fixed > .flex-tile-fill > .flex-tile-fill-content.add-box-icon {
		padding: 42px 12px 0 12px;
		margin: 60px 6px 12px 6px;
	}

	.flex-tile-fill-box-padding > .flex-tile-fixed > .flex-tile-fill > .flex-tile-fill-content,
	.flex-tile-fill-col-padding > .flex-tile-fixed > .flex-tile-fill > .flex-tile-fill-content,
	.flex-tile-fill-content {
		margin: 0 12px 12px 12px;
	}

	/* (en) Flex Grid Headings level 2 */
	/* (de) Flex Grid Überschriften Linearisierungslevel 2 */
	.ym-grid-box-background.ym-grid-box-padding > [class*="ym-g"] > [class*="ym-g"] > h3,
	.flex-grid-box-background.flex-grid-box-padding [class*="flex-grid-col"][class*="flex-grid-w"] > h3,
	.table-grid-col-wrapper > h3 {
		margin: -12px -12px 12px;
		padding: 4px 12px
	}

	.ym-grid-box-background.ym-grid-box-padding > [class*="ym-g"] > [class*="ym-g"] > h3~*~h3,
	.flex-grid-box-background.flex-grid-box-padding [class*="flex-grid-col"][class*="flex-grid-w"] > h3~*~h3,
	.table-grid-col-wrapper > h3~*~h3 {
		margin: 0 -12px 12px -12px;
	}

	.linearize-level-1 .ym-grid-box-background.ym-grid-box-padding > [class*="ym-g"] > [class*="ym-g"] > h3,
	.linearize-level-1 .flex-grid-box-background.flex-grid-box-padding [class*="flex-grid-col"][class*="flex-grid-w"] > h3,
	.linearize-level-1 .table-grid-col-wrapper > h3,
	.linearize-level-2 .ym-grid-box-background.ym-grid-box-padding > [class*="ym-g"] > [class*="ym-g"] > h3,
	.linearize-level-2 .flex-grid-box-background.flex-grid-box-padding [class*="flex-grid-col"][class*="flex-grid-w"] > h3 .linearize-level-2 .table-grid-col-wrapper > h3 {
		margin: -12px -12px 12px -12px;
		padding: 4px 12px
	}

	.linearize-level-1 .ym-grid-box-background.ym-grid-box-padding > [class*="ym-g"] > [class*="ym-g"] > h3~*~h3,
	.linearize-level-1 .ym-grid-box-background.ym-grid-box-padding > [class*="ym-g"] > [class*="ym-g"] > div+h3,
	.linearize-level-1 .flex-grid-box-background.flex-grid-box-padding [class*="flex-grid-col"][class*="flex-grid-w"] > h3~*~h3,
	.linearize-level-1 .flex-grid-box-background.flex-grid-box-padding [class*="flex-grid-col"][class*="flex-grid-w"] > div+h3,
	.linearize-level-1 .table-grid-col-wrapper > h3~*~h3,
	.linearize-level-1 .table-grid-col-wrapper > div+h3,
	.linearize-level-2 .ym-grid-box-background.ym-grid-box-padding > [class*="ym-g"] > [class*="ym-g"] > h3~*~h3,
	.linearize-level-2 .ym-grid-box-background.ym-grid-box-padding > [class*="ym-g"] > [class*="ym-g"] > div+h3,
	.linearize-level-2 .flex-grid-box-background.flex-grid-box-padding [class*="flex-grid-col"][class*="flex-grid-w"] > h3~*~h3,
	.linearize-level-2 .flex-grid-box-background.flex-grid-box-padding [class*="flex-grid-col"][class*="flex-grid-w"] > div+h3,
	.linearize-level-2 .table-grid-col-wrapper > h3~*~h3,
	.linearize-level-2 .table-grid-col-wrapper > div+h3 {
		margin-top: 0;
	}

	.linearize-level-1 .ym-grid-box-background.ym-grid-box-padding > [class*="ym-g"] > [class*="ym-g"] div ul:not(.tabs-list),
	.linearize-level-1 .box-top .ym-gbox *:last-child,
	.linearize-level-2 .ym-grid-box-background.ym-grid-box-padding > [class*="ym-g"] > [class*="ym-g"] div ul:not(.tabs-list),
	.linearize-level-2 .box-top .ym-gbox *:last-child {
		margin-bottom: 12px;
	}

	.box-top-100 h3 {
		padding: 4px 24px 4px 12px;
	}

	.box-bottom-100 {
		margin: 0 0 12px 0;
	}

	.box-bottom-100-content {
		padding: 12px 12px 0 12px;
	}

	.tile-wrapper {
		margin: 0 0 12px 0;
	}

	.tile-text-only {
		position: static;
		margin: 0 0 30px 0;
	}

	.head-center span.head-text {
		font-size: 32px !important;
		line-height: 30px !important;
	}

	.head-center span.head-text+span.head-text {
		font-size: 20px !important;
		line-height: 24px !important;
	}

	.tile-text-only {
		position: static;
		margin: 0 0 30px 0;
		padding: 0;
	}

	[class*=ym-g] .tile-text-only {
		position: static;
		margin: 0 0 30px 0;
		padding: 0;
		width: 100%;
	}

	.head-center span.head-text {
		font-size: 32px !important;
		line-height: 30px !important;
	}

	.fixed-bg + div {
		padding-bottom: 12px;
	}

	.half-padding .divider div {
		margin: 24px 0;
	}

}


@media screen and (max-width: 360px) {
	
	.hero-image.hero-quotation .ym-wbox > * {
		max-width: 65%;
	}
	
}