/**
 * (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);
	}
}

@media screen {

	#rc-imageselect,
	.g-recaptcha {
		transform:scale(0.76);
		-webkit-transform:scale(0.76);
		transform-origin:0 0;
		-webkit-transform-origin:0 0;
	}

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

	/*------------------------------------------------------------------------------------------------------*/
	/* (en) Formatting YAML's	basic layout elements */
	/* (de) Gestaltung des YAML Basis-Layouts */
	/*------------------------------------------------------------------------------------------------------*/

		/* (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%;
		overflow-y: scroll;	}

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

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

	body.viewport-width {
		padding: 0;
	}

	.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);
	}

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

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

	.ym-wrapper .logo {
		text-align: right;
		padding: 36px 60px 12px 60px;
	}

	.ym-wrapper .logo > a {
		display: block;
	}

	.ym-wrapper .logo > a > img {
		max-width: 250px;
	}

	.ym-wrapper.ocat-index {
		background-color: #fff;
		background-image: url('rafi-index-bg.png');
		background-position: 50% 45px;
		background-repeat: no-repeat;
		background-attachment: fixed;
	}

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

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

	.ocat-index .ym-wbox.half-padding {
		padding: 175px 60px 0 60px;
	}

	/* (en) Header elements */
	/* (de) Header Elemente */

	#header {
		background: transparent;
		margin-top: 24px;
	}

	.viewport-width #header {
		margin: 0;
	}
	
	.header-box {
		padding: 18px 24px;
		background: #fff;
		position: relative;
	}

	.header-box img {
		height: 52px;
	}

	/* (en) Topnav elements */
	/* (de) Topnavigation Elemente */

	.topnav-toggle {
		display: none;
	}

	#topnav {
		background: transparent;
		display: block;
		position: absolute;
		top: 28px;
		right: 24px;
		z-index: 1;
		overflow: hidden;
	}

	.topnav-closed {
		display: block;
	}

	.breadcrumb::before,
	.breadcrumb::after,
	.logo::before,
	.logo::after {
		content: '';
		display: table;
		width: 100%
	}

	.breadcrumb {
		margin: 0;
		overflow: hidden;
		margin: 0 0 24px 0;
		border-radius: 4px;
		/*float: left;*/
		position: absolute;
		top: 4px;
	}

	.breadcrumb li {
		float: left;
		margin: 0;
		padding: 0;
		position: relative;
	}

	.breadcrumb li > * {
		max-width: 175px;
		display: inline-block;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.breadcrumb li.link:after {
		font-family: 'Univers LT Light', sans-serif;
		content: '/';
		padding: 0 6px;
		float: right;
	}

	.breadcrumb li a,
	.breadcrumb li a:visited,
	.breadcrumb li span {
		color: #1d374a;
		-webkit-transition: all 0.3s ease 0s;
		transition: all 0.3s ease 0s;
		border-bottom: 1px solid transparent;
	}

	.breadcrumb li span {
		font-family: 'Univers LT Bold', cnBold, sans-serif;
		font-weight: normal;
	}

	.breadcrumb li a:hover,
	.breadcrumb li a:hover{
		border-bottom: 1px solid #1d374a;
	}
	
	/* (en) userbar */
	/* (de) Benutzerleiste */

	.userbar-wrapper {
		position: relative;
	}

	.userbar {
		display: block;
		position: absolute;
		right: 8px;
		top: -39px;
		z-index: 999;
		margin: 0 46px 0 0;
	}

	.userbar .select2-style-button-box {
		display: inline-block;
	}

	.userbar .button {
		vertical-align: baseline;
		margin: 0;
		padding: 4px 0;
		background: transparent;
		border-color: transparent;
	}

	.userbar .button[class*='icon']::before,
	.userbar .dropdown-button[class*='icon']::before {
		font-size: 18px;
		line-height: 23px;
	}

	.userbar .button:hover {
		background: transparent;
		border-color: transparent;
		color: #ffffff;
	}

	.userbar .dropdown-button[class*='icon']::after {
    content: ' ';
	}

	.userbar .dropdown-button[class*='icon'],
	.userbar .button[class*='icon']{
    padding: 4px;
	}

	.userbar .button.clipboard-list-icon {
    padding: 4px 12px;
		color: #ffffff;
	}	

	.userbar .button.rafi-icon-merkliste {
		color: #ffffff;
	}

	.userbar .dropdown-button {
		margin-bottom: 29px;
		height: 34px;
	}

	.userbar .dropdown-button,
	.userbar .dropdown-button:hover,
	.userbar .dropdown-button:focus {
		background: transparent;
		color: #ffffff;
	}

	.userbar .dropdown-content {
		right: 0;
	}

	.userbar .dropdown-content .button[class*='icon']::before {
		font-size: 24px;
	}
	
	.userbar .dropdown-content::before {
		content: '';
		width: 0;
		height: 0;
		border-style: solid;
		border-color: transparent;
		border-width: 8px 8px 0;
		border-top-color: #1d374a;
		position: absolute;
		right: 6px;
	}

	.userbar .select2-style-input,
	.userbar .select2-style-result {
		background: #fff;
		color: #1d374a;
		border-color: #fff;
	}

	.userbar .select2-style-button-with-input .button {
		background: #eff0f0;
		color: #1d374a;
		border-color: #eff0f0;
	}

	.cart-badge {
		display: block;
		border-radius: 10px;
		background-color: #fff;
		color: #1d374a;
		min-width: 8px;
		min-height: 12px;
		padding: 2px 4px;
		font-size: 10px;
		line-height: 11px;
		position: absolute;
		bottom: 0;
		left: 0;
		text-align: center;
	}
	
	/* (en) teaser */
	/* (de) Teaser-Bereich */

	#teaser {
		background: #fff;
	}

	/* (en) footer and copyright */
	/* (de) Fußzeile und Copyright */

	#footer {
		position: relative;
		padding: 12px;
		margin: 0 60px;
		border-top: 1px solid #1d374a;
	}

	#footer ul {
		margin: 0;
		padding: 0;
	}

	#footer ul::before,
	#footer ul::after {
		content: '';
		display: table;
		width: 100%
	}

	#footer ul li {
		margin: 0;
		padding: 4px 12px;
		float: left;
	}	
	
	.viewport-width #copyright {
		padding: 0 12px 12px 12px;
	}

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

	/*------------------------------------------------------------------------------------------------------*/
	/*
	 * (en) Formatting content container
	 * (de) Formatierung der Inhalts-Container
	 *
	 * |-------------------------------|
	 * | #header											 |
	 * |-------------------------------|
	 * | .ym-col1 | .ym-col3					 |
	 * | 38%			| flexible					 |
	 * |-------------------------------|
	 * | #footer											 |
	 * |-------------------------------|
	 */
	/*------------------------------------------------------------------------------------------------------*/

	.ym-column {
		padding: 0;
		margin: 0;
		position: relative;
	}

	.ym-col1 {
		width: 62%;
	}

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

	.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;
	}

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

	/* (en) Styling of basic equal heights elements */
	/* (de) Gestaltung einfachen Boxen mit gleicher Höhe */
	/*------------------------------------------------------------------------------------------------------*/

	/* (en) Wrapper for basic equal height elements in standard grid */
	/* (de) Wrapper für basic equal height Elemente im Standardgrid */

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

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

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

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

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

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

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

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

	.ym-grid-col-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-col-padding > [class*='ym-g'] > [class*='ym-g'] {
		margin-left: 6px;
		margin-right: 6px;
		padding-top: 12px;
		padding-right: 12px;
		padding-left: 12px;
	}

	.ym-grid-col-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-col-background > [class*='ym-g'] > [class*='ym-g'] {
		border-radius: 0;
		background: #f2f2f2;
	}

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

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

	/* (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-collapse: separate;
		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: #f2f2f2;
	}

	.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;
	}

	/*------------------------------------------------------------------------------------------------------*/
	/* addsearch / autocomplete
	/*------------------------------------------------------------------------------------------------------*/
	.rubrik-active {
		background: #1d374a;
		border: 1px solid #1d374a;
		color: #ffffff;
	}

	.item-highlight em, rafi-addsearch-autocomplete .match-item em {
		background-color: yellow;
		padding: 0 4px;
	}

	.match-item h2 > small {
		font-size: 75%;
	}

	rafi-volltextsuche-result button.search-icon{
		margin: 15px 5px 0 0;
	}

	rafi-addsearch-autocomplete * {
		white-space: normal;
	}

	rafi-addsearch-autocomplete ul {
		max-height: 85vh;
		overflow: auto;
	}

	rafi-addsearch-autocomplete li {
		cursor: pointer;
	}

	rafi-addsearch-autocomplete li.active {
		background-color: #1D374A;
	}

	rafi-addsearch-autocomplete li.active p,
	rafi-addsearch-autocomplete li.active h2,
	rafi-addsearch-autocomplete li.active h2 a,
	rafi-addsearch-autocomplete li.active h2 a:hover{
		color: white;
	}

	rafi-addsearch-autocomplete li.active .match-item em{
		color: #1d374a;
	}

	rafi-addsearch-autocomplete .flex-grid-wrapper {
		margin: 0 -12px;
	}

	rafi-addsearch-autocomplete .flex-grid-col {
		padding: 0;
		margin: 0 12px 12px 12px;
		box-sizing: border-box;
	}

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

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

	rafi-addsearch-autocomplete .dropdown-menu {
		width: 490px;
		padding: 12px;
		left: auto !important;
		right: 0 !important;
	}

	/* (en) Flexbox-Grid Konfiguration */
	/* (de) Flexbox Layout Grid Configuration */
	/*------------------------------------------------------------------------------------------------------*/

	.flex-grid-wrapper {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
				flex-wrap: wrap;
		padding: 0;
		margin: 0 -24px;
	}

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

	.flex-grid-col {
		padding: 0;
		margin: 0 24px 12px 24px;
		box-sizing: border-box;
		/*overflow: hidden;*/
	}

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

	.flex-grid-col-padding > .flex-grid-col {
		border-radius: 0;
		padding: 24px 24px 0 24px;
		margin: 0 12px 24px 12px;
	}

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

	.flex-grid-col-padding > .flex-grid-col.nopadding,
	.half-padding .flex-grid-col-padding > .flex-grid-col.no-padding {
		padding: 0;
	}
	
	.flex-grid-col-background > .flex-grid-col {
		background: #fff;
	}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

	/* (en) adjustment of conent elements within grid colmns */
	/* (de) Ausrichtug der Inhalte innerhalb der Grid-Spalten */
	/*------------------------------------------------------------------------------------------------------*/

	.ym-grid-col-background.ym-grid-col-padding > [class*='ym-g'] > [class*='ym-g'] h3 span.head,
	.flex-grid-col-background.flex-grid-col-padding .flex-grid-col 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-col-background.ym-grid-col-padding > [class*='ym-g'] > [class*='ym-g'] > h3,
	.ym-grid-col-background.ym-grid-col-padding > [class*='ym-g'] > [class*='ym-g'] .cb-live-edit-container > h3,
	.flex-grid-col-background.flex-grid-col-padding > .flex-grid-col > h3,
	.flex-grid-col-background.flex-grid-col-padding > .flex-grid-col .cb-live-edit-container > h3,
	.col-background .table-grid-col-wrapper > h3,
	.col-background .table-grid-col-wrapper .cb-live-edit-container > h3 {
		color: #001489;
		background: #f2f2f2;
		padding: 4px 24px;
		margin: -24px -24px 24px -24px;
		border-bottom-left-radius: 0;
	}

	.half-padding .ym-grid-col-background.ym-grid-col-padding > [class*='ym-g'] > [class*='ym-g'] > h3,
	.half-padding .ym-grid-col-background.ym-grid-col-padding > [class*='ym-g'] > [class*='ym-g'] .cb-live-edit-container > h3,
	.half-padding .flex-grid-col-background.flex-grid-col-padding > .flex-grid-col > h3,
	.half-padding .flex-grid-col-background.flex-grid-col-padding > .flex-grid-col .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-col-background.ym-grid-col-padding > [class*='ym-g'] > [class*='ym-g'] > h3 ~ * ~ h3,
	.flex-grid-col-background.flex-grid-col-padding .flex-grid-col >  h3 ~ * ~ h3,
	.col-background .table-grid-col-wrapper >  h3 ~ * ~ h3 {
		margin: 0 -24px 24px -24px;
		border-radius: 0;
		border: none;
	}

	.half-padding .ym-grid-col-background.ym-grid-col-padding > [class*='ym-g'] > [class*='ym-g'] > h3 ~ * ~ h3,
	.half-padding .flex-grid-col-background.flex-grid-col-padding > .flex-grid-col >  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 */
	/*------------------------------------------------------------------------------------------------------*/

	.flexbox-tiles {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: stretch;
		align-content: flex-start;
		margin: -24px -32px 0 -32px
	}
			
	.flex-item-fixed-3-2-1 {
		flex: 0 0 33.33%;
		max-width: 33.33%
	}
	
	.flex-item-fixed-4-3-2-1 {
		flex: 0 0 25%;
		max-width: 25%;
	}

	.flex-item-dynamic {
		flex: 1 1 auto;
	}
	
	.flex-item-fill {
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: stretch;
		align-content: stretch;
		height: 100%;
	}
	
	.flex-item-fill-content {
		margin: 24px 32px;
		flex: 1 1 auto;
		overflow: hidden;
	}

	.flex-item-fill-content-padding {
		padding: 24px 24px 0 24px;
	}

	/* (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;
		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: #fff;
		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 {
		margin: 0;
		padding: 0;
		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 {
		font-family: 'Univers LT Light', cnRegular, sans-serif;
		font-size: 12px;
		line-height: 24px;
		padding: 2px 24px;
		border-radius: 0;
		background: #1d374a;
		color: #fff;
		border: none;
		margin: 0;
		-webkit-transition: background 0.3s ease, border-radius 0.3s ease, margin 0.3s ease;
		transition: background 0.3s ease, border-radius 0.3s ease, margin 0.3s ease;
		-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;
		box-sizing: border-box;
		border: 1px solid #1d374a;
	}

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

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

	.box-top-100 h3:hover {
		color: #1d374a;
		border: 1px solid #1d374a;
		background: #eff0f0;
	}

	h3.box-close::after {
		font-family: 'Font Awesome 5 Free';
		/*font-weight: 900;*/
		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: 900;*/
		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);
	}

	.box-bottom-100 {
		background: #fff;
		width: 100%;
		margin: 0 0 24px 0;
		/* (en) Bugfix for IE8 for correct rendering of dynamic content */
		/* (de) Bugfix für IE8 für korrektes Rendering bei dynamischem Content */
		overflow: visible;
		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-col-background > [class*=ym-g] > [class*=ym-g] > .box-wrapper-100 .box-bottom-100 {
		background: #fff;
	}

	.jquery-tabs .ym-grid-col-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;
	}

	.box-bottom-100-content .box-top-100 h3,
	.grid-element .box-wrapper-100 .box-top-100 h3 {
		padding: 2px 16px;
		background: transparent;
		color: #1d374a;
		border: 1px solid transparent;
	}

	.box-bottom-100-content h3.box-open::after,
	.box-bottom-100-content h3.box-close::after,
	.grid-element .box-wrapper-100 h3.box-open::after,
	.grid-element .box-wrapper-100 h3.box-close::after {
		right: auto;
		top: 3px;
		left: 0;
	}

	.box-bottom-100-content .box-wrapper-100,
	.grid-element .box-wrapper-100 {
		border-bottom: 1px solid #1d374a;
	}

	.half-padding .item-viewport-main-content .box-bottom-100-content .box-bottom-100 {
		margin: 0;
	}

	/* (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: #001489;
		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 #001489;
		-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 {
		margin: 0;
		padding: 0;
	}

	.half-padding .divider {
		margin: 0;
	}

	.divider div {
		border-bottom: 1px solid #1d374a;
		margin: 0 0 12px 0;
		padding: 0;
		width: 100%;
		line-height: 0
	}

	.half-padding .divider div {
		border-bottom: 2px solid #f2f2f2;
		margin: 0 0 12px 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 {
		/* (en) IE 8 needs font size > 0 for justified alignment */
		/* (de) IE 8 braucht eine Schriftgroesse > 0 für Blocksatz */
		/* font-size: 1px; */
		/* line-height: 0; */
		text-align: justify;
		width: 100%;
	}

	.justify-wrapper a,
	.justify-wrapper div {
		display: inline-block;
		padding: 24px 24px 24px 24px;
	}

	.justify-wrapper img {
		margin: 24px 24px 24px 24px;
		vertical-align: middle;
	}

	.justify-wrapper a img,
	.justify-wrapper div img {
		margin: 0 0 24px 0;
		vertical-align: middle;
	}

	.justify-wrapper span {
		/* (en) Fix for Opera und IE8 */
		/* (de) Fix für Opera und IE8 */
		display: inline-block;
		padding-left: 100%;
	}

	/* (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) Simple vertical centering */
	/*(de) Einfache vertikale Zentrierung */
	/*------------------------------------------------------------------------------------------------------*/

	.center-wrapper {
		text-align: center;
		width: 100%;
		margin: 0 auto;
	}

	.half-padding .image-wrapper.float-left {
		margin: 0 12px 12px 0;
	}

	.center-wrapper .center-content {
		margin: 0;
		display: inline-block;
		max-width: 100%;
	}

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

	.image-center-wrapper {
		line-height: 200px;
		display: block;
		text-align: center;
	}

	.image-center-wrapper > img {
		vertical-align: middle;
	}

	/*(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 */
	/*------------------------------------------------------------------------------------------------------*/

	.tab-tile {
		/*border-bottom: 2px solid #1d374a;*/
	}

	.tab-tile h3.single-line{
		overflow: hidden;
		text-overflow: ellipsis;
		width: 100%;
		height: 55px;
		position: relative;
	}

	.tab-tile h3.single-line span{
		position: absolute;
		bottom: 0;
	}

	.tab-tile-background{
		background-color: #eeeeee;
	}

	.table-center-wrapper {
		display: table;
		height: 180px;
		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) 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) horzontal centering of absolut positioned element with fiexed width */
	/*(de) Horizontale Zentrierung eines absolut positionierten Elements mit fixer Breite */
	/*------------------------------------------------------------------------------------------------------*/

	.absolute-center-fix-width {
		position: absolute;
		left: 50%;
		width: 900px;
		margin-left: -450px;
	}

	/*(en) class to hide element and prevent rendering*/
	/*(de) Klasse, um das Element auszublenden und das Rendering zu verhindern*/
	/*------------------------------------------------------------------------------------------------------*/

	.hide-element,
	.cbprint,
	.invisible {
		display: none !important;
	}

	.show-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 */
	/*------------------------------------------------------------------------------------------------------*/

	.nomargin {
		margin: 0 !important;
	}

	.noborder {
		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;
	}

	.stickem-nav {
		background: #1d374a;
	}

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

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

	.make-nav-sticky {
		margin: 0;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 999;
		width: 100%;
		/*background: #f2f2f2;*/
	}

	/* (en) loading panel popup */
	/* (de) Popup Panel um anzuzeigen, dass Elemente geladen werden */
	/*------------------------------------------------------------------------------------------------------*/


	.loading-overlay {
		z-index: 2147483647;
		top: 50%;
		left: 50%;
		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 */
	/*------------------------------------------------------------------------------------------------------*/

	.side-slide-wrapper {
		overflow: hidden;
		position: relative;
		padding-bottom: 24px;
	}

	[class*='side-slide-content'] {
		position: fixed;
		height: auto;
		background: #fff;
		width: 280px;
		margin-right: -280px;
		right: 0;
		z-index: 502;
		-webkit-transition: -webkit-box-shadow 1s linear;
		transition: box-shadow 1s linear;
		max-height: 600px;
		overflow-y: auto;
		border: 1px solid #1d374a;
		box-sizing: border-box;
		top: 50%;
		-webkit-transform: translate(0,-50%);
		transform: translate(0,-50%);
		}

	[class*='side-slide-content'].expanded {
		-webkit-box-shadow: -1px 1px 5px 0 rgba(50, 50, 50, 0.4);
		box-shadow: -1px 1px 5px 0 rgba(50, 50, 50, 0.4);
	}

	[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: 24px 24px 0 24px;
	}

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

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

	.in-page {
		position: absolute;
	}

	.side-slide-button-01 {
		top: 140px;
		z-index: 500;
		top: 50%;
		-webkit-transform: translate(0,0);
		transform: translate(0,0);
	}

	.side-slide-button-02 {
		top: 191px;
		z-index: 501;
		top: 50%;
		-webkit-transform: translate(0,-120%);
		transform: translate(0,-120%);
	}

	.side-slide-button-03 {
		top: 419px;
		top: 50%;
		z-index: 502;
		-webkit-transform: translate(0,-240%);
		transform: translate(0,-240%);
	}

	.expanded[class*='side-slide-button'] {
		/*right: 0;*/
		right: -1px;
	}

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

	/* (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;
	}
	
	.head-center.text-shadow {
		text-shadow: 0px 0px 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: 'Univers LT Bold', 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: 'Univers LT Light', sans-serif;
		text-transform: none;
		font-size: 35px;
		line-height: 45px;
	}

	.bg-dimming {
		position: absolute;
		top: 0;
		background: transparent;
		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;
		left: 0;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		/*min-height: 170px;
		min-width: 340px;*/
	}

	/* (en) Tabellenlaoyut-Grid Konfiguration */
	/* (de) Table Layout Grid Configuration */
	/*------------------------------------------------------------------------------------------------------*/

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

	.row {
		display: table-row;
	}

	.col {
		display: table-cell;
		vertical-align: middle;
		position: relative;
	}

	.col img {
		box-sizing: border-box;
		border: 1px solid #1d374a;
		width: 100%;
	}

	.col-img-wrapper {
		position: relative;
		box-sizing: border-box;
		border: 1px solid #1d374a;
		text-align: center;
		min-height: 320px;
	}

	.col-img-wrapper img {
		position: absolute;
		border: none;
		width: auto;
		height: auto;
		max-width: 100%;
		max-height: 100%;
		transform: translate(-50%, -50%);
		top: 50%;
		left: 50%;
		padding: 12px
	}

	.col[class*='ym-g'] {
		position: relative;
	}

	.col[class*='ym-g'] .element-positioning {
		display: block;
		position: absolute;
		padding: 0 20% 0 10%;
	}

	.col[class*='ym-g'] .element-positioning a span {
		position: relative;
		display: inline-block;
		background: #fff;
		opacity: 0.3;
		-webkit-transition: all 0.3s ease 0s;
		transition: all 0.3s ease 0s;
		overflow: hidden;
		width: 78px;
		height: 78px;
		border: 1px solid #1d374a;
		vertical-align: bottom;
		padding: 0;
		box-sizing: content-box;
	}

	.col[class*='ym-g'] .element-positioning a span.active-element {
		opacity: 1;
		cursor: pointer;
	}

	.col[class*='ym-g'] .rafi-icon-p1_o,
	.col[class*='ym-g'] .rafi-icon-p1_u {
		position: absolute;
		font-family: 'RAFI_online_ICO';
		color: #1d374a;
		cursor: pointer;
		font-size: 34px;
		line-height: 16px;
		z-index: 1;
		width: 80px;
	}

	.col[class*='ym-g'] .rafi-icon-p1_o.inactive,
	.col[class*='ym-g'] .rafi-icon-p1_u.inactive {
		opacity: 0.4;
		cursor: default;
	}

	.col[class*='ym-g'] .rafi-icon-p1_o {
		top: 0;
		margin: 0 auto;
		text-align: center;
	}

	.col[class*='ym-g'] .rafi-icon-p1_u {
		bottom: 0;
		margin: 0 auto;
		text-align: center;
	}

	.col[class*='ym-g'] .rafi-icon-p1_o::after {
		font-family: 'RAFI_online_ICO';
		content: '\e90f';
		font-size: 65px;
		vertical-align: top;
		margin: 0 0 0 -8px;
	}

	.col[class*='ym-g'] .rafi-icon-p1_u::after {
		font-family: 'RAFI_online_ICO';
		content: '\e912';
		line-height: 25px;
		font-size: 65px;
		vertical-align: bottom;
		margin: 0 0 0 -8px;
	}

	.col[class*='ym-g'] [class*='rafi-icon-p1']::before {
		content:''
	}

	.col[class*='ym-g'] .element-positioning.element-top {
		top: 32px;
	}

	.col[class*='ym-g'] .element-positioning.element-bottom {
		bottom: 32px;
	}

	.col[class*='ym-g'] .element-positioning.element-middle {
		/*top: 50%;*/
		transform: translateY(-50%);
	}

	.col[class*='ym-g'] .element-positioning img {
		height: 80px;
		left: 50%;
		max-width: none;
		width: auto;
		position: absolute;
		transform: translateX(-50%);
		border: none;
	}

	.col[class*='ym-g'] .element-positioning img.center-img {
		height: auto;
		width: auto;
		max-width: 100%;
		max-height: 100%;
		left: 50%;
		top: 50%;
		position: absolute;
		transform: translate(-50%, -50%);
		border: none;
		padding: 4px;
	}

	.icon-bar {
		margin: 0 0 40px 0;
		padding: 0;
		line-height: 0;
		font-size: 0;
		text-align: left
	}

	.icon-bar li {
		display: inline-block;
		padding: 12px 12px 0 0;
	}

	.icon-bar li span {
		display: inline-block;
	}

	.icon-bar img {
			max-height: 63px;
	}

}

/*------------------------------------------------------------------------------------------------------*/
	/* (en) Media Query 1200 */
	/* (de) Media Query 1200 */
	/*------------------------------------------------------------------------------------------------------*/

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

	#header {
		margin-top: 0;
	}

}

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

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

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

	body {
		padding: 0;
	}

	.userbar {
		right: 8px;
		top: 8px;
	}

	.ym-wrapper {
		padding: 48px 0 0 0;
	}

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

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

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

	.make-nav-sticky .shift-wrapper	{
		margin: 0;
		padding: 0;
		max-width: 100%;
	}

	.make-nav-sticky {
		position: static;
	}

	.col[class*='ym-g'] .element-positioning a span {
		width: 58px;
		height: 58px;
	}

	.col[class*="ym-g"] .element-positioning img {
		height: 60px;
	}

	.col[class*="ym-g"] .element-positioning img.center-img {
		height: auto;
	}

	.col[class*='ym-g'] .rafi-icon-p1_o,
	.col[class*='ym-g'] .rafi-icon-p1_u {
		width: 60px
	}


}

	/*------------------------------------------------------------------------------------------------------*/
	/* (en) Media Query 850 */
	/* (de) Media Query 850 */
	/*------------------------------------------------------------------------------------------------------*/

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

	.topnav-toggle {
		display: block;
		position: absolute;
		right: 48px;
		top: 0;
		z-index: 1;
	}
	
	.breadcrumb {
		display: none;
	}

	.ym-wrapper .logo {
		padding: 12px 52px 12px 0;
	}	
	
	.ym-wbox.half-padding {
		padding: 12px 24px 0 24px;
	}

	.ocat-index .ym-wbox.half-padding {
		padding: 120px 24px 0 24px;
	}
	
	.ym-grid-col-padding > [class*="ym-g"] > [class*="ym-g"].no-padding,
	.half-padding .linearize-level-1.ym-grid-col-padding > [class*='ym-g'] > [class*='ym-g'].no-padding,
	.half-padding .linearize-level-2.ym-grid-col-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-col-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-col-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-col-padding > [class*='ym-g'] > [class*='ym-g'] {
		margin: 0 0 24px 0;
		padding: 24px 24px 0 24px;
	}

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

	.linearize-level-1.ym-grid-col-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-col-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;
	}

/* (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;
	}

/* (en) Flex Gid linearize level 1 */
/* (de) Flex Grid Linearisierungslevel 1 */

	.linearize-level-1 > .flex-grid-col {
		width: 100%;
	}

	[class*='side-slide-content'] {
		z-index: 9999;
		max-height: 100vh;
		overflow-y: auto;
		-webkit-transform: translate(0,0);
		transform: translate(0,0);
		}

	.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: 9999;
		background-color: #000;
		opacity: 0.4;
		-webkit-box-shadow: none;
		box-shadow: none;
		border-color: rgba(0, 0, 0, 0.4);
		width: 34px;
		height: 34px;
	}

	[class*="side-slide-button"] [class*="icon"]::before	{
		top: 6px;
		left: 5px;
		text-indent: 0;
		font-size: 24px;		
	}
	
	.side-slide-button-01 {
		top: 48px;
		border-top-left-radius: 0;
		-webkit-transform: translate(0,0);
		transform: translate(0,0);

	}

	.side-slide-button-02 {
		top: 94px;
		-webkit-transform: translate(0,0);
		transform: translate(0,0);

	}

	.side-slide-button-03 {
		top: auto;
		bottom: 44px;
		-webkit-transform: translate(0,0);
		transform: translate(0,0);
		display: none;
	}

	[class*='side-slide-content'] .divider {
		margin: 0 -12px;
		padding: 0;
	}	
	
	.col[class*='ym-g'] .element-positioning {
		padding: 0 0 0 20%;
	}

	.col[class*='ym-g'] .element-positioning a span {
		width: 78px;
		height: 78px;
	}

	.col[class*="ym-g"] .element-positioning img {
		height: 80px;
	}

	.col[class*="ym-g"] .element-positioning img.center-img {
		height: auto;
	}

	.col[class*='ym-g'] .rafi-icon-p1_o,
	.col[class*='ym-g'] .rafi-icon-p1_u {
		width: 80px
	}

	.flex-item-fixed-3-2-1 {
		flex: 0 0 50%;
		max-width: 50%;
	}

}


/*------------------------------------------------------------------------------------------------------*/
/* (en) Media Query 620 */
/* (de) Media Query 620 */
/*------------------------------------------------------------------------------------------------------*/

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

	.col[class*='ym-g'] .element-positioning a span {
		width: 58px;
		height: 58px;
	}

	.col[class*="ym-g"] .element-positioning img {
		height: 60px;
	}

	.col[class*="ym-g"] .element-positioning img.center-img {
		height: auto;
	}

	.col[class*='ym-g'] .rafi-icon-p1_o,
	.col[class*='ym-g'] .rafi-icon-p1_u {
		width: 60px
	}

}


	/*------------------------------------------------------------------------------------------------------*/
	/* (en) Media Query 560 */
	/* (de) Media Query 560 */
	/*------------------------------------------------------------------------------------------------------*/

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

	rafi-addsearch-autocomplete .dropdown-menu {
		width: 240px;
	}

	#topnav {
		padding: 12px 0 0 12px;
	}

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

	#teaser {
		margin-bottom: 12px;
	}

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

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

	.header-box {
		padding: 18px 12px;
	}

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

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

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

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

	#footer {
		padding: 12px;
	}

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

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

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

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

/* (en) Basic Gid linearize level 2 */
/* (de) Basic Grid Linearisierungslevel 2 */

	.linearize-level-2.boxgroup-wrapper,
	.linearize-level-2.ym-grid-col-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-col-padding,
	.linearize-level-2.ym-grid > [class*='ym-g'] {
		width: auto;
		display: block;
		float: none;
	}

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

	.linearize-level-1.ym-grid-col-padding > [class*='ym-g'] > [class*='ym-g'].no-padding,
	.linearize-level-2.ym-grid-col-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;
	}

/* (en) Flex Gid linearize level 2 */
/* (de) Flex Grid Linearisierungslevel 2 */

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

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

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

	.linearize-level-2 .flex-grid-col {
		width: 100%;
	}

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

	.linearize-level-1.flex-grid-col-padding > .flex-grid-col,
	.linearize-level-2.flex-grid-col-padding > .flex-grid-col {
		padding: 12px 12px 0 12px;
		margin: 0 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);
	}

/* (en) Flex Grid Headings level 2 */
/* (de) Flex Grid Überschriften Linearisierungslevel 2 */

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

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

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

	.linearize-level-1 .ym-grid-col-background.ym-grid-col-padding > [class*='ym-g'] > [class*='ym-g'] > h3 ~ * ~ h3,
	.linearize-level-1 .ym-grid-col-background.ym-grid-col-padding > [class*='ym-g'] > [class*='ym-g'] > div + h3,
	.linearize-level-1.flex-grid-col-background.flex-grid-col-padding .flex-grid-col > h3 ~ * ~ h3,
	.linearize-level-1.flex-grid-col-background.flex-grid-col-padding .flex-grid-col > 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-col-background.ym-grid-col-padding > [class*='ym-g'] > [class*='ym-g'] > h3 ~ * ~ h3,
	.linearize-level-2 .ym-grid-col-background.ym-grid-col-padding > [class*='ym-g'] > [class*='ym-g'] > div + h3,
	.linearize-level-2.flex-grid-col-background.flex-grid-col-padding .flex-grid-col > h3 ~ * ~ h3,
	.linearize-level-2.flex-grid-col-background.flex-grid-col-padding .flex-grid-col > 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-col-background.ym-grid-col-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-col-background.ym-grid-col-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;
	}

	.table {
		display: block;
		border-collapse: separate;
		width: 100%;
		margin: 0 0 40px 0;
	}

	.row {
		display: block;
	}

	.col {
		display: block;
		width: 100%;
	}

	.col img {
		max-width: 100%;
	}

	.col-img-wrapper {
		min-height: 0;
	}

	.col-img-wrapper img {
		position: static;
		transform: translateY(0);
		top: inherit;
	}

	.col[class*=ym-g] {
		display: block;
	}

	.col[class*=ym-g] .element-positioning {
		display: block;
		position: static;
		float: left;
		width: 33.33%;
	}

	.col[class*="ym-g"] .element-positioning[class*='rafi-icon-p1_'] {
		position: absolute;
		transform: rotate(-90deg);
		padding: 0;
		width: auto;
		float: none;
	}

	.col[class*="ym-g"] .element-positioning.rafi-icon-p1_o {
		left: -22px;
		top: 30px;
	}

	.col[class*="ym-g"] .element-positioning.rafi-icon-p1_u {
		bottom: 14px;
		right: -25px;
	}

	.col[class*="ym-g"] .rafi-icon-p1_o::after,
	.col[class*="ym-g"] .rafi-icon-p1_u::after {
		margin: 0;
	}

	.col[class*="ym-g"] .element-positioning a {
		display: block;
	}

	.col[class*="ym-g"] .element-positioning.element-top {
		padding: 8px 0 0 0;
		max-height: 80px;
	}

	.col[class*="ym-g"] .element-positioning.element-top a {
		padding: 0 0 0 32px;
	}

	.col[class*="ym-g"] .element-positioning.element-bottom {
		padding: 8px 0 0 0;
		text-align: right;
	}

	.col[class*="ym-g"] .element-positioning.element-bottom a {
		padding: 0 32px 0 0;
	}

	.col[class*="ym-g"] .element-positioning.element-middle {
		padding: 8px 0 0 0;
		text-align: center;
		max-height: 80px;
		top: 0;
		transform: translate(0px, 0px);
	}

	.col[class*=ym-g] .element-positioning.element-top .easyzoom {
		margin: 0 4px 0 0;
	}

	.col[class*=ym-g] .element-positioning.element-bottom .easyzoom {
		margin: 0 0 0 4px;
	}

	.flex-item-fixed-3-2-1 {
		flex: 0 0 100%;
		max-width: 100%;
	}

	.flex-item-fill-content-padding {
		padding: 12px 12px 0 12px;
	}

}